/* Interior-only identity layer. Original section structures and motion hooks stay intact. */
.concept-section{padding:4rem var(--gutter) 6rem;position:relative;background:#0c0d0f}
.concept-intro{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3rem}
.concept-intro h2{font-size:clamp(1.5rem,3vw,3rem);line-height:1.15;margin-bottom:0}
.concept-intro>p{color:#bcb6ab;max-width:36ch;line-height:1.5}
.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem 2rem}
.concept-card{min-width:0}.concept-card h3{font-size:clamp(1rem,1.6vw,1.5rem);margin:.8rem 0 .5rem}
.concept-card>p{color:#bcb6ab;margin:0;line-height:1.5}
.concept-meta{display:flex;justify-content:space-between;gap:1rem;font:500 .65rem 'Manrope',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#cfb991;margin-top:1.3rem}
.concept-preview{aspect-ratio:1.4;padding:6%;background:#242522;border:1px solid #eee9de18;overflow:hidden;container-type:inline-size;transition:border-color .4s}
.concept-card:hover .concept-preview{border-color:#cfb99188}
.mock-browser{display:flex;justify-content:space-between;padding:2.5%;background:#17191b;color:#a09d94;font:500 1.6cqw 'Manrope',sans-serif;border-radius:7px 7px 0 0}
.mock-screen{height:88%;position:relative;overflow:hidden;background:#f0ede5;color:#252826;font:400 2cqw 'Manrope',sans-serif;box-shadow:0 18px 30px #0003}
.mock-screen strong{display:block;font-size:4.8cqw;letter-spacing:-.045em;line-height:1.12}.mock-screen small{font-size:1.7cqw;letter-spacing:.06em}
.preview-analytics{background:#242a28}.preview-analytics .mock-screen{display:flex;background:#171d1b;color:#eceee8}
.mock-sidebar{width:12%;padding:5%;line-height:1.8;color:#abc4ac;border-right:1px solid #ffffff12}
.mock-content{padding:5%;flex:1;min-width:0}.mock-content>strong{margin:5% 0;font-size:3.6cqw}
.mock-stats{display:flex;gap:4%;font-size:1.65cqw}.mock-stats span{flex:1;background:#ffffff06;padding:4%}.mock-stats b{display:block;font-size:3cqw;margin-top:8%}
.mock-chart{height:35%;display:flex;align-items:end;gap:5%;padding:6% 3% 2%;border-bottom:1px solid #ffffff22;margin-bottom:4%}
.mock-chart i{flex:1;background:#a9bfa0;height:35%;border-radius:3px 3px 0 0}.mock-chart i:nth-child(2n){height:55%}.mock-chart i:nth-child(3n){height:70%}.mock-chart i:last-child{height:95%}
.preview-commerce{background:#40372e}.mock-shopnav,.mock-shopbottom,.mock-topline{display:flex;justify-content:space-between;padding:5%;font-size:2cqw;letter-spacing:.04em}.mock-shopnav{border-bottom:1px solid #0002;font-weight:700}.mock-shopnav span{font-size:1.5cqw}
.mock-shophero{display:flex;padding:6%;align-items:center;gap:4%;height:68%}.mock-shophero>div:first-child{width:58%}.mock-shophero strong{font-family:Georgia,serif;font-weight:400;font-size:5.5cqw;margin:7% 0}.mock-pill{display:inline-block;border-bottom:1px solid;padding:5% 0;font-size:1.6cqw}
.mock-vase{width:30%;height:85%;background:linear-gradient(100deg,#97775a,#cfb89c 40%,#ac8c6c 70%,#6b5443);border-radius:28% 28% 42% 42%;position:relative;box-shadow:12px 16px 15px #0002}.mock-vase:before{content:'';position:absolute;left:25%;right:25%;top:-8%;height:17%;background:#705843;border-radius:50%;border:5px solid #b69a7a}
.mock-shopbottom{font-size:1.6cqw;border-top:1px solid #0002;padding-block:3%}
.preview-projects{background:#252535}.mock-boardtitle{margin:4% 5%;font-size:4cqw!important}.mock-board{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;padding:4%}.mock-board>div{background:#e3e0db;padding:7%}.mock-board p{font-size:2cqw;background:#faf9f5;padding:12%;border-radius:4px;line-height:1.5}.mock-board em{display:block;font:500 1.3cqw 'Manrope',sans-serif!important;margin-top:15%;color:#786789}.mock-board b{display:block;margin-top:12%;color:#a089ac}
.preview-fashion{background:#35252d}.preview-fashion .mock-screen{background:#ddd4c6}.mock-fashionbody{height:68%;position:relative;padding:6%;display:flex;align-items:center}.mock-fashionbody strong{font-size:6.2cqw;position:relative;z-index:1;width:55%}.mock-garment{width:48%;height:90%;background:linear-gradient(95deg,#342932,#785963,#42313c);clip-path:polygon(27% 0,40% 8%,60% 8%,73% 0,100% 23%,82% 41%,75% 32%,78% 100%,22% 100%,25% 32%,18% 41%,0 23%);transform:rotate(-9deg)}
.preview-automation{background:#2c2a24}.preview-automation .mock-screen{background:#171918;color:#e8e4db}.mock-flow{display:flex;align-items:center;justify-content:center;height:65%;gap:3%}.mock-flow>div{width:25%;padding:5% 2%;text-align:center;border:1px solid #cfb99166;border-radius:5px;color:#cfb991}.mock-flow strong{font-size:2.5cqw;margin:15% 0;color:#eee9de}.mock-flow small{font-size:1.2cqw}.mock-flow i{font-style:normal;color:#cfb991}.mock-run{display:flex;justify-content:space-between;padding:4%;font-size:1.6cqw;color:#cfb991;border-top:1px solid #ffffff15}
.preview-knowledge{background:#30302b}.preview-knowledge .mock-screen{background:#e9e4d9}.mock-notes{display:flex;align-items:center;gap:6%;padding:6%;height:75%}.mock-notes>div{width:50%}.mock-notes strong{font-family:Georgia,serif;font-size:4.5cqw;font-weight:400;margin:10% 0}.mock-notes span{font-size:2cqw;line-height:1.6}.mock-note{padding:6%;background:#f8f4e9;box-shadow:0 8px 12px #0001;transform:rotate(5deg)}.mock-note hr{border:0;border-top:1px solid #0002;margin:20% 0}
.concept-invitation{padding-top:6rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.concept-invitation h2{font-size:clamp(1.4rem,3vw,3rem)}.concept-invitation a{text-underline-offset:.5rem;white-space:nowrap}
@media(max-width:760px){.concept-grid{grid-template-columns:1fr;gap:3rem}.concept-intro,.concept-invitation{display:block}.concept-intro>p{margin-top:1.5rem}.concept-section{padding-top:2rem}.concept-meta{font-size:.6rem}}
.interior-page{--lime:#cfb991;--clay:#572f3d;background:#08090a;color:#eee9de;isolation:isolate}
.interior-page .site-header,.interior-page .site-header.inverse.scrolled{color:#eee9de}
.interior-page .site-header.scrolled{background:#08090aed}
.interior-page .wordmark .mark{display:block}
.interior-page .page-hero,.interior-page .contact-page{background:transparent;padding-top:clamp(9rem,15vh,12rem)}
.interior-page .page-hero .lead{max-width:38ch;color:#bcb6ab;font-size:clamp(1.05rem,1.5vw,1.3rem)}
.interior-page .eyebrow,.interior-page .section-label,.interior-page .scene-copy>p{color:#cfb991;letter-spacing:.12em;text-transform:uppercase}
.interior-page .kinetic-title{font-size:clamp(2.5rem,8.1vw,8.2rem);line-height:1.02}
.interior-page .portfolio-marquee{font-size:clamp(3rem,10vw,10rem);line-height:1.02}
.interior-page .process-hero h1{font-size:clamp(2.4rem,6.8vw,7rem);line-height:1.08}
.interior-page .contact-page h1{font-size:clamp(3rem,9vw,9rem);line-height:1.05}
.interior-page .story-copy h2,.interior-page .scene-copy h2{font-size:clamp(1.8rem,4.2vw,4.4rem);line-height:1.12;text-wrap:balance}
.interior-page .venture-copy h2{font-size:clamp(2.2rem,7vw,7rem);line-height:1.08}
.interior-page .manifesto{background:#111214;color:#eee9de}
.interior-page .manifesto-lines p{font-family:'Manrope',Arial,sans-serif;font-size:clamp(1.4rem,4.4vw,4.5rem);font-weight:700;text-transform:uppercase;letter-spacing:-.035em;line-height:1.2;padding-block:.4em}
.interior-page .sticky-word{font-family:'Manrope',Arial,sans-serif;font-weight:700;letter-spacing:-.08em;color:#cfb991}
.interior-page .studio-object{background:linear-gradient(135deg,#572f3d,#241e20);border:1px solid #cfb99144}
.interior-page .studio-object i{border-color:#cfb99166}
.interior-page .studio-object i:nth-child(3){background:#bd946c}
.interior-page .venture-dark{background:#0c0d0f}
.interior-page .venture-clay{background:#281c23;color:#eee9de}
.interior-page .venture-lime{background:#24221d;color:#eee9de}
.interior-page .venture-copy span,.interior-page .scene-copy span{color:#bcb6ab;line-height:1.6}
.interior-page .shape-saas{border-color:#cfb99177;box-shadow:inset 0 0 0 8vw #cfb99110,inset 0 0 0 16vw #cfb99108}
.interior-page .shape-commerce{background:linear-gradient(135deg,#d1b992,#986d56)}
.interior-page .process-scenes article:nth-child(odd){background:#101214;color:#eee9de}
.interior-page .process-scenes article:nth-child(even){background:#08090a;color:#eee9de}
.interior-page .process-wheel{color:#cfb99199}
.interior-page .process-wheel:after{background:#cfb99120}
.interior-page .contact-noise{opacity:.065}
.interior-page .contact-email{overflow-wrap:anywhere;gap:1rem}
.interior-page .page-footer,.interior-page .page-footer.dark{background:#111214;color:#eee9de;border-top:1px solid #eee9de22;position:relative}
.interior-page .page-footer a{font-family:'Manrope',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(1.6rem,4.5vw,4.5rem);letter-spacing:-.035em;gap:1rem}
.interior-page .site-footer{position:relative;background:#08090a}
.interior-page .site-footer p{font-size:1rem}
.interior-particles{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.55}
.interior-particles canvas{width:100%;height:100%;display:block}
/* Restore existing observer-driven reveals only when JS can observe them. */
@media(prefers-reduced-motion:no-preference){
 .interior-page.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}
 .interior-page.motion-ready .wipe-in:not(.is-visible){clip-path:inset(0 100% 0 0)}
 .interior-page.motion-ready .reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
}
@media(max-width:760px){
 .interior-page .site-nav a{font-size:1rem;padding:.5rem 0}
 .interior-page .kinetic-title{font-size:clamp(2rem,7.8vw,4rem)}
 .interior-page .portfolio-marquee{font-size:12vw}
 .interior-page .process-hero h1{font-size:clamp(2rem,8vw,3.8rem)}
 .interior-page .contact-page h1{font-size:12vw}
 .interior-page .page-hero{min-height:85svh}
 .interior-page .venture-panel{min-height:85svh;height:auto;padding-top:55svh;padding-bottom:3rem}
 .interior-page .scene-copy{min-width:0}
 .interior-page .contact-notes{margin-top:2rem}
 .interior-page .site-footer{grid-template-columns:1fr;gap:1.5rem}
 .interior-page .site-footer>div:nth-child(3){flex-wrap:wrap}
}