/* Shared editorial language from the approved About, Approach and Contact pages. */
.zen-consistent{--copper:#b88764;--accent:#b88764;color:#f7f4ee;font-family:Arial,sans-serif;background:#171e1b}
.zen-consistent a:focus-visible,.zen-consistent summary:focus-visible{outline:2px solid #b88764;outline-offset:6px}
.zen-consistent .zen-mobile-menu{display:none}
.zen-consistent header nav{gap:3.5vw;font:10px/1.5 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.zen-consistent header .logo{width:180px;height:auto;display:block}
.zen-consistent header .button{border:0;border-bottom:1px solid #b88764;padding:0 0 9px;background:transparent;font:inherit;color:inherit;white-space:nowrap}
.zen-consistent header nav a:hover{color:#b88764}
.zen-consistent .eyebrow,.zen-consistent .label,.zen-consistent .meta{letter-spacing:.22em;line-height:1.9}
/* Homepage: retain the locked camera and motion timelines. */
.zen-consistent.immersive-direction main{background:radial-gradient(ellipse at 68% 28%,#2b302a,#171e1b 70%)}
.zen-consistent.immersive-direction h1,.zen-consistent.immersive-direction h2,.zen-consistent.immersive-direction h3{font-family:Georgia,serif;font-weight:400;letter-spacing:0;line-height:1.06;text-transform:none}
.zen-consistent.immersive-direction .build-hero h1{font-size:clamp(38px,4.4vw,76px);letter-spacing:0;line-height:1.08;text-transform:none}
.zen-consistent.immersive-direction .build-ending h2{font-size:clamp(40px,4.7vw,82px);letter-spacing:0;text-transform:none}
.zen-consistent.immersive-direction .hero-frame header{padding:30px 5%;background:linear-gradient(#111b2060,transparent);align-items:center}
.zen-consistent.immersive-direction .hero-frame .hero-copy{max-width:700px}
.zen-consistent.immersive-direction .hero-copy>p:not(.label){font-size:16px;line-height:1.65;letter-spacing:.02em}
.zen-consistent.immersive-direction .hero-copy .button{border-color:#b8876480;font-size:10px;letter-spacing:.2em;padding:15px 24px}
.zen-consistent.immersive-direction .brand-world{background:#171e1b}
.zen-consistent.immersive-direction .world-veil{background:linear-gradient(90deg,#17201bd9,transparent 75%),linear-gradient(0deg,#171e1b,transparent 25%)}
.zen-consistent.immersive-direction .world-title h2{font-size:clamp(54px,5.4vw,90px);line-height:1.08}
.zen-consistent.immersive-direction .world-note p{font-size:16px;color:#c5cac0;line-height:1.75}
.zen-consistent.immersive-direction .project-experience{background:radial-gradient(ellipse at 80% 12%,#43433840,transparent 65%),#1c2520;padding-top:80px}
.zen-consistent.immersive-direction .experience-intro h2{font-size:clamp(46px,5vw,82px);line-height:1.08}
.zen-consistent.immersive-direction .experience-intro>p{color:#c3c9c1;font-size:15px;line-height:1.75}
.zen-consistent.immersive-direction .scene-description h3{font-size:clamp(40px,4.4vw,72px);letter-spacing:0}
.zen-consistent.immersive-direction .scene-select strong{font:400 25px/1.2 Georgia,serif;letter-spacing:0}
.zen-consistent.immersive-direction .scene-select small{color:#c3c9c1}
.zen-consistent.immersive-direction .approach-heading h2{font-size:clamp(44px,4.4vw,75px);line-height:1.1}
.zen-consistent.immersive-direction .detail-story{background:radial-gradient(ellipse at 72% 32%,#82664d28,transparent 70%),linear-gradient(135deg,#283029,#1c2520)}
.zen-consistent.immersive-direction .detail-intro h2{font-size:clamp(42px,4.6vw,78px);line-height:1.08}
.zen-consistent.immersive-direction .material-story{color:#c3c9c1;font-size:16px;line-height:1.75}
.zen-consistent.immersive-direction .material-caption strong{font:400 21px/1.2 Georgia,serif}
.zen-consistent.immersive-direction .zen-story{background:radial-gradient(ellipse at 20% 50%,#3a433344,transparent 70%),#18221c}
.zen-consistent.immersive-direction .zen-statement h2{font-size:clamp(44px,5vw,82px);line-height:1.08}
.zen-consistent.immersive-direction .zen-statement>p{color:#c3c9c1;font-size:16px;line-height:1.75}
.zen-consistent.immersive-direction .conversation{background:radial-gradient(ellipse at 80% 25%,#624a3424,transparent 70%),#1e2821;padding-top:65px;padding-bottom:65px}
.zen-consistent.immersive-direction .conversation-link h2{font-size:clamp(75px,9vw,145px);letter-spacing:0}
.zen-consistent.immersive-direction .conversation-link>span{font-size:clamp(50px,7vw,100px);color:#b88764}
.zen-consistent.immersive-direction .spatial-footer{background:radial-gradient(ellipse at 80% 10%,#243028,#131c18);padding:35px 5% 25px;border-top:1px solid #b8876440}
.zen-consistent.immersive-direction .spatial-footer img{width:165px}
.zen-consistent.immersive-direction .spatial-footer nav{font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.zen-consistent.immersive-direction .underlink{letter-spacing:.18em;text-transform:uppercase;font-size:10px;border-color:#b8876460}
/* Projects: keep all fourteen approved photographs, windows and sketch bands. */
.zen-consistent.folio-consistent{background:radial-gradient(ellipse at 70% 3%,#333b3040,transparent 38%),linear-gradient(135deg,#202a23,#171e1b 65%);color:#f7f4ee}
.folio-consistent header{max-width:none;padding:30px 5%;border-bottom:1px solid #b8876425}
.folio-consistent main{max-width:1600px}
.folio-consistent .opening{padding-top:42px;padding-bottom:45px}
.folio-consistent .opening-label{border:0;padding-top:0;color:#b88764;font-size:10px;letter-spacing:.22em}
.folio-consistent .opening h1{font-size:clamp(56px,6.1vw,100px);font-family:Georgia,serif;font-weight:400;letter-spacing:0;line-height:1.08}
.folio-consistent .opening h1 em{color:#f7f4ee;font-style:normal;font-weight:400}
.folio-consistent .opening-note p{color:#c3c9c1;font:400 21px/1.5 Georgia,serif}
.folio-consistent .opening-note .meta{font-size:9px;color:#b88764}
.folio-consistent .opening-note>a{letter-spacing:.2em;border-color:#b8876460}
.folio-consistent .opening-index{color:#a7b1a5;letter-spacing:.2em;font-size:9px}
.folio-consistent .number,.folio-consistent .link b{color:#b88764}
.folio-consistent .number:after{background:#b88764}
.folio-consistent .reference-folio .project-panel,.folio-consistent .reference-folio article:nth-of-type(even) .project-panel{background:rgba(23,30,27,.4);backdrop-filter:none}
.folio-consistent .heading,.folio-consistent .caption{background:transparent}
.folio-consistent .location{color:#c3c9c1;letter-spacing:.22em;font-size:9px}
.folio-consistent .caption em{color:#d2d5cb;line-height:1.45}
.folio-consistent .link{font-size:9px;letter-spacing:.2em}
.folio-consistent .collection-contact{background:radial-gradient(ellipse at 70% 20%,#54493328,transparent 70%);border-color:#b8876440;padding:55px 0;margin-top:60px}
.folio-consistent .collection-contact h3{font-size:clamp(45px,5vw,80px);letter-spacing:0;line-height:1.08}
.folio-consistent .collection-contact>p{color:#c3c9c1;line-height:1.75}
.folio-consistent footer{border-color:#b8876440;padding:35px 0;font-size:9px;letter-spacing:.2em}
.folio-consistent footer .logo{width:165px}
@media(max-width:760px){
 .zen-consistent .zen-mobile-menu{display:block;position:relative}
 .zen-consistent .zen-mobile-menu summary{list-style:none;cursor:pointer;font:11px/1.5 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
 .zen-consistent .zen-mobile-menu summary::-webkit-details-marker{display:none}
 .zen-consistent .zen-mobile-menu>nav{display:grid;position:absolute;right:-6vw;top:42px;width:100vw;padding:25px 6%;gap:20px;background:#17201cf5;z-index:30}
 .zen-consistent .zen-mobile-menu nav a{display:block!important;font-size:11px!important;min-height:30px}
 .zen-consistent header>nav{display:none!important}
 .zen-consistent header .logo{width:145px}
 .zen-consistent.immersive-direction .hero-frame header{padding:24px 6%}
 .zen-consistent.immersive-direction .build-hero h1{font-size:clamp(30px,8vw,43px);line-height:1.08;letter-spacing:0}
 .zen-consistent.immersive-direction .build-ending h2{font-size:38px}
 .zen-consistent.immersive-direction .hero-copy>p:not(.label){font-size:14px;line-height:1.6}
 .zen-consistent.immersive-direction .hero-frame .hero-copy{top:135px}
 .zen-consistent.immersive-direction .world-title h2{font-size:12vw;line-height:1.08}
 .zen-consistent.immersive-direction .experience-intro h2,.zen-consistent.immersive-direction .zen-statement h2{font-size:42px}
 .zen-consistent.immersive-direction .detail-intro h2{font-size:40px}
 .zen-consistent.immersive-direction .approach-heading h2{font-size:clamp(26px,7vw,42px)}
 .zen-consistent.immersive-direction .spatial-footer nav{font-size:9px}
 .folio-consistent header{padding:24px 6%}
 .folio-consistent .opening{padding-top:35px}
 .folio-consistent .opening h1{font-size:clamp(48px,12vw,76px)}
 .folio-consistent .opening-title{gap:24px}
 .folio-consistent .opening-note p{font-size:19px}
 .folio-consistent .opening-index{font-size:8px;letter-spacing:.1em}
}

/* The paper opening uses charcoal ink; the realistic build restores ivory. */
.zen-consistent .hero-frame header{color:var(--sketch-ink,#f7f4ee)}
.zen-consistent .hero-frame header>a{position:relative}
.zen-consistent .hero-frame header .logo{opacity:var(--sketch-shade,1)}
.zen-consistent .hero-frame header .logo-sketch{position:absolute;inset:0;opacity:calc(1 - var(--sketch-shade,1))}
.zen-consistent .zen-mobile-menu>nav{color:#f7f4ee}
@media(max-width:560px){
 .zen-consistent .hero-frame header{color:#f7f4ee}
 .zen-consistent .hero-frame header .logo{opacity:1}
 .zen-consistent .hero-frame header .logo-sketch{display:none}
}
@media(max-width:560px){
 .zen-consistent .hero-frame header{display:flex;justify-content:space-between;align-items:center;background:#171e1b;min-height:96px}
 .zen-consistent.sketch-direction .hero-frame:before{left:0;top:96px;width:100%;height:350px;background:linear-gradient(135deg,#f7f4ee,#e9e3d7)}
 .zen-consistent .hero-frame .hero-bottom{color:#f7f4ee}
}