@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#cc342e;--ink:#242422;--muted:#656560;--paper:#faf9f6;--line:#deded6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:100}header{height:102px;margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.4px}.logo span{color:var(--red)}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a:hover,nav a[aria-current]{color:var(--red)}.navcta{padding:13px 19px;border:1px solid var(--line);border-radius:5px}.menu{display:none}section{padding:90px 5.5%}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(48px,5.8vw,86px);line-height:1.07;margin:26px 0;font-weight:600}h2{font-size:clamp(32px,3.5vw,49px);line-height:1.15;margin:18px 0 26px;font-weight:500}h3{font-size:24px;letter-spacing:-.04em}em{font-style:normal;color:var(--red)}p{color:var(--muted);line-height:1.75;font-size:17px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:block}.dot{width:7px;height:7px;background:var(--red);border-radius:50%;display:inline-block;margin-right:9px}.hero{min-height:660px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;padding-top:68px;padding-bottom:72px}.hero p{font-size:18px}.actions{display:flex;gap:25px;align-items:center;margin-top:31px;flex-wrap:wrap}.button{border:none;background:var(--ink);color:white;padding:17px 23px;border-radius:5px;display:inline-flex;gap:30px;align-items:center;font-size:14px;cursor:pointer}.button:hover{background:var(--red)}.textlink{font-size:14px;font-weight:600}.textlink:hover{text-decoration:underline}.heronote{font-size:11px;color:var(--muted);margin-top:36px}.composition{height:440px;position:relative}.orbit{position:absolute;width:370px;height:370px;border:1px solid #dedbd2;border-radius:50%;left:10%;top:35px}.tile{position:absolute;border-radius:12px;box-shadow:0 12px 30px #2424220b}.tile small{font-size:8px;letter-spacing:1.5px}.words{width:235px;height:252px;left:10px;top:15px;background:#e9e8df;padding:25px;transform:rotate(-9deg);z-index:2}.words strong{display:block;font-size:43px;margin-top:27px;letter-spacing:-3px}.words strong span{display:block;font-size:11px;letter-spacing:0;font-weight:400;margin:7px 0}.lines{border-top:1px solid #cecec4;padding-top:14px;margin-top:20px;font-size:23px;letter-spacing:10px}.lines b{color:var(--red)}.red{background:var(--red);color:#fff;width:195px;height:211px;right:8px;top:65px;transform:rotate(10deg);padding:22px}.red span{font-size:9px;letter-spacing:1.5px;line-height:1.7}.red strong{display:block;font-size:125px;line-height:1;margin-top:2px;text-align:center;font-weight:400}.paper{bottom:10px;left:26%;background:#fff;width:238px;padding:25px;transform:rotate(4deg);z-index:3;border:1px solid #eceae2}.paper strong{font-size:26px;letter-spacing:-1px;display:block;margin:16px 0}.checks{font-size:11px;line-height:2;color:#656560}.floating{position:absolute;bottom:-19px;right:0;font-size:9px;border:1px solid var(--line);padding:11px 15px;border-radius:30px;background:var(--paper);z-index:4}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;padding:24px 4%;font-size:9px;letter-spacing:1.5px;gap:12px}.strip b{font-size:20px;color:var(--red)}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}.sectionhead p{font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.appcard{display:block;border-bottom:1px solid var(--line);transition:transform .2s}.appcard:hover{transform:translateY(-5px)}.cardvisual{height:240px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:7px;overflow:hidden}.v0{background:#e6e9df}.v1{background:#ebe0d6}.v2{background:#e8e6e2}.v3{background:#e7e6ed}.monogram{font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:62px;background:#faf9f6;border-radius:23px;width:116px;height:116px;display:grid;place-items:center;box-shadow:7px 10px 0 #2424220b;transform:rotate(-8deg);letter-spacing:-5px;color:#444b3c}.v1 .monogram{color:#886147;transform:rotate(6deg)}.v2 .monogram{background:var(--red);color:white;transform:rotate(-6deg)}.visualnote{position:absolute;bottom:16px;font-size:8px;letter-spacing:2px}.cardtext{padding:24px 0}.cardtext .eyebrow{color:var(--muted);font-size:9px}.cardtext h3{display:flex;justify-content:space-between;margin:12px 0}.cardtext h3 span{font-size:19px}.cardtext p{font-size:14px;margin:0}.curriculumbanner{background:#eeede6;display:grid;grid-template-columns:1fr 1fr;gap:60px}.curriculumbanner p{font-size:15px}.lessonart{max-width:400px;align-self:center;justify-self:center;width:100%;padding:18px}.tag{font-size:9px;letter-spacing:2px}.lettercards{display:flex;gap:10px;margin:30px 0}.lettercards span{background:var(--paper);font-size:85px;display:grid;place-items:center;width:110px;height:145px;border-radius:9px;box-shadow:0 6px 0 #dddcd4;transform:rotate(-6deg)}.lettercards span:nth-child(2){transform:rotate(4deg);color:var(--red)}.lettercards span:nth-child(3){transform:rotate(-2deg)}.lessonart p{font-size:12px}.lessonart a{border-top:1px solid #cccac0;margin-top:26px;padding-top:17px;display:flex;justify-content:space-between;font-size:13px}.story{text-align:center;max-width:840px;margin:auto}.story p{font-size:17px;max-width:610px;margin:25px auto}footer{padding:45px 5.5% 25px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:25px}footer p{font-size:13px}footer div{display:flex;gap:24px;margin-left:auto;font-size:12px}footer small{width:100%;border-top:1px solid var(--line);padding-top:25px;font-size:10px;color:var(--muted);margin-top:20px}.pageintro{padding-bottom:50px}.pageintro h1{max-width:1000px}.catalog{padding-top:12px}.controls{display:flex;justify-content:space-between;align-items:end;gap:25px}.controls label{font-size:12px;width:340px}input{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid var(--line);border-radius:5px;background:white}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:11px 20px;cursor:pointer;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:white}#count{font-size:12px;margin:23px 0}.note{font-size:13px;padding:25px 0}.breadcrumb{display:block;font-size:13px;margin-bottom:45px}.detailgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.detail h1{font-size:clamp(40px,5vw,74px);overflow-wrap:anywhere}.detail h2{font-size:29px}.status{font-size:10px;display:inline-block;background:#eeeae0;padding:8px 12px;border-radius:20px}.detail small{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:18px}.detailvisual{border-radius:12px;min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.detailvisual>span{font-size:130px;letter-spacing:-10px}.detailvisual small{text-align:center}.features{background:#eeede6}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.featuregrid article{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:6px}.featuregrid article>span:not(.status){color:var(--red);font-size:12px}.featuregrid p{font-size:14px}.next{display:flex;justify-content:space-between;align-items:center;gap:30px}.subjectgrid{padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.subject{border:1px solid var(--line);padding:40px;border-radius:7px;transition:background .2s}.subject:hover{background:#eeede6}.subject h2{font-size:32px}.subjecticon{font-size:45px;color:var(--red);display:block;margin-bottom:35px}.subject p{font-size:15px}.hubnote{background:#eeede6}.hubnote p{max-width:700px}.resourcearea{padding-top:10px}.activity{padding:40px;margin-top:45px;background:#eeede6;border-radius:8px}.activity p{max-width:780px}.aboutcopy{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:10px}.aboutcopy h2{font-size:40px}[hidden]{display:none!important}@media(min-width:1500px){header,main,footer{max-width:1500px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){nav{gap:18px}.navcta{display:none}.hero{gap:15px}.words{width:190px;left:0}.red{width:155px;right:0}.paper{left:18%;width:210px}.composition{height:425px}.grid{gap:18px}.cardvisual{height:200px}.curriculumbanner{gap:20px}.hero .actions{gap:20px}.orbit{width:280px;height:280px}}@media(max-width:700px){header{height:78px}.logo{font-size:25px}.menu{display:block;border:0;background:none;font-size:24px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px;background:var(--paper);border-bottom:1px solid var(--line);z-index:10;flex-direction:column;align-items:start}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:50px}.hero h1{font-size:57px}.hero p{font-size:16px}.composition{height:390px;width:340px;max-width:100%;margin:28px auto}.words{width:200px}.red{width:165px}.paper{width:210px;left:25%}.floating{bottom:-12px}.strip{flex-wrap:wrap;gap:14px;font-size:8px}.strip span{width:42%;text-align:center}.strip b{display:none}section{padding:60px 6%}.sectionhead{display:block}.sectionhead h2{font-size:38px}.grid{grid-template-columns:1fr}.cardvisual{height:245px}.cardtext{padding:22px 0}.appcard{margin-bottom:12px}.curriculumbanner,.detailgrid,.featuregrid,.subjectgrid,.aboutcopy{grid-template-columns:1fr}.curriculumbanner{gap:40px}.story h2{font-size:35px}.controls{align-items:start;flex-direction:column}.controls label{width:100%}.filters button{padding:10px 15px}.detailgrid{gap:40px}.detailvisual{min-height:280px}.detail h1{font-size:48px}.next{display:block}.next .button{margin-top:15px}.subject{padding:28px}.activity{padding:27px}.aboutcopy{gap:15px}footer{gap:18px}footer div{width:100%;margin:0;flex-wrap:wrap}.pageintro h1{font-size:48px}.pageintro p br{display:none}.actions{align-items:start;flex-direction:column}.button{min-height:48px}}@media print{header,footer,.breadcrumb,.button{display:none}section{padding:15px}body{background:white}.resourcearea>.featuregrid,.resourcearea>h2{display:none}.activity{break-inside:avoid}}
.categoryhero{text-align:center;padding:76px 6% 42px}.categoryhero h1{font-size:clamp(44px,5vw,72px);margin:22px 0}.categoryhero p{font-size:17px;margin:0}.categorysection{padding:12px 5.5% 80px}.categorygrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.categorycard{padding:30px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;background:#efeee8}.categorycard:hover{transform:translateY(-5px);box-shadow:0 12px 22px #2424220a}.category-daily-life{background:#e9ece4}.category-hospitality{background:#eee3da}.categorytop{display:flex;justify-content:space-between;align-items:center;gap:15px}.categorytop>span:last-child{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.categorysymbol{font-family:Manrope,Arial,sans-serif;font-size:34px;letter-spacing:-2px;color:var(--red)}.categorycard h2{font-size:32px;margin:27px 0 12px}.categorycard p{font-size:14px;margin:0 0 27px}.categorybottom{margin-top:auto;padding-top:20px;border-top:1px solid #24242220;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:600}.categorybottom b{font-size:18px}.categorynav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;gap:12px;margin:0 0 32px;padding:0;border:0;background:transparent;align-items:center}.categorynav a{padding:12px 18px;border:1px solid var(--line);border-radius:30px;font-size:13px}.categorynav a[aria-current]{background:var(--ink);color:white}@media(max-width:850px) and (min-width:601px){.categorycard{padding:20px}.categorycard h2{font-size:25px}.categorytop>span:last-child{font-size:7px}.categorybottom{font-size:10px}}@media(max-width:600px){.categoryhero{padding-top:48px;padding-bottom:30px}.categoryhero h1{font-size:43px}.categoryhero p{font-size:15px}.categoryhero p br{display:none}.categorygrid{grid-template-columns:1fr;gap:15px}.categorysection{padding-bottom:50px}.categorycard{padding:24px}.categorycard h2{margin-top:17px}.categorycard p{margin-bottom:18px}.categorynav{display:flex}}
.kago-card{background:#e5f2e9}.kago-card img{width:145px;height:145px;transform:rotate(-7deg)}.shoku-card{background:#f2e9e0}.shoku-card>span{width:230px;height:90px;background:url('/assets/brands/shokunote-brand.png') -168px -27px / 710px auto no-repeat;mix-blend-mode:multiply}
.shoku-card>span{width:230px;height:70px;background-size:985px auto;background-position:-234px -36px}