/* The content frame — original scroll-led typographic study. */
body[data-page="home"]{background:#f5f2eb}
html:not(.js) .format-selector{display:none}
.signal-grid article>span,.briefing-list>div>span{font-weight:700}
.motion-story{background:#101313;color:#f5f2eb;position:relative}
.motion-pin{min-height:850px;position:relative;overflow:hidden;isolation:isolate}
.motion-enabled .motion-story{height:520svh}
.motion-enabled .motion-pin{position:sticky;top:92px;height:calc(100svh - 92px);min-height:580px}
.motion-pin:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.075;background:repeating-linear-gradient(0deg,transparent 0 79px,#67706d 80px),repeating-linear-gradient(90deg,transparent 0 79px,#67706d 80px);mask-image:linear-gradient(90deg,transparent,#000)}
.motion-topline{position:absolute;top:28px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font:700 10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#b4b9b3}
.motion-heading{position:absolute;top:100px;left:6%;z-index:2;font-size:clamp(68px,7.3vw,112px);line-height:.88;letter-spacing:-.07em;max-width:510px;pointer-events:none}
.motion-heading em{color:#de6258}
.motion-heading small{display:block;max-width:300px;margin-top:25px;font:500 15px/1.65 var(--sans);letter-spacing:0;color:#b4b9b3}
.motion-stage{position:absolute;left:30%;right:0;top:5%;bottom:16%;perspective:1700px;display:grid;place-items:center;pointer-events:none}
.frame-assembly{position:relative;width:min(40vw,560px,calc((100svh - 280px)*.8));aspect-ratio:4/5;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-23deg) rotateZ(9deg);will-change:transform}
.art-frame{position:absolute;inset:0;border:1px solid #c1c4b8;background:#e5e0d5;box-shadow:inset 0 0 0 1px #ffffffe0,1px 1px 0 #747a71,3px 3px 0 #353b36,6px 6px 0 #6f756d,10px 10px 0 #292f2b,20px 35px 60px #0009;backface-visibility:hidden;padding:13px;transform-style:preserve-3d}
.frame-face{position:relative;height:100%;overflow:hidden;background:#c6403f;color:#101313;border:1px solid #252b28;display:flex;flex-direction:column;padding:20px}
.frame-meta{font:700 10px/1.4 var(--mono);letter-spacing:.1em;display:flex;justify-content:space-between;z-index:2}
.frame-title{font-size:clamp(50px,6.7vw,94px);line-height:.86;letter-spacing:-.08em;font-weight:800;position:relative;z-index:2;margin-top:32px}
.frame-title em{font-weight:400;color:var(--paper)}
.frame-disc{position:absolute;width:86%;aspect-ratio:1;left:25%;top:32%;border-radius:50%;background:repeating-radial-gradient(circle at center,#101313 0 2px,#eab29b 3px 4px,#101313 5px 7px);box-shadow:0 0 0 1px #101313;transform:rotate(-15deg) scaleX(.82)}
.frame-disc:after{content:"";position:absolute;inset:33%;border-radius:50%;background:#c6403f;border:1px solid #101313}
.frame-footer{margin-top:auto;position:relative;z-index:2;border-top:1px solid currentColor;padding-top:10px;font:700 10px/1.4 var(--mono);display:flex;justify-content:space-between}
.frame-master{transform:translateZ(22px)}
.frame-back{transform:translateZ(-20px);opacity:0;background:#a7b7b7}
.frame-back .frame-face{background:#425460;color:#f5f2eb}
.frame-back .frame-title{font-size:clamp(48px,5.7vw,80px);margin-top:65px}
.frame-back .frame-title em{color:#f0a19a}
.frame-side{transform:translateZ(-40px);opacity:0}
.frame-side .frame-face{background:#e5e0d5;color:#101313}
.frame-side .frame-title{font-size:clamp(40px,5.8vw,82px)}
.frame-side .frame-title em{color:#c6403f}
.frame-rules{margin-top:35px;border-top:2px solid #101313;height:80px;background:repeating-linear-gradient(0deg,transparent 0 15px,#101313 16px 17px)}
.edit-layer{position:absolute;inset:4%;transform:translateZ(24px);border:1px solid #f5f2eb80;opacity:0;display:flex;align-items:flex-end;padding:32px;pointer-events:none}
.edit-layer span{background:#101313;color:#f5f2eb;font:700 14px/1.4 var(--sans);padding:10px 16px;margin-bottom:50px}
.edit-layer:before,.edit-layer:after{content:"";position:absolute;top:7%;bottom:7%;width:1px;background:#f5f2eb70;left:12%}
.edit-layer:after{left:auto;right:12%}
.motion-caption{position:absolute;left:6%;bottom:112px;max-width:285px;z-index:3}
.motion-caption .eyebrow{color:#ed9088;margin-bottom:12px;font-weight:700}
.motion-caption h2{font-size:34px;letter-spacing:-.045em;margin-bottom:14px}
.motion-caption>p:last-child{color:#b4b9b3;font-size:14px;line-height:1.6}
.motion-chapters{position:absolute;bottom:31px;left:6%;right:6%;display:flex;align-items:center;gap:28px;border-top:1px solid #545b55;padding-top:16px}
.motion-chapters span{font:700 10px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#9ca69e}
.motion-chapters .is-current{color:#fff}
.motion-enabled .motion-chapters:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:#ed9088;transform-origin:left;transform:scaleX(var(--story-progress,0))}
.motion-heading{will-change:opacity,transform}
.motion-enabled .motion-pin:after{content:"";position:absolute;left:43%;right:9%;bottom:15%;height:30px;border-radius:50%;background:#000;filter:blur(24px);opacity:.55;z-index:-1;transform:scaleX(var(--shadow-width,1))}
@media(max-width:1000px){.motion-enabled .motion-pin:after{left:14%;right:14%;bottom:25%}}

.skip-story{margin-left:auto;font-size:12px;font-weight:700;min-height:44px;display:flex;align-items:center;gap:14px}
.motion-note{position:absolute;right:4%;top:50%;writing-mode:vertical-rl;font:700 9px/1.5 var(--mono);letter-spacing:.1em;color:#abb3aa}
.story-static{padding:32px 6%;border-top:1px solid #545b55;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.story-static h2{font-size:26px;margin-bottom:12px}.story-static p{font-size:14px;color:#b4b9b3}
.motion-enabled .story-static{display:none}
.work-intro{padding-block:100px 55px}.work-intro .section-label{margin-bottom:40px}.work-intro h2{max-width:950px}.work-intro h2 em{color:var(--orange)}
.format-lab{padding-bottom:100px}.lab-intro{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:35px}.lab-intro p{max-width:460px;color:var(--muted);font-size:15px}.lab-intro .eyebrow{font-weight:700}
.format-selector{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:0}.format-selector button{border:0;border-bottom:3px solid transparent;background:transparent;padding:17px 20px;font-weight:700;font-size:13px;min-height:52px}.format-selector button[aria-pressed="true"]{border-bottom-color:var(--orange);color:#a42d2d}
.format-board{background:var(--paper-deep);display:grid;grid-template-columns:1fr 1fr;min-height:420px}.format-preview{display:grid;place-items:center;padding:45px;background:#d8d5cb;overflow:hidden}.format-print{width:190px;aspect-ratio:9/16;background:#c6403f;color:#101313;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:8px 12px 0 #10131315}.format-print strong{font-size:44px;line-height:.9;letter-spacing:-.07em}.format-print em{color:#f5f2eb}.format-print span{font:700 10px/1.4 var(--mono)}.format-copy{padding:55px;align-self:center}.format-copy h3{font-size:38px;margin-bottom:22px}.format-copy p{font-size:15px;color:#575e58;margin-bottom:22px}.format-copy ul{list-style:none;padding:0;border-top:1px solid #bbbdb4}.format-copy li{font-size:13px;font-weight:600;padding:12px 0;border-bottom:1px solid #bbbdb4}.format-copy .quiet-link{margin-top:16px}
.format-board[data-format="paid"] .format-print{width:240px;aspect-ratio:4/5;background:#425460;color:#f5f2eb}.format-board[data-format="sequence"] .format-print{width:270px;aspect-ratio:1;background:#101313;color:#f5f2eb}.format-board[data-format="sequence"] .format-print em{color:#ed9088}
@media(max-width:760px){.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-grid h3{font-size:clamp(25px,7vw,31px)}.signal-grid article{min-width:0}.signal-grid article:nth-child(3){padding-left:0}}
summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(min-width:761px) and (max-height:750px){.motion-heading{font-size:72px;top:80px}.motion-heading small{font-size:13px;margin-top:16px}.frame-assembly{width:310px}.motion-caption{bottom:90px}.motion-caption h2{font-size:28px}.motion-chapters{bottom:15px}}
@media(max-width:1000px){.motion-heading{font-size:76px}.motion-stage{left:27%}.frame-assembly{width:340px}.motion-caption{max-width:240px}.format-copy{padding:35px}}
@media(max-width:760px){.motion-enabled .motion-pin{top:76px;height:calc(100svh - 76px);min-height:610px}.motion-enabled .motion-story{height:460svh}.motion-pin{min-height:790px}.motion-topline{top:20px;left:20px;right:20px;font-size:8px}.motion-topline span:last-child{max-width:125px;text-align:right}.motion-heading{top:54px;left:22px;font-size:clamp(47px,11vw,72px);max-width:100%;line-height:.92}.motion-heading br{display:none}.motion-heading small{font-size:12px;line-height:1.5;margin-top:12px;max-width:290px}.motion-stage{top:37%;left:0;right:0;bottom:24%;perspective:1400px}.frame-assembly{width:max(195px,min(68vw,300px,calc((100svh - 450px)*.8)))}.frame-face{padding:13px}.art-frame{padding:8px}.frame-title{font-size:50px;margin-top:22px}.frame-meta,.frame-footer{font-size:7px}.frame-back .frame-title{font-size:44px;margin-top:34px}.frame-side .frame-title{font-size:40px}.frame-rules{height:40px;margin-top:20px}.edit-layer{padding:15px}.edit-layer span{font-size:10px;padding:6px 8px;margin-bottom:30px}.motion-caption{left:22px;right:22px;bottom:90px;max-width:none}.motion-caption .eyebrow{font-size:9px;margin-bottom:7px}.motion-caption h2{font-size:26px;margin-bottom:7px}.motion-caption>p:last-child{font-size:12px;max-width:360px}.motion-chapters{left:22px;right:22px;bottom:14px;gap:16px;padding-top:9px}.motion-chapters span{font-size:8px}.skip-story{font-size:10px;gap:5px}.motion-note{right:7px;top:43%;font-size:7px}.story-static{grid-template-columns:1fr;padding:28px 22px}.work-intro{padding-block:68px 36px}.work-intro h2{font-size:44px}.format-lab{padding-bottom:70px}.lab-intro{display:block}.lab-intro p{margin-top:18px}.format-selector{justify-content:space-between}.format-selector button{padding:15px 8px;font-size:11px}.format-board{grid-template-columns:1fr}.format-preview{min-height:320px;padding:30px}.format-print{width:145px}.format-print strong{font-size:36px}.format-copy{padding:28px}.format-board[data-format="paid"] .format-print{width:200px}.format-board[data-format="sequence"] .format-print{width:230px}}
@media(min-width:761px) and (max-width:1000px){.motion-heading{top:65px;left:6%;font-size:64px;max-width:90%}.motion-heading br{display:none}.motion-heading small{max-width:430px;margin-top:15px;font-size:13px}.motion-stage{left:0;top:31%;bottom:23%}.frame-assembly{width:320px}.frame-title{font-size:64px}.frame-side .frame-title{font-size:48px}.frame-back .frame-title{font-size:55px;margin-top:35px}.motion-caption{max-width:90%;bottom:98px}.motion-caption h2{font-size:28px;margin-bottom:8px}.motion-caption>p:last-child{max-width:510px;font-size:13px}.motion-caption .eyebrow{margin-bottom:7px}}
@media(max-height:699px){.motion-pin{min-height:800px}.frame-assembly{will-change:auto}.motion-chapters>span{display:none}}
@media(prefers-reduced-motion:reduce){.motion-enabled .motion-story{height:auto}.motion-enabled .motion-pin{position:relative;top:0;height:auto;min-height:850px}.motion-enabled .story-static{display:grid}.frame-assembly{transform:rotateZ(5deg)!important;will-change:auto}.frame-back,.frame-side,.edit-layer{display:none}.motion-chapters>span{display:none}}