@font-face{font-family:WhybeSans;src:url('./media/WantedSansVariable.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{--ink:#101412;--paper:#f7f7ef;--mute:#b1b8b2;--lime:#d8f889;--head:76px;--gutter:clamp(24px,5vw,90px);--read:0;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:var(--head)}body{margin:0;background:var(--ink);color:var(--paper);font:450 17px/1.65 WhybeSans,Arial,sans-serif;word-break:keep-all}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:5px}img,video{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:740;line-height:1.16;letter-spacing:-.045em}h1,h2{font-size:clamp(38px,4.45vw,76px)}h3{font-size:clamp(28px,3.5vw,54px)}em{font-style:normal;color:var(--lime)}p{color:var(--mute)}.kicker{color:var(--lime);font-size:13px;letter-spacing:.08em;font-weight:680;line-height:1.5;margin-bottom:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;border:1px solid transparent;border-radius:5px;font-weight:680;font-size:15px;line-height:1.4;text-align:center;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e7ffb9}.button-light{background:#f7f7ef;color:var(--ink)}.button-outline{border-color:#67756d;background:transparent;color:var(--paper)}.button-outline:hover{background:#27332b}.skip{position:fixed;left:20px;top:-80px;z-index:50;background:var(--lime);color:#111;padding:15px}.skip:focus{top:85px}.site-header{height:var(--head);position:fixed;top:0;left:0;width:100%;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);background:linear-gradient(#101412e8,#101412a3);backdrop-filter:blur(12px)}.wordmark{font-size:32px;font-weight:880;letter-spacing:-.065em;display:flex;align-items:baseline;gap:10px}.wordmark span{font-size:11px;letter-spacing:0;font-weight:650;color:#b8c2ba}.site-header nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:620}.site-header nav>a:not(.button){min-height:50px;display:flex;align-items:center}.button-small{min-height:50px;padding:10px 20px}.reading-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--lime);transform:scaleX(var(--read));transform-origin:left}
.hero{height:100svh;min-height:670px;position:relative;overflow:hidden;background:#101412}.hero-scene{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s}.hero-scene.is-active{opacity:1;pointer-events:auto}.hero-video{width:100%;height:100%;object-fit:cover;object-position:60% 45%}.hero-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080d0bed 0%,#080d0b91 34%,transparent 70%),linear-gradient(0deg,#101412 0%,transparent 35%)}.hero-copy{position:absolute;z-index:2;left:var(--gutter);top:35%;width:min(58%,850px)}.hero-copy h1,.hero-copy h2{font-size:clamp(38px,4.3vw,68px)}.hero-copy>p:not(.kicker){font-size:18px;color:#ecede4;margin:22px 0 28px}.hero-controls{position:absolute;z-index:4;bottom:60px;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;gap:40px}.hero-tabs{display:flex;gap:24px;flex:1;max-width:760px}.hero-tabs button{flex:1;min-height:58px;position:relative;padding:15px 0;background:none;border:0;border-bottom:2px solid #ffffff45;text-align:left;font-size:15px;font-weight:650;color:#ffffff8a}.hero-tabs span{font-size:11px;margin-right:12px}.hero-tabs button[aria-pressed=true]{color:#fff}.hero-tabs i{position:absolute;left:0;bottom:-2px;background:var(--lime);height:2px;width:100%;transform:scaleX(0);transform-origin:left}.hero-tabs [aria-pressed=true] i{transform:scaleX(var(--hero-time,0))}#motion-toggle{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:50px;border:1px solid #ffffff70;background:#10141280;border-radius:5px;font-size:13px}.pause-symbol{display:block;width:12px;height:14px;border-left:4px solid;border-right:4px solid}.play-symbol{display:block;width:0;height:0;border-left:12px solid;border-top:7px solid transparent;border-bottom:7px solid transparent}.hero-credit{position:absolute;right:var(--gutter);bottom:18px;z-index:4;font-size:11px;color:#c1c9c1}.discover{position:absolute;left:var(--gutter);bottom:12px;z-index:4;min-height:36px;display:flex;align-items:center;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.cinema{position:relative;height:250svh;--p:0;--reveal:0;--caption:1}.cinema-stage{position:sticky;top:var(--head);height:calc(100svh - var(--head));overflow:hidden;background:#101412}.film-bed,.full-film{position:absolute;inset:0;width:100%;height:100%}.full-film{object-fit:cover;object-position:center}.film-bed:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#101412ed 0%,transparent 60%)}.cinema-caption{position:absolute;left:var(--gutter);bottom:110px;max-width:850px;z-index:3;opacity:var(--caption);transform:translateY(calc((1 - var(--caption))*-32px));pointer-events:none}.cinema-caption h2{font-size:clamp(38px,4vw,64px);text-shadow:0 2px 25px #0006}.cinema-desc{color:#edece6;margin-top:20px;font-size:18px;line-height:1.6}.film-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;z-index:5;display:flex;justify-content:space-between;align-items:end;gap:24px}.take-label>span{font-size:14px;font-weight:700;color:var(--lime)}.take-label>p{color:#ddd;font-size:12px;margin-top:6px}.chapter-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#ffffff20;z-index:10}.chapter-progress i{display:block;width:100%;height:100%;background:var(--lime);transform:scaleX(var(--p));transform-origin:left}.work-film{height:230svh}.work-bed{display:flex}.work-bed .film-lane{height:100%;width:33.333%;max-width:none;object-fit:cover;object-position:center}.work-bed:after{background:linear-gradient(0deg,#101412f5,transparent 65%)}.lane-result{object-fit:contain!important;background:#080a09}.work-film .cinema-caption{bottom:125px;max-width:700px}.work-film .cinema-caption h2{font-size:clamp(34px,3.5vw,55px)}.work-film .film-bottom .button{background:#f7f7efed}.work-film .lane-filming{transform:translateY(calc(var(--p)*-5%))}.work-film .lane-editing{transform:translateY(calc(var(--p)*5%))}.evidence-reveal{position:absolute;inset:0;z-index:4;background:var(--ink);clip-path:inset(calc((1 - var(--reveal))*100%) 0 0 0);display:grid;grid-template-columns:65% 35%;overflow:hidden}.origin-record{position:relative;width:100%;height:100%;display:flex;align-items:center}.origin-record .record{width:100%}.origin-record .record img{max-height:calc(100svh - 150px);object-fit:contain;width:100%}.origin-statement{padding:40px 8% 40px 6%;align-self:center}.origin-statement h3{font-size:clamp(32px,3.7vw,58px);margin:25px 0}.origin-statement>p{font-size:14px;line-height:1.8}.record{margin:0;min-width:0}.record button{position:relative;display:block;padding:0;border:0;background:transparent;width:100%;text-align:left}.record img{width:100%;height:100%;object-fit:contain}.record figcaption{font-size:12px;color:#bcc5bd;line-height:1.5;padding:10px 0}.open-label{position:absolute;right:14px;bottom:14px;font-size:11px;font-weight:680;background:#101412c9;color:#fff;padding:7px 11px;opacity:0;transition:opacity .2s}.record button:hover .open-label,.record button:focus-visible .open-label{opacity:1}.record button:hover img{filter:brightness(1.07)}.scene-source{position:absolute;z-index:8;left:var(--gutter);bottom:13px;font-size:11px;background:#101412c4;padding:3px 8px;color:#e0e5db}
.flow-heading{padding:96px var(--gutter) 50px;max-width:1300px}.flow-heading>p:not(.kicker){font-size:18px;line-height:1.7;margin-top:22px}.flow-heading h2{font-size:clamp(36px,4vw,60px)}.case-flow{position:relative}.client-document{padding:0 var(--gutter) 75px}.document-label{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #445046;padding-bottom:18px;margin-bottom:28px}.document-label b{font-size:clamp(60px,10vw,150px);letter-spacing:-.07em;line-height:1;font-weight:820}.document-label span{color:var(--mute);font-size:13px}.client-spread{display:grid;grid-template-columns:36% 1fr;gap:6vw;align-items:start}.social-proof{max-width:430px;justify-self:center}.social-proof img{max-height:740px}.store-proof{padding-top:60px}.store-proof .record img{max-height:560px}.case-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.output-ribbon{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;align-items:center;padding:50px var(--gutter) 100px}.output-menu{align-self:stretch;display:flex;align-items:center}.output-site video{width:100%;aspect-ratio:16/9;object-fit:contain}.output-site>span{font-size:12px;color:var(--mute);display:block;margin-top:10px}.output-copy{padding-left:20px}.output-copy h3{font-size:clamp(26px,2.6vw,40px)}.output-copy .button{margin-top:24px}.system-document{padding:0 0 60px}.store-contact-sheet{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;overflow:hidden}.store-contact-sheet .record{position:relative;background:#070907}.store-contact-sheet button{height:clamp(260px,31vw,490px)}.store-contact-sheet img{object-fit:contain}.store-contact-sheet figcaption{position:absolute;bottom:12px;left:20px;background:#101412e8;padding:7px 12px;color:white;font-size:13px;pointer-events:none}.system-note{padding:45px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:30px}.system-note p{font-size:20px}.system-note strong{color:#f5f5ec;font-weight:650}.brand-print{display:grid;grid-template-columns:1fr .65fr .65fr;gap:60px;align-items:center;margin:50px var(--gutter)}.brand-print .record img{max-height:480px}.print-copy p:last-child{margin-top:20px}.source-note{font-size:12px;line-height:1.7;color:#97a59b;margin:20px var(--gutter)}.award-reveal{grid-template-columns:40% 60%;padding:32px var(--gutter) 42px;gap:30px;align-items:center}.award-intro h3{margin-bottom:24px}.award-intro .button{margin-top:30px}.award-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:100%;align-items:center}.award-pair img{height:calc(100svh - 210px);object-fit:contain}.award-pair figcaption{font-size:14px;color:#e5ebe0}.class-reveal{grid-template-columns:60% 40%;grid-template-rows:1fr 110px;gap:3px}.class-main,.class-secondary{min-height:0;display:flex;align-items:center}.class-main .record{width:100%}.class-main img{max-height:calc(100svh - 220px);object-fit:contain}.class-main figcaption,.class-secondary figcaption{padding:7px 18px}.class-secondary{display:grid;grid-template-rows:1fr 1fr;gap:8px;align-items:center;padding:12px 0}.class-secondary img{max-height:calc((100svh - 300px)/2)}.class-statement{grid-column:1/-1;display:flex;align-items:start;justify-content:space-between;padding:10px var(--gutter) 25px;gap:30px}.class-statement h3{font-size:29px}.class-statement>p{font-size:13px;padding-top:5px}.learning-bridge{padding:80px var(--gutter) 50px;position:relative}.learning-bridge h2{font-size:clamp(36px,4vw,60px)}.trust-records{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:40px;align-items:center;max-width:1200px;margin:70px auto 0}.trust-records img{max-height:300px}.learning-bridge>.source-note{margin:25px 0 0}
.contact{padding:90px var(--gutter) 60px;border-top:1px solid #435348;background:#18251c}.contact-heading{margin-bottom:48px}.contact-heading h2{font-size:clamp(38px,4.5vw,70px)}.contact-heading>p:last-child{margin-top:22px}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:6vw}.need-picker{border:0;padding:0;margin:0}.need-picker legend{font-size:13px;margin-bottom:16px;color:#bdcbbd}.need-option{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:20px 12px;border-top:1px solid #516252;cursor:pointer;position:relative;min-height:86px}.need-option:last-child{border-bottom:1px solid #516252}.need-option input{position:absolute;opacity:0;left:4px;top:4px}.need-option:has(:checked){background:#d8f88912;color:var(--lime)}.need-option:has(:focus-visible){outline:3px solid var(--lime);outline-offset:3px}.need-option b{font-size:18px;font-weight:650;display:block}.need-option small{font-size:12px;color:#afc1ae;display:block;margin-top:3px}.radio-mark{width:22px;height:22px;flex:0 0 22px;border:1px solid #9aaa99;border-radius:50%}.need-option:has(:checked) .radio-mark{border:6px solid var(--lime);background:#18251c}.contact-route{border-top:2px solid var(--lime);padding:22px 0 0;scroll-margin-top:calc(var(--head) + 15px)}.route-brand{display:block;color:var(--lime);font-size:13px;margin-bottom:12px;font-weight:650}.contact-route h3{font-size:30px;margin-bottom:18px}.contact-route>p{font-size:16px;color:#c6d0c3}.contact-route dl{font-size:14px;margin:24px 0}.contact-route dl>div{display:grid;grid-template-columns:85px 1fr;gap:15px;padding:12px 0;border-top:1px solid #ffffff20}.contact-route dt{color:#97b096}.contact-route dd{margin:0}.contact-route>.button{width:100%;margin-top:10px;min-height:54px}.contact-email{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:60px;padding-top:35px;border-top:1px solid #ffffff25;font-size:13px}.contact-email a{min-height:50px;display:flex;flex-direction:column;justify-content:center;text-decoration:underline;text-underline-offset:6px}.contact-email a span{font-size:16px;font-weight:600}footer{padding:35px var(--gutter);display:flex;gap:40px;justify-content:space-between;align-items:center}footer p{font-size:11px}.top-link{min-height:50px;display:flex;align-items:center;font-size:13px}.dialog-open{overflow:hidden}dialog{width:min(1050px,94vw);max-width:none;height:90svh;padding:0;border:1px solid #526157;background:#101412;color:#fff;z-index:50}dialog::backdrop{background:#050806e8;backdrop-filter:blur(8px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:15px;border-bottom:1px solid #333}.dialog-bar p{font-size:14px;color:#fff}.dialog-bar button{background:#e5fac1;color:#111;min-height:50px;min-width:70px;border:0;padding:10px}.dialog-bar+#record-content{height:calc(100% - 80px);padding:14px}#record-content img,#record-content video{width:100%;height:100%;object-fit:contain}
@media(max-width:1000px){:root{--head:68px;--gutter:32px}.site-header nav{gap:20px}.hero-copy{top:38%;width:85%}.hero-scene:after{background:linear-gradient(0deg,#101412 5%,#101412d9 28%,transparent 75%)}.hero-video{object-position:60% 35%}.hero-controls{gap:20px}.hero-tabs{gap:15px}.hero-tabs button{font-size:13px}.hero-tabs span{margin-right:6px}.origin-statement h3{font-size:34px}.evidence-reveal{grid-template-columns:58% 42%}.award-reveal{grid-template-columns:32% 68%;gap:20px}.award-intro h3{font-size:34px}.class-reveal{grid-template-columns:58% 42%}.output-ribbon{grid-template-columns:1fr 1fr}.output-copy{grid-column:1/-1;padding:20px 0 0;display:flex;align-items:center;gap:30px}.output-copy .kicker{display:none}.output-copy h3{font-size:30px}.output-copy h3 br{display:none}.brand-print{gap:30px}.contact-layout{gap:35px}.trust-records{gap:25px}}
@media(max-width:600px){:root{--head:62px;--gutter:22px}body{font-size:15px;line-height:1.65}.wordmark{font-size:27px}.wordmark span{display:none}.site-header nav{gap:13px;font-size:12px}.site-header nav>a:nth-child(2),.site-header nav>a:nth-child(3){display:none}.site-header .button{padding:10px 15px;font-size:12px}.hero{height:100svh;min-height:640px}.hero-video{height:61%;top:var(--head);position:absolute;object-fit:cover;object-position:52% 40%}.hero-scene[data-hero="1"] .hero-video{object-position:48% 40%}.hero-scene:after{background:linear-gradient(0deg,#101412 0%,#101412 34%,transparent 66%)}.hero-copy{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:166px}.hero-copy h1,.hero-copy h2{font-size:30px;line-height:1.22;letter-spacing:-.045em}.hero-copy .kicker{font-size:11px;margin-bottom:12px}.hero-copy>p:not(.kicker){font-size:14px;line-height:1.5;margin:14px 0 18px}.hero-copy .button{min-height:50px;padding:12px 20px;font-size:14px}.hero-controls{bottom:57px;left:22px;right:22px;gap:12px;align-items:center}.hero-tabs{gap:10px}.hero-tabs button{min-height:55px;font-size:12px;line-height:1.5;padding:12px 0}.hero-tabs span{display:block;font-size:10px;line-height:1;margin-bottom:8px}.hero-tabs button:nth-child(2){flex:1.2}#motion-toggle{padding:10px 13px;min-width:50px;justify-content:center}.motion-label{display:none}.hero-credit{bottom:16px;font-size:9px;right:22px}.discover{font-size:10px;bottom:10px;left:22px;min-height:34px}.cinema{height:230svh}.cinema-stage{height:calc(100svh - var(--head));min-height:560px}.cinema-caption{left:22px;right:22px;bottom:110px;max-width:none}.cinema-caption h2{font-size:30px;line-height:1.2}.cinema-caption .kicker{font-size:11px;margin-bottom:13px}.cinema-desc{font-size:14px;margin-top:17px;line-height:1.65}.full-film{height:64%;object-position:50% 42%;object-fit:cover}.film-bed:after{background:linear-gradient(0deg,#101412 0%,#101412 29%,transparent 64%)}.work-film{height:205svh}.work-bed .lane-filming,.work-bed .lane-editing{display:none}.work-bed .lane-result{width:100%;height:100%;object-fit:contain!important;transform:none}.work-bed:after{background:linear-gradient(0deg,#101412e8 0%,transparent 44%,#1014125c 100%)}.work-film .cinema-caption{bottom:auto;top:30px;left:22px;right:22px}.work-film .cinema-caption h2{font-size:29px}.work-film .cinema-desc{font-size:14px}.film-bottom{left:22px;right:22px;bottom:24px;display:block}.take-label>span{font-size:13px}.take-label>p{font-size:10px;line-height:1.5;max-width:290px}.film-bottom .button{margin-top:14px;min-height:50px;font-size:12px;padding:12px 18px}.evidence-reveal{display:flex;flex-direction:column;justify-content:center;padding:16px 0 26px;gap:0}.origin-record{height:auto;display:block}.origin-record img{max-height:43svh!important;object-fit:contain}.origin-record figcaption{padding:9px 22px;font-size:11px}.origin-statement{padding:12px 22px 18px;width:100%;display:grid;grid-template-columns:1fr;align-self:stretch}.origin-statement>p:first-child{font-size:12px;color:var(--lime)}.origin-statement h3{font-size:30px;line-height:1.14;margin:9px 0 12px}.origin-statement h3 br:nth-child(2){display:none}.origin-statement>p:last-child{font-size:12px;line-height:1.6}.flow-heading{padding:62px 22px 34px}.flow-heading h2{font-size:32px}.flow-heading>.kicker{font-size:11px}.flow-heading>p:not(.kicker){font-size:14px;margin-top:20px}.client-document{padding:0 22px 45px}.document-label{padding-bottom:15px;margin-bottom:22px}.document-label b{font-size:62px}.document-label span{font-size:10px;text-align:right}.client-spread{display:block}.social-proof{width:70%;max-width:300px;margin:0 auto}.social-proof img{max-height:540px}.store-proof{padding-top:30px}.store-proof .record img{max-height:none}.case-actions{gap:10px;margin-top:20px}.case-actions .button{flex:1;min-width:140px;font-size:12px;padding:12px 15px}.record figcaption{font-size:11px}.open-label{opacity:1;font-size:9px;right:8px;bottom:8px;padding:6px 8px}.output-ribbon{padding:20px 22px 55px;gap:20px;grid-template-columns:1fr 1fr}.output-copy{display:block;grid-column:1/-1;padding:10px 0 0}.output-copy h3{font-size:28px}.output-copy h3 br{display:none}.output-copy .button{font-size:13px}.output-site>span{font-size:10px}.store-contact-sheet{gap:2px}.store-contact-sheet button{height:170px}.store-contact-sheet figcaption{left:5px;bottom:5px;font-size:10px;padding:4px 7px}.store-contact-sheet .open-label{display:none}.system-note{padding:28px 22px;display:block}.system-note p{font-size:15px}.system-note .button{margin-top:22px;font-size:13px}.brand-print{margin:28px 22px;grid-template-columns:1fr 1fr;gap:20px}.print-copy{grid-column:1/-1}.print-copy h3{font-size:29px}.print-copy h3 br{display:none}.print-copy p:last-child{font-size:12px;margin-top:12px}.brand-print .record img{max-height:270px}.source-note{font-size:10px;margin:18px 22px}.system-document{padding-bottom:20px}.award-reveal{padding:20px 22px 35px;gap:18px;justify-content:center}.award-intro{order:2}.award-intro .kicker{font-size:11px;margin-bottom:10px}.award-intro h3{font-size:28px;margin-bottom:10px}.award-intro h3 br{display:none}.award-intro p:not(.kicker){font-size:12px}.award-intro p br{display:none}.award-intro .button{margin-top:16px;min-height:50px;font-size:12px}.award-pair{gap:12px;height:auto}.award-pair img{height:39svh;max-height:340px}.award-pair figcaption{font-size:10px;padding-top:7px}.scene-source{left:15px;bottom:8px;font-size:9px;max-width:calc(100% - 30px)}.class-reveal{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:10px 0 30px;gap:10px;align-content:center}.class-main{display:block}.class-main img{max-height:29svh}.class-main figcaption,.class-secondary figcaption{font-size:10px;padding:7px 12px}.class-secondary{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:0;gap:3px}.class-secondary img{max-height:18svh}.class-statement{grid-column:1;display:block;padding:10px 22px 0}.class-statement h3{font-size:26px}.class-statement>p{font-size:11px;margin-bottom:8px}.learning-bridge{padding:55px 22px 35px}.learning-bridge h2{font-size:31px}.learning-bridge .kicker{font-size:11px}.trust-records{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.trust-records>.record:first-child{grid-column:1/-1;max-width:190px;justify-self:center}.trust-records img{max-height:200px}.trust-records>.record:first-child img{max-height:230px}.contact{padding:55px 22px 35px}.contact-heading{margin-bottom:30px}.contact-heading h2{font-size:34px}.contact-heading>p{font-size:14px}.contact-layout{display:block}.need-picker legend{font-size:12px}.need-option{padding:17px 12px;min-height:75px}.need-option b{font-size:16px}.need-option small{font-size:11px}.contact-route{margin-top:35px;padding-top:22px}.contact-route h3{font-size:28px}.contact-route>p{font-size:14px}.contact-route dl{font-size:12px}.contact-route dl>div{grid-template-columns:70px 1fr;gap:12px}.contact-route>.button{font-size:13px}.contact-email{display:block;margin-top:35px;padding-top:25px}.contact-email p{font-size:12px}.contact-email a{margin-top:18px;font-size:12px}.contact-email a span{font-size:15px}footer{padding:30px 22px;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer p{grid-column:1/-1;font-size:10px;grid-row:2}.top-link{justify-self:end}.dialog-bar{padding:10px 12px}.dialog-bar p{font-size:12px}.dialog-bar+#record-content{padding:8px}}
@media(max-width:600px) and (max-height:750px){.hero-copy{bottom:150px}.hero-copy h1,.hero-copy h2{font-size:28px}.hero-copy>p:not(.kicker){margin:11px 0 14px;font-size:13px}.hero-copy .kicker{margin-bottom:10px}.hero-video{height:58%}.hero-controls{bottom:50px}.hero-credit{bottom:10px}.discover{bottom:4px}.cinema-caption{bottom:80px}.cinema-caption h2{font-size:28px}.cinema-desc{font-size:13px;margin-top:14px}.origin-statement h3{font-size:27px}.origin-record img{max-height:35svh!important}.award-reveal{gap:10px;padding-top:12px}.award-pair img{height:35svh}.award-intro h3{font-size:26px}.class-statement h3{font-size:24px}.class-reveal{gap:4px}.class-main img{max-height:28svh}.class-secondary img{max-height:15svh}.class-statement>p{margin-bottom:5px}}
.hero-video{position:absolute;top:var(--head);height:calc(100% - var(--head))}.work-film .lane-result{object-position:center}.work-film .cinema-caption{max-width:48%}.award-pair img{clip-path:inset(2.5% 0 4%)}
@media(min-width:601px) and (max-width:1000px){.cinema{height:calc(100svh + 750px)}.cinema-stage{height:calc(100svh - var(--head))}.work-bed .lane-editing,.work-bed .lane-filming{display:none}.work-bed .lane-result{width:100%}.work-film .cinema-caption{max-width:90%;top:35px;bottom:auto}.award-pair img{height:calc(100svh - 210px)}.class-reveal{grid-template-columns:1fr;grid-template-rows:auto auto 105px;align-content:center;padding-top:15px}.class-main{display:block}.class-main img{max-height:440px}.class-main figcaption{text-align:center}.class-secondary{grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:4px 20px;gap:20px}.class-secondary img{max-height:210px}.class-statement h3{font-size:27px}.class-statement{padding-top:15px}.origin-record .record img{max-height:600px}}
@media(max-width:600px){.hero-video{height:61%}.cinema:not(.work-film){height:calc(100svh + 520px)}.cinema:not(.work-film) .cinema-stage{height:min(660px,calc(100svh - var(--head)));min-height:560px}.work-film .cinema-caption{max-width:none}.work-bed:after{background:linear-gradient(0deg,#101412ec 0%,transparent 43%,#101412a8 100%)}.origin-record img{max-height:34svh!important}.origin-statement h3{font-size:29px}.award-pair img{height:34svh}.class-main img{max-height:27svh}.class-secondary img{max-height:15svh}.class-reveal{gap:5px}.hero-video{object-position:51% 40%}}
@media(max-width:600px) and (max-height:750px){.hero-video{height:58%}.origin-record img{max-height:33svh!important}.class-main img{max-height:26svh}.class-secondary img{max-height:14svh}.award-pair img{height:33svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-tabs [aria-pressed=true] i{transform:scaleX(1)}.cinema,.cinema:not(.work-film){height:auto}.cinema-stage,.cinema:not(.work-film) .cinema-stage{position:relative;top:0;height:auto;min-height:0;overflow:visible}.film-bed{position:relative;height:65svh;min-height:420px}.cinema-caption{opacity:1!important;transform:none!important;top:50px!important;bottom:auto!important}.evidence-reveal{position:relative;inset:auto;clip-path:none!important;min-height:70svh}.cinema-stage:has(.evidence-reveal) .film-bed:after{background:linear-gradient(#101412bb,transparent)}.work-film .cinema-stage{height:85svh;min-height:600px}.work-film .film-bed{height:100%}.work-film .cinema-caption{top:25px!important}.scene-source{bottom:5px}.chapter-progress{display:none}.work-bed .film-lane{transform:none!important}.class-reveal{padding-top:35px;padding-bottom:50px}.award-reveal{padding-top:40px;padding-bottom:50px}}

/* One media plane per story. Existing records enter the action, never a second gallery page. */
:root{--gutter:clamp(24px,5.2vw,88px)}
.hero-video{object-position:65% center}.hero-copy{top:34%;width:65%}.hero-copy h1,.hero-copy h2{font-size:clamp(38px,4.3vw,65px)}
.hero-scene:after{background:linear-gradient(90deg,#0b1511e8,transparent 86%),linear-gradient(0deg,#101412bd,transparent 30%)}
.story{position:relative;height:290svh;--p:0;--a:0;--b:0;--c:0;--hero-out:1;--g:0}.story-stage{position:sticky;top:var(--head);height:calc(100svh - var(--head));overflow:hidden;background:#292e26;isolation:isolate}
.production{height:330svh}.learning{height:320svh}
.scene-video{height:100%;width:100%;object-fit:cover;object-position:center}
.film-tint{position:absolute;inset:0;background:linear-gradient(0deg,#101412e8 0%,transparent 65%);pointer-events:none}
.story-position{position:absolute;left:var(--gutter);right:var(--gutter);bottom:19px;display:flex;justify-content:space-between;gap:20px;color:#fff;z-index:10;pointer-events:none;font-size:12px;text-shadow:0 1px 8px #000}.story-position .source{color:#e0e5db;font-size:10px;text-align:right}
.production-film,.experience-action,.selling-action,.learning-action{position:absolute;inset:0}.production-film{display:flex;justify-content:center;background:#263225}.production-film:before{content:'';position:absolute;inset:0;background:url('./media/work-filming.jpg') center/cover;filter:blur(40px);opacity:.4}.work-reel{position:relative;width:100%;height:100%;object-fit:contain}
.production-copy,.experience-hook,.selling-hook,.learning-hook{position:absolute;z-index:2;left:var(--gutter);bottom:90px;max-width:760px;opacity:var(--hero-out);transform:translateY(calc((1 - var(--hero-out))*-35px));pointer-events:none}.story h2{font-size:clamp(36px,4.1vw,64px);line-height:1.2}.production-copy>p:last-child,.experience-hook>p:last-child,.selling-hook>p:last-child,.learning-hook>p:last-child{color:#f4f4e9;margin-top:22px;font-size:18px}.production-copy{bottom:auto;top:50px;width:42%;max-width:600px}.production-copy h2{font-size:clamp(32px,3.4vw,52px)}.production-film .film-tint{background:linear-gradient(90deg,#142217d9,transparent 65%),linear-gradient(0deg,#0b150bb3,transparent 30%)}
.production-output{position:absolute;z-index:3;right:var(--gutter);top:28%;width:25%;opacity:var(--a);transform:translateY(calc((1 - var(--a))*20px));pointer-events:none}.production-output h3{font-size:clamp(30px,3vw,47px)}.production-output p:not(.kicker){font-size:15px;color:#e8eddd;margin:20px 0}.production-output .button{pointer-events:auto}
.jogane-scene{position:absolute;inset:0;z-index:5;clip-path:inset(0 0 0 calc((1 - var(--b))*100%));background:#ebe8dd;color:#16201a;overflow:hidden}.jogane-title{position:absolute;left:var(--gutter);top:10%;width:35%;z-index:2}.jogane-title .kicker{color:#4b6146}.jogane-title h3{font-size:clamp(33px,4vw,58px)}.jogane-title em{color:#415a2b}.jogane-title>p:last-child{color:#4c574d;font-size:15px;margin-top:20px}.jogane-scroll{position:absolute;left:48%;right:3%;top:0;bottom:0;transform:translateY(calc(var(--g)*-24%));display:flex;align-items:flex-start;gap:28px;padding:40px 0}.jogane-social{width:42%;flex-shrink:0;transform:translateY(calc(var(--g)*-18%));box-shadow:0 20px 60px #132c2024}.jogane-shop{width:85%;flex-shrink:0;margin-top:35%;transform:translateX(calc(var(--g)*-50%));box-shadow:0 20px 60px #132c2033}.jogane-scene .record figcaption{color:#364738}.jogane-end{position:absolute;left:var(--gutter);bottom:85px;width:38%;display:flex;flex-wrap:wrap;gap:12px}.jogane-end .button{background:#283c2c;color:#fff;font-size:13px;min-height:50px}.production:has(.jogane-scene:not([inert])) .story-position{color:#1c3321;text-shadow:none}.production:has(.jogane-scene:not([inert])) .story-position .source{color:#4c5b4c}
.work-seam{display:grid;grid-template-columns:1fr 1.5fr 1.2fr;align-items:center;background:#e8e4d8;color:#18261c;gap:30px;padding:32px var(--gutter);overflow:hidden}.seam-food .record{display:flex;align-items:center;gap:16px}.seam-food .record button{width:145px;flex-shrink:0}.seam-food .record img{aspect-ratio:1;object-fit:cover;border-radius:50%}.seam-food .record figcaption{color:#43513f;font-size:12px}.seam-site{display:flex;align-items:center;gap:16px}.seam-site video{width:60%;aspect-ratio:16/9;object-fit:contain}.seam-site>span{font-size:12px;color:#43513f}.seam-copy p{color:#43513f;font-size:13px}.seam-copy a{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:19px;font-weight:700;min-height:64px;border-bottom:1px solid #455e42}.seam-copy a span{font-size:26px}
.experience-action{transform:translateX(calc(var(--a)*-12%))}.origin-scene{position:absolute;inset:0;clip-path:inset(0 calc((1 - var(--a))*100%) 0 0);z-index:3;background:#33312a}.origin-scene>.record{height:100%;position:relative}.origin-scene>.record button{height:100%}.origin-scene>.record img{object-fit:cover;object-position:center 45%}.origin-scene>.record:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#161a15db,transparent 65%);pointer-events:none}.origin-scene figcaption{position:absolute;left:var(--gutter);top:25px;color:#fff;z-index:1}.origin-copy{position:absolute;bottom:95px;left:var(--gutter);z-index:2;color:white;pointer-events:none}.origin-copy>span{font-size:18px;color:#e6edc7}.origin-copy h3{font-size:clamp(40px,6.5vw,98px);margin-top:20px;letter-spacing:-.055em}.system-scene{position:absolute;inset:0;z-index:4;clip-path:inset(0 0 calc((1 - var(--b))*100%) 0);background:#ebe8dd}.store-film{position:absolute;top:0;bottom:0;left:0;display:flex;width:200%;transform:translateX(calc(var(--g)*-50%));gap:0;opacity:.8}.store-still{width:25%;height:100%;flex-shrink:0;position:relative}.store-still button{height:100%}.store-still img{object-fit:cover;object-position:center}.store-still figcaption{position:absolute;top:24px;left:30px;padding:6px 10px;background:#17261ccf;color:white;font-size:13px}.system-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101b13f0,#101b13bb 45%,#101b1333),linear-gradient(0deg,#101b13f0,transparent 60%)}.system-copy{position:absolute;left:var(--gutter);bottom:80px;z-index:2;max-width:800px}.system-copy h3{font-size:clamp(36px,4.2vw,66px)}.system-copy>p:not(.kicker){font-size:19px;line-height:1.7;color:#f1f5e8;margin:20px 0}.career-caption{font-size:12px;color:#c4cfbc;line-height:1.8;border-left:2px solid #d8f889;padding-left:15px;margin:20px 0}.system-copy .button{font-size:14px}
.selling-action{transform:translateX(calc(var(--a)*-12%))}.selling-proof{position:absolute;inset:0;z-index:3;clip-path:inset(0 0 0 calc((1 - var(--a))*100%));background:linear-gradient(90deg,#183322e8,#14291b77);display:flex;align-items:center;padding:40px var(--gutter) 70px;gap:7vw}.award-tape{height:100%;display:flex;gap:30px;width:54%;align-items:center}.award-tape .record{height:90%;width:50%;transform:translateY(calc((1 - var(--b))*12%))}.award-tape .record:nth-child(2){transform:translateY(calc((1 - var(--b))*-12%))}.award-tape .record button{height:calc(100% - 40px)}.award-tape .record img{object-fit:contain}.award-tape figcaption{font-size:13px;color:white}.selling-answer{width:39%}.selling-answer h3{margin:20px 0 30px}.selling-answer p{font-size:14px;color:#e2e9d8}.selling-answer .button{font-size:14px}
.learning-action{transform:translateY(calc(var(--a)*-10%))}.class-film{position:absolute;inset:0;z-index:3;clip-path:inset(calc((1 - var(--a))*100%) 0 0 0);background:#202a22}.class-take{position:absolute;inset:0;opacity:0;transition:opacity .45s}.class-take.is-active{opacity:1}.class-take .record{height:100%;position:relative}.class-take .record button{height:100%}.class-take .record img{object-fit:cover;object-position:center 40%}.class-take .record:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#142016f2 0%,#1420167a 35%,transparent 70%);pointer-events:none}.class-take figcaption{display:none}.class-note{position:absolute;bottom:180px;left:var(--gutter);right:var(--gutter);pointer-events:none}.class-note>span{font-size:14px;color:var(--lime);display:block;margin-bottom:20px}.class-note h3{font-size:clamp(38px,5vw,76px);max-width:1100px}.learning-cta{position:absolute;left:var(--gutter);right:var(--gutter);bottom:67px;z-index:5;display:flex;align-items:center;gap:14px;opacity:var(--a);pointer-events:none}.learning-cta p{font-size:12px;color:#e0e7d7;max-width:250px;margin-right:auto}.learning-cta .button{font-size:13px;pointer-events:auto}.learning-cta .button:last-child{border:1px solid #d8f889;background:transparent;color:#d8f889}
.contact{position:relative;background:#e8eddf;color:#17291d;border-top:0}.contact em,.contact .kicker{color:#4d6a2b}.contact p{color:#596553}.contact .need-option{border-color:#b5c2a8}.contact .need-option:has(:checked){background:#243c28;color:#e2f5ce}.contact .need-option small{color:#5f7055}.contact .need-option:has(:checked) small{color:#bcd3af}.contact .need-picker legend{color:#455c38}.contact .contact-route{border-color:#334e2b}.contact .route-brand{color:#4b6d2b}.contact .contact-route>p{color:#526448}.contact .contact-route dl>div{border-color:#34462b30}.contact .contact-route dt{color:#557046}.contact .contact-route>.button-lime{background:#263e2b;color:#f5f8e8}.contact .button-outline{border-color:#63765a;color:#284223}.contact .button-outline:hover{background:#d3dfc7}.contact .contact-email{border-color:#53684950}.contact input:focus-visible,.contact a:focus-visible{outline-color:#355126}
.career-archive{padding:0 var(--gutter) 35px;background:#e8eddf;color:#243e28}.career-archive summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:64px;border-top:1px solid #74856970;font-size:14px;font-weight:650}.career-archive summary span{font-size:12px}.archive-records{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding:30px 0}.archive-records img{height:290px;object-fit:contain}.archive-records figcaption{color:#48613e}.career-archive details>p{font-size:12px;color:#4a6042}
.origin-scene>.record button,.class-take .record button{display:flex;align-items:flex-start;justify-content:center}.origin-scene>.record img,.class-take .record img{position:relative;z-index:1}.origin-scene>.record:after,.class-take .record:after{z-index:2}.origin-copy,.class-note{z-index:3}.origin-scene>.record button:before,.class-take .record button:before{content:'';position:absolute;inset:-30px;background:inherit;background-size:cover;background-position:center;filter:blur(25px);opacity:.55}.origin-scene>.record button{background-image:url('../whybe/tokyo-kitchen-8pyeong.jpg');background-size:cover}.class-take[data-class="0"] .record button{background-image:url('../whybe/lecture-hyeonpung.jpg');background-size:cover}.class-take[data-class="1"] .record button{background-image:url('../whybe/lecture-yeungnam.jpg');background-size:cover}.class-take[data-class="2"] .record button{background-image:url('../whybe/lecture-andong.jpg');background-size:cover}.origin-scene .open-label,.class-take .open-label{z-index:5;top:20px;bottom:auto}.origin-scene figcaption{z-index:5}
@media(max-width:1000px){.hero-copy{width:85%}.production-copy{width:70%}.production-output{right:32px;top:auto;bottom:90px;width:45%;padding:22px;background:#17271cd9}.jogane-title{width:42%}.jogane-title h3{font-size:38px}.jogane-scroll{left:52%;right:-5%;gap:20px}.jogane-social{width:65%}.jogane-shop{width:110%;margin-top:85%;transform:translateX(calc(var(--g)*-75%))}.jogane-end{width:45%}.work-seam{grid-template-columns:1fr 1fr;gap:24px}.seam-copy{grid-column:1/-1}.system-copy h3{font-size:47px}.award-tape{width:56%;gap:15px}.selling-proof{gap:30px}.selling-answer{width:40%}.selling-answer h3{font-size:35px}.class-note h3{font-size:50px}.learning-cta{flex-wrap:wrap}.learning-cta p{flex-basis:100%;max-width:none}.class-note{bottom:220px}}
@media(max-width:600px){
 .hero{height:100svh;min-height:640px}.hero-video{top:var(--head);height:calc(100% - var(--head));width:100%;object-fit:cover;object-position:center top}.hero-scene:after{background:linear-gradient(0deg,#102218f5 0%,#102218e8 18%,#102218b8 42%,transparent 80%)}.hero-copy{top:auto;bottom:165px;width:auto}.hero-copy h1,.hero-copy h2{font-size:31px;line-height:1.2}.hero-copy>p:not(.kicker){font-size:14px}.hero-controls{bottom:58px}.hero-tabs button{font-size:11px}.hero-credit{font-size:8px}.hero-copy .kicker{font-size:10px}
 .story{height:295svh}.production{height:340svh}.learning{height:335svh}.story-stage{height:calc(100svh - var(--head));min-height:0}.scene-video{object-fit:cover;object-position:center}.story-position{left:22px;right:22px;bottom:14px;display:block;font-size:10px;line-height:1.6}.story-position .source{display:block;font-size:8px;text-align:left;color:#ced7c3}.production-copy,.experience-hook,.selling-hook,.learning-hook{left:22px;right:22px;bottom:105px;max-width:none}.story h2{font-size:31px;line-height:1.22}.story .kicker{font-size:10px;margin-bottom:14px}.production-copy>p:last-child,.experience-hook>p:last-child,.selling-hook>p:last-child,.learning-hook>p:last-child{font-size:14px;margin-top:18px}.production-copy{top:25px;bottom:auto;width:auto}.production-copy h2{font-size:29px}.production-film .film-tint{background:linear-gradient(0deg,#112117bd,transparent 35%,#112117c9 100%)}.production-output{left:22px;right:22px;top:auto;bottom:65px;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;padding:17px;background:#15251ce8}.production-output .kicker{grid-column:1/-1;margin:0;font-size:9px}.production-output h3{font-size:24px}.production-output p:not(.kicker){font-size:11px;margin:5px 0}.production-output .button{grid-column:1/-1;font-size:12px;min-height:50px;padding:10px;margin-top:6px}.work-reel{object-fit:cover}.jogane-scene{clip-path:inset(0 0 calc((1 - var(--b))*100%) 0)}.jogane-title{left:22px;right:22px;top:22px;width:auto}.jogane-title h3{font-size:29px}.jogane-title>p:last-child{font-size:11px;margin-top:12px}.jogane-scroll{left:22px;right:22px;top:185px;bottom:140px;transform:none;padding:0;gap:18px;align-items:start;overflow:visible}.jogane-social{width:46%;transform:translateY(calc(var(--g)*-15%));margin-left:0}.jogane-shop{width:85%;margin-top:22%;transform:translateX(calc(var(--g)*-60%));background:#ebe8dd}.jogane-scroll figcaption{font-size:9px}.jogane-end{left:22px;right:22px;bottom:62px;width:auto;flex-wrap:nowrap;gap:8px}.jogane-end .button{font-size:11px;line-height:1.4;padding:10px;flex:1;box-shadow:0 8px 25px #25351f20}.production:has(.jogane-scene:not([inert])) .story-position{font-size:9px}.work-seam{grid-template-columns:1fr 1fr;gap:18px;padding:25px 22px}.seam-food .record{display:block}.seam-food .record button{width:100px;margin:auto}.seam-food .record figcaption{font-size:9px;text-align:center}.seam-food .open-label{display:none}.seam-site{display:block}.seam-site video{width:100%}.seam-site>span{font-size:9px;display:block;margin-top:10px}.seam-copy p{font-size:11px}.seam-copy a{font-size:16px;min-height:55px}
 .experience-hook,.selling-hook,.learning-hook{bottom:110px}.origin-scene>.record img{object-fit:contain;object-position:center 10%;height:64%}.origin-scene>.record button{height:100%;background:#242c22}.origin-scene>.record:after{background:linear-gradient(0deg,#242c22 35%,transparent 80%)}.origin-scene figcaption{left:22px;top:18px;font-size:10px;background:#102317a8;padding:4px 8px}.origin-copy{left:22px;bottom:95px}.origin-copy>span{font-size:15px}.origin-copy h3{font-size:43px;margin-top:18px}.system-scene:after{background:linear-gradient(0deg,#15291cf5 0%,#15291ced 38%,#15291c38 77%)}.store-film{width:400%;height:53%;opacity:1;transform:translateX(calc(var(--g)*-75%))}.store-still{width:25%}.store-still img{object-fit:contain;object-position:center top;background:#1b2e21}.store-still figcaption{top:15px;left:22px;font-size:11px}.system-copy{left:22px;right:22px;bottom:70px;max-width:none}.system-copy h3{font-size:31px}.system-copy .kicker{font-size:10px;max-width:290px}.system-copy>p:not(.kicker){font-size:13px;line-height:1.7;margin:15px 0}.career-caption{font-size:10px;margin:15px 0;padding-left:12px}.system-copy .button{font-size:12px;min-height:50px;padding:12px 18px}
 .selling-proof{padding:25px 22px 60px;display:block;background:linear-gradient(0deg,#173b29f7,#173b297d)}.award-tape{height:56%;width:100%;gap:20px;align-items:center}.award-tape .record{height:100%;width:50%}.award-tape .record button{height:calc(100% - 36px)}.award-tape figcaption{font-size:9px;padding-top:8px}.selling-answer{width:auto;position:absolute;left:22px;right:22px;bottom:70px}.selling-answer p{font-size:11px}.selling-answer h3{font-size:31px;margin:15px 0 20px}.selling-answer .button{font-size:12px;min-height:50px}
 .class-take .record img{height:60%;object-fit:contain;object-position:center top;background:#263c2e}.class-take .record:after{background:linear-gradient(0deg,#203b2af5 0%,#203b2a 36%,transparent 80%)}.class-note{left:22px;right:22px;bottom:215px}.class-note>span{font-size:12px;margin-bottom:12px}.class-note h3{font-size:32px;line-height:1.2}.learning-cta{left:22px;right:22px;bottom:66px;gap:10px}.learning-cta p{font-size:9px;line-height:1.6;width:100%;flex-basis:100%;margin:0}.learning-cta .button{font-size:11px;min-height:50px;flex:1;padding:10px}.career-archive{padding:0 22px 25px}.career-archive summary{font-size:12px}.career-archive summary span{font-size:10px}.archive-records{grid-template-columns:1fr;gap:25px}.archive-records img{height:260px}.contact-heading h2{font-size:33px}.contact .contact-route>p{font-size:14px}
}
@media(max-width:600px) and (max-height:750px){.hero-copy{bottom:148px}.hero-copy h1,.hero-copy h2{font-size:28px}.hero-copy>p:not(.kicker){font-size:13px;margin:12px 0 16px}.hero-controls{bottom:50px}.hero-video{height:calc(100% - var(--head))}.jogane-title{top:18px}.jogane-title h3{font-size:27px}.jogane-title .kicker{margin-bottom:8px}.jogane-scroll{top:156px;bottom:135px}.system-copy h3{font-size:28px}.system-copy>p:not(.kicker){font-size:12px;margin:12px 0}.system-copy .kicker{margin-bottom:10px}.career-caption{margin:12px 0}.origin-copy h3{font-size:38px}.award-tape{height:49%}.selling-answer h3{font-size:29px}.class-note{bottom:195px}.class-note h3{font-size:29px}.learning-cta{bottom:63px}.story h2{font-size:28px}.production-copy h2{font-size:27px}.production-output h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.story,.production,.learning{height:auto}.story-stage{position:relative;top:0;height:auto;overflow:visible}.production-film,.experience-action,.selling-action,.learning-action{position:relative;height:70svh;min-height:420px;transform:none}.production-copy,.experience-hook,.selling-hook,.learning-hook{top:35px;bottom:auto;opacity:1!important;transform:none!important}.production-output{display:none}.jogane-scene,.origin-scene,.system-scene,.selling-proof,.class-film{position:relative;inset:auto;clip-path:none!important;min-height:800px}.jogane-scene{height:850px}.jogane-title{top:30px}.origin-scene{height:750px}.system-scene{height:800px}.store-film{transform:none!important;display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;opacity:.6}.store-still{width:100%;height:auto;min-height:0}.store-still img{object-fit:contain}.selling-proof{height:800px}.class-film{height:auto}.class-take{position:relative;opacity:1!important;height:650px}.class-note{bottom:100px}.learning-cta{position:relative;bottom:auto;left:auto;right:auto;opacity:1!important;padding:25px var(--gutter);background:#203b2a;pointer-events:auto}.story-position{position:relative;bottom:auto;left:auto;right:auto;padding:16px var(--gutter);background:#203b2a}.chapter-progress{display:none}.class-take[inert]{pointer-events:auto}.jogane-social,.jogane-shop,.award-tape .record{transform:none!important}.jogane-scroll{overflow:hidden}.jogane-shop{margin-left:-8%}.jogane-end{bottom:40px}.archive-records img{height:260px}}
@media(max-width:600px){.origin-scene>.record button{background-image:url('../whybe/tokyo-kitchen-8pyeong.jpg');background-size:cover}.class-take .record img{height:61%;object-position:center top}.class-note{bottom:205px}.system-copy{background:transparent}.store-film .open-label{display:none}}
/* Match the portrait edit to the social post, then open the actual shop to viewport width. */
.jogane-scene{background:#e7e6de}.jogane-title{top:28px;left:var(--gutter);right:var(--gutter);width:auto;display:flex;align-items:start;justify-content:space-between;gap:24px}.jogane-title h3{font-size:clamp(26px,3.1vw,44px)}.jogane-title h3 br{display:none}.jogane-title .kicker{max-width:190px;font-size:11px;margin:8px 0 0}.jogane-title>p:last-child{margin:8px 0 0;font-size:12px;max-width:200px}.jogane-scroll{left:0;right:0;top:125px;bottom:130px;padding:0;display:block;transform:none;overflow:hidden}.jogane-social{position:absolute;left:calc(50% - 15% - var(--g)*31%);top:0;width:30%;max-width:none;transform:scale(calc(1 - var(--g)*.1)) translateY(calc(var(--g)*-14%));transform-origin:top center;box-shadow:none}.jogane-shop{position:absolute;left:calc(100% - var(--g)*97%);top:0;width:94%;margin:0;transform:none;box-shadow:-25px 0 70px #34402c20;background:#e7e6de}.jogane-shop img{width:100%;height:auto;transform:translateY(calc(var(--g)*-8%))}.jogane-shop button{overflow:hidden;max-height:calc(100svh - 310px)}.jogane-scroll figcaption{display:none}.jogane-end{left:var(--gutter);right:var(--gutter);bottom:62px;width:auto;justify-content:flex-end}.jogane-end .button{font-size:13px}.jogane-title h3 em{color:#415a2b}
@media(max-width:600px){.jogane-title{display:block;top:20px;left:22px;right:22px}.jogane-title .kicker{margin:0 0 10px;max-width:none;font-size:9px}.jogane-title h3{font-size:27px}.jogane-title h3 br{display:block}.jogane-title>p:last-child{font-size:10px;margin-top:10px;max-width:none}.jogane-scroll{top:182px;bottom:140px}.jogane-social{width:62%;left:calc(19% - var(--g)*69%);transform:translateY(calc(var(--g)*-12%))}.jogane-shop{width:100%;left:calc(100% - var(--g)*100%);top:5%;box-shadow:none}.jogane-shop button{max-height:none}.jogane-shop img{transform:none}.jogane-end{left:22px;right:22px;bottom:62px}.jogane-end .button{font-size:11px}.class-take .record:after{background:linear-gradient(0deg,#193a28f5 0%,#193a28c9 43%,transparent 78%)}.origin-scene>.record:after{background:linear-gradient(0deg,#14291ce8 0%,#14291caa 40%,transparent 80%)}.class-note{bottom:205px}}
@media(max-width:600px) and (max-height:750px){.jogane-scroll{top:168px;bottom:130px}.jogane-title h3{font-size:25px}.class-note{bottom:195px}}
@media(prefers-reduced-motion:reduce){.jogane-scene{height:auto;min-height:0;padding:30px var(--gutter)}.jogane-title{position:relative;inset:auto;display:block}.jogane-title h3{margin:15px 0}.jogane-scroll{position:relative;inset:auto;overflow:visible;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:25px;margin:30px 0}.jogane-social,.jogane-shop{position:relative;inset:auto;transform:none!important;width:100%;margin:0}.jogane-shop button{max-height:none}.jogane-shop img{transform:none}.jogane-end{position:relative;inset:auto;justify-content:start}.jogane-scroll figcaption{display:block}.store-film{z-index:0}}
@media(prefers-reduced-motion:reduce){.story-stage{overflow:hidden}.origin-scene,.class-take{overflow:hidden}.production-copy{max-width:calc(100% - 44px)}.jogane-title{right:auto;width:100%}}
@media(prefers-reduced-motion:reduce){.film-tint{background:linear-gradient(180deg,#101e17d9 0%,#101e17a8 40%,transparent 85%)}.production-film .film-tint{background:linear-gradient(180deg,#101e17d9 0%,#101e1788 45%,transparent 85%)}}

/* v16: scrolling selects scenes; copy is laid out outside production media. */
.scroll-hero{height:290svh;min-height:0;overflow:visible}.hero-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:#14241b;touch-action:pan-y}.hero-paging{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:12px;display:flex;align-items:center;justify-content:space-between}.hero-paging>span{font-size:12px;color:#d9e3ce}.hero-paging button{min-height:50px;background:transparent;border:0;color:#fff;font-size:13px;font-weight:650;padding:0 10px}.hero-paging button span{font-size:21px;padding-left:15px}.hero-controls{bottom:76px}.hero-credit{top:calc(var(--head) + 15px);bottom:auto}.hero-tabs [aria-pressed=true] i{transform:scaleX(1)}.hero-copy{top:34%}.hero-stage .hero-scene{transition:opacity .32s}.hero-copy .button{min-height:52px}
.journey{position:relative;--p:0;--making:1;--publish:0;--channels:0;--shop:0;--system:0;--proof:0;--travel:0;height:330svh}.journey-stage{position:sticky;top:var(--head);height:calc(100svh - var(--head));overflow:hidden;isolation:isolate;background:#15241c}.process-header{height:76px;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;background:#122118;position:relative;z-index:10;border-bottom:1px solid #ffffff16}.process-header>span{font-size:13px;font-weight:650;color:#d8f889}.process-header nav{display:flex;gap:22px}.process-header nav button{background:none;border:0;border-bottom:2px solid transparent;min-height:58px;padding:12px 0;font-size:13px;color:#9eaf9d}.process-header nav button[aria-pressed=true]{color:#e5f4d2;border-color:#d8f889}.process-media{position:absolute;top:76px;bottom:175px;left:0;right:0;overflow:hidden;background:#0b1711}.making-plane,.published-plane{position:absolute;inset:0}.making-plane{opacity:var(--making)}.making-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s}.making-video[data-make-video="1"]{opacity:0}.making-plane[data-editing=true] .making-video[data-make-video="0"]{opacity:0}.making-plane[data-editing=true] .making-video[data-make-video="1"]{opacity:1}.media-source{position:absolute;bottom:12px;left:var(--gutter);font-size:10px;background:#102519ce;padding:5px 9px;color:#e6eddd}.published-plane{opacity:var(--publish);z-index:2}.jogane-player{position:absolute;top:0;bottom:0;height:100%;aspect-ratio:9/16;max-width:100%;left:calc(50% - var(--channels)*25%);transform:translateX(-50%) scale(calc(1 - var(--shop)*.35));transform-origin:50% 90%;transition:left .3s,transform .3s;z-index:4;background:#101e16}.jogane-player iframe{width:100%;height:100%;border:0;display:block;position:relative;z-index:2}.jogane-player iframe{pointer-events:none}.embed-fallback{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;z-index:1;background:#16291b}.embed-fallback img{width:100%;height:100%;object-fit:contain}.embed-fallback a{position:absolute;bottom:20px;left:12px;right:12px;padding:15px 10px;min-height:50px;text-align:center;background:#d8f889;color:#16251b;font-size:13px;font-weight:700}.jogane-player[data-error=true] iframe{opacity:0}.jogane-player[data-error=true] .embed-fallback{z-index:5}.embed-play{position:absolute;bottom:16px;left:15px;right:15px;border:0;background:#d8f889;color:#172d1d;min-height:50px;font-size:13px;font-weight:700;z-index:6;display:none}.jogane-player[data-play-required=true] .embed-play{display:block}.channel-flow{position:absolute;left:55%;right:7%;top:50%;transform:translateY(-50%);opacity:var(--channels);padding:15px}.channel-flow>p{font-size:20px;line-height:1.5;color:#b8c8b2;margin-bottom:20px}.channel-flow strong{color:#fff;font-weight:650}.channel-flow a{display:flex;align-items:center;gap:20px;border-top:1px solid #60715a;min-height:75px;font-size:27px;font-weight:650}.channel-flow a>span{font-size:11px;color:#aec299}.channel-flow a>small{font-size:11px;color:#bed4ad;margin-left:auto}.channel-flow a:hover{color:#d8f889}.shop-plane{position:absolute;inset:0 0 0 37%;z-index:3;background:#e8e6dd;clip-path:inset(0 0 0 calc((1 - var(--shop))*100%));overflow:hidden;padding:20px 28px}.shop-plane .record img{width:100%;height:auto;object-fit:contain;transform:translateY(calc(var(--travel)*-12%))}.shop-plane .record button{max-height:calc(100svh - 390px);overflow:hidden}.shop-plane figcaption{color:#38503b;font-size:12px}.shop-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #839176}.shop-caption span{font-size:12px;color:#51614a}.shop-caption b{font-size:21px;color:#1d331e;line-height:1.4;font-weight:650}.process-footer{position:absolute;left:0;right:0;bottom:0;height:175px;background:#152a1e;padding:22px var(--gutter) 28px;display:flex;align-items:center;gap:40px;z-index:10}.process-copy-stack{position:relative;flex:1;height:125px}.process-copy{position:absolute;inset:0;display:none}.process-copy.is-active{display:block}.process-copy>span{font-size:11px;color:#a9c38f;display:block;margin-bottom:8px}.process-copy h2{font-size:clamp(27px,3vw,43px);line-height:1.16}.process-copy h2 br{display:none}.process-copy p{font-size:13px;color:#b9cdb0;margin-top:10px}.process-footer>.button{font-size:14px;flex-shrink:0}.work-journey .chapter-progress{z-index:12}
.system-journey{height:310svh}.system-action,.system-shade{position:absolute;inset:0}.system-video{height:100%;width:100%;object-fit:cover;object-position:center}.system-shade{background:linear-gradient(90deg,#0b1a13e8,transparent 92%),linear-gradient(0deg,#0b1a13f7,transparent 75%)}.system-opening{position:absolute;z-index:2;left:var(--gutter);top:12%;opacity:calc(1 - var(--system));max-width:750px;pointer-events:none}.system-opening h2{font-size:clamp(37px,5vw,75px)}.system-opening>p:not(.kicker){font-size:19px;line-height:1.7;color:#e0e9d6;margin-top:24px}.system-opening small{display:block;margin-top:32px;font-size:13px;color:#b7c9a5;line-height:1.8}.system-build{position:absolute;left:var(--gutter);right:var(--gutter);top:8%;z-index:3;opacity:var(--system);pointer-events:none}.system-task{position:relative;display:grid;grid-template-columns:45px 350px 1fr;align-items:center;gap:20px;max-width:1000px;padding:22px 0;border-top:1px solid #bfd8a247;opacity:.25;transform:translateX(-25px);transition:opacity .4s,transform .4s}.system-task.is-built{opacity:1;transform:none}.system-task>span{font-size:12px;color:#d8f889}.system-task h3{font-size:32px;line-height:1.25}.system-task p{font-size:15px;max-width:360px;color:#d4dfc9}.system-build .button{margin-top:24px;pointer-events:auto;font-size:13px}.career-evidence{position:absolute;left:var(--gutter);right:var(--gutter);bottom:30px;z-index:5;display:flex;align-items:center;gap:30px;opacity:var(--proof);transform:translateY(calc((1 - var(--proof))*80px));pointer-events:none}.career-evidence>div:first-child{flex:0 0 220px}.career-evidence span{font-size:11px;color:#abc791}.career-evidence b{display:block;font-size:25px;line-height:1.3;margin-top:12px}.career-contact{display:flex;flex:1;gap:12px;min-width:0}.career-contact .record{flex:1;min-width:0;pointer-events:auto}.career-contact .record button{height:125px}.career-contact .record img{object-fit:contain;background:#122719a1}.career-contact figcaption{font-size:10px;color:#b9c9ad}.career-contact .open-label{font-size:9px;padding:4px 7px;right:3px;bottom:3px}
@media(max-width:1000px){.process-header{padding:0 30px;gap:20px}.process-header nav{gap:18px}.process-copy h2{font-size:29px}.process-copy h2 br{display:block}.process-footer{height:185px;gap:20px}.process-media{bottom:185px}.process-footer>.button{max-width:180px;font-size:12px}.channel-flow{left:52%;right:3%;padding:10px}.channel-flow a{font-size:23px;gap:10px}.channel-flow a>small{font-size:9px}.channel-flow>p{font-size:18px}.shop-plane{padding:15px;left:40%}.shop-caption{display:block}.shop-caption b{display:block;font-size:18px;margin-top:10px}.system-task{grid-template-columns:35px 1fr;gap:5px 15px;padding:18px 0;max-width:650px}.system-task p{grid-column:2;font-size:14px;max-width:none}.system-task h3{font-size:29px}.career-evidence{display:block}.career-evidence>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.career-evidence b{font-size:18px;margin:0}.career-evidence b br{display:none}.career-contact .record button{height:110px}}
@media(max-width:600px){.scroll-hero{height:285svh}.hero-stage{height:100svh;min-height:640px}.hero-copy{top:auto;bottom:190px}.hero-controls{bottom:83px}.hero-credit{top:calc(var(--head) + 10px);font-size:8px}.hero-paging{bottom:12px;left:22px;right:22px}.hero-paging>span{font-size:10px}.hero-paging button{font-size:12px;min-height:50px}.hero-paging button span{padding-left:9px}.hero-copy h1,.hero-copy h2{font-size:29px}.hero-copy>p:not(.kicker){font-size:13px}.journey{height:340svh}.journey-stage{height:calc(100svh - var(--head));min-height:0}.process-header{height:75px;padding:10px 22px 0;display:block}.process-header>span{font-size:10px;display:block;line-height:1.3}.process-header nav{gap:0;justify-content:space-between;margin-top:2px}.process-header nav button{font-size:11px;min-height:50px;padding:8px 4px}.process-media{top:75px;bottom:205px}.process-footer{height:205px;padding:17px 22px 18px;display:block}.process-copy-stack{height:118px}.process-copy>span{font-size:10px;margin-bottom:7px}.process-copy h2{font-size:25px;line-height:1.2;letter-spacing:-.035em}.process-copy h2 br{display:block}.process-copy p{font-size:11px;line-height:1.5;margin-top:9px;max-width:320px}.process-footer>.button{max-width:none;width:100%;min-height:50px;font-size:12px;padding:10px 12px}.media-source{font-size:8px;left:12px;bottom:9px}.channel-flow{left:49%;right:12px;padding:5px;top:50%}.channel-flow>p{font-size:13px;line-height:1.45;margin-bottom:13px}.channel-flow a{font-size:16px;min-height:60px;gap:7px;flex-wrap:wrap;align-content:center;line-height:1.2;padding:8px 0}.channel-flow a>span{font-size:9px}.channel-flow a>small{font-size:9px;flex-basis:100%;margin-left:21px}.published-plane:has(.channel-flow:not([inert])) .jogane-player{left:24%;max-width:46%;transform:translateX(-50%) scale(calc(1 - var(--shop)*.2))}.shop-plane{left:39%;padding:12px 8px;display:flex;flex-direction:column;justify-content:center}.shop-plane .record button{max-height:280px}.shop-plane .record img{transform:none}.shop-plane figcaption{font-size:9px;line-height:1.4;padding-top:7px}.shop-caption{padding:10px 0;margin-top:5px}.shop-caption span{font-size:9px}.shop-caption b{font-size:17px;line-height:1.35;margin-top:9px}.shop-caption b br{display:none}.shop-plane .open-label{font-size:8px;padding:5px;right:4px;bottom:4px}.embed-play{font-size:11px;left:5px;right:5px;min-height:50px}
 .system-journey{height:325svh}.system-action{position:absolute;inset:0}.system-video{object-position:center}.system-shade{background:linear-gradient(0deg,#122a1ef5 5%,#122a1eb3 50%,#122a1e4d 100%)}.system-opening{top:auto;bottom:115px;left:22px;right:22px;max-width:none}.system-opening .kicker{font-size:11px;line-height:1.6;max-width:320px}.system-opening h2{font-size:34px;line-height:1.18}.system-opening>p:not(.kicker){font-size:14px;margin-top:20px}.system-opening small{font-size:11px;margin-top:25px}.system-build{top:25px;left:22px;right:22px}.system-build .kicker{font-size:10px;margin-bottom:13px}.system-task{grid-template-columns:25px 1fr;gap:5px 10px;padding:13px 0}.system-task h3{font-size:26px}.system-task>span{font-size:10px}.system-task p{font-size:11px;line-height:1.5}.system-build .button{font-size:11px;min-height:50px;padding:10px 12px;margin-top:15px;width:100%}.career-evidence{left:22px;right:22px;bottom:18px;gap:0}.career-evidence>div:first-child{margin-bottom:12px;display:block}.career-evidence>div:first-child>span{font-size:9px}.career-evidence b{font-size:17px;margin-top:6px}.career-contact{gap:5px;display:grid;grid-template-columns:repeat(5,1fr)}.career-contact .record button{height:70px}.career-contact .record img{object-fit:contain;background:#102319c4}.career-contact figcaption{font-size:8px;line-height:1.5;padding-top:6px}.career-contact .open-label{display:none}}
@media(max-width:600px) and (max-height:750px){.hero-copy{bottom:173px}.hero-copy h1,.hero-copy h2{font-size:27px}.hero-controls{bottom:76px}.hero-paging{bottom:5px}.process-media{bottom:198px}.process-footer{height:198px;padding-top:14px}.process-copy h2{font-size:23px}.process-copy-stack{height:116px}.system-build{top:18px}.system-task{padding:9px 0}.system-task h3{font-size:23px}.system-task p{font-size:10px}.system-build .button{margin-top:10px}.career-evidence{bottom:13px}.career-evidence b{font-size:16px}.career-contact .record button{height:52px}.system-opening h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.scroll-hero{height:auto}.hero-stage{position:relative}.hero-paging>span{display:none}.journey,.system-journey{height:auto}.journey-stage{position:relative;top:0;height:auto;overflow:hidden}.process-header{position:relative}.process-media{position:relative;top:auto;bottom:auto;height:70svh;min-height:430px}.process-footer{position:relative;inset:auto;height:auto;min-height:205px}.process-copy-stack{height:125px}.system-action{position:relative;height:75svh;min-height:550px}.system-opening{top:45px;bottom:auto;opacity:1!important}.system-build{position:relative;inset:auto;padding:30px var(--gutter);opacity:1!important;pointer-events:auto;background:#193523}.system-task{opacity:1!important;transform:none!important}.career-evidence{position:relative;inset:auto;padding:20px var(--gutter);opacity:1!important;transform:none!important;background:#142f1e}.career-contact .record button{height:100px}.hero-stage .hero-scene{transition:none}.system-build .button{pointer-events:auto}.process-copy h2 br{display:block}}
/* Education stays in motion while three complete, dated source records share one view. */
.system-task:not(.is-built){opacity:0;visibility:hidden}.career-evidence b{font-size:22px}.process-copy h2{word-break:keep-all}
.jogane-player iframe{pointer-events:auto}.jogane-player:not([data-active=true]) iframe{visibility:hidden}.jogane-player[data-active=true] .embed-fallback{visibility:hidden}.jogane-player[data-error=true] .embed-fallback{visibility:visible}.process-header>span{display:flex;gap:12px;align-items:center}.process-header .source-link{font-size:10px;color:#cbdcc1;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:600px){.published-plane .jogane-player,.published-plane:has(.channel-flow:not([inert])) .jogane-player{left:calc(50% - var(--channels)*27%);max-width:100%;transform:translateX(-50%) scale(calc(1 - var(--channels)*.45 - var(--shop)*.1));transform-origin:center}.process-header>span{display:flex;line-height:1}.process-header .source-link{font-size:8px;min-height:14px}.process-header nav button{min-height:50px}}
.learning{height:240svh}.learning .learning-action{opacity:1;transform:none}.learning .learning-action video{object-fit:cover}.learning .class-film{background:linear-gradient(0deg,#10261df0,transparent);clip-path:none;opacity:var(--a);inset:auto var(--gutter) 190px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;z-index:4;transform:translateY(calc((1 - var(--a))*50px));overflow:visible}.learning .class-take{position:relative;inset:auto;height:auto;opacity:1;transition:none}.learning .class-take .record{height:auto}.learning .class-take .record button{height:180px;background:none;display:block}.learning .class-take .record img{width:100%;height:100%;object-fit:contain;background:#10281ab3}.learning .class-take .record:after,.learning .class-take .record button:before{display:none}.learning .class-note{position:relative;inset:auto;padding-top:18px}.learning .class-note>span{font-size:12px;margin-bottom:8px}.learning .class-note h3{font-size:21px;max-width:none;line-height:1.4}.learning .class-take .open-label{font-size:9px;top:auto;bottom:6px;right:6px;left:auto}.learning .learning-cta{bottom:75px}.learning:has(.class-film:not([inert])) .learning-action .film-tint{background:linear-gradient(0deg,#10261ef5,transparent 95%)}
@media(max-width:1000px){.learning .class-film{gap:16px;bottom:230px}.learning .class-take .record button{height:160px}.learning .class-note h3{font-size:18px}.learning .class-note>span{font-size:10px}.learning .learning-cta{bottom:80px}}
@media(max-width:600px){.learning{height:230svh}.learning .learning-action video{object-position:center top}.learning .class-film{inset:auto 22px 225px;gap:10px;background:none}.learning .class-take .record button{height:95px}.learning .class-note{padding-top:10px}.learning .class-note>span{font-size:8px;line-height:1.5;margin-bottom:8px}.learning .class-note h3{font-size:13px;line-height:1.45;word-break:keep-all}.learning .class-take .open-label{display:none}.learning .learning-cta{bottom:65px;display:grid;grid-template-columns:1fr 1fr}.learning .learning-cta p{grid-column:1/-1;font-size:10px;line-height:1.6;max-width:300px}.learning .learning-cta .button{font-size:11px;min-height:54px}.learning .learning-hook{bottom:110px}}
@media(max-width:600px) and (max-height:750px){.learning .class-film{bottom:215px}.learning .class-take .record button{height:75px}.learning .class-note h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.learning{height:auto}.learning .class-film{position:relative;inset:auto;opacity:1!important;min-height:0;padding:25px var(--gutter);transform:none!important;display:grid;background:#10261e}.learning .class-take{height:auto;min-height:0}.learning .learning-cta{position:relative;inset:auto}.learning .class-note{position:relative;inset:auto}.learning .class-take .record button{height:140px}}
@media(max-width:600px){.process-header{height:93px;padding-top:4px}.process-header>span{height:35px;justify-content:space-between}.process-header .source-link{min-height:35px;align-items:center;padding-left:8px}.process-media{top:93px}.career-evidence b{font-size:17px}.system-build .kicker{line-height:1.7}.system-task{padding:12px 0}}
@media(max-width:600px) and (max-height:750px){.system-task{padding:8px 0}.system-build .kicker{font-size:9px;margin-bottom:8px}}

/* One working surface: published film, publishing details, then the real shop video. */
.work-journey{--publish-sheet:0}.published-plane .jogane-player{left:50%;height:calc(100% - var(--channels)*230px);max-width:100%;transform:translateX(-50%);transform-origin:center top;transition:height .25s,left .25s}.publisher17{position:absolute;bottom:0;left:50%;width:min(720px,calc(100% - 80px));height:225px;transform:translate(-50%,calc((1 - var(--channels))*100%));opacity:var(--channels);background:#f0eee2;color:#172b20;padding:16px 24px;z-index:6;border-top:3px solid #d8f889}.publisher-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#5d6d5b}.publisher-meta b{font-size:12px;color:#203e2a}.draft-line{display:flex;gap:25px;align-items:center;margin:12px 0}.draft-line small{font-size:11px;color:#68775e;min-width:60px}.draft-line p{font-size:19px;line-height:1.35;color:#2a3c29}.draft-line strong{font-weight:750;color:#152c1c}.publish-destinations{display:flex;align-items:center;border-top:1px solid #c8d0bd;gap:24px}.publish-destinations>span{font-size:11px;color:#65775b;margin-right:auto}.publish-destinations>a{font-size:12px;min-height:50px;display:flex;align-items:center;font-weight:700;text-decoration:underline;text-underline-offset:4px}.profile-route17{display:flex;align-items:center;gap:20px;min-height:50px;background:#dce7ce;padding:7px 15px}.profile-route17>span{font-size:10px;color:#567048}.profile-route17>b{font-size:14px}.profile-route17>small{font-size:10px;margin-left:auto}.shop-plane{inset:0;background:#f1eee5;padding:0;clip-path:inset(calc((1 - var(--shop))*100%) 0 0);z-index:8}.commerce17{height:100%;max-width:1060px;margin:auto;display:grid;grid-template-rows:48px minmax(0,1fr) 110px 25px;padding:0 28px;color:#243b2a}.commerce-address{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-bottom:1px solid #b4bbaa}.commerce-address a{font-weight:700;min-height:48px;display:flex;align-items:center}.commerce-motion{position:relative;overflow:hidden;min-height:0}.commerce-motion video{width:100%;height:100%;object-fit:cover;object-position:center}.commerce-motion>span{position:absolute;bottom:10px;left:12px;color:#fff;font-size:9px;background:#162c21a8;padding:4px 8px}.commerce-action{display:flex;align-items:center;justify-content:space-between;gap:20px}.commerce-action small{font-size:10px;color:#6e735c}.commerce-action h3{font-size:25px;line-height:1.25}.commerce-action h3 br{display:none}.commerce-action>a{display:flex;align-items:center;justify-content:center;min-height:52px;background:#304f36;color:#fff;padding:10px 20px;font-size:13px;font-weight:700}.shop-record17{border:0;background:none;text-decoration:underline;color:#6f7d62;font-size:9px;justify-self:end;padding:0 0 5px}.shop-plane .record{display:none}.work-journey[data-phase="3"] .published-plane{pointer-events:none}
/* A working brief changes with the selected problem and the scroll stage. */
.system-journey{--ops-step:0;height:330svh}.system-activity17{position:absolute;inset:0;background:#13291c}.system-activity17 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:brightness(.5);transition:opacity .3s}.system-activity17 video.is-current{opacity:1}.system-action{opacity:calc(1 - var(--system));pointer-events:none}.system-build{inset:0;top:0;pointer-events:auto;display:grid;align-items:center}.operations17{max-width:940px;width:calc(100% - var(--gutter)*2);margin:auto;padding:25px 0}.ops-heading>span{font-size:12px;color:#d8f889}.ops-heading h3{font-size:34px;line-height:1.2;margin:10px 0 8px}.ops-heading h3 br{display:none}.ops-heading small{font-size:11px;color:#cbd8bd}.ops-choices{display:flex;gap:8px;margin:20px 0 24px}.ops-choices button{background:#1b3525c9;border:1px solid #9daf893d;color:#c1d1b3;padding:11px 18px;min-height:50px;font-size:12px;flex:1}.ops-choices button[aria-pressed=true]{background:#d8f889;border-color:#d8f889;color:#1d3725;font-weight:750}.handoff17{background:#f2efe4;color:#183620}.handoff-steps{display:flex;border-bottom:1px solid #bec9af;background:#e6e9db}.handoff-steps button{flex:1;font-size:12px;color:#768369;background:none;border:0;border-bottom:3px solid transparent;min-height:54px}.handoff-steps button[aria-pressed=true]{color:#193620;font-weight:750;border-bottom-color:#3c6240}.work-ticket17{padding:22px 30px;min-height:238px}.ticket-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ticket-top>span{font-size:12px;background:#dbe6c9;padding:5px 12px}.ticket-top>small{font-size:10px;color:#687a5c}.work-ticket17 h4{font-size:23px;font-weight:750;line-height:1.4;letter-spacing:-.035em;margin:0 0 20px;word-break:keep-all}.ticket-body17{display:none}.ticket-body17.is-current{display:block}.brief-field{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #c9d2bd;gap:15px}.brief-field span{font-size:11px;color:#6c7c5d;flex-shrink:0}.brief-field b{font-size:14px;line-height:1.5;font-weight:650;text-align:right}.edit-timeline17{position:relative;display:flex;gap:5px;overflow:hidden;border-left:3px solid #355438}.edit-timeline17>span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 10px;font-size:12px;background:#d5dfbf;flex:1}.edit-timeline17>span:nth-child(2){background:#c2d59f}.edit-timeline17>span:nth-child(3){background:#abbf8e}.edit-timeline17>i{position:absolute;top:0;bottom:0;width:2px;background:#2f512d;left:calc(var(--edit-progress)*98%)}.publish-check17{display:flex;gap:14px;padding:12px 0;font-size:10px;color:#4c693e}.publish-check17>span:before{content:'✓';margin-right:6px}.ticket-body17>p{font-size:12px;color:#52664b;line-height:1.6}.destination-label17{font-size:10px;color:#728365}.destination-choices17{display:flex;gap:8px;margin:9px 0 14px}.destination-choices17 button{flex:1;min-height:50px;border:1px solid #bdc9ad;background:transparent;color:#31532e;font-size:12px}.destination-choices17 button[aria-pressed=true]{background:#31532e;color:#fff}.destination-result17{padding:10px 15px;background:#e1e8d6}.destination-result17>b{font-size:14px}.destination-result17>p{font-size:11px;color:#566c4b;margin-top:4px}.system-build .ops-cta17{margin-top:15px;width:100%;font-size:13px;min-height:52px}.system-opening{top:10%;max-width:700px}.career-evidence{opacity:calc(1 - var(--system));transform:none;pointer-events:auto}.career-contact .record button{height:110px}.system-journey[data-ops-visible=true] .career-evidence{visibility:hidden}.selected-work17{padding:16px 20px;border-left:3px solid #436744;background:#dee6d1;color:#2b452d;font-size:14px;margin:0 0 25px}
/* Each education image and its own caption is a single, consistently sized figure. */
.education-records17{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:220px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;opacity:var(--a);transform:translateY(calc((1 - var(--a))*40px))}.edu-record17{margin:0;min-width:0;display:grid;grid-template-rows:180px 100px;background:#10291ac9}.edu-record17>button{position:relative;border:0;background:#102317c9;display:block;width:100%;height:100%;min-height:50px;padding:0;overflow:hidden}.edu-record17 img{width:100%;height:100%;object-fit:contain;object-position:center}.edu-record17 button>span{position:absolute;bottom:8px;right:8px;font-size:9px;background:#102519d9;color:#eaf6dc;padding:5px 8px}.edu-record17 figcaption{padding:14px 16px;display:grid;grid-template-rows:22px 1fr;align-items:start}.edu-record17 figcaption>span{font-size:11px;line-height:1.5;color:#d8f889}.edu-record17 figcaption>strong{font-size:19px;line-height:1.4;color:#fff;letter-spacing:-.025em;font-weight:650}.learning .learning-cta{bottom:75px}.learning .learning-cta p{max-width:250px}
@media(max-width:1000px){.operations17{width:calc(100% - 60px)}.ops-heading h3{font-size:30px}.work-ticket17{padding:22px}.publisher17{width:calc(100% - 70px)}.commerce17{padding:0 25px;grid-template-rows:48px minmax(0,1fr) 120px 25px}.commerce-action h3{font-size:24px}.commerce-action h3 br{display:block}.education-records17{gap:15px;bottom:250px}.edu-record17{grid-template-rows:150px 100px}.edu-record17 figcaption{padding:12px}.edu-record17 figcaption>span{font-size:10px}.edu-record17 figcaption>strong{font-size:16px}.learning .learning-cta p{max-width:none}}
@media(max-width:600px){.published-plane .jogane-player,.published-plane:has(.channel-flow:not([inert])) .jogane-player{left:50%;height:calc(100% - var(--channels)*200px);max-width:100%;transform:translateX(-50%)}.publisher17{width:100%;height:200px;padding:10px 18px}.publisher-meta{font-size:8px}.publisher-meta b{font-size:10px}.draft-line{margin:9px 0;gap:13px}.draft-line small{font-size:9px;min-width:40px}.draft-line p{font-size:16px}.publish-destinations{gap:14px}.publish-destinations>span{font-size:9px}.publish-destinations>a{font-size:10px;min-height:50px}.profile-route17{gap:8px;padding:7px 10px;min-height:50px}.profile-route17>span{font-size:8px}.profile-route17>b{font-size:12px}.profile-route17>small{font-size:8px}.shop-plane{left:0;display:block;padding:0}.commerce17{padding:0 15px;grid-template-rows:40px minmax(0,1fr) 100px 23px}.commerce-address{font-size:8px;gap:10px}.commerce-address a{min-height:40px}.commerce-motion>span{font-size:8px;left:7px;bottom:6px}.commerce-action{gap:10px}.commerce-action small{font-size:8px}.commerce-action h3{font-size:18px;line-height:1.3}.commerce-action>a{font-size:10px;min-height:50px;padding:9px 12px;flex:0 0 125px}.shop-record17{font-size:8px}.work-journey .process-copy h2{font-size:23px}.system-journey{height:335svh}.system-build{inset:0;align-items:center}.operations17{width:calc(100% - 40px);padding:15px 0}.ops-heading>span{font-size:10px}.ops-heading h3{font-size:25px;margin:8px 0;line-height:1.3}.ops-heading h3 br{display:block}.ops-heading small{font-size:9px;line-height:1.6}.ops-choices{gap:5px;margin:14px 0}.ops-choices button{font-size:10px;line-height:1.4;padding:8px 6px;min-height:55px}.handoff-steps button{font-size:10px;min-height:50px;padding:8px 3px}.work-ticket17{padding:15px;min-height:245px}.ticket-top{margin-bottom:12px}.ticket-top>span{font-size:10px;padding:5px 8px}.ticket-top>small{font-size:8px}.work-ticket17 h4{font-size:19px;line-height:1.45;margin-bottom:14px}.brief-field{display:block;padding:9px 0}.brief-field span{display:block;font-size:9px;margin-bottom:5px}.brief-field b{font-size:12px;text-align:left;display:block}.edit-timeline17>span{font-size:10px;line-height:1.4;min-height:50px;padding:7px}.publish-check17{gap:7px;font-size:9px;justify-content:space-between;padding:11px 0}.publish-check17>span:before{margin-right:3px}.ticket-body17>p{font-size:11px}.destination-choices17 button{font-size:10px}.destination-result17>b{font-size:12px}.destination-result17>p{font-size:10px}.system-build .ops-cta17{font-size:11px;margin-top:12px;min-height:52px}.system-opening{top:65px;bottom:auto;left:22px;right:22px}.system-opening h2{font-size:31px}.system-opening>p:not(.kicker){font-size:13px;margin-top:15px}.system-opening small{font-size:10px;margin-top:20px}.career-evidence{bottom:28px}.career-contact .record button{height:80px}.education-records17{left:20px;right:20px;gap:8px;bottom:225px}.edu-record17{grid-template-rows:100px 105px}.edu-record17 figcaption{padding:10px 7px;grid-template-rows:30px 1fr}.edu-record17 figcaption>span{font-size:9px;line-height:1.4}.edu-record17 figcaption>strong{font-size:12px;line-height:1.5}.edu-record17 button>span{display:none}.learning .learning-cta{bottom:65px}.learning .learning-cta p{font-size:10px;line-height:1.6}.selected-work17{padding:12px;font-size:12px}}
@media(max-width:600px) and (max-height:750px){.publisher17{height:190px;padding:8px 14px}.published-plane .jogane-player{height:calc(100% - var(--channels)*190px)}.draft-line{margin:6px 0}.draft-line p{font-size:14px}.commerce17{grid-template-rows:35px minmax(0,1fr) 87px 20px}.commerce-action h3{font-size:16px}.commerce-action>a{flex-basis:117px;font-size:9px}.operations17{padding:10px 0}.ops-heading h3{font-size:23px;margin:6px 0}.ops-heading>span{font-size:9px}.ops-heading small{font-size:8px}.ops-choices{margin:10px 0}.ops-choices button{min-height:50px;font-size:9px}.work-ticket17{min-height:230px;padding:12px 14px}.work-ticket17 h4{font-size:18px;margin-bottom:10px}.ticket-top{margin-bottom:9px}.destination-choices17{margin:6px 0 8px}.destination-result17{padding:8px 10px}.system-opening{top:35px}.system-opening h2{font-size:29px}.career-contact .record button{height:58px}.education-records17{bottom:215px}.edu-record17{grid-template-rows:76px 100px}.edu-record17 figcaption{padding:9px 5px}.edu-record17 figcaption>span{font-size:8px}.edu-record17 figcaption>strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.publisher17{transition:none}.system-journey{height:auto}.system-build{position:relative;inset:auto;display:block;background:#142d1e}.operations17{padding:30px 0}.system-activity17{display:none}.system-action{opacity:1!important}.system-opening{top:45px}.career-evidence{visibility:visible!important;opacity:1!important}.education-records17{position:relative;inset:auto;padding:25px 20px;opacity:1!important;transform:none!important;background:#17351e}.edu-record17{grid-template-rows:100px 105px}.learning .learning-cta{position:relative;inset:auto}.system-build .ops-cta17{pointer-events:auto}}

.commerce17{grid-template-rows:48px minmax(0,1fr) 100px 50px}.shop-record17{min-height:50px;padding:7px 0}.commerce-address a{min-height:50px}@media(max-width:600px){.commerce17{grid-template-rows:50px minmax(0,1fr) 90px 50px}}@media(max-width:600px) and (max-height:750px){.commerce17{grid-template-rows:50px minmax(0,1fr) 80px 50px}}

.jogane-player{overflow:hidden}.jogane-player>video{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain}.jogane-player .embed-fallback{visibility:hidden}.jogane-player[data-error=true] .embed-fallback{visibility:visible;z-index:4}.learning:has(.education-records17:not([inert])) .learning-action .film-tint{background:linear-gradient(0deg,#10261ee8,transparent 88%)}

/* Continuous footage and actual public interfaces. No explanatory panel grid. */
.reel18{height:340svh;--p:0;--actual:0;--post:0;--shop:0;--light:0}.reel-stage18{position:sticky;top:var(--head);height:calc(100svh - var(--head));overflow:hidden;isolation:isolate;background:#0b1e14;color:#fff}.reel-stage18:before{content:'';position:absolute;inset:0;background:#eeeee5;opacity:var(--light);z-index:-1}.work-bed18{position:absolute;inset:0;opacity:calc(1 - var(--actual));background:#0b1c12}.work-bed18 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}.work-bed18 video.is-active{opacity:1}.work-bed18:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a1c13cd,transparent 80%),linear-gradient(0deg,#0a1c13b3,transparent 40%)}.result-camera18{position:absolute;top:60px;bottom:85px;left:50%;width:min(48%,530px);transform:translateX(calc(-10% - var(--shop)*10%));opacity:var(--actual)}.result-camera18 video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.owner18{opacity:calc(1 - var(--post));transform:scale(calc(1 - var(--post)*.15))}.post18{opacity:calc(var(--post)*(1 - var(--shop)))}.shop18{opacity:var(--shop)}.case-meta18{position:absolute;top:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:11px;font-weight:650;letter-spacing:.02em;z-index:6}.film-copy18{position:absolute;left:var(--gutter);top:32%;max-width:45%;opacity:0;transform:translateY(18px);transition:opacity .3s,transform .45s;pointer-events:none;z-index:4}.film-copy18.is-active{opacity:1;transform:none;pointer-events:auto}.film-copy18>span{font-size:13px;display:block;margin-bottom:18px}.film-copy18 h2{font-size:clamp(35px,4.4vw,65px);line-height:1.2;letter-spacing:-.055em}.film-copy18 p{font-size:10px;opacity:.65;margin-top:20px}.film-copy18 a{font-size:12px;text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:50px;margin-top:20px}.reel18[data-light=true] .reel-stage18{color:#1b3625}.film-bottom18{position:absolute;left:var(--gutter);right:var(--gutter);bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;z-index:6}.text-cta18{display:inline-flex;align-items:center;gap:30px;font-size:14px;font-weight:700;min-height:52px;border-bottom:1px solid currentColor;text-decoration:none;transition:gap .2s,color .2s}.text-cta18:hover{gap:40px;color:#72974e}.text-cta18:focus-visible{outline:2px solid #b5df75;outline-offset:5px}.thin-progress18{position:absolute;bottom:0;left:0;right:0;height:2px;background:#788c682b;z-index:10}.thin-progress18 i{height:100%;display:block;background:#9eba75;transform-origin:left;transform:scaleX(var(--p))}
/* A brief operational bridge: actual experience, no choice form or pseudo dashboard. */
.experience18{height:190svh;--p:0}.experience-stage18{position:sticky;top:var(--head);height:calc(100svh - var(--head));overflow:hidden;background:#102a1b;color:#fff}.experience-stage18>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.experience-shade18{position:absolute;inset:0;background:linear-gradient(180deg,#0e281bd9,transparent 120%)}.experience-copy18{position:absolute;top:10%;left:var(--gutter);right:var(--gutter)}.experience-copy18 .kicker{font-size:12px;color:#d8f889}.experience-copy18 h2{font-size:clamp(35px,5vw,68px);line-height:1.15;margin:18px 0}.experience-copy18>p:not(.kicker){font-size:16px;line-height:1.7;color:#e0e8d8}.experience-copy18 small{display:block;margin-top:20px;font-size:11px;color:#aebfa5}.experience-records18{position:absolute;left:0;right:0;bottom:115px;overflow:hidden}.store-track18{display:flex;gap:4px;width:max-content;transform:translateX(calc(var(--travel18)*-1px));will-change:transform}.store-track18 .record{width:clamp(190px,24vw,380px);margin:0}.store-track18 .record button{height:165px;border:0;border-radius:0;background:#1938237a}.store-track18 .record img{width:100%;height:100%;object-fit:contain}.store-track18 .record figcaption{font-size:10px;color:#d7e3cc;padding:9px 12px}.store-track18 .open-label{display:none}.experience-bottom18{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#dae6cf}
/* One travelling documentary strip, from teaching action through actual rooms to doing. */
.education18{height:340svh;--p:0}.education-stage18{position:sticky;top:var(--head);height:calc(100svh - var(--head));overflow:hidden;background:#13261b}.education-journey18{height:100%;overflow:hidden}.education-track18{height:100%;display:flex;width:500%;transform:translateX(calc(var(--edu-travel18)*-1px));will-change:transform}.edu-shot18{position:relative;flex:0 0 20%;width:20%;height:100%;margin:0;overflow:hidden;background:#13261b}.edu-shot18 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.education-opening18:after,.education-close18:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b241bd4,transparent 90%),linear-gradient(0deg,#0c2216ab,transparent 50%);pointer-events:none}.education-intro18,.education-outro18{position:absolute;left:var(--gutter);right:var(--gutter);top:24%;z-index:2}.education-intro18>span,.education-outro18>span{font-size:13px;color:#d8f889}.education-intro18 h2,.education-outro18 h3{font-size:clamp(35px,5vw,68px);line-height:1.18;margin:20px 0;letter-spacing:-.045em}.education-intro18 p,.education-outro18 p{font-size:17px;line-height:1.7}.education-outro18 .text-cta18{margin-top:30px;color:#d8f889}.education-course18{display:block;width:max-content;font-size:12px;min-height:50px;line-height:50px;text-decoration:underline;text-underline-offset:4px}.education-proof18 button{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;border-radius:0;background:#18281e}.education-proof18 img{height:100%;width:100%;object-fit:contain;object-position:center}.education-proof18:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c2017f5,transparent 55%);pointer-events:none}.education-proof18 figcaption{position:absolute;left:var(--gutter);bottom:100px;right:var(--gutter);pointer-events:none;z-index:2}.education-proof18 figcaption>span{display:block;font-size:13px;color:#d5e9bc;margin-bottom:14px}.education-proof18 strong{display:block;font-size:clamp(33px,4.5vw,61px);letter-spacing:-.05em;font-weight:700;line-height:1.2}.education-proof18 small{display:block;font-size:12px;margin-top:16px;color:#cfddc5}.education-meta18{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);z-index:5;display:flex;justify-content:space-between;font-size:10px;color:#d5e3ca}.education-meta18 span:last-child{font-size:9px;opacity:.7}
@media(max-width:1000px){.result-camera18{left:49%;width:47%;transform:translateX(-3%)}.film-copy18{left:30px;max-width:44%}.film-copy18 h2{font-size:36px}.film-copy18>span{font-size:11px}.experience-copy18{top:12%}.experience-copy18 h2{font-size:49px}.experience-records18{bottom:125px}.store-track18 .record button{height:180px}.experience-bottom18 .text-cta18{font-size:12px}.education-proof18 strong{font-size:43px}}
@media(max-width:600px){.reel18{height:340svh}.case-meta18{left:22px;right:22px;top:20px;font-size:9px}.case-meta18 span:last-child{font-size:8px}.film-copy18{top:65px;left:22px;right:22px;max-width:none;transform:translateY(10px)}.film-copy18 h2{font-size:30px;line-height:1.2}.film-copy18>span{font-size:10px;margin-bottom:10px}.film-copy18 p{font-size:8px;margin-top:12px}.film-copy18 a{font-size:10px;margin-top:3px;min-height:50px}.result-camera18{top:215px;bottom:100px;left:0;right:0;width:100%;transform:none}.reel18[data-phase="0"] .film-copy18{top:27%}.film-bottom18{left:22px;right:22px;bottom:22px;display:block}.film-bottom18>span{font-size:8px;display:block;margin-bottom:8px}.film-bottom18 .text-cta18{font-size:12px;width:100%;justify-content:space-between;min-height:50px}.experience18{height:210svh}.experience-copy18{top:45px;left:22px;right:22px}.experience-copy18 .kicker{font-size:9px;line-height:1.6}.experience-copy18 h2{font-size:35px;margin:17px 0}.experience-copy18>p:not(.kicker){font-size:12px;line-height:1.8}.experience-copy18 small{font-size:9px;line-height:1.7;margin-top:17px}.experience-records18{bottom:135px}.store-track18 .record{width:260px}.store-track18 .record button{height:190px}.experience-bottom18{left:22px;right:22px;bottom:26px;display:block}.experience-bottom18>span{display:block;margin-bottom:9px;font-size:8px}.experience-bottom18 .text-cta18{width:100%;font-size:11px}.education18{height:340svh}.education-intro18,.education-outro18{left:22px;right:22px;top:25%}.education-intro18 h2,.education-outro18 h3{font-size:33px;line-height:1.25}.education-intro18>span,.education-outro18>span{font-size:11px}.education-intro18 p,.education-outro18 p{font-size:13px;line-height:1.7}.education-proof18 img{object-position:center 35%}.education-proof18 figcaption{left:22px;right:22px;bottom:145px}.education-proof18 strong{font-size:32px}.education-proof18 figcaption>span{font-size:10px;line-height:1.5;margin-bottom:12px}.education-proof18 small{font-size:11px;margin-top:13px}.education-meta18{left:22px;right:22px;bottom:25px;display:block;line-height:1.8}.education-meta18 span{display:block}.education-outro18 .text-cta18{margin-top:23px;font-size:14px}.education-course18{font-size:11px}.education-close18 video{object-position:60% center}}
@media(max-width:600px) and (max-height:750px){.result-camera18{top:205px;bottom:95px}.film-copy18{top:55px}.film-copy18 h2{font-size:27px}.experience-copy18{top:25px}.experience-copy18 h2{font-size:31px;margin:13px 0}.experience-copy18 small{margin-top:12px}.store-track18 .record button{height:125px}.experience-records18{bottom:125px}.education-proof18 figcaption{bottom:105px}.education-proof18 strong{font-size:28px}.education-intro18 h2,.education-outro18 h3{font-size:30px}.education-intro18,.education-outro18{top:19%}}
@media(prefers-reduced-motion:reduce){.reel18,.experience18,.education18{height:auto}.reel-stage18{position:relative;top:auto;height:auto;min-height:0;background:#eeeee5!important;color:#1b3625!important;padding:75px 22px 25px}.work-bed18{display:none}.case-meta18{top:20px}.result-camera18{position:relative;inset:auto;width:100%;height:65svh;min-height:420px;opacity:1;transform:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.result-camera18 video{position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;opacity:1;transform:none;scroll-snap-align:center}.film-copy18{position:relative;inset:auto;max-width:none;opacity:1!important;transform:none!important;margin:25px 0;pointer-events:auto}.film-copy18[data-copy18="0"]{display:none}.film-bottom18{position:relative;inset:auto;margin-top:30px}.experience-stage18{position:relative;top:auto;height:auto;padding:45px 22px}.experience-copy18{position:relative;inset:auto}.experience-records18{position:relative;inset:auto;margin-top:35px;overflow-x:auto}.store-track18{transform:none}.experience-bottom18{position:relative;inset:auto;margin-top:25px}.education-stage18{position:relative;top:auto;height:auto}.education-track18{display:block;width:100%;height:auto;transform:none}.edu-shot18{width:100%;height:90svh;min-height:600px}.education-meta18{display:none}.thin-progress18{display:none}}
/* Keep the two real classrooms full bleed; preserve the full written course banner. */
.education-proof18:nth-child(2) img,.education-proof18:nth-child(3) img{object-fit:cover;object-position:center 50%}
.education-proof18:nth-child(4) img{height:70%;position:absolute;top:3%;left:0;object-position:center}
@media(max-width:600px){.education-proof18:nth-child(2) img{object-position:82% center}.education-proof18:nth-child(3) img{object-position:90% center}.education-proof18:nth-child(4) img{height:60%;top:7%}.education-proof18:after{background:linear-gradient(0deg,#0c2017 4%,#0c2017bc 27%,transparent 65%)}.education-proof18 figcaption{bottom:110px}.education-proof18 small{margin-top:12px}}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){.result-camera18 .shop18{object-fit:cover;object-position:center 38%}}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){.result-camera18{top:calc(215px - var(--camera-lift,0)*155px)}.film-copy18.is-active{opacity:var(--copy-alpha,1);transform:translateY(calc((1 - var(--copy-alpha,1))*-15px));transition:none}.reel18[data-phase="3"] .result-camera18{bottom:95px}}
@media(max-width:600px) and (max-height:750px) and (prefers-reduced-motion:no-preference){.result-camera18{top:calc(205px - var(--camera-lift,0)*145px)}}
.store-track18 .record{width:max-content;flex:none}.store-track18 .record button{display:block;width:auto;background:transparent}.store-track18 .record img{display:block;width:auto;max-width:none;height:100%}.store-track18 .record figcaption{padding-left:10px}

/* A single video keeps its identity while the real interfaces form around it. */
.object19{height:330svh;--p:0;--paper:0;--production:1;--headline:1}.object-stage19{position:sticky;top:var(--head);height:calc(100svh - var(--head));overflow:hidden;isolation:isolate;background:#10261b;color:#f7f7ef}.object-stage19:before{content:'';position:absolute;inset:0;background:#eeeee5;opacity:var(--paper);z-index:-1}.production19{position:absolute;inset:0;opacity:var(--production)}.production19 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.production19 video.is-active{opacity:1}.production-shade19{position:absolute;inset:0;background:linear-gradient(90deg,#10261bdd,transparent 90%),linear-gradient(0deg,#10261b88,transparent 35%)}.work-heading19{position:absolute;left:var(--gutter);top:27%;z-index:5;max-width:45%;opacity:var(--headline);transform:translateY(calc((1 - var(--headline))*-20px));pointer-events:none}.work-heading19 p{font-size:12px;margin-bottom:21px}.work-heading19 h2{font-size:clamp(35px,4.8vw,66px);line-height:1.17;letter-spacing:-.05em}.work-heading19>span{display:block;font-size:13px;line-height:1.7;margin-top:24px}.object-meta19{position:absolute;top:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:15px;z-index:8;font-size:11px}.object-meta19 b{font-weight:600;letter-spacing:.015em}.object-meta19>span{font-size:12px}.object-footer19{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;justify-content:space-between;gap:20px;z-index:8}.object-footer19>div{display:flex;flex-direction:column;font-size:10px}.object-footer19>div a{font-size:11px;min-height:50px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}.object-footer19 .text-cta18{font-size:13px}.object19[data-paper=true] .object-stage19{color:#1b3625}.post-shell19,.shop-window19{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;pointer-events:none}.post-shell19{width:405px;height:710px;opacity:0;background:#fff}.post-shell19>img{width:405px;height:710px;display:block}.post-hole19{position:absolute;left:0;top:54px;width:405px;height:506.25px;background:#000}.shop-window19{width:375px;height:740px;overflow:hidden;opacity:0;background:#fff}.shop-document19{position:absolute;width:375px;height:2350px;top:0;left:0;will-change:transform}.shop-document19>img{width:375px;height:2350px;display:block;max-width:none}.shop-hole19{position:absolute;left:23.5px;top:1677.859375px;width:328px;height:583.109375px;background:#000}.persistent19{position:absolute;left:0;top:0;overflow:hidden;transform-origin:0 0;background:#000;z-index:4;will-change:transform,width,height;opacity:0}.persistent19 video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.object19 .thin-progress18{--p:inherit}
/* Education stays in moving work. The records do not own separate slides. */
.doing19{height:245svh;--p:0;--learn-exit:0;--evidence:0;--inquiry:0}.doing-stage19{position:sticky;top:var(--head);height:calc(100svh - var(--head));overflow:hidden;background:#10261b;color:#f7f7ef}.doing-film19{position:absolute;inset:0;transform:translateX(calc(var(--inquiry)*18%)) scale(calc(1 - var(--inquiry)*.12));transform-origin:right center;opacity:calc(1 - var(--inquiry)*.28)}.doing-film19 video{width:100%;height:100%;object-fit:cover}.doing-shade19{position:absolute;inset:0;background:linear-gradient(90deg,#0b2015d9,transparent 85%),linear-gradient(0deg,#0b2015bb,transparent 60%)}.doing-heading19{position:absolute;top:15%;left:var(--gutter);right:var(--gutter);opacity:calc(1 - var(--inquiry));transform:translateY(calc(var(--inquiry)*-70px))}.doing-heading19 p,.doing-inquiry19>p{font-size:12px;color:#d8f889;margin-bottom:20px}.doing-heading19 h2,.doing-inquiry19 h3{font-size:clamp(35px,5vw,68px);line-height:1.18;letter-spacing:-.05em}.doing-heading19>span,.doing-inquiry19>span{display:block;font-size:15px;line-height:1.8;margin-top:20px;color:#e3eadb}.doing-evidence19{position:absolute;left:0;right:0;bottom:85px;opacity:var(--evidence);transform:translateY(calc((1 - var(--evidence))*80px));overflow:hidden;pointer-events:none}.doing-evidence-track19{display:flex;gap:6px;width:max-content;transform:translateX(calc(var(--evidence-travel,0)*-1px));padding:0 var(--gutter);align-items:start}.doing-evidence19 figure{margin:0;flex:none;pointer-events:auto}.doing-evidence19 button{display:block;border:0;padding:0;background:transparent;width:auto;height:160px;cursor:zoom-in}.doing-evidence19 img{display:block;height:100%;width:auto;max-width:none}.doing-evidence19 figcaption{padding:11px 3px 0;font-size:10px;line-height:1.6;display:flex;flex-direction:column}.doing-evidence19 figcaption b{font-weight:650}.doing-evidence19 figcaption span{font-size:9px;color:#c2d3b7}.doing-inquiry19{position:absolute;top:19%;left:var(--gutter);right:var(--gutter);z-index:4;opacity:var(--inquiry);transform:translateY(calc((1 - var(--inquiry))*90px))}.doing-inquiry19 .text-cta18{display:flex;width:max-content;margin-top:25px;color:#d8f889;font-size:16px}.doing-course19{display:flex;width:max-content;align-items:center;min-height:50px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.doing-meta19{position:absolute;left:var(--gutter);right:var(--gutter);bottom:24px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#d5e4cd;z-index:6}.doing-meta19 span:last-child{font-size:9px;opacity:.65}
@media(max-width:1000px){.work-heading19{max-width:42%;left:30px}.work-heading19 h2{font-size:38px}.work-heading19>span{font-size:12px}.object-meta19,.object-footer19{left:30px;right:30px}.doing-evidence19 button{height:175px}}
@media(max-width:600px){.work-heading19{left:22px;right:22px;max-width:none;top:25%}.work-heading19 p{font-size:10px;line-height:1.5;margin-bottom:15px}.work-heading19 h2{font-size:34px}.work-heading19>span{font-size:12px;margin-top:18px}.object-meta19{left:18px;right:18px;top:17px;font-size:8px;gap:10px}.object-meta19>span{font-size:9px}.object-footer19{left:22px;right:22px;bottom:18px;display:block}.object-footer19>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;font-size:8px}.object-footer19>div a{font-size:9px;min-height:50px}.object-footer19 .text-cta18{display:flex;width:100%;font-size:12px;min-height:50px}.doing-heading19{top:13%;left:22px;right:22px}.doing-heading19 h2,.doing-inquiry19 h3{font-size:34px;line-height:1.22}.doing-heading19 p,.doing-inquiry19>p{font-size:11px;margin-bottom:17px}.doing-heading19>span,.doing-inquiry19>span{font-size:12px;line-height:1.8;margin-top:18px}.doing-evidence19{bottom:100px}.doing-evidence-track19{padding:0 22px;gap:5px}.doing-evidence19 button{height:150px}.doing-evidence19 figcaption{font-size:10px;max-width:220px}.doing-inquiry19{top:21%;left:22px;right:22px}.doing-film19{transform:translateX(calc(var(--inquiry)*8%)) scale(calc(1 - var(--inquiry)*.08))}.doing-inquiry19 .text-cta18{font-size:14px}.doing-meta19{left:22px;right:22px;bottom:22px;display:block;line-height:1.8}.doing-meta19 span{display:block}.doing-course19{font-size:11px}}
@media(max-width:600px) and (max-height:750px){.work-heading19 h2{font-size:31px}.doing-heading19 h2,.doing-inquiry19 h3{font-size:30px}.doing-heading19{top:10%}.doing-inquiry19{top:15%}.doing-evidence19 button{height:120px}.doing-evidence19{bottom:90px}}
@media(prefers-reduced-motion:reduce){.object19,.doing19{height:auto}.object-stage19{position:relative;top:auto;height:auto;padding:80px 22px 25px;background:#eeeee5;color:#1b3625!important}.production19,.post-shell19,.shop-window19{display:none}.persistent19{position:relative;inset:auto;opacity:1!important;transform:none!important;width:100%!important;height:65svh!important;clip-path:none!important}.persistent19 video{pointer-events:auto}.work-heading19{position:relative;inset:auto;max-width:none;opacity:1!important;transform:none;margin:30px 0}.work-heading19 h2{font-size:34px}.object-meta19{top:22px}.object-footer19{position:relative;inset:auto;margin-top:25px;display:block}.doing-stage19{position:relative;top:auto;height:auto;padding:60px 22px}.doing-film19{position:relative;height:65svh;opacity:1;transform:none}.doing-heading19,.doing-inquiry19{position:relative;inset:auto;opacity:1;transform:none;margin:30px 0}.doing-evidence19{position:relative;inset:auto;opacity:1;transform:none;overflow-x:auto;pointer-events:auto}.doing-evidence-track19{transform:none;padding:0}.doing-meta19{position:relative;inset:auto}.object19 .thin-progress18,.doing19 .thin-progress18{display:none}}
/* The education film hands into the same continuous inquiry surface. */
#contact{background:#10261b;color:#f7f7ef;border:0}#contact .kicker,#contact em,#contact .route-brand{color:#d8f889}#contact p,#contact .contact-route>p{color:#c9d8c3}#contact .need-option{border-color:#ffffff30}#contact .need-option:has(:checked){background:#d8f889;color:#14261b}#contact .need-option small{color:#b7cbb0}#contact .need-option:has(:checked) small{color:#385032}#contact .need-picker legend,#contact .contact-route dt{color:#a7bf9b}#contact .contact-route{border-color:#d8f889}#contact .contact-route dl>div,#contact .contact-email{border-color:#ffffff28}#contact .contact-route>.button-lime{background:#d8f889;color:#14261b}#contact .button-outline{border-color:#8dba75;color:#e3efd4}#contact .button-outline:hover{background:#28472c}#contact input:focus-visible,#contact a:focus-visible{outline-color:#d8f889}
@media(prefers-reduced-motion:reduce){.object-stage19{display:flex;flex-direction:column}.work-heading19{order:-1}.persistent19{order:0}.post-shell19{display:block;position:relative;inset:auto;width:100%;height:auto;opacity:1!important;transform:none!important;order:1;margin:25px 0}.post-shell19>img{width:100%;height:auto}.post-hole19{display:none}.shop-window19{display:block;position:relative;inset:auto;width:100%;height:600px;overflow:auto;opacity:1!important;transform:none!important;order:2}.shop-document19{position:relative;width:100%;height:auto;transform:none!important}.shop-document19>img{width:100%;height:auto}.shop-hole19{display:none}.object-footer19{order:3}}
@media(prefers-reduced-motion:reduce){.shop-window19{width:100%!important}.shop-document19,.shop-document19>img{width:100%!important;height:auto!important}}

/* v20 only adjusts response and access; the accepted composition stays intact. */
.hero-tabs button,#hero-next,#motion-toggle,.need-option,.text-cta18,.doing-course19,.object-footer19 a{transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s;}
.doing-evidence19 button{position:relative;isolation:isolate;}
.doing-evidence19 button:after{content:'원본 보기 +';position:absolute;right:8px;bottom:8px;background:#11271ee8;color:#eeffd4;padding:6px 10px;font-size:10px;font-weight:650;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s;pointer-events:none;}
.doing-evidence19 button:focus-visible:after{opacity:1;transform:none;}
.doing-evidence19 button:focus-visible{outline-offset:-3px;}
.text-cta18:focus-visible,.doing-course19:focus-visible{background:#a4ce5d25;}
@media(hover:hover) and (pointer:fine){
 .hero-tabs button:hover{color:#fff;background:#d8f88912;border-color:#d8f889;}
 #hero-next:hover,#motion-toggle:hover{background:#d8f889;color:#14261b;border-color:#d8f889;}
 .text-cta18:hover,.doing-inquiry19 .text-cta18:hover,.doing-course19:hover{background:#a4ce5d25;color:inherit;box-shadow:0 2px 0 currentColor;}
 .object-footer19>div a:hover{text-decoration-thickness:2px;}
 #contact .need-option:not(:has(:checked)):hover{background:#d8f88914;border-color:#d8f889;}
 .doing-evidence19 button:hover:after{opacity:1;transform:none;}
 .doing-evidence19 button:hover{box-shadow:inset 0 0 0 2px #d8f889;}
}
@media(min-width:1001px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .hero-video,.production19 video,.experience-stage18>video,.doing-film19 video{transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) scale(1.025);transition:transform .22s ease-out,opacity .3s;}
}
@media(prefers-reduced-motion:reduce){.doing-evidence19 button:after{transition:none;transform:none;}.hero-tabs button,#hero-next,#motion-toggle,.need-option,.text-cta18,.doing-course19,.object-footer19 a{transition:none;}}

/* Commerce uses actual moving footage. Its identity survives the store reveal. */
.commerce21{height:325svh;--p:0;--commerce-shop:0;--commerce-reels:0;--commerce-intro:1}.commerce-stage21{position:sticky;top:var(--head);height:calc(100svh - var(--head));overflow:hidden;isolation:isolate;background:#291d1a;color:#f7f2e9}.commerce-stage21:before{content:'';position:absolute;inset:0;background:#f4f0e8;opacity:var(--commerce-shop);z-index:-1}.commerce-index21{position:absolute;top:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:24px;z-index:6;font-size:11px;letter-spacing:.02em}.commerce-index21 b{font-weight:600}.commerce-intro21{position:absolute;left:var(--gutter);top:19%;width:39%;z-index:4;opacity:var(--commerce-intro);transform:translateY(calc((1 - var(--commerce-intro))*-50px));pointer-events:none}.eyebrow21{font-size:12px;letter-spacing:.03em;color:#e5c7b7;margin-bottom:23px}.commerce-intro21 h2{font-size:clamp(34px,3.7vw,61px);line-height:1.15;letter-spacing:-.055em;font-weight:740}.commerce-intro21 em{color:#f8c2a1}.commerce-desc21{font-size:14px;line-height:1.8;margin-top:25px;color:#e0c9bd}.commerce-film21{position:absolute;top:0;left:0;z-index:3;will-change:transform,width,height}.commerce-film21 video{width:100%;height:100%;object-fit:contain;background:#211712;box-shadow:0 26px 70px #0003}.commerce-film21>a{display:flex;min-height:76px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-top:10px;line-height:1.15;transition:color .2s}.commerce-film21>a>span{flex-basis:100%;font-size:11px;font-weight:550}.commerce-film21 strong{font-size:clamp(27px,3.1vw,47px);font-weight:780;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.commerce-film21 small{font-size:12px;letter-spacing:0;margin-left:5px;font-weight:500}.commerce-film21 b{font-size:10px;border-bottom:1px solid #b5a69a;padding:5px 0;font-weight:500}.commerce-film21 a:hover{color:#efb595}.commerce-second21{opacity:calc(var(--commerce-reels)*(1 - var(--commerce-shop)));z-index:2}.commerce-main21>a{opacity:calc(1 - var(--commerce-shop))}.commerce-main21 video{border-radius:2px}.commerce-shop21{position:absolute;left:29%;right:4%;top:19%;opacity:var(--commerce-shop);transform:translateY(calc((1 - var(--commerce-shop))*100px));background:#fff;box-shadow:0 24px 75px #271d1320;z-index:2;border-top:2px solid #a92b40}.shop-address21{height:37px;padding:8px 16px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #eee;color:#53473e;font-size:10px;line-height:1}.shop-address21 i{width:5px;height:5px;border-radius:50%;background:#a92b40}.shop-address21 b{margin-left:auto;font-weight:500;color:#7b7169}.commerce-shop21 img{width:100%;height:auto}.commerce-bridge21{position:absolute;left:var(--gutter);top:12%;width:27%;z-index:4;opacity:var(--commerce-shop);transform:translateY(calc((1 - var(--commerce-shop))*30px));color:#35271f}.commerce-bridge21>p{font-size:11px;color:#995b3a;margin-bottom:20px}.commerce-bridge21 h3{font-size:clamp(28px,2.8vw,42px);line-height:1.18}.commerce-bridge21 em{color:#9b4b2f}.commerce-bridge21>span{display:block;font-size:12px;line-height:1.8;margin-top:18px}.commerce-bridge21>a{display:inline-flex;align-items:center;min-height:50px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.commerce-foot21{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end;gap:18px;z-index:7}.commerce-foot21>small{font-size:10px;line-height:1.7;opacity:.8}.commerce21[data-shop="1.000"]{color:#35271f}.commerce21[data-shop="1.000"] .commerce-stage21{color:#35271f}.commerce-foot21 .button{background:#f4c3a6;color:#302018}.commerce-foot21 .button:hover{background:#ffd6ba}.commerce21 .thin-progress18 i{background:#d7966f}.commerce21 a:focus-visible{outline-color:#bd7043}.hero-copy>p:not(.kicker){max-width:550px}.contact-heading h2{font-size:clamp(33px,4.8vw,68px)}.experience-copy18 h2{max-width:1000px}.experience-copy18>p:not(.kicker){max-width:790px;font-size:clamp(14px,1.4vw,19px)}
@media(min-width:601px) and (max-width:1000px){.commerce-intro21{width:41%;top:20%}.commerce-intro21 h2{font-size:36px}.commerce-desc21{font-size:12px}.commerce-shop21{left:26%;right:3%;top:32%}.commerce-bridge21{width:70%;top:11%}.commerce-bridge21 h3{font-size:40px}.commerce-bridge21>span{font-size:13px}.commerce-index21>span{max-width:38%;text-align:right}.commerce-film21 strong{font-size:35px}.commerce-foot21 .button{font-size:12px;padding:12px}.site-header nav{gap:17px}}
@media(max-width:600px){.commerce21{height:320svh}.commerce-index21{top:20px;left:22px;right:22px;display:block;line-height:1.8;font-size:10px}.commerce-index21>span{display:block;font-size:10px;opacity:.7}.commerce-intro21{top:80px;left:22px;right:22px;width:auto}.eyebrow21{font-size:10px;margin-bottom:12px}.commerce-intro21 h2{font-size:35px;line-height:1.12}.commerce-intro21 h2 br:last-child{display:none}.commerce-desc21{font-size:11px;line-height:1.6;margin-top:14px}.commerce-film21>a{padding-top:9px;min-height:70px;gap:3px 7px}.commerce-film21>a>span{font-size:9px}.commerce-film21 strong{font-size:31px}.commerce-film21 small,.commerce-film21 b{font-size:9px}.commerce-film21 b{padding:3px 0}.commerce-foot21{bottom:18px;left:22px;right:22px;display:block}.commerce-foot21>small{font-size:8px;line-height:1.5;display:block;margin-bottom:9px}.commerce-foot21 .button{width:100%;min-height:50px;font-size:12px;padding:10px}.commerce-bridge21{top:85px;left:22px;right:22px;width:auto}.commerce-bridge21>p{font-size:10px;margin-bottom:12px}.commerce-bridge21 h3{font-size:32px}.commerce-bridge21>span{font-size:11px;line-height:1.6;margin-top:12px;max-width:320px}.commerce-bridge21>a{font-size:11px}.commerce-shop21{left:36%;right:22px;top:37%;max-height:44%;overflow:hidden}.shop-address21{height:27px;padding:8px;font-size:8px;gap:5px}.shop-address21 b{display:none}.site-header nav{gap:15px}.site-header nav>a[href="#experience"]{display:none}.site-header .wordmark{font-size:27px}.site-header .wordmark span{display:none}.experience-copy18 h2{font-size:32px}.experience-copy18>p:not(.kicker){font-size:13px}.hero-copy .kicker{font-size:10px}}
@media(max-width:600px) and (max-height:750px){.commerce-intro21{top:71px}.commerce-intro21 h2{font-size:29px}.commerce-desc21{font-size:10px;margin-top:10px}.commerce-intro21 .eyebrow21{margin-bottom:9px}.commerce-bridge21{top:72px}.commerce-bridge21 h3{font-size:28px}.commerce-bridge21>span{font-size:10px;margin-top:8px}.commerce-bridge21>a{min-height:40px}.commerce-shop21{top:40%;max-height:38%}.commerce-film21 strong{font-size:27px}.commerce-foot21{bottom:14px}.commerce-foot21>small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.commerce21{height:auto}.commerce-stage21{position:relative;top:auto;height:auto;padding:35px 22px;display:flex;flex-wrap:wrap;gap:28px;background:#f4f0e8;color:#35271f}.commerce-index21,.commerce-intro21,.commerce-bridge21,.commerce-foot21{position:relative;inset:auto;width:100%;transform:none!important;opacity:1!important}.commerce-intro21 h2{font-size:35px}.commerce-intro21 em{color:#9b4b2f}.commerce-intro21 p{color:#735442}.commerce-film21{position:relative;inset:auto;transform:none!important;width:min(43%,310px)!important;height:auto!important;opacity:1!important}.commerce-film21 video{height:auto;aspect-ratio:338/600}.commerce-film21>a{opacity:1!important}.commerce-shop21{position:relative;inset:auto;opacity:1;transform:none;max-height:none;overflow:visible;width:100%;order:4}.commerce-bridge21{order:3}.commerce-foot21{order:5}.commerce21 .thin-progress18{display:none}.commerce-shop21 picture{display:block;max-width:1100px;margin:auto}.commerce-shop21 img{max-height:800px;object-fit:contain}}
/* Keep the real store's complete purchase area inside its allotted viewport. */
@media(prefers-reduced-motion:no-preference) and (min-width:601px){.commerce-shop21{top:19%;bottom:125px;height:auto}.commerce-shop21 picture{display:block;height:calc(100% - 37px)}.commerce-shop21 img{height:100%;object-fit:contain}}
@media(prefers-reduced-motion:no-preference) and (min-width:601px) and (max-width:1000px){.commerce-shop21{top:35%;bottom:155px}}
@media(prefers-reduced-motion:no-preference) and (max-width:600px){.commerce-shop21{height:44%;max-height:none}.commerce-shop21 picture{display:block;height:calc(100% - 27px)}.commerce-shop21 img{height:100%;object-fit:contain}.commerce-intro21 h2 br:last-child{display:initial}}
@media(prefers-reduced-motion:no-preference) and (max-width:600px) and (max-height:750px){.commerce-shop21{height:38%}.commerce-intro21 h2{font-size:29px}.commerce-intro21 h2 br:last-child{display:none}}
@media(max-width:600px){.site-header nav>a[href="#shopping"]{display:flex;font-size:11px}.site-header nav{gap:13px}.site-header nav>a[href="#learn"]{display:none}.hero-copy>p:not(.kicker){font-size:13px}}
.commerce-bridge21{opacity:var(--commerce-bridge)}.commerce21[data-paper=true] .commerce-stage21{color:#35271f}

/* Preserve the visual composition; make authorship and the reading thread explicit. */
.site-header .wordmark span{font-size:13px;font-weight:650;color:#e0e6dc;letter-spacing:-.02em}.site-header nav>a:not(.button){position:relative}.site-header nav>a:not(.button):after{content:'';position:absolute;left:0;right:0;bottom:7px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav>a.is-current22:after,.site-header nav>a:hover:after{transform:scaleX(1)}
.hero-copy .kicker{font-size:14px;font-weight:650;letter-spacing:.025em}.hero-copy>p:not(.kicker){font-size:clamp(14px,1.35vw,18px);line-height:1.75;max-width:650px}.hero-copy h1,.hero-copy h2{font-size:clamp(36px,4.1vw,64px);line-height:1.18}.hero-copy{width:min(66%,900px)}.hero-tabs button{font-size:14px}
.object-meta19 b{font-size:11px}.work-heading19>span{max-width:530px}.work-heading19 h2{font-size:clamp(34px,4.4vw,62px)}.commerce-intro21 h2{font-size:clamp(34px,3.4vw,54px)}.commerce-intro21{width:38%}.commerce-film21{transition:filter .3s}.commerce21[data-focus=second] .commerce-main21{filter:brightness(.67) saturate(.75)}.commerce21[data-focus=main] .commerce-second21{filter:brightness(.67) saturate(.75)}
#awards{height:165svh}.selling-hook{display:none}.selling-answer h3{font-size:clamp(27px,3.5vw,49px)}.selling-answer .selling-value22{font-size:14px;line-height:1.7;margin:18px 0 24px;color:#e2e8dd}.experience-copy18 h2{font-size:clamp(32px,4.6vw,63px)}.doing-heading19 h2,.doing-inquiry19 h3{font-size:clamp(33px,4.5vw,62px)}.need-option b{font-size:17px}.contact-heading>p:last-child{line-height:1.8}
@media(min-width:601px) and (max-width:1000px){.hero-copy{width:88%}.hero-copy .kicker{font-size:13px}.work-heading19 h2{font-size:39px}.commerce-intro21 h2{font-size:34px}.selling-answer .selling-value22{font-size:11px;margin:14px 0 18px}.selling-answer h3{font-size:30px}.experience-copy18 h2{font-size:43px}.need-option b{font-size:14px}.contact-heading h2{font-size:46px}}
@media(max-width:600px){.site-header .wordmark span{display:block;font-size:10px}.site-header nav{gap:12px}.site-header nav>a[href="#shopping"]{font-size:10px}.site-header nav>a[href="#work"]{font-size:10px}.site-header .wordmark{font-size:25px;gap:6px}.hero-copy{width:auto;left:22px;right:22px}.hero-copy .kicker{font-size:11px;margin-bottom:15px}.hero-copy h1,.hero-copy h2{font-size:33px;line-height:1.2}.hero-copy>p:not(.kicker){font-size:12px;line-height:1.75;margin:17px 0 20px}.hero-tabs button{font-size:10px}.hero-tabs span{font-size:9px}.work-heading19 h2{font-size:32px}.work-heading19>p{font-size:10px}.work-heading19>span{font-size:11px}.object-meta19 b{font-size:9px;max-width:50%}.object-meta19>span{font-size:10px;max-width:45%;text-align:right}.commerce-intro21{width:auto}.commerce-intro21 h2{font-size:33px}.commerce-intro21 .eyebrow21{font-size:10px}.commerce-desc21{font-size:11px}.commerce-bridge21 h3{font-size:31px}.selling-answer h3{font-size:28px}.selling-answer .selling-value22{font-size:11px;margin:12px 0 16px}.selling-answer>p:first-child{font-size:10px}.story-position>span:first-child{max-width:65%;font-size:9px}.experience-copy18 h2{font-size:31px}.experience-copy18>p:not(.kicker){font-size:12px}.doing-heading19 h2,.doing-inquiry19 h3{font-size:31px}.doing-heading19>span,.doing-inquiry19>span{font-size:12px}.need-option b{font-size:15px}.contact-heading h2{font-size:33px}.contact-heading>p:last-child{font-size:12px}}
@media(max-width:600px) and (max-height:750px){.hero-copy h1,.hero-copy h2{font-size:29px}.hero-copy .kicker{font-size:10px;margin-bottom:10px}.hero-copy>p:not(.kicker){font-size:10px;margin:12px 0 15px}.hero-copy .button{min-height:48px;font-size:12px}.work-heading19 h2{font-size:28px}.commerce-intro21 h2{font-size:29px}.selling-answer h3{font-size:24px}.selling-answer .selling-value22{font-size:10px;margin:8px 0 12px}.selling-answer .button{font-size:11px;min-height:48px}.experience-copy18 h2{font-size:27px}.experience-copy18>p:not(.kicker){font-size:11px}.doing-heading19 h2,.doing-inquiry19 h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){#awards{height:auto}.commerce-film21{filter:none!important;transition:none}.site-header nav>a:after{transition:none}}

/* Mobile playback recovery and geometry tied to the real interface aperture. */
.post-hole19{left:60.1px;width:284.8px;background:transparent}
.shop-hole19{background:transparent}
.persistent19{background:transparent}
.persistent19 .persistent-poster23{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.persistent19 video{position:relative;opacity:0}
.persistent19[data-frame-ready=true] video{opacity:1}
.video-retry23{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;border:1px solid #ffffff88;background:#10261be8;color:white;border-radius:40px;padding:16px 22px;font:600 14px WhybeSans,sans-serif;white-space:nowrap;cursor:pointer;min-height:50px;box-shadow:0 4px 24px #0005}
.video-retry23[hidden]{display:none}
#awards .selling-proof{gap:5vw}
#awards .award-tape{gap:22px;align-items:center}
#awards .award-tape .record,#awards .award-tape .record:nth-child(2){transform:none;height:auto;min-width:0}
#awards .award-tape .record button{height:auto;display:block;width:100%;padding:0;background:transparent;overflow:hidden}
.award-photo23{display:block;width:100%;height:auto;max-height:62svh;overflow:hidden}
.record-crop23{display:block;width:auto;height:min(75svh,950px);max-width:100%;margin:auto;overflow:hidden}
#awards .award-tape figcaption{padding-top:12px;font-size:11px}
@media(max-width:600px){
 #awards{height:auto}
 #awards .story-stage{position:relative;top:auto;height:auto;min-height:0;overflow:hidden}
 #awards .selling-action{position:absolute;inset:0;width:100%;height:100%;min-height:0;transform:none;object-fit:cover}
 #awards .selling-proof{position:relative;inset:auto;display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:40px 22px 35px;gap:34px;clip-path:none}
 #awards .award-tape{width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;transform:translateY(calc((1 - var(--award-enter,1))*18px))}
 #awards .award-tape .record{width:auto;height:auto}
 #awards .award-photo23{width:100%;height:auto;max-height:none}
 #awards .award-tape figcaption{font-size:9px;line-height:1.65;padding:10px 0 0;min-height:38px}
 #awards .selling-answer{position:relative;inset:auto;width:100%}
 #awards .selling-answer h3{margin:15px 0 18px;font-size:30px;line-height:1.22}
 #awards .selling-answer .selling-value22{font-size:12px;margin:14px 0 23px}
 #awards .selling-answer .button{width:100%;min-height:52px;font-size:12px}
 #awards .story-position{position:relative;inset:auto;padding:0 22px 25px;gap:8px;display:flex;flex-direction:column;background:#173b29;color:#e0e9db}
 #awards .story-position>span:first-child{max-width:none}
 #awards .chapter-progress{display:none}
}
@media(prefers-reduced-motion:reduce){#awards .award-tape{transform:none}.persistent19 video{pointer-events:auto}}