/* The spatial story continues. Only illustrations move; reading stays steady. */
.interior-page { background:#e3edf2; color:var(--ink); }
.interior-page main { overflow:clip; }
.interior-page .site-header {
  position:fixed; inset:0 0 auto; height:94px; padding:0 var(--pad); margin:0;
  border:0; z-index:40; transition:background .25s,box-shadow .25s;
}
.interior-page.has-scrolled .site-header { background:#e3edf2ed; backdrop-filter:blur(14px); box-shadow:0 1px #15212b12; }
.interior-page .desktop-nav { display:none; }
.interior-page .header-contact { margin-left:auto; }
.interior-page .menu-toggle { display:block; margin-left:20px; }
.interior-page h1,.interior-page h2 { font-weight:650; letter-spacing:-.06em; word-spacing:.06em; }
.interior-page h3 { font-weight:600; letter-spacing:-.025em; word-spacing:.05em; }
.interior-page h1 em,.interior-page h2 em { color:#ed501e; }
.interior-page .eyebrow { font-size:9px; }
.page-intro,.article-header,.not-found { position:relative; isolation:isolate; }
.page-intro {
  min-height:min(880px,100svh); padding:170px var(--pad) 240px;
  background:linear-gradient(160deg,#e3edf2 48%,#d3e1e9); overflow:hidden;
}
.page-intro::after,.not-found::after {
  content:''; position:absolute; z-index:-2; inset:60% -15% -70%;
  background-image:linear-gradient(#627e9010 1px,transparent 1px),linear-gradient(90deg,#627e9010 1px,transparent 1px);
  background-size:70px 70px; transform:perspective(700px) rotateX(63deg) rotateZ(-7deg); pointer-events:none;
}
.page-intro>.eyebrow,.page-intro h1,.page-intro-bottom { position:relative; z-index:2; }
.page-intro h1 { font-size:clamp(74px,8.6vw,144px); line-height:.91; margin:35px 0 0; max-width:1080px; width:85%; }
.page-intro-bottom { position:absolute; bottom:76px; left:var(--pad); right:var(--pad); border:0; padding:0; display:block; }
.page-intro-bottom>p { width:100%; max-width:390px; font-size:16px; line-height:1.65; color:#3d5260; }
.intro-sheets {
  position:absolute; right:-1%; top:32%; width:38vw; max-width:650px; aspect-ratio:1.414;
  perspective:1400px; pointer-events:none; z-index:0; transform:translateY(var(--sheet-lift,0px));
}
.intro-sheet {
  display:block; position:absolute; inset:0; border:1px solid #15212b22; background:#f4f3ed;
  transform-origin:50% 60%; box-shadow:2px 24px 60px #17354c18;
  transform:rotateX(calc(20deg + var(--sheet-rx,0deg))) rotateY(calc(-24deg + var(--sheet-ry,0deg))) rotateZ(-13deg);
}
.intro-sheet--back { background:#172c3e; transform:translate3d(5%,25%,-90px) rotateX(calc(24deg + var(--sheet-rx,0deg))) rotateY(-22deg) rotateZ(5deg); }
.intro-sheet--middle { background:#c2d4df; transform:translate3d(2%,13%,-40px) rotateX(calc(22deg + var(--sheet-rx,0deg))) rotateY(-24deg) rotateZ(-4deg); }
.intro-sheet--front { overflow:hidden; border-radius:1px 1px 20% 1px / 1px 1px 8% 1px; }
.intro-sheet-label { position:absolute; top:8%; left:7%; font:clamp(6px,.65vw,11px) var(--mono); letter-spacing:.04em; color:#253c4a; }
.intro-sheet-disc { position:absolute; width:50%; aspect-ratio:1; border:clamp(22px,3.5vw,60px) solid #ff6334; border-radius:50%; right:-4%; top:20%; }
.intro-sheet-line { position:absolute; display:block; height:3px; background:#788f9c; width:31%; left:7%; top:43%; }
.intro-sheet-line:nth-last-of-type(3) { top:50%; width:24%; }
.intro-sheet-line:nth-last-of-type(2) { top:57%; width:28%; }
.intro-sheet-index { position:absolute; bottom:8%; left:7%; font:650 clamp(26px,4.8vw,70px)/1 Inter,Arial,sans-serif; letter-spacing:-.06em; color:#172c3e; }
.page-about .intro-sheets { transform:translateY(var(--sheet-lift,0px)) rotate(9deg); top:38%; }
.page-collection .intro-sheet--front { border-radius:1px 35% 1px 1px / 1px 20% 1px 1px; }
.page-contact .intro-sheets { right:1%; top:35%; width:33vw; }
.page-journal .intro-sheet--front { transform:rotateX(calc(35deg + var(--sheet-rx,0deg))) rotateY(calc(-35deg + var(--sheet-ry,0deg))) rotateZ(-12deg); }
.project-nav { padding:25px 0; margin:0 var(--pad) 60px; justify-content:space-between; border-bottom:1px solid var(--line); }
.project-nav a { padding:10px 0; }
.section-heading { grid-template-columns:1fr 1.5fr; margin-bottom:65px; }
.section-heading h2 { font-size:clamp(52px,6.2vw,96px); line-height:.94; }
.template-section { padding-top:35px; padding-bottom:125px; }
.template-grid { gap:36px; perspective:1500px; }
.template-card { min-width:0; }
.template-preview { aspect-ratio:1.34; border:9px solid #f0f4f5; background:#f0f4f5; box-shadow:0 18px 30px #253d5014; overflow:visible; transform:perspective(1400px) rotateY(var(--plane-y,-5deg)) rotateZ(var(--plane-z,-2deg)); }
.template-preview img { object-fit:cover; }
.template-preview:hover img { transform:none; }
.preview-link { border-radius:0; background:#15212b; color:#f2f5f6; padding:12px 17px; font-size:11px; box-shadow:none; bottom:12px; right:12px; }
.template-card-body { margin-top:30px; }
.template-card-body h3 { font-size:38px; font-weight:650; }
.circle-arrow { border-color:#829ba9; }
.circle-arrow:hover { background:#ff6334; color:#15212b; border-color:#ff6334; }
.case-section { min-height:95svh; padding-top:110px; padding-bottom:110px; gap:10%; align-items:center; scroll-margin-top:0; }
.case-info h2 { font-size:clamp(52px,5.3vw,82px); line-height:.96; margin:30px 0; }
.case-info h3 { font-size:27px; }
.case-info .project-disclosure { border-color:#f45c2b; }
.case-art { transform:perspective(1500px) rotateY(var(--plane-y,-8deg)) rotateZ(var(--plane-z,-3deg)); box-shadow:12px 32px 60px #203e4e1c; background:#c1d3df; border:1px solid #ffffff70; min-height:580px; }
.case-big-number { font-weight:650; }
.case-big-number em { color:#ed501e; }
.abstract-bars i { background:#ff6334; box-shadow:9px 4px 0 #943e25; }
.case-art-predict { background:#101c2b; color:#e3edf2; }
.prediction-orbits i { border-color:#869aaa; }
.prediction-orbits b { font-weight:650; }
.prediction-orbits em { color:#ff794d; }
.case-art-gym { background:#ff6938; color:#15212b; }
.case-go { color:#ffc2a9; }
.workout-panel { background:#15212b; color:#eef4f6; box-shadow:0 25px 40px #60301930; }
.workout-panel>div span { border-color:#6a7f8b; }
.studio-feature { padding-top:85px; padding-bottom:120px; align-items:center; gap:11%; }
.studio-monogram { background:#b6cddc; border:1px solid #f6fafb80; transform:perspective(1400px) rotateY(var(--plane-y,10deg)) rotateZ(var(--plane-z,3deg)); box-shadow:-18px 30px 60px #193b5220; }
.studio-monogram::before,.studio-monogram::after { border-color:#6c8a9b; border-radius:1%; transform:perspective(800px) rotateX(30deg) rotateZ(25deg); width:78%; height:78%; }
.studio-monogram::after { transform:perspective(800px) rotateX(30deg) rotateZ(-10deg); }
.studio-feature h2 { line-height:.94; }
.studio-principles { background:#101c2b; color:#e3edf2; padding-top:100px; padding-bottom:110px; }
.studio-principles article { border-color:#546b7a; padding:50px 0; }
.studio-principles article>.eyebrow { color:#ff794d; }
.studio-principles h3 { font-size:clamp(30px,3.1vw,48px); }
.studio-principles article>p { color:#bbccd6; line-height:1.75; }
.collection-list { padding:0 var(--pad); }
.collection-detail { min-height:95svh; align-items:center; padding:100px 0 120px; gap:10%; scroll-margin-top:0; }
.collection-detail h2 { font-size:clamp(82px,8.3vw,130px); line-height:.9; margin:30px 0; }
.collection-detail h3 { font-size:28px; }
.collection-detail-media { aspect-ratio:1.5; border:10px solid #f5f5ef; box-shadow:10px 30px 50px #1a354a26; overflow:visible; transform:perspective(1400px) rotateY(var(--plane-y,-10deg)) rotateZ(var(--plane-z,-3deg)); }
.collection-detail-media img { object-fit:cover; }
.collection-detail-media:hover img { transform:none; }
.collection-detail:nth-child(even) .collection-detail-copy { order:2; }
.collection-detail:nth-child(even) .collection-detail-media { order:1; }
.feature-list li::before { color:#d74115; }
.journal-all { padding-top:35px; }
.journal-grid-all { gap:85px 7%; }
.journal-art { border:1px solid #9bb0bd; background:#bcd0de; color:#15212b; }
.journal-card .journal-art { transform:perspective(1400px) rotateY(var(--plane-y,-3deg)) rotateZ(var(--plane-z,-1deg)); box-shadow:6px 20px 30px #1b3e5014; }
.art-0 { background:#c5d8e4; }
.art-1 { background:#ff7446; }
.art-2 { background:#101c2b; color:#dbe8f0; }
.art-3 { background:#adcadb; }
.art-object { background:#f4f2e9; box-shadow:13px 15px 0 #688798,25px 29px 0 #93afc0; }
.art-object::after { font:650 50px Inter,Arial,sans-serif; color:#ed501e; }
.art-object::before { background:repeating-linear-gradient(0deg,transparent 0 10px,#8da5b2 10px 11px); }
.art-1 .art-object { background:#f1ece2; box-shadow:20px 20px 0 #a94627; }
.art-1 .art-object::before { background:none; border-color:#be714d; }
.art-1 .art-object::after { background:#15212b; box-shadow:none; }
.art-2 .art-object { background:transparent; border-color:#ff794d; box-shadow:12px 14px 0 #29475b,inset 8px 8px 0 #466578; }
.art-2 .art-object::before { background:#dbe8f0; }
.art-3 .art-object { background:#f4f2e9; box-shadow:28px 0 0 #335166,56px 0 0 #6f91a6; }
.art-3 .art-object::before { background:repeating-linear-gradient(0deg,transparent 0 14px,#8da5b2 14px 15px); }
.journal-card h3 { font-weight:650; letter-spacing:-.04em; }
.card-meta { color:#415968; }
.article-header { max-width:none; margin:0; padding:145px var(--pad) 70px; min-height:720px; overflow:hidden; }
.article-header>*:not(.intro-sheets) { position:relative; z-index:2; }
.article-header h1 { font-size:clamp(58px,6.8vw,108px); line-height:.96; max-width:1000px; width:75%; }
.article-header>p { font-size:18px; max-width:680px; width:65%; line-height:1.65; }
.article-header .intro-sheets { width:29vw; right:-3%; top:40%; opacity:.7; }
.article-meta { margin:45px 0 30px; }
.article-hero-art { max-width:none; padding:0 var(--pad); }
.article-hero-art .journal-art { aspect-ratio:4; }
.article-layout { padding-top:90px; padding-bottom:110px; }
.article-toc { top:120px; }
.article-toc nav a { border-color:#a2b8c5; }
.article-toc nav a:hover { border-color:#e95120; color:#15212b; }
.prose h2 { font-weight:600; letter-spacing:-.035em; word-spacing:normal; font-size:32px; }
.prose p,.prose li { color:#3d5260; }
.prose section { scroll-margin-top:15px; }
.prose a { text-decoration-color:#819caa; }
.prose a:hover { color:#b3340c; }
.takeaway { background:#cbdfe9; border-color:#ef5b29; }
.takeaway>.eyebrow { color:#354e5e; }
.takeaway>p:last-child { color:#213b4c; }
.contact-layout { padding-top:60px; padding-bottom:120px; align-items:start; }
.contact-layout aside { padding-top:35px; }
.contact-form { background:#f2f5f5; border:1px solid #fff; padding:45px; box-shadow:15px 25px 60px #2249610d; }
.contact-form label { font-size:13px; }
.contact-form label>span { color:#bf3d15; }
.contact-form input,.contact-form select,.contact-form textarea { border-color:#91a8b7; }
.contact-form input::placeholder,.contact-form textarea::placeholder { color:#5c7380; }
.contact-expect { border-color:#a9bdc8; }
.form-status[data-state=success] { color:#27634e; }
.page-privacy .page-intro,.page-terms .page-intro { min-height:690px; }
.page-privacy .intro-sheets,.page-terms .intro-sheets { width:29vw; right:4%; opacity:.7; }
.legal-layout { padding-top:55px; }
.legal-layout aside { position:sticky; top:125px; align-self:start; }
.not-found { min-height:90svh; padding:170px var(--pad) 100px; overflow:hidden; }
.not-found>*:not(.intro-sheets) { position:relative; z-index:2; }
.not-found h1 { line-height:.92; max-width:900px; }
.not-found p:not(.eyebrow) { max-width:440px; }
.not-found .intro-sheets { top:35%; right:-2%; }
.site-footer { position:relative; isolation:isolate; background:#ff6938; color:#15212b; padding-top:95px; }
.site-footer::before { content:''; position:absolute; z-index:-1; width:43vw; aspect-ratio:1.414; right:-4%; top:31%; border:1px solid #15212b20; box-shadow:25px 20px 0 #15212b08; background:#fff1; transform:perspective(900px) rotateY(-27deg) rotateZ(-15deg); }
.footer-top h2 { font-size:clamp(52px,6.5vw,104px); font-weight:650; line-height:.96; }
.footer-top h2 em { color:#f3efdf; }
.footer-top h2 a:hover { color:#f3efdf; }
.footer-top .eyebrow,.footer-mid,.footer-bottom { color:#25313a; }
.footer-top .status-dot { background:#15212b; }
.footer-top .round-link { border-color:#15212b; }
.footer-top .round-link:hover { background:#15212b; color:#fff; }
.footer-mid,.footer-bottom { border-color:#15212b45; }
.footer-mid a:hover,.footer-bottom a:hover,.footer-bottom button:hover { color:#15212b; text-decoration:underline; }
.footer-wordmark { font-weight:650; letter-spacing:-.07em; }
.interior-motion-toggle { position:fixed; z-index:35; bottom:20px; right:var(--pad); background:#e3edf2ed; color:#15212b; backdrop-filter:blur(12px); border:1px solid #15212b22; padding:10px 14px; font:9px var(--mono); }
.interior-motion-toggle:hover { background:#f7fafb; }
.interior-motion-toggle span { margin-left:18px; }
.interiors-still .intro-sheets,.interiors-still .template-preview,.interiors-still .case-art,.interiors-still .studio-monogram,.interiors-still .collection-detail-media,.interiors-still .journal-card .journal-art { transform:none; }
.interiors-still .intro-sheet { transform:none; }
.interiors-still .intro-sheet--back { transform:translate(10%,16%); }
.interiors-still .intro-sheet--middle { transform:translate(5%,8%); }
@media(min-width:1700px) { .page-intro { min-height:940px; padding-top:195px; } }
@media(max-width:1100px) {
  .page-intro h1 { font-size:9vw; width:94%; }
  .intro-sheets { width:43vw; top:40%; right:-5%; }
  .page-intro-bottom>p { max-width:340px; font-size:15px; }
  .case-section { gap:6%; }
  .case-art { min-height:510px; }
  .collection-detail { gap:6%; }
  .collection-detail h2 { font-size:9vw; }
  .contact-form { padding:30px; }
  .article-header { min-height:650px; }
}
@media(max-width:760px) {
  .interior-page .site-header { height:76px; gap:20px; }
  .interior-page .menu-toggle { margin-left:0; }
  .interior-page .header-contact { font-size:11px; }
  .interior-page .eyebrow { font-size:8px; }
  .page-intro { padding:135px var(--pad) 290px; min-height:790px; }
  .page-intro h1 { font-size:clamp(56px,15.5vw,105px); width:100%; line-height:.93; margin-top:30px; }
  .page-intro-bottom { bottom:50px; }
  .page-intro-bottom>p { font-size:14px; max-width:330px; width:85%; }
  .intro-sheets { width:57vw; top:47%; right:-3%; }
  .intro-sheet-label { font-size:6px; }
  .intro-sheet-index { font-size:32px; }
  .intro-sheet-disc { border-width:24px; }
  .intro-sheet-line { height:2px; }
  .page-about .intro-sheets { top:50%; }
  .page-contact .intro-sheets { width:51vw; top:47%; right:0; }
  .page-privacy .page-intro,.page-terms .page-intro { min-height:740px; }
  .page-privacy .intro-sheets,.page-terms .intro-sheets { width:50vw; right:1%; top:47%; }
  .project-nav { margin-bottom:35px; gap:25px; font-size:8px; }
  .section-heading { grid-template-columns:1fr; margin-bottom:45px; }
  .section-heading h2 { font-size:clamp(50px,10vw,74px); }
  .template-section { padding-top:20px; padding-bottom:75px; }
  .template-grid { gap:55px; }
  .template-preview { aspect-ratio:1.5; border-width:7px; }
  .template-card-body { margin-top:25px; }
  .case-section { min-height:0; padding-top:65px; padding-bottom:80px; gap:50px; }
  .case-info h2 { font-size:55px; }
  .case-info h3 { font-size:25px; }
  .case-art { width:100%; min-height:480px; }
  .case-big-number { font-size:58px; }
  .studio-feature { padding-top:50px; padding-bottom:70px; gap:55px; }
  .studio-monogram { min-height:400px; }
  .studio-feature h2 { font-size:65px; }
  .studio-principles { padding-top:65px; padding-bottom:65px; }
  .studio-principles article { padding:32px 0; gap:20px; }
  .studio-principles h3 { font-size:32px; }
  .collection-detail { min-height:0; gap:45px; padding:60px 0 80px; }
  .collection-detail h2 { font-size:80px; }
  .collection-detail:nth-child(even) .collection-detail-copy,.collection-detail:nth-child(even) .collection-detail-media { order:initial; }
  .collection-detail-media { width:100%; aspect-ratio:1.5; border-width:7px; }
  .journal-all { padding-top:30px; }
  .journal-grid-all { gap:60px; }
  .journal-grid-all .journal-card h3 { font-size:32px; }
  .journal-grid-all .journal-art { aspect-ratio:1.55; }
  .article-header { padding:125px var(--pad) 45px; min-height:0; }
  .article-meta { font-size:7px; gap:14px; margin:30px 0 25px; }
  .article-header h1 { font-size:clamp(46px,11.8vw,72px); width:100%; line-height:1; }
  .article-header>p { width:100%; font-size:17px; }
  .article-header .intro-sheets { display:none; }
  .article-hero-art .journal-art { aspect-ratio:1.7; }
  .article-layout { padding-top:45px; padding-bottom:60px; gap:40px; }
  .article-toc { position:static; }
  .prose h2 { font-size:29px; }
  .prose p,.prose li { font-size:16px; }
  .contact-layout { padding-top:10px; padding-bottom:70px; gap:40px; }
  .contact-layout aside { padding-top:15px; }
  .contact-form { padding:25px 20px; margin:0 -8px; gap:22px; }
  .form-row { grid-template-columns:1fr; gap:22px; }
  .contact-expect { display:block; margin-top:30px; }
  .legal-layout { padding-top:30px; }
  .legal-layout aside { position:static; }
  .not-found { min-height:850px; padding:130px var(--pad) 330px; }
  .not-found h1 { font-size:65px; }
  .not-found .intro-sheets { top:auto; bottom:90px; width:55vw; }
  .not-found>.text-link { margin:22px 0 0; }
  .site-footer { padding-top:65px; padding-bottom:75px; }
  .footer-top h2 { font-size:clamp(45px,10vw,72px); }
  .footer-mid { font-size:12px; }
  .footer-mid>div { gap:25px; }
  .footer-bottom nav { row-gap:15px; }
  .interior-motion-toggle { font-size:8px; bottom:15px; }
}
@media(max-width:390px) { .page-intro h1 { font-size:15vw; } .page-intro { min-height:750px; } .intro-sheets { top:46%; } .page-about .intro-sheets { top:49%; } .case-art { padding:23px; min-height:430px; } .workout-panel { margin-left:25px; padding:25px; } .preview-link { font-size:10px; right:8px; bottom:8px; padding:9px 12px; } }
@media(prefers-reduced-motion:reduce) { .interior-page:not(.interiors-motion) :is(.intro-sheets,.template-preview,.case-art,.studio-monogram,.collection-detail-media,.journal-card .journal-art) { transform:none!important; } }
@media print { .intro-sheets,.interior-motion-toggle,.page-intro::after { display:none!important; } .page-intro,.article-header { min-height:0; padding:20px 0; } .page-intro-bottom { position:static; margin-top:25px; } .page-intro h1,.article-header h1 { width:100%; font-size:40px; } .article-header>p { width:100%; } .interior-page main { overflow:visible; } }