@charset "UTF-8";
:root{--paper:#eceee7;--ink:#101212;--accent:#d6f16b;--line:#383c38;--muted:#a8b0a5;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img,video{max-width:100%;display:block}figure,p,h1,h2,h3{margin:0}p{line-height:1.95}h1,h2,h3{font-feature-settings:"palt";text-wrap:balance}::selection{background:var(--accent);color:var(--ink)}[hidden]{display:none!important}.eyebrow{font:12px/1.6 var(--mono);letter-spacing:.09em}.section-shell{max-width:1600px;margin:auto;padding:128px 6vw}.site-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:27px 4vw;border-bottom:1px solid #ffffff18}.wordmark{font:800 32px/1 Arial,sans-serif;letter-spacing:-1.8px;display:flex;align-items:baseline}.wordmark>span{color:var(--accent)}.wordmark small{margin-left:14px;font:12px "Hiragino Kaku Gothic ProN",sans-serif;letter-spacing:.08em}.site-header nav{display:flex;gap:36px;align-items:center;font-size:14px}.site-header nav>a:not(.nav-cta){color:#c4c9c0}.site-header nav>a:hover{color:var(--accent)}.nav-cta{display:flex;align-items:center;gap:24px;border:1px solid #929b8966;border-radius:2px;padding:13px 17px}.nav-cta span{color:var(--accent);font-size:20px}
.hero{min-height:830px;height:100svh;max-height:1200px;position:relative;isolation:isolate;overflow:hidden;padding:135px 4vw 30px;background:#101212}.hero-type{position:absolute;z-index:-2;top:110px;left:3vw;right:3vw;font:600 clamp(220px,29vw,480px)/.8 Arial,sans-serif;letter-spacing:-.075em;color:#232725;user-select:none}.hero-type span{font:12px var(--mono);vertical-align:top;display:inline-block;letter-spacing:0;margin:14px 0 0 32px;color:#7d887c}.hero-index{display:flex;justify-content:space-between;position:relative;font:12px var(--mono);letter-spacing:.07em;z-index:2}.hero-copy{position:absolute;bottom:105px;left:6vw;z-index:3;max-width:600px}.hero-copy .eyebrow{color:var(--accent);margin-bottom:20px}.hero h1{font-size:clamp(50px,5.3vw,80px);line-height:1.3;letter-spacing:-.055em;font-weight:500}.fold-word{color:var(--accent)}.hero-description{font-size:15px;line-height:1.9;margin-top:26px;color:#b9c1b5}.text-link{display:inline-flex;align-items:center;gap:38px;margin-top:30px;font-size:14px;border-bottom:1px solid #828c7a;padding-bottom:11px}.text-link span{font-size:22px;color:var(--accent)}.text-link:hover{color:var(--accent)}.hero-visual{position:absolute;width:68%;height:calc(100% - 125px);right:-6%;top:100px;pointer-events:none;z-index:1}.hero-video,.hero-poster{position:absolute;width:100%;height:100%;object-fit:contain}.hero-video{filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.85;mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent)}.hero-poster{display:none}.visual-label{position:absolute;right:13%;top:44%;display:flex;flex-direction:column;gap:8px;font:12px var(--mono);color:#b5bfac;z-index:2;transform:translateX(20%)}.visual-label:before{content:"";height:1px;width:70px;background:#738164;margin-bottom:7px}.hero-visual-bottom{position:absolute;bottom:97px;right:13%;display:flex;gap:25px;align-items:center;z-index:2}.hero-visual-bottom p{font-size:13px;line-height:1.9;color:#b7c1ad}.hero-visual-bottom p>span{font:12px var(--mono);color:#d9e2d1}.hero-visual-bottom button{pointer-events:auto;background:transparent;border:1px solid #66735c;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:18px}.hero-visual-bottom button span{display:none}.media-note{position:absolute;bottom:73px;right:13%;font-size:12px;color:#8d9b81}.hero-baseline{position:absolute;bottom:28px;left:4vw;right:4vw;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font:12px var(--mono);letter-spacing:.03em;color:#aab49e}.hero.studio-ready .hero-video{filter:none;opacity:1;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 83%,transparent)}.hero.studio-ready .hero-poster{filter:none}.hero.motion-off .hero-poster{display:block}.hero.motion-off .hero-video{visibility:hidden}
.intro{background:var(--paper);color:var(--ink);max-width:none;padding-top:112px;padding-bottom:90px}.intro>.eyebrow{color:#596350}.intro-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:9%;margin-top:38px;align-items:end}.intro h2{font-size:clamp(36px,4.8vw,72px);line-height:1.45;font-weight:500;letter-spacing:-.06em}.intro-heading>p{font-size:16px;line-height:2.1;max-width:450px;padding-bottom:5px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:75px 0 0;border-top:1px solid #aeb4a6}.steps li{position:relative;padding:32px 26px 30px 0;display:flex;gap:23px}.steps li+li{border-left:1px solid #bac0b4;padding-left:32px}.step-number{font:12px var(--mono);padding-top:7px;color:#62704e}.steps h3{font-size:26px;font-weight:500;letter-spacing:-.03em}.steps p{font-size:14px;line-height:1.85;margin-top:18px;color:#526047}.step-en{position:absolute;right:24px;bottom:4px;font:12px var(--mono);color:#65755a}
.fold-section{height:300vh;position:relative;background:#101212}.fold-sticky{position:sticky;top:0;height:100svh;max-width:1700px;margin:auto;display:flex;flex-direction:column;padding:34px 4vw 20px;overflow:hidden}.fold-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.fold-heading .eyebrow{color:#9ea892}.fold-heading h2{font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.5;letter-spacing:-.045em;margin-top:10px}.fold-heading h2 span{color:var(--accent)}#fold-caption{font-size:14px;color:#bbc6af;padding-bottom:10px;min-width:220px;text-align:right}.fold-objects{min-height:0;flex:1;display:grid;grid-template-columns:1fr 1fr;margin:15px 0 18px}.fold-object{min-width:0;min-height:0;display:flex;flex-direction:column}.fold-object+.fold-object{border-left:1px solid #2d332b;margin-left:24px;padding-left:24px}.object-stage{flex:1;position:relative;min-height:0;overflow:hidden}.object-stage video,.object-stage img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.88}.fold-fallback{position:absolute;inset:0}.object-stage.is-ready .fold-fallback{visibility:hidden}.object-stage.studio-ready video,.object-stage.studio-ready img{filter:none;mix-blend-mode:lighten;opacity:1}.fold-object figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0 4px}.fold-object figcaption>div{display:flex;gap:16px;align-items:center}.object-number{font:12px var(--mono);color:var(--accent)}.fold-object h3{font-size:18px;font-weight:500}.fold-object figcaption>span{font:12px var(--mono);color:#aab49e}.fold-note{font-size:12px;line-height:1.7;color:#8c9b7e;text-align:center;margin-top:8px}
.design-section{background:#d6f16b;color:#182210;position:relative;overflow:hidden}.design-section>.section-shell{padding-top:100px;padding-bottom:90px}.design-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end}.design-heading h2{font-size:clamp(40px,5vw,76px);font-weight:500;letter-spacing:-.06em;line-height:1.35;margin-top:30px}.design-heading>div>p:not(.eyebrow){font-size:16px}.pill-link{display:inline-flex;align-items:center;gap:36px;font-size:14px;padding:17px 24px;background:#14200f;color:#e5efd9;border-radius:2px;margin-top:24px;border:1px solid transparent;transition:background .2s}.pill-link:hover{background:#314127}.pill-link span{font-size:23px;line-height:1}.auth-note{display:block;font-size:12px;margin-top:12px;opacity:.72}.editor-frame{margin-top:65px;background:#101710;padding:14px 14px 0;transform:perspective(2000px) rotateX(3deg);transform-origin:bottom;box-shadow:0 20px 45px #17221225}.editor-topbar{display:flex;justify-content:space-between;color:#a2b78d;padding:6px 6px 18px;font:12px var(--mono)}.editor-frame img{width:100%;height:auto}.editor-frame figcaption{font-size:12px;color:#b3c3a4;text-align:center;padding:16px 8px}.design-foot{display:flex;justify-content:space-between;gap:24px;font-size:14px;margin-top:28px}.design-foot span{margin:0 10px}.design-foot>p:last-child{font-size:12px}
.story{color:var(--paper);background:#171b17;max-width:none;padding-top:120px;padding-bottom:105px}.story-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end}.story-heading .eyebrow{color:#a7b49c}.story h2{font-size:clamp(40px,5.2vw,76px);font-weight:500;line-height:1.4;letter-spacing:-.055em;margin-top:28px}.story-heading>p{font-size:16px;color:#bdc5b7}.story-grid{display:grid;grid-template-columns:1.12fr .78fr 1fr;gap:3vw;margin-top:65px;align-items:start}.story-grid figure:nth-child(2){margin-top:115px}.story-grid figure:nth-child(3){margin-top:45px}.story-grid img{width:100%;height:390px;object-fit:cover;filter:saturate(.62)}.story-grid .pattern-photo img{height:330px;object-fit:contain;padding:30px;background:#e4e7df;filter:none}.story-grid figcaption{border-top:1px solid #46503d;margin-top:18px;padding-top:15px;display:flex;flex-direction:column;gap:10px;font-size:16px}.story-grid figcaption span{font:12px var(--mono);color:#9daa90}.codex-note{margin-top:85px;border-top:1px solid #414b39;padding-top:30px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.codex-note>.eyebrow{color:var(--accent)}.codex-note>p:nth-child(2){font-size:15px;line-height:2.1}.codex-note span{color:#a4b397}
.closing{text-align:center;padding:110px 24px 80px;position:relative;background:#e8ece2;color:#192114}.closing h2{font-size:clamp(40px,6.7vw,96px);font-weight:500;letter-spacing:-.06em;line-height:1.35;margin:28px 0 15px}.closing .pill-link{min-width:230px;justify-content:space-between}.back-top{display:block;width:max-content;margin:45px auto 0;font-size:12px;border-bottom:1px solid #88977a;padding-bottom:7px}.site-footer{position:relative;overflow:hidden;padding:70px 4vw 30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px}.footer-type{width:100%;font:700 28.8vw/.73 Arial,sans-serif;letter-spacing:-.075em;color:#d7dfd1;margin-left:-1vw;margin-bottom:50px}.site-footer p{font-size:14px}.site-footer small{font-size:12px;color:#9aab8a}.site-footer>span{font:12px var(--mono);color:#adbaa0}.site-footer>.wordmark{display:none}.skip-link{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--ink);padding:14px;z-index:20}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.no-script{padding:24px}.media-error .scrub-video{visibility:hidden}
@media(min-width:1700px){.hero-visual{right:0;width:65%}.hero-copy{left:8vw}.hero-type{top:100px}.hero-index{margin:0 4vw}}
@media(max-width:1000px){.site-header{padding:23px 4vw}.site-header nav{gap:22px}.hero{min-height:780px}.hero-copy{left:4vw;max-width:480px}.hero h1{font-size:60px}.hero-visual{width:77%;right:-16%}.visual-label{right:23%;top:37%}.hero-visual-bottom,.media-note{right:23%}.intro-heading,.design-heading,.story-heading{gap:6%}.section-shell{padding:90px 5vw}.steps li{gap:14px}.steps li+li{padding-left:22px}.steps h3{font-size:23px}.fold-object figcaption{flex-wrap:wrap}.story-grid img{height:310px}.story-grid .pattern-photo img{height:280px}.design-foot{display:block}.design-foot>p+p{margin-top:8px}}
@media(max-width:700px){.site-header{padding:21px 22px}.wordmark{font-size:30px}.wordmark small{display:none}.site-header nav>a:not(.nav-cta){display:none}.site-header .nav-cta{font-size:12px;padding:10px 12px;gap:14px}.hero{height:100svh;min-height:860px;max-height:1050px;padding:106px 22px 22px}.hero-index{font-size:12px}.hero-index>span:last-child{font-size:12px;max-width:110px;text-align:right;line-height:1.5}.hero-type{top:165px;left:2vw;font-size:30vw}.hero-type span{display:none}.hero-visual{width:117%;height:58%;top:130px;right:-10%;z-index:1}.hero-video{mask-image:linear-gradient(90deg,transparent,#000 13%,#000 85%,transparent)}.hero-copy{bottom:90px;left:22px;right:22px;max-width:none;z-index:3}.hero h1{font-size:clamp(41px,10vw,67px);line-height:1.3;letter-spacing:-.06em}.hero-copy .eyebrow{font-size:12px;margin-bottom:13px}.hero-description{font-size:14px;line-height:1.8;margin-top:18px}.hero .text-link{margin-top:21px;font-size:14px}.hero-baseline{left:22px;right:22px;bottom:22px;font-size:12px;padding-top:17px}.hero-baseline>span:first-child{max-width:145px;line-height:1.6}.hero-baseline>span:last-child{max-width:110px;line-height:1.6;text-align:right}.visual-label{right:13%;top:15%;font-size:12px;transform:none}.visual-label:before{width:35px}.hero-visual-bottom{right:14%;bottom:15%;gap:0}.hero-visual-bottom p{display:none}.hero-visual-bottom button{width:42px;height:42px}.media-note{display:none}.section-shell{padding:72px 22px}.intro-heading,.design-heading,.story-heading{display:block}.intro-heading{margin-top:28px}.intro h2{font-size:37px}.intro-heading>p,.story-heading>p{font-size:16px;margin-top:28px;line-height:2}.steps{display:block;margin-top:42px}.steps li,.steps li+li{padding:27px 0 30px;gap:25px;border-left:0;border-bottom:1px solid #b2bcaa}.steps li>div{display:grid;grid-template-columns:125px 1fr;gap:5px;width:100%}.steps h3{font-size:24px}.steps p{font-size:14px;margin:0}.step-en{right:0;bottom:8px}.fold-section{height:300vh}.fold-sticky{padding:20px 20px 15px}.fold-heading{display:block}.fold-heading h2{font-size:28px;line-height:1.45;margin-top:8px}.fold-heading .eyebrow{font-size:12px}#fold-caption{text-align:left;font-size:14px;min-width:0;padding-top:7px;padding-bottom:0}.fold-objects{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:5px;margin:5px 0 10px}.fold-object+.fold-object{border-left:0;border-top:1px solid #2e3826;padding:0;margin:0}.fold-object figcaption{padding:4px 0 0;gap:5px}.fold-object h3{font-size:14px}.fold-object figcaption>span{font-size:12px}.fold-object figcaption>div{gap:10px}.fold-note{font-size:12px;line-height:1.55;text-align:left;margin-top:4px}.design-section>.section-shell{padding-top:72px;padding-bottom:64px}.design-heading h2{font-size:47px;margin-top:24px}.design-heading>div+div{margin-top:26px}.pill-link{font-size:14px}.editor-frame{margin:40px -5px 0;padding:7px 7px 0;transform:none}.editor-topbar{font-size:12px;padding:5px 4px 12px}.editor-topbar>span:last-child{display:none}.editor-frame figcaption{font-size:12px;padding:12px 4px}.design-foot{font-size:12px;line-height:1.8;margin-top:22px}.design-foot span{margin:0 3px}.story h2{font-size:47px}.story-grid{grid-template-columns:1fr 1fr;gap:24px 17px;margin-top:45px}.story-grid img{height:245px}.story-grid figure:nth-child(2){margin-top:50px}.story-grid .pattern-photo img{height:220px;padding:12px}.story-grid figure:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;margin-top:0}.story-grid figure:nth-child(3) img{height:245px}.story-grid figcaption{font-size:14px;line-height:1.8;margin-top:14px;padding-top:12px}.codex-note{display:block;margin-top:50px;padding-top:24px}.codex-note>p:nth-child(2){font-size:14px;margin-top:22px}.codex-note br{display:none}.closing{padding:75px 22px 60px}.closing h2{font-size:46px}.site-footer{padding:48px 22px 25px;gap:22px}.footer-type{margin-bottom:20px}.site-footer p{font-size:12px}.site-footer>span{font-size:12px}.site-footer small{line-height:1.9}}
@media(max-width:370px){.hero h1{font-size:39px}.steps li{gap:16px}.steps li>div{grid-template-columns:115px 1fr}.steps h3{font-size:22px}.fold-sticky{padding-left:15px;padding-right:15px}.fold-object figcaption>span{font-size:12px}.fold-object h3{font-size:13px}}
@media(max-height:650px) and (min-width:701px){.fold-sticky{padding:16px 4vw 10px}.fold-heading h2{font-size:28px}.fold-objects{margin:5px 0 7px}.fold-object h3{font-size:16px}.fold-note{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.fold-section{height:auto}.fold-sticky{position:relative;height:auto}.fold-objects{min-height:420px}.object-stage{height:360px;flex:auto}.fold-fallback{visibility:visible!important}.scrub-video{visibility:hidden}.hero-video{visibility:hidden}.hero-poster{display:block;filter:grayscale(1) brightness(1.8)}.editor-frame{transform:none}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.fold-objects{grid-template-rows:auto auto}.object-stage{height:270px}}
/* Let the edition typography and ruled baseline remain visible behind the studio film. */
.hero-visual{mix-blend-mode:lighten}.hero-baseline{z-index:3}.visual-label{right:16%;transform:none}.hero-visual-bottom,.media-note{right:16%}
@media(min-width:701px) and (max-width:1000px){.visual-label,.hero-visual-bottom,.media-note{right:26%}}
@media(max-width:700px){.visual-label{right:14%}.hero-visual-bottom{right:14%}}
@media(max-width:700px){.hero-visual{top:120px;height:44%}.hero-visual-bottom{bottom:0}.hero-description{font-size:16px}.steps p{font-size:16px}.steps li>div{grid-template-columns:115px 1fr}.codex-note>p:nth-child(2){font-size:16px}}

/* User-approved tagline; keep all three phrases together at each width. */
.hero h1{font-size:clamp(44px,4.6vw,66px);line-height:1.28}.hero h1 .copy-line{display:block;white-space:nowrap}
@media(max-width:700px){.hero h1{font-size:clamp(29px,8.9vw,42px);line-height:1.28}}
/* v03: direct folding, a responsive exhibition, and quiet scroll entrances. */
.hero-video,.hero-poster{transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) rotate(var(--scene-r,0deg));transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}.hero-type{transform:translate3d(var(--type-x,0px),var(--type-y,0px),0);transition:transform .65s ease-out}.hero-touch{position:absolute;inset:19% 23% 21% 21%;border:0;background:transparent;pointer-events:auto;z-index:2;cursor:pointer;color:var(--accent);touch-action:pan-y}.touch-instruction{position:absolute;right:0;bottom:-5%;display:inline-flex;align-items:center;gap:15px;border:1px solid #718455;border-radius:40px;padding:10px 16px;font-size:14px;background:#101212dd;transition:background .2s,color .2s,transform .25s;white-space:nowrap}.hero-touch:hover .touch-instruction,.hero-touch:focus-visible .touch-instruction{background:var(--accent);color:var(--ink);transform:translateY(-5px)}.touch-instruction>span{font:20px var(--mono)}.hero-visual-bottom{z-index:4}.hero-visual-bottom button{position:relative}.hero-description{max-width:440px}.fold-playbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:36px;margin-top:8px;color:#aebba0;font-size:12px}.fold-playbar p{line-height:1.6}.fold-playbar button{background:none;border:0;border-bottom:1px solid #839669;padding:7px 0;min-height:36px;font-size:12px;white-space:nowrap}.fold-playbar button:hover{color:var(--accent)}.fold-playbar button>span{margin-left:10px}.object-touch{position:absolute;inset:0;border:0;background:transparent;color:var(--accent);cursor:pointer;touch-action:pan-y}.object-touch-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%) translateY(5px);padding:8px 14px;border:1px solid #697e4d;border-radius:30px;background:#101212df;font-size:12px;opacity:0;white-space:nowrap;transition:opacity .2s,transform .2s}.object-touch:hover .object-touch-label,.object-touch:focus-visible .object-touch-label{opacity:1;transform:translateX(-50%) translateY(0)}.object-stage{transition:background .4s}.object-stage:has(.object-touch:hover){background:#d6f16b04}.object-feedback{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.9);font-size:clamp(28px,3vw,42px);font-weight:600;opacity:0;text-shadow:0 3px 12px #000;pointer-events:none}.object-touch.is-folding .object-feedback{animation:patan-feedback .8s ease-out both}@keyframes patan-feedback{0%{opacity:0;transform:translate(-50%,-25%) scale(.8)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-90%) scale(1.08)}}.fold-object.is-moving .object-number{color:var(--paper)}.steps li{transition:background .3s,padding-left .3s}.steps li:hover{background:#d7dfcf}.steps li:hover .step-number{color:#172b03}.steps li:hover .step-en{color:#172b03;letter-spacing:.3em}.step-en{transition:letter-spacing .3s}.editor-frame{transition:transform .65s}.editor-frame:hover{transform:perspective(2000px) rotateX(0deg)}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-seen{opacity:1;transform:none}.story-grid figure.reveal{transition-duration:.8s,1s}.hero-copy{animation:hero-enter .9s cubic-bezier(.2,.7,.2,1) both}.hero-index{animation:hero-enter 1.1s ease both}@keyframes hero-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.object-touch-label{opacity:1;transform:translateX(-50%);bottom:3px;padding:5px 10px}.object-feedback{font-size:28px}}
@media(max-width:1000px) and (min-width:701px){.hero-touch{right:27%;left:14%}.touch-instruction{bottom:0;font-size:12px}}
@media(max-width:700px){.hero-touch{inset:14% 19% 5% 18%}.touch-instruction{font-size:12px;padding:8px 12px;bottom:0}.hero-visual-bottom{bottom:-1%;right:13%}.hero-description{max-width:310px}.hero-copy .eyebrow{max-width:260px}.fold-playbar{margin-top:3px;min-height:33px;gap:10px;font-size:12px}.fold-playbar p{max-width:190px}.fold-playbar button{font-size:12px}.fold-heading h2{font-size:27px}.fold-object figcaption{padding-top:3px}.fold-objects{margin-top:2px}.closing h2{font-size:clamp(30px,8.3vw,46px)}.object-touch-label{bottom:0;padding:4px 10px;font-size:12px}.story-grid figure.reveal{transition-delay:0ms!important}}
@media(max-height:650px) and (min-width:701px){.fold-playbar{margin-top:0;min-height:28px}.fold-heading h2{margin-top:3px}.object-touch-label{bottom:0}}
@media(max-width:700px){.hero-visual{top:110px;height:36%}.hero-visual-bottom{bottom:9%}.touch-instruction{right:44px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.hero-video,.hero-poster,.hero-type{transform:none;will-change:auto}.object-touch.is-folding .object-feedback{animation:none;opacity:0}.hero-copy,.hero-index{animation:none}.object-touch-label{opacity:1;transform:translateX(-50%)}.hero-touch:hover .touch-instruction{transform:none}.hero-visual-bottom button{display:none}}

/* Publication FAQ: readable without JavaScript or disclosure controls. */
.faq h2{font-size:clamp(28px,4vw,52px);margin:22px 0 40px}.faq dl{margin:0}.faq dl>div{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;border-top:1px solid var(--line);padding:30px 0}.faq dt{font-size:18px;line-height:1.8}.faq dd{margin:0;font-size:16px;line-height:1.95;color:#b7c0b2}@media(max-width:700px){.faq dl>div{display:block;padding:24px 0}.faq dd{margin-top:14px}}

/* The hero uses the actual foldable mesh; its original film remains the fallback. */
.hero.has-3d .hero-video,.hero.has-3d .hero-poster,.hero.has-3d .hero-touch,.hero.has-3d .hero-visual-bottom,.hero.has-3d .media-note{display:none!important}
.hero-orbit{position:absolute;inset:0 0 10%;z-index:2;pointer-events:auto}
.hero-orbit canvas{display:block;width:100%;height:100%;touch-action:pan-y pinch-zoom;cursor:grab;outline-offset:-8px}
.hero-orbit.is-dragging canvas{cursor:grabbing}
.hero-orbit canvas:focus-visible{outline:2px solid var(--accent)}
.hero.has-3d .visual-label{pointer-events:none;z-index:3;top:8%;right:18%}
.hero-orbit-ui{position:absolute;right:16%;bottom:14%;z-index:4;pointer-events:auto;color:var(--accent)}
#orbit-hint{font-size:14px;line-height:1.6;margin:0 0 12px;text-align:right;color:#bbc6af;pointer-events:none}
#orbit-hint>span:last-child{margin-left:14px;color:var(--accent)}
.orbit-mobile{display:none}
.orbit-actions{display:flex;gap:9px;align-items:center}
.orbit-actions button{border:1px solid #718455;border-radius:30px;background:#101212e8;color:var(--accent);min-height:44px;padding:9px 15px;font-size:14px;white-space:nowrap}
.orbit-actions button:hover{background:var(--accent);color:var(--ink)}
.orbit-actions .orbit-play{width:44px;padding:9px;font-size:18px}
.viewer-unavailable{position:absolute;right:16%;bottom:6%;font-size:12px;color:var(--muted)}
@media(min-width:701px) and (max-width:1000px){.hero-orbit-ui{right:26%;bottom:14%}.orbit-actions button{font-size:12px;padding:8px 12px}}
@media(max-width:700px){
  .hero-visual{top:110px;height:36%}
  .hero.has-3d .hero-orbit{inset:-4% 0 12%;height:auto}
  .hero.has-3d .visual-label{display:none}
  .hero-orbit-ui{right:13%;bottom:4%}
  #orbit-hint{font-size:12px;margin-bottom:7px}
  .orbit-actions{gap:7px}
  .orbit-actions button{font-size:12px;min-height:40px;padding:8px 12px}
  .orbit-actions .orbit-play{width:40px;font-size:16px}
  .orbit-desktop{display:none}.orbit-mobile{display:inline}
  .viewer-unavailable{right:14%;bottom:0}
}

/* A paper pattern becomes an object: one open stage, without a control rail. */
.intro{position:relative;overflow:hidden}
.intro::before{content:"";position:absolute;right:-8%;top:-18%;width:48%;aspect-ratio:1;background:url('./assets/stand-dieline.svg?v=shapes2') center/contain no-repeat;filter:brightness(.35);opacity:.14;transform:rotate(-18deg);pointer-events:none}
.intro>*{position:relative}
.fold-section{height:260svh}
.fold-section .fold-sticky{max-width:1800px;padding:clamp(28px,5vh,60px) 5vw 28px}
.fold-section .fold-heading{position:relative;z-index:4;display:block;text-align:center}
.fold-section .fold-heading .eyebrow{font-size:12px;letter-spacing:.16em;color:#a2ad98}
.fold-section .fold-heading h2{font-size:clamp(40px,5.1vw,78px);font-weight:500;line-height:1.25;letter-spacing:-.055em;margin-top:18px}
.fold-section .fold-playbar{position:relative;z-index:4;justify-content:center;flex-shrink:0;margin-top:18px;min-height:36px;font-size:14px;color:#aeb6a7}
.fold-section .fold-playbar p{max-width:none}
.fold-section #resume-scroll{position:absolute;right:0;bottom:0;border:0;padding:8px 12px;border-radius:24px;background:#ffffff0a;font-size:12px}
.fold-section #resume-scroll:hover{background:#ffffff14}
.fold-section .fold-objects{display:block;position:relative;flex:1;margin:0;min-height:0}
.fold-section .fold-object{position:absolute;display:flex;flex-direction:column;border:0;margin:0;padding:0;min-width:0}
.fold-section .fold-object[data-object="stand"]{left:-3%;top:-1%;width:61%;height:93%}
.fold-section .fold-object[data-object="tray"]{right:-3%;top:17%;width:53%;height:82%}
.fold-section .object-stage{flex:1;min-height:0;overflow:visible;isolation:isolate;background:none}
.fold-section .object-stage:has(.object-touch:hover){background:none}
.fold-section .scrub-video,.fold-section .fold-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}
.fold-section [data-object="stand"] .scrub-video,.fold-section [data-object="stand"] .fold-fallback{transform:translate(6%,-3%) scale(1.12)}
.fold-section [data-object="tray"] .scrub-video,.fold-section [data-object="tray"] .fold-fallback{transform:translate(-2%,-5%) scale(1.1)}
.fold-section .object-stage .pattern-underlay{position:absolute;inset:-8% auto auto 2%;width:82%;height:94%;object-fit:contain;filter:none;mix-blend-mode:normal;opacity:calc(.32 - var(--fold-progress,0) * .14);transform:rotate(-15deg);pointer-events:none;z-index:0}
.fold-section [data-object="tray"] .object-stage .pattern-underlay{inset:-2% 0 auto auto;width:86%;transform:rotate(13deg)}
.fold-section .object-touch{z-index:2;inset:4% 10% 3%;border-radius:8px}
.fold-section .object-touch-label{bottom:5%;padding:9px 16px;border:1px solid #b4c49a55;background:#252b23d9;backdrop-filter:blur(12px);font-size:13px}
.fold-section .object-feedback{display:none}
.fold-section .fold-object figcaption{position:relative;z-index:3;display:block;align-self:center;min-height:58px;padding:8px 0 0;text-align:left}
.fold-section .fold-object figcaption>div{gap:12px}
.fold-section .fold-object h3{font-size:20px;font-weight:500;letter-spacing:-.025em}
.fold-section .object-number{color:#b0bf96;font-size:11px}
.fold-section .fold-object figcaption>span{display:block;margin:8px 0 0 27px;font:11px/1.6 var(--mono);letter-spacing:.07em;color:#909c85}
.fold-footnote{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:16px;flex-shrink:0}
.fold-section #fold-caption{min-width:0;text-align:left;padding:0;font-size:14px;color:#c8d4b9}
.fold-section .fold-note{text-align:right;margin:0;font-size:11px;line-height:1.7;color:#909b85}
@media(min-width:701px) and (max-height:700px){
  .fold-section .fold-sticky{padding-top:22px;padding-bottom:18px}
  .fold-section .fold-heading h2{font-size:42px;margin-top:10px}
  .fold-section .fold-playbar{margin-top:8px}
  .fold-section .fold-object h3{font-size:17px}
  .fold-section .fold-object figcaption{min-height:48px}
  .fold-footnote{padding-top:7px}
}
@media(max-width:700px){
  .intro::before{width:90%;right:-35%;top:4%;opacity:.11}
  .fold-section{height:250svh}
  .fold-section .fold-sticky{padding:32px 22px 20px}
  .fold-section .fold-heading{text-align:left}
  .fold-section .fold-heading h2{font-size:clamp(30px,7.7vw,48px);margin-top:13px;white-space:nowrap}
  .fold-section .fold-heading .eyebrow{font-size:11px;letter-spacing:.07em}
  .fold-section .fold-playbar{justify-content:flex-start;align-items:start;min-height:44px;margin-top:13px;font-size:12px}
  .fold-section #resume-scroll{right:0;bottom:0;font-size:11px;padding:5px 9px}
  .fold-section .fold-object[data-object="stand"]{left:-11%;top:-3%;width:108%;height:56%}
  .fold-section .fold-object[data-object="tray"]{right:-9%;top:48%;width:99%;height:52%}
  .fold-section .fold-object figcaption{min-height:41px;align-self:flex-start;margin-left:17%;padding:0}
  .fold-section [data-object="tray"] figcaption{align-self:flex-end;text-align:right;margin:0 12% 0 0}
  .fold-section .fold-object h3{font-size:16px}
  .fold-section .fold-object figcaption>div{gap:10px}
  .fold-section .fold-object figcaption>span{margin-top:4px;font-size:10px;letter-spacing:.025em}
  .fold-section .object-stage .pattern-underlay{inset:-10% auto auto -8%;width:95%;height:115%}
  .fold-section [data-object="tray"] .object-stage .pattern-underlay{inset:0 -12% auto auto;width:85%;height:95%}
  .fold-section .object-touch-label{font-size:11px;padding:6px 10px;bottom:0}
  .fold-section .fold-note{font-size:10px;max-width:190px}
  .fold-section #fold-caption{font-size:12px}
  .fold-footnote{gap:14px;padding-top:12px}
}
@media(max-width:700px) and (max-height:730px){
  .fold-section .fold-sticky{padding-top:22px;padding-bottom:14px}
  .fold-section .fold-heading h2{font-size:29px;margin-top:9px}
  .fold-section .fold-playbar{margin-top:6px;min-height:35px}
  .fold-section .fold-object h3{font-size:14px}
  .fold-section .fold-note br{display:none}
}
@media(prefers-reduced-motion:reduce){
  .fold-section{height:auto}
  .fold-section .fold-sticky{position:relative;height:auto}
  .fold-section .fold-objects{flex:none;height:650px}
  .fold-section .object-stage{height:auto}
  .fold-section .object-touch-label{opacity:1}
}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.fold-section .fold-objects{height:650px}}

/* One large object, eight quiet swatches: choose a shape and keep folding. */
.fold-collection{scroll-margin-top:-28px}
.fold-collection .fold-sticky{max-width:1700px;padding-top:clamp(28px,4.6vh,48px);padding-bottom:24px}
.fold-collection .fold-heading h2{font-size:clamp(38px,4.8vw,70px)}
.fold-collection .fold-playbar{margin-top:13px;min-height:34px}
.fold-collection #resume-scroll{right:0}
.fold-collection .fold-objects{margin:0;min-height:0;flex:1}
.fold-section.fold-collection .fold-object{inset:0;width:100%;height:100%;margin:0;padding:0;align-items:center}
.fold-collection .object-stage{flex:1;width:min(100%,1020px);min-height:0;overflow:clip}
.fold-section.fold-collection .scrub-video,.fold-section.fold-collection .fold-fallback,.fold-section.fold-collection .fold-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;pointer-events:none}
.fold-section.fold-collection .fold-frame,.fold-section.fold-collection .fold-fallback{transform:scale(calc(1 + var(--fold-progress,0) * .18))}
.fold-section.fold-collection [data-object="02-petal-pen"] .fold-frame,.fold-section.fold-collection [data-object="02-petal-pen"] .fold-fallback{transform:scale(calc(1 + var(--fold-progress,0) * .70));transform-origin:50% 62%}
.fold-section.fold-collection [data-object="stand"] .fold-frame,.fold-section.fold-collection [data-object="stand"] .fold-fallback,.fold-section.fold-collection [data-object="tray"] .fold-frame,.fold-section.fold-collection [data-object="tray"] .fold-fallback{transform:scale(1.4)}
.fold-section.fold-collection .scrub-video{opacity:0;z-index:0}
.fold-section.fold-collection .fold-fallback{z-index:1;visibility:visible}
.fold-section.fold-collection .fold-frame{z-index:2;visibility:hidden;mix-blend-mode:lighten}
.fold-section.fold-collection .frame-ready .fold-frame{visibility:visible}
.fold-section.fold-collection .frame-ready .fold-fallback{visibility:hidden}
.fold-section.fold-collection .object-stage .pattern-underlay{inset:4% auto auto -6%;width:53%;height:90%;transform:rotate(-18deg);opacity:calc(.20 - var(--fold-progress,0) * .07);z-index:0;filter:none}
.fold-section.fold-collection .object-touch{inset:3% 16% 0;z-index:3;outline-offset:-6px}
.fold-collection .object-touch-label{bottom:5%;opacity:1;transform:translateX(-50%);font-size:12px}
.fold-section.fold-collection .fold-object figcaption{align-self:center;min-height:64px;padding:6px 0 0;margin:0;text-align:center}
.fold-section.fold-collection .fold-object figcaption>div{justify-content:center;gap:12px}
.fold-section.fold-collection .fold-object h3{font-size:22px}
.fold-section.fold-collection .fold-object figcaption>span{margin:7px 0 0;font-size:10px;color:#93a38a;letter-spacing:.1em}
.design-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(448px,100%);margin:14px auto 0;flex-shrink:0}
.design-swatch{position:relative;display:grid;place-items:center;width:100%;height:44px;padding:0;border:0;background:none;border-radius:50%}
.design-swatch>span{width:25px;height:25px;border-radius:50%;background:var(--swatch-color);box-shadow:inset 0 1px 2px #fff5,inset 0 -1px 3px #0002;transition:transform .2s}
.design-swatch::after{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:35px;height:35px;border:1px solid transparent;border-radius:50%}
.design-swatch[aria-pressed="true"]::after{border-color:var(--paper)}
.design-swatch:hover>span{transform:scale(1.12)}
.design-swatch:focus-visible{outline-offset:0;outline:1px solid var(--accent)}
.design-picker-hint{font-size:11px;color:#9aaa90;text-align:center;margin:10px 0 0;flex-shrink:0}
.fold-collection .fold-footnote{padding-top:20px}
.collection-no-script{padding:24px;line-height:2;font-size:14px}
.collection-no-script a{text-decoration:underline}
@media(max-width:1000px){.fold-collection .object-stage{width:100%}.fold-section.fold-collection .object-stage .pattern-underlay{width:65%;left:-5%}}
@media(max-width:700px){
  .fold-collection .fold-sticky{padding:30px 22px 18px}
  .fold-collection .fold-heading{text-align:center}
  .fold-collection .fold-heading h2{font-size:clamp(29px,7.7vw,44px)}
  .fold-collection .fold-playbar{justify-content:center;font-size:11px;min-height:44px;margin-top:12px}
  .fold-collection #resume-scroll{right:50%;transform:translateX(50%);font-size:10px}
  .fold-section.fold-collection .fold-object{inset:0;width:100%;height:100%}
  .fold-collection .object-stage{width:calc(100% + 30px)}
  .fold-section.fold-collection [data-object="02-petal-pen"] .fold-frame,.fold-section.fold-collection [data-object="02-petal-pen"] .fold-fallback{transform:scale(calc(1 + var(--fold-progress,0) * .90))}
  .fold-section.fold-collection .object-stage .pattern-underlay{inset:1% auto auto -11%;width:86%;height:95%;opacity:calc(.15 - var(--fold-progress,0) * .05)}
  .fold-section.fold-collection .fold-object figcaption{min-height:65px;padding-top:8px}
  .fold-section.fold-collection .fold-object h3{font-size:18px}
  .fold-section.fold-collection .fold-object figcaption>span{font-size:9px}
  .fold-section.fold-collection .object-touch{inset:2% 10% 0}
  .fold-collection .object-touch-label{font-size:11px;bottom:2%;padding:7px 12px}
  .design-picker{margin-top:6px}
  .design-swatch>span{width:23px;height:23px}
  .design-swatch::after{width:33px;height:33px}
  .design-picker-hint{margin-top:7px;font-size:10px}
  .fold-collection .fold-footnote{padding-top:18px;gap:14px}
  .fold-collection .fold-note{font-size:9px;max-width:165px}
}
@media(max-height:700px){.fold-collection .fold-sticky{padding-top:20px;padding-bottom:12px}.fold-collection .fold-heading h2{margin-top:10px}.fold-collection .fold-footnote{padding-top:10px}.design-picker{margin-top:0}.design-picker-hint{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.fold-section.fold-collection .fold-frame{visibility:hidden}.fold-section.fold-collection .fold-fallback{visibility:visible}.fold-section.fold-collection .fold-objects{height:570px}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.fold-section.fold-collection .fold-objects{height:430px}}

/* Fold into everyday life: gentle studio light and a still use scene after assembly. */
.fold-collection .object-stage{isolation:isolate;background:radial-gradient(ellipse at 52% 64%,#29302a66 0%,#1b201b33 32%,transparent 64%)}
.fold-collection .object-stage::before{content:"";position:absolute;left:26%;right:23%;top:76%;height:8%;border-radius:50%;background:#030805;filter:blur(17px);opacity:var(--ground-opacity,.12);transform:scaleX(calc(.65 + var(--fold-progress,0) * .35));pointer-events:none;z-index:2}
.fold-section.fold-collection .object-stage .fold-frame,
.fold-section.fold-collection .object-stage .fold-fallback,
.fold-section.fold-collection .object-stage .use-scene{transform:scale(var(--scene-scale,1));transform-origin:50% 55%;mask-image:radial-gradient(ellipse at center,#000 54%,#000e 66%,transparent 77%)}
.fold-section.fold-collection .object-stage .use-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:3;transition:opacity .16s linear}
.fold-section.fold-collection .use-ready .use-scene{visibility:visible;opacity:var(--use-opacity,0)}
.fold-section.fold-collection .object-touch{z-index:4}
.fold-section.fold-collection .object-stage .pattern-underlay{opacity:calc(.20 * (1 - var(--fold-progress,0)));transition:opacity .15s linear}
.fold-section.fold-collection .fold-object figcaption>span{min-height:18px;transition:color .3s}
.fold-section.fold-collection .fold-object figcaption>span.is-use-copy{color:#bacaa2;font-family:inherit;letter-spacing:.04em;font-size:12px}
@media(max-width:700px){
 .fold-section.fold-collection .object-stage .fold-frame,.fold-section.fold-collection .object-stage .fold-fallback,.fold-section.fold-collection .object-stage .use-scene{mask-image:radial-gradient(ellipse at center,#000 58%,#000e 69%,transparent 82%)}
 .fold-section.fold-collection .fold-object figcaption>span.is-use-copy{font-size:11px}
 .fold-collection .object-stage::before{filter:blur(12px)}
}
@media(prefers-reduced-motion:reduce){.fold-collection .object-stage::before{transform:none}.fold-section.fold-collection .object-stage .use-scene{transition:none}}

.fold-section.fold-collection .use-ready .fold-frame,.fold-section.fold-collection .use-ready .fold-fallback{opacity:calc(1 - var(--use-opacity,0));transition:opacity .16s linear}
/* A single scroll track carries eight shapes from paper to everyday life. */
.fold-section.continuous-story{height:1300svh;scroll-margin-top:0}
.continuous-story .fold-sticky{display:block;max-width:none;padding:0;height:100svh;overflow:hidden;isolation:isolate}
.continuous-story .fold-heading{position:absolute;top:7%;left:6%;text-align:left;z-index:6;pointer-events:none}
.continuous-story .fold-heading .eyebrow{font-size:10px;letter-spacing:.16em}
.continuous-story .fold-heading h2{font-size:26px;margin-top:13px;letter-spacing:-.045em}
.continuous-story .fold-playbar{position:absolute;left:6%;bottom:14%;margin:0;min-height:0;z-index:6;pointer-events:none;font-size:12px}
.continuous-story #resume-scroll{display:none}
.fold-section.continuous-story .fold-objects{position:absolute;inset:0;display:block;margin:0;width:100%;height:100%}
.fold-section.continuous-story .fold-object{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:var(--chapter-opacity,1);transform:translate3d(0,var(--chapter-y,0%),0) scale(var(--chapter-scale,1));transform-origin:50% 50%;will-change:transform,opacity}
.fold-section.continuous-story .fold-object[hidden]{display:none}
.fold-section.continuous-story .object-stage{position:absolute;top:10%;left:33%;width:66%;height:69%;min-height:0;overflow:visible}
.fold-section.continuous-story .object-stage .pattern-underlay{left:0;width:65%;height:100%;opacity:calc(.13 * (1 - var(--fold-progress,0)));transform:rotate(-10deg)}
.fold-section.continuous-story .object-stage .fold-frame,.fold-section.continuous-story .object-stage .fold-fallback,.fold-section.continuous-story .object-stage .use-scene{mask-image:none}
.fold-section.continuous-story .object-stage .fold-frame,.fold-section.continuous-story .object-stage .fold-fallback{mix-blend-mode:lighten}
.fold-section.continuous-story .object-stage .use-scene{mix-blend-mode:lighten}
.fold-section.continuous-story .object-touch{inset:0 0 0 0;outline-offset:-20px}
.fold-section.continuous-story .object-touch-label{bottom:1%;left:50%;font-size:11px;opacity:0;transition:opacity .2s}
.fold-section.continuous-story .object-touch:hover .object-touch-label,.fold-section.continuous-story .object-touch:focus-visible .object-touch-label{opacity:1}
.fold-section.continuous-story .fold-object figcaption{position:absolute;left:38%;right:5%;bottom:16%;padding:0;min-height:56px;text-align:center}
.fold-section.continuous-story .fold-object h3{font-size:20px}
.fold-section.continuous-story .fold-object figcaption>span{font-size:10px}
.continuous-story .design-picker{position:absolute;bottom:8.7%;left:50%;width:min(390px,38%);margin:0;transform:translateX(-2%);z-index:8}
.continuous-story .design-swatch{height:40px}
.continuous-story .design-swatch>span{width:22px;height:22px}
.continuous-story .design-swatch::after{width:32px;height:32px}
.continuous-story .design-picker-hint{position:absolute;bottom:6%;left:38%;right:5%;font-size:10px;margin:0;z-index:7}
.continuous-story .fold-footnote{position:absolute;left:6%;right:5%;bottom:22px;padding:0;z-index:7}
.continuous-story .fold-note{font-size:10px}
@media(max-width:1000px) and (min-width:701px){
 .continuous-story .fold-heading{left:5%}.continuous-story .fold-heading h2{font-size:23px}
 .fold-section.continuous-story .object-stage{left:36%;width:64%;top:13%;height:65%}
}
@media(max-width:700px){
 .fold-section.continuous-story{height:1300svh}
 .continuous-story .fold-heading{top:27px;left:22px;right:22px;text-align:center}
 .continuous-story .fold-heading .eyebrow{font-size:9px}
 .continuous-story .fold-heading h2{font-size:27px;margin-top:8px}
 .fold-section.continuous-story .fold-object{transform-origin:50% 51%}
 .fold-section.continuous-story .object-stage{top:215px;left:0;width:100%;height:calc(100% - 415px)}
 .fold-section.continuous-story .object-stage .pattern-underlay{left:0;width:100%;height:100%}
 .fold-section.continuous-story .fold-object figcaption{left:20px;right:20px;bottom:145px;min-height:50px}
 .fold-section.continuous-story .fold-object h3{font-size:17px}
 .fold-section.continuous-story .fold-object figcaption>span{font-size:9px}
 .fold-section.continuous-story .object-touch-label{opacity:.8;font-size:9px;bottom:1%;padding:6px 10px}
 .continuous-story .design-picker{left:20px;right:20px;bottom:91px;width:auto;transform:none}
 .continuous-story .design-swatch{height:44px}
 .continuous-story .design-swatch>span{width:21px;height:21px}
 .continuous-story .design-picker-hint{left:20px;right:20px;bottom:74px;font-size:9px}
 .continuous-story .fold-playbar{left:22px;right:22px;bottom:52px;font-size:10px;text-align:center}
 .continuous-story .fold-footnote{left:20px;right:20px;bottom:19px;gap:10px}
 .continuous-story .fold-note{font-size:8px;max-width:47%}
}
@media(max-height:720px) and (max-width:700px){
 .continuous-story .fold-heading{top:18px}.continuous-story .fold-heading h2{font-size:24px}
 .fold-section.continuous-story .object-stage{top:155px;height:calc(100% - 340px)}
 .fold-section.continuous-story .fold-object figcaption{bottom:130px}
 .continuous-story .design-picker{bottom:81px}.continuous-story .design-picker-hint{bottom:63px}
 .continuous-story .fold-playbar{bottom:43px}.continuous-story .fold-footnote{bottom:13px}
}
@media(prefers-reduced-motion:reduce){
 .fold-section.continuous-story{height:auto}
 .continuous-story .fold-sticky{position:relative;height:900px;max-height:none}
 .fold-section.continuous-story .fold-object{transform:none;will-change:auto}
}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.continuous-story .fold-sticky{height:800px}}

/* One object, one message; the next composition rises with the page. */
.object-message{position:absolute;top:35%;left:6%;width:39%;margin:0;z-index:5;font-size:clamp(34px,3.6vw,60px);font-weight:500;line-height:1.45;letter-spacing:-.055em;pointer-events:none}
.object-message em{font-style:normal;color:var(--accent)}
.fold-section.continuous-story .fold-objects{mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 84%,transparent 92%)}
.continuous-story .fold-footnote{justify-content:flex-end}
@media(max-width:1000px) and (min-width:701px){.object-message{left:5%;width:42%;font-size:clamp(25px,3.6vw,36px)}}
@media(max-width:700px){
 .object-message{top:124px;left:22px;right:22px;width:auto;font-size:25px;line-height:1.4;letter-spacing:-.045em;text-align:center}
 .fold-section.continuous-story .fold-objects{mask-image:linear-gradient(to bottom,transparent 4%,#000 13%,#000 84%,transparent 91%)}
 .continuous-story .fold-note{max-width:100%;text-align:center}
 .continuous-story .fold-footnote{justify-content:center}
}
@media(max-height:720px) and (max-width:700px){.object-message{top:100px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.fold-section.continuous-story .fold-objects{mask-image:none}}

.continuous-story .fold-heading,.continuous-story .fold-playbar,.continuous-story .design-picker,.continuous-story .design-picker-hint{opacity:var(--chrome-opacity,1)}
.fold-section.continuous-story .object-stage .fold-frame,.fold-section.continuous-story .object-stage .fold-fallback,.fold-section.continuous-story .object-stage .use-scene{mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent)}

.continuous-story .design-picker:has(:focus-visible){opacity:1}


/* User-supplied logo, 2026-09-13. Its original color and pixels are preserved. */
.site-header{padding-top:12px;padding-bottom:12px}
.wordmark{align-items:center;display:inline-flex;border-radius:15px;background:#fff9ef;padding:7px 10px}
.wordmark .brand-logo{display:block;width:64px;height:auto;max-width:none}
.hero-type>img,.footer-type>img{display:block;width:100%;height:auto;opacity:.19}
.site-footer .wordmark{display:inline-flex;align-self:start;padding:12px 18px}
.site-footer .wordmark .brand-logo{width:105px}
@media(max-width:700px){.site-header{padding-top:10px;padding-bottom:10px}.wordmark .brand-logo{width:54px}.site-header .wordmark{padding:3px 6px}.site-footer .wordmark .brand-logo{width:85px}}