:root{--wine:#850b25;--ink:#302c2b;--paper:#fffdf7;--line:#d8d1c7;--gold:#e7bd56;--green:#466e60}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;font-feature-settings:'palt' 1;font-kerning:normal;letter-spacing:0;font-weight:500;line-height:1.8}h1,h2,h3,h4,strong{font-weight:700;letter-spacing:0}p{line-height:1.8}h2{font-size:clamp(27px,3.5vw,40px);line-height:1.375;margin-bottom:30px}h3{line-height:1.45}button,a{touch-action:manipulation}.sample{background:#f1ede6;font-size:10px;line-height:1.6;padding:7px 20px;color:#6d625c}header{max-width:none;padding:22px max(30px,calc((100vw - 1080px)/2));background:#fffdf7;border:0}header img{width:155px}header>span{font-size:10px;letter-spacing:.08em}main{max-width:1200px;padding:0 60px}.welcome-hero{display:block;position:relative;background:var(--wine);color:#fff8e9;margin:0 calc(50% - 50vw);padding:36px max(30px,calc((100vw - 1080px)/2)) 50px;overflow:hidden;text-align:center}.hero-kicker{font-size:10px!important;letter-spacing:.16em;margin:0 0 28px;opacity:.75}.welcome-scene{position:relative;max-width:760px;margin:0 auto}.speech-bubble{position:relative;border:1.5px solid #fff6e9;border-radius:49% 46% 43% 44% / 44% 46% 45% 43%;padding:42px 70px 48px;min-height:200px;display:grid;place-items:center;transform:rotate(-2deg);z-index:1}.speech-bubble:before{content:'';position:absolute;bottom:-32px;left:37%;width:48px;height:41px;background:var(--wine);border-left:1.5px solid #fff6e9;transform:skew(-25deg) rotate(-19deg)}.speech-bubble:after{content:'';position:absolute;bottom:-3px;left:calc(37% + 12px);width:52px;height:12px;background:var(--wine);transform:rotate(-13deg)}.speech-bubble h1{font-size:clamp(26px,3.4vw,40px);line-height:1.6;margin:0;letter-spacing:0;transform:rotate(2deg)}.speech-bubble h1>span{display:block;font-size:.62em;margin-bottom:12px}.welcome-bird{display:block;width:310px;height:310px;object-fit:contain;margin:30px auto 0;filter:drop-shadow(0 15px 20px #26000c30);position:relative;z-index:1}.scene-spark{position:absolute;color:#e8ba5b;font-size:48px}.spark-one{left:15%;bottom:35%;transform:rotate(18deg)}.spark-two{right:17%;bottom:14%;font-size:35px}.welcome-caption{margin-top:20px}.welcome-caption>p{font-size:18px;line-height:1.9;margin:0 0 26px}.hero-scroll{display:inline-flex;align-items:center;gap:30px;color:#fff8e9;text-decoration:none;font-size:12px;padding-bottom:9px;border-bottom:1px solid #ffffff80}.hero-scroll span{font-size:20px}.mobile-break{display:none}nav{margin-top:35px;border:0;border-bottom:1px solid var(--line)}nav a{font-size:13px;padding:23px 8px}nav a+a{border-left:0}nav b{font-size:11px}.section{padding:110px 0;border-bottom:0}.eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:25px}.assessment-intro{margin:30px 0 48px}.assessment-intro p{font-size:21px;line-height:1.65}.pill{font-size:10px;background:#efe7dc;padding:5px 13px}.english-assessment{padding:38px;border-radius:4px;box-shadow:none}.assessment-heading h3{font-size:27px}.criterion-intro{font-size:15px;line-height:1.6;margin:28px 0}.level-row{border-radius:4px}.level-name strong{font-size:19px}.level-criterion{line-height:1.6}.rubric-note{line-height:1.7}.chameleon-section{margin-top:55px;padding:38px;border-radius:4px;background:#eaf0e9}.chameleon-heading h3{font-size:32px;line-height:1.4}.chameleon-section>p{line-height:1.85}.skill-symbol{font-weight:400}.not-assessed{border-radius:2px;padding:25px}.chameleon-details{padding-top:24px;margin-top:28px}.assessment-reference{margin-top:50px;border-radius:4px;padding:35px;gap:40px}.assessment-reference h3{font-size:26px;line-height:1.5}.map-preview{border-radius:3px}.assessment-overview{padding:55px 0 38px}.assessment-overview h3{font-size:26px;line-height:1.5}.perspectives>div{border-radius:3px;padding:27px}.perspectives strong{font-size:22px}.category{border-radius:3px;padding:30px;background:#f0ece4}.button{border-radius:30px;font-size:14px;line-height:1.6;padding:17px 27px;transition:background .2s,transform .2s}.button:hover{background:#631024;transform:translateY(-2px)}.intro{font-size:16px;line-height:1.8;margin-bottom:40px}.choices{gap:20px;margin:42px 0 28px}.choice{padding:28px 20px;border-radius:4px;transition:background .2s,border-color .2s}.choice span{font-size:12px}.choice strong{font-size:17px;line-height:1.6}.choice small{font-size:11px;line-height:1.6}.choice.active{background:var(--wine)}.path{background:#f2eae1;border-radius:4px;padding:40px}.path h3{font-size:27px}.path-title>p{font-size:15px}.steps{gap:30px;margin-top:36px}.steps h3{font-size:21px}.steps p{font-size:14px;line-height:1.8}.step{font-size:10px;letter-spacing:.06em}.note{border-radius:2px;line-height:1.8}.steps .button{font-size:12px}.textlink{font-size:14px;text-decoration-thickness:1px}.connect-path{background:#eaf0e9}.green{background:var(--green)}.resources>a{padding:25px 8px}.resources strong{font-size:20px}.resources small{font-size:12px;line-height:1.7}.farewell{position:relative;padding:85px 0 100px}.farewell:before{content:'';display:block;width:85px;height:85px;background:url('assets/bird.webp') center/contain no-repeat;margin:0 auto 25px}.farewell h2{font-size:38px;line-height:1.5}.farewell p{font-size:15px}footer{background:var(--wine);color:#fff8e9;padding:30px 6%;border:0;font-size:10px}.map-dialog{border-radius:5px}.map-close{border-radius:30px}@media(max-width:720px){header{padding:18px 25px}header img{width:130px}header>span{font-size:8px}main{padding:0 25px}.welcome-hero{padding:24px 25px 36px}.hero-kicker{font-size:9px!important;margin-bottom:25px}.speech-bubble{padding:29px 18px 33px;min-height:177px;border-radius:44% 47% 45% 43% / 37% 43% 39% 44%}.speech-bubble h1{font-size:25px;line-height:1.6}.speech-bubble h1>span{font-size:16px;margin-bottom:9px}.mobile-break{display:block}.desktop-break{display:none}.speech-bubble:before{left:35%;bottom:-25px;width:32px;height:32px}.speech-bubble:after{left:calc(35% + 8px);width:42px}.welcome-bird{width:225px;height:225px;margin-top:27px}.scene-spark{font-size:28px}.spark-one{left:3%;bottom:26%}.spark-two{right:6%;bottom:9%;font-size:22px}.welcome-caption{margin-top:15px}.welcome-caption>p{font-size:16px;line-height:1.8;margin-bottom:24px}.hero-scroll{font-size:11px;gap:15px}nav{margin-top:18px}nav a{font-size:10px;line-height:1.5;padding:18px 3px}nav b{font-size:10px;margin-bottom:5px}.section{padding:68px 0}h2{font-size:27px;line-height:1.45;margin-bottom:25px}.eyebrow{font-size:9px;margin-bottom:22px}.assessment-intro{margin:25px 0 32px}.assessment-intro p{font-size:18px;line-height:1.65}.english-assessment{padding:23px 12px}.assessment-heading{gap:8px}.assessment-heading .eyebrow{font-size:8px}.assessment-heading h3{font-size:21px}.criterion-intro{font-size:13px;line-height:1.7;margin:20px 0}.demo-caption{font-size:10px;line-height:1.6;padding:8px 10px}.level-row{padding:10px 9px;gap:2px 8px}.level-row.is-current{padding:16px 8px 10px}.level-name strong{font-size:15px}.level-criterion{font-size:11px;line-height:1.5}.chameleon-section{padding:25px 20px;margin-top:35px}.chameleon-heading h3{font-size:24px;line-height:1.5}.chameleon-section>p{font-size:14px}.not-assessed{padding:20px 16px}.not-assessed p{line-height:1.8}.chameleon-details summary{font-size:13px}.assessment-reference{padding:25px 20px;margin-top:35px;gap:24px}.assessment-reference h3{font-size:23px}.assessment-reference p{font-size:14px}.assessment-overview{padding:40px 0 30px}.assessment-overview h3{font-size:22px}.perspectives>div{padding:16px 10px}.perspectives strong{font-size:15px}.perspectives p{font-size:11px;line-height:1.7}.category{padding:22px 18px}.category strong{font-size:17px}.intro{font-size:14px;margin-bottom:30px}.choices{gap:10px;margin-top:30px}.choice{padding:21px 20px}.choice strong{font-size:16px}.path{padding:27px 22px}.path h3{font-size:24px}.path-title>p{font-size:14px}.steps{gap:28px;margin-top:28px}.steps h3{font-size:21px}.steps .button{font-size:13px}.resources>a{padding:22px 4px}.resources strong{font-size:18px}.resources small{font-size:11px}.farewell{padding:55px 0 70px}.farewell h2{font-size:29px}.farewell p{font-size:14px}}@media(max-width:720px) and (max-height:740px){.level-row{padding-top:7px;padding-bottom:7px}.level-row.is-current{padding-top:13px;padding-bottom:7px}.level-criterion{font-size:10.5px;line-height:1.45}}@media(prefers-reduced-motion:reduce){.button,.choice{transition:none}.button:hover{transform:none}}
