/* Native vector artwork, kept behind readable content and controls. */
.atelier-scene{position:relative;isolation:isolate}
.atelier-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;color:#899ba8}
.atelier-art>svg{display:block;position:absolute;right:-130px;top:0;width:760px;height:100%;max-height:620px;stroke:currentColor;stroke-width:.8;opacity:.19;stroke-linecap:round;stroke-linejoin:round}
.atelier-art .atelier-accent{stroke:#b19568;stroke-width:1.25;stroke-dasharray:1;stroke-dashoffset:0}
.atelier-art-elevation>svg{right:-80px;top:-25px;width:700px;opacity:.18}
.atelier-art-elevation{mask-image:linear-gradient(90deg,transparent 12%,#000 62%)}
.atelier-art-colonnade{mask-image:linear-gradient(180deg,transparent,#000 60%)}
.atelier-art-colonnade>svg{right:0;top:-10px;width:66%;height:100%;max-height:none;opacity:.15}
.atelier-art-structure>svg{width:950px;right:-230px;color:#b0c0ca;opacity:.12;stroke-width:.9}
.atelier-art-structure .atelier-accent{stroke:#d2b988}
.atelier-art-structure{mask-image:linear-gradient(90deg,transparent 15%,#000 90%)}
.page-about .philosophy-grid article{position:relative}
.atelier-article-rule{position:absolute;top:-1px;left:0;right:0;height:1px;background:#b09260;transform-origin:left;pointer-events:none}
.page-business .service-section{position:relative;isolation:isolate}
.page-business .service-section .atelier-art{inset:18px -32px}
.page-business .service-section .atelier-art>svg{right:0;width:660px;height:100%;max-height:none;opacity:.16}
.page-business .service-section .atelier-art{mask-image:linear-gradient(180deg,#000,transparent 54%,#000)}
.page-business .service-section.reverse .atelier-art>svg{left:0;right:auto}
.atelier-service-rail{position:absolute;left:calc(50% - .5px);top:70px;bottom:70px;width:1px;background:linear-gradient(transparent,#bd9e68,transparent);transform-origin:top;pointer-events:none}
.atelier-art-connected>svg{right:-220px;width:840px;opacity:.10;color:#b6c6cf}
.atelier-art-connected .atelier-accent{stroke:#d9bf90}
.atelier-art-archive{mask-image:linear-gradient(180deg,#000 0%,#000 20%,transparent 47%)}
.atelier-art-archive>svg{right:-110px;top:-80px;width:850px;height:650px;opacity:.2}
.page-projects .listing-head{position:relative}
.page-projects .listing-head:before{content:'';position:absolute;width:26px;height:26px;left:-20px;top:1px;border-top:1px solid #b49b73;border-left:1px solid #b49b73;opacity:.38;pointer-events:none}
.page-projects .project-filters,.page-projects .filter-summary{position:relative}
.atelier-art-silhouette>svg{right:-40px;top:8px;width:700px;height:100%;max-height:none;opacity:.2}
.atelier-art-silhouette{mask-image:linear-gradient(90deg,transparent 20%,#000 80%)}
.atelier-art-invitation>svg{right:-30px;top:50px;width:650px;height:calc(100% - 40px);max-height:none;opacity:.28;color:#8ea3b6}
.atelier-art-invitation .atelier-accent{stroke:#d2b88a;stroke-width:1.1}
.page-contact .hero-editorial{opacity:.42}
.atelier-steps{position:relative}
@media(min-width:1600px){.atelier-art-elevation>svg{width:820px;right:-50px}.atelier-art-colonnade>svg{width:58%}}
@media(max-width:1023px){.atelier-service-rail{display:none}.page-business .service-section .atelier-art{inset:0 -24px}.page-business .service-section .atelier-art>svg,.page-business .service-section.reverse .atelier-art>svg{right:-85px;left:auto;top:32%;height:70%;width:560px;opacity:.15}.atelier-art-elevation>svg{top:0;right:-50px;width:650px}.atelier-art-silhouette>svg{right:-100px;width:650px}.atelier-art-archive>svg{right:-200px;width:760px}}
@media(max-width:640px){
 .atelier-art>svg{stroke-width:.9}
 .atelier-art-elevation>svg{width:540px;right:-170px;top:38%;height:65%;opacity:.16}
 .atelier-art-elevation{mask-image:linear-gradient(90deg,transparent,#000)}
 .atelier-art-colonnade>svg{width:690px;max-width:none;right:-340px;top:0;opacity:.15}
 .atelier-art-structure>svg{right:-450px;width:800px;opacity:.14}
 .page-business .service-section .atelier-art>svg,.page-business .service-section.reverse .atelier-art>svg{top:32%;width:490px;right:-150px;opacity:.17}
 .atelier-art-connected>svg{right:-380px;width:700px;opacity:.13}
 .atelier-art-archive>svg{right:-260px;width:630px;top:-75px;height:540px;opacity:.22}
 .page-projects .listing-head:before{left:-12px;top:-5px;width:17px;height:17px}
 .atelier-art-silhouette>svg{right:-210px;top:15%;width:570px;height:80%;opacity:.22}
 .atelier-art-silhouette{mask-image:linear-gradient(90deg,transparent,#000 75%)}
 .atelier-art-invitation>svg{right:-270px;top:54px;width:600px;opacity:.23}
 .page-contact .hero-editorial{display:none}
}
@media(prefers-reduced-motion:reduce){.atelier-art,.atelier-art svg{animation:none!important}.atelier-service-rail,.atelier-article-rule{display:none!important}}
/* Second local refinement: relief, restrained framing and clear reading rhythm. */
.atelier-art .atelier-surface{fill:#b5a17d;fill-opacity:.32;stroke:none}
.atelier-art .atelier-surface-light{fill:#aab8c0;fill-opacity:.12;stroke:none}
.page-about .philosophy-grid article{padding-right:24px;isolation:isolate}
.page-about .philosophy-grid h3{margin-top:58px;letter-spacing:-.7px}
.atelier-model{position:absolute;right:12px;top:14px;width:125px;height:100px;pointer-events:none}
.atelier-model svg{width:100%;height:100%;stroke:#87929a;stroke-width:.8;stroke-linejoin:round}
.atelier-model .model-base{fill:#e6e5df;stroke:#b5b6b0}
.atelier-model .model-plane{fill:#fcfaf5;stroke:#b49a71}
.atelier-model .model-face{fill:#dedfd9}
.atelier-model .atelier-accent{stroke:#a27d43;stroke-width:1.25;stroke-dasharray:1}
.page-about .capabilities{background:radial-gradient(ellipse at 84% 24%,#2c4051 0,transparent 62%),#102031}
.page-about .capability-list article{border-color:#b4c3ce29}
.page-about .capability-list h3{letter-spacing:-.5px}
.page-about .operating-center{background:radial-gradient(ellipse at 80% 0,#354959,transparent 72%),#142537;box-shadow:0 18px 36px -24px #132c3b70,inset 0 1px #c6ad7d66}
.page-business .service-visual{box-shadow:0 20px 32px -26px #172c3e88}
.page-business .service-visual:after{content:'';position:absolute;inset:14px;border:1px solid #fff5;pointer-events:none}
.page-business .service-detail>div:first-child{background:linear-gradient(100deg,#f2f0e9,#f7f8f6)}
.page-projects .project-card{position:relative}
.page-projects .project-title{padding-bottom:16px;border-bottom:1px solid #bcaa8d66}
.page-projects .project-meta{border-top:0}
.page-projects .project-detail-link{padding-bottom:10px}
.page-project-detail .detail-role{background:linear-gradient(90deg,#f6f3ed,transparent);padding-block:16px}
.page-project-detail .detail-overview .company-table{background:linear-gradient(120deg,#ffffffed,#ffffffb0)}
.page-contact .contact-steps li{border-color:#c5c4bd80}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .page-projects .project-card .project-detail-link span{transition:transform .35s}
 .page-projects .project-card:hover .project-detail-link span{transform:translate(3px,-3px)}
}
@media(max-width:640px){
 .page-about .philosophy-grid article{padding-right:0}
 .page-about .operating-teams>div{display:block;text-align:center;padding:26px 6px 0}
 .page-about .operating-teams p{margin:10px 0 0;line-height:1.8}
 .page-about .philosophy-grid h3{margin-top:0;padding-right:80px;min-height:54px;font-size:27px;display:flex;align-items:center}
 .atelier-model{width:80px;height:70px;right:-2px;top:14px}
 .page-business .service-visual:after{inset:10px}
 .page-projects .project-title{padding-bottom:14px}
}

/* Editorial composition: a shared architectural horizon and clear decision points. */
.atelier-topic-line{display:flex;gap:10px 18px;flex-wrap:wrap;margin:0 0 26px!important;font-size:12px!important;color:#8a714b;letter-spacing:.2px}
.atelier-topic-line span+span:before{content:'';display:inline-block;height:9px;width:1px;background:#b59c6e66;margin-right:18px}
.page-about .atelier-principles{gap:0;position:relative}
.page-about .atelier-principles article{border-top:0;padding:190px 34px 20px 0;min-width:0}
.page-about .atelier-principles article+article{padding-left:34px;border-left:1px solid #b4b8b333}
.page-about .atelier-principles article:before{content:'';position:absolute;left:0;right:0;top:155px;height:1px;background:linear-gradient(90deg,#b49b7060,#b49b7020)}
.page-about .atelier-principles article:not(:last-child):after{content:'›';position:absolute;right:-4px;top:145px;background:#f5f4f0;color:#ae8b55;font:18px Georgia;z-index:1}
.page-about .atelier-principles .atelier-model{top:14px;right:calc(50% - 96px);width:192px;height:154px}
.page-about .atelier-principles .serif-number{position:absolute;left:0;top:6px;font-size:23px}
.page-about .atelier-principles article+article .serif-number{left:34px}
.page-about .atelier-principles h3{margin:0 0 17px;font-size:31px;line-height:1.25}
.page-about .atelier-principles h4{font-size:21px;line-height:1.5;margin:0 0 18px;letter-spacing:-.4px}
.page-about .atelier-principles p{max-width:340px;font-size:14px;line-height:1.9}
.page-business .service-section{gap:7%;align-items:start}
.page-business .service-visual{height:auto;aspect-ratio:4/5}
.page-business .service-content h2{font-size:38px;letter-spacing:-1px}
.page-business .service-statement{font-size:27px;line-height:1.6;margin:22px 0 18px}
.page-business .service-content>p:not(.eyebrow):not(.service-statement){max-width:520px;line-height:1.9;color:#6b7b87}
.page-business .service-detail{margin-top:30px;border-top:1px solid #b69a6c88}
.page-business .service-detail>div{grid-template-columns:88px minmax(0,1fr);gap:18px;padding:20px 0;font-size:14px;line-height:1.85;background:transparent}
.page-business .service-detail>div:first-child{background:transparent;padding-inline:0}
.page-business .service-detail dt{color:#856b43;font-size:12px;letter-spacing:.1px}
.page-business .service-detail dd{color:#344d60}
.page-projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px}
.page-projects .project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:44px;align-items:center;padding-bottom:48px;border-bottom:1px solid #bdc6c74d}
.page-projects .project-card:first-child .project-image{aspect-ratio:4/3}
.page-projects .project-card:first-child .project-title{margin-top:0;min-height:0}
.page-projects .project-title h3{font-size:25px;line-height:1.45}
.page-projects .project-title{min-height:0}
.page-projects .project-meta>div{grid-template-columns:64px 1fr}
.atelier-project-copy{min-width:0}
.atelier-project-role{font-size:14px;color:#3a5363;line-height:1.8;margin-top:22px}
.atelier-project-role>span{display:block;font-size:11px;color:#8c7350;margin-bottom:7px}
.page-projects .project-detail-link{margin-top:24px}
.page-project-detail .detail-gallery-grid{grid-template-columns:minmax(0,1fr);gap:76px}
.page-project-detail .detail-gallery-grid figure{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:7%;align-items:center}
.page-project-detail .detail-gallery-grid figure:first-child{grid-column:auto;display:block}
.page-project-detail .detail-gallery-grid figure:nth-child(odd):not(:first-child){grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}
.page-project-detail .detail-gallery-grid figure:nth-child(odd):not(:first-child) .atelier-gallery-visual{order:2}
.atelier-gallery-visual{position:relative;min-width:0;background:#edf0f1}
.page-project-detail .atelier-gallery-visual .visual-expand{bottom:14px;right:14px}
.page-project-detail .detail-gallery-grid figcaption{font-size:13px;margin:0;max-width:480px;line-height:1.9}
.page-project-detail .detail-gallery-grid figure:first-child figcaption{margin-top:22px;max-width:none}
.atelier-gallery-number{display:block;font:24px Georgia;color:#aa8a54;margin-bottom:18px}
.detail-gallery-grid figcaption strong{display:block;font-size:21px;font-weight:500;color:#233d50;line-height:1.6;margin-bottom:13px}
.atelier-gallery-description{display:block;color:#74828c}
.page-contact .atelier-form-group{grid-column:1/-1;display:flex;align-items:baseline;gap:17px;padding:8px 0 4px}
.atelier-form-group>span{font:22px/1 Georgia;color:#a98b59}
.atelier-form-group h4{margin:0;font-weight:500;font-size:20px;color:#20384b;line-height:1.6}
.atelier-form-group p{font-size:12px;line-height:1.8;color:#7d8a94;margin-top:6px}
.page-contact .atelier-form-group:not(:first-child){border-top:1px solid #b8bfc04d;margin-top:14px;padding-top:28px}
.page-contact .form-field label>span:not(.optional){font-size:12px;color:#9d7742}
.page-contact .form-field input:not([type=checkbox]),.page-contact .form-field select,.page-contact .form-field textarea{border-color:#c8d0d1;background:#f8f9f8;transition:border-color .2s,box-shadow .2s,background-color .2s}
.page-contact .form-field:focus-within label{color:#82633a}
.page-contact .form-field input:focus,.page-contact .form-field select:focus,.page-contact .form-field textarea:focus{background:#fff;border-color:#a78a5a;box-shadow:0 0 0 3px #b99b6814}
.page-contact .form-field [aria-invalid=true]{border-color:#a84c42!important}
@media(max-width:1023px){
 .page-business .service-section{gap:38px}
 .page-business .service-visual{aspect-ratio:3/2}
 .page-projects .project-card:first-child{gap:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
 .page-projects .project-title h3{font-size:22px}
 .page-project-detail .detail-gallery-grid{gap:52px}
}
@media(max-width:640px){
 .atelier-topic-line{gap:9px 12px;font-size:11px!important;margin-bottom:23px!important}
 .atelier-topic-line span+span:before{margin-right:12px}
 .page-about .atelier-principles{gap:0}
 .page-about .atelier-principles article,.page-about .atelier-principles article+article{padding:30px 0 28px 38px;border-left:0;border-top:1px solid #b4b8b355}
 .page-about .atelier-principles article:before,.page-about .atelier-principles article:after{display:none}
 .page-about .atelier-principles .serif-number,.page-about .atelier-principles article+article .serif-number{left:0;top:32px;font-size:20px}
 .page-about .atelier-principles .atelier-model{right:-6px;top:13px;width:112px;height:90px}
 .page-about .atelier-principles h3{font-size:18px;min-height:0;display:block;padding-right:100px;margin-bottom:15px;line-height:1.5;letter-spacing:-.3px}
 .page-about .atelier-principles h4{font-size:20px;padding-right:90px;min-height:50px;line-height:1.55;margin-bottom:14px}
 .page-about .atelier-principles p{font-size:14px;margin:0;line-height:1.85}
 .page-business .service-section{gap:28px}
 .page-business .service-content h2{font-size:31px}
 .page-business .service-statement{font-size:24px;margin-top:18px}
 .page-business .service-detail>div{grid-template-columns:77px minmax(0,1fr);gap:14px;padding:18px 0;font-size:13px}
 .page-projects .project-grid{grid-template-columns:minmax(0,1fr);gap:44px}
 .page-projects .project-card:first-child{display:block;padding-bottom:0;border-bottom:0}
 .page-projects .project-card:first-child .project-image{aspect-ratio:3/2}
 .page-projects .project-card:first-child .project-title{margin-top:22px}
 .page-projects .project-title h3{font-size:22px}
 .atelier-project-role{font-size:13px;margin-top:18px}
 .page-project-detail .detail-gallery-grid{gap:42px}
 .page-project-detail .detail-gallery-grid figure,.page-project-detail .detail-gallery-grid figure:nth-child(odd):not(:first-child){display:flex;flex-direction:column;gap:20px;align-items:stretch}
 .page-project-detail .detail-gallery-grid figure:nth-child(odd):not(:first-child) .atelier-gallery-visual{order:0}
 .page-project-detail .detail-gallery-grid figcaption,.page-project-detail .detail-gallery-grid figure:first-child figcaption{margin:0;max-width:none;padding-left:37px;position:relative}
 .atelier-gallery-number{position:absolute;left:0;top:0;font-size:20px;margin:0}
 .detail-gallery-grid figcaption strong{font-size:18px;margin-bottom:8px}
 .atelier-gallery-description{font-size:12px}
 .page-contact .atelier-form-group{padding-top:0}
 .atelier-form-group h4{font-size:19px}
}

/* Material studies: static translucent planes with selected gold linework. */
.atelier-art .atelier-material{opacity:.72}
.atelier-art .atelier-detail{stroke-width:.65;opacity:.55}
.atelier-art .atelier-guides{stroke-width:.65;opacity:.38}
.atelier-art .atelier-landscape{stroke:#8d9e95;fill:#b6bfa522;stroke-width:.75}
.atelier-art>svg{stroke-width:.9}
.atelier-art-elevation>svg{width:860px;right:-145px;top:-8px;opacity:.31}
.atelier-art-elevation{mask-image:linear-gradient(90deg,transparent 28%,#000 78%)}
.atelier-art-colonnade>svg{width:84%;right:-70px;opacity:.21}
.atelier-art-colonnade{mask-image:linear-gradient(180deg,transparent 4%,#000 44%,#000 76%,transparent)}
.atelier-art-structure>svg{right:-130px;top:0;width:920px;opacity:.23}
.atelier-art-structure .atelier-material,.atelier-art-connected .atelier-material{opacity:.34}
.atelier-art-structure{mask-image:linear-gradient(90deg,transparent 26%,#000 85%)}
.page-business .service-section .atelier-art>svg{right:-120px;width:780px;opacity:.23}
.page-business .service-section.reverse .atelier-art>svg{left:-120px;right:auto}
.page-business .service-section .atelier-art{mask-image:linear-gradient(180deg,#000,transparent 54%,#000)}
.atelier-art-connected>svg{opacity:.2;right:-160px;width:900px}
.atelier-art-archive>svg{right:-90px;top:-80px;width:850px;opacity:.29}
.atelier-art-archive{mask-image:linear-gradient(180deg,#000 0%,#000 18%,transparent 46%)}
.atelier-art-silhouette>svg{opacity:.24}
.atelier-art-silhouette .atelier-material{opacity:.45}
.atelier-art-invitation>svg{right:-50px;width:770px;top:12px;height:100%;opacity:.34}
.atelier-art-invitation .atelier-material{opacity:.32}
.atelier-art-invitation{mask-image:linear-gradient(90deg,transparent 30%,#000 75%)}
@media(max-width:1023px){
 .atelier-art-elevation>svg{width:720px;right:-100px;opacity:.25}
 .page-business .service-section .atelier-art>svg,.page-business .service-section.reverse .atelier-art>svg{width:660px;right:-120px;left:auto;opacity:.21}
 .atelier-art-colonnade>svg{width:920px;right:-250px}
}
@media(max-width:640px){
 .atelier-art-elevation>svg{width:570px;right:-145px;top:34%;height:70%;opacity:.26}
 .atelier-art-elevation{mask-image:linear-gradient(90deg,transparent 5%,#000)}
 .atelier-art-colonnade>svg{width:700px;right:-235px;opacity:.17}
 .atelier-art-structure>svg{width:730px;right:-280px;opacity:.2}
 .atelier-art-structure{mask-image:linear-gradient(90deg,transparent,#000)}
 .page-business .service-section .atelier-art>svg,.page-business .service-section.reverse .atelier-art>svg{width:540px;right:-150px;top:31%;height:70%;opacity:.21}
 .atelier-art-connected>svg{width:740px;right:-350px;opacity:.17}
 .atelier-art-archive>svg{width:640px;right:-255px;top:-110px;opacity:.23}
 .atelier-art-silhouette>svg{opacity:.22}
 .atelier-art-invitation>svg{width:600px;right:-270px;top:50px;opacity:.26}
 .atelier-art-invitation{mask-image:linear-gradient(90deg,transparent 15%,#000)}
}

/* About signature study: the illustration has its own space beside the copy. */
.page-about .studio-overview{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:40px 7%;align-items:center;padding-block:90px 100px}
.studio-overview .studio-heading{grid-column:1/-1;grid-row:1}
.studio-overview .studio-heading h2{max-width:100%;font-size:clamp(32px,3vw,43px);line-height:1.45;letter-spacing:-1.3px}
.studio-overview .studio-heading .eyebrow{margin-bottom:27px}
.studio-visual{grid-column:1;grid-row:2;position:relative;min-width:0;aspect-ratio:1.33;isolation:isolate;background:radial-gradient(ellipse at 48% 52%,#f3f2ed 8%,#f8f9f7 46%,#fff 73%)}
.studio-visual:before{content:'';position:absolute;left:20%;right:10%;bottom:14%;height:15%;background:radial-gradient(ellipse,#31495618,transparent 68%);transform:rotate(-5deg);pointer-events:none}
.studio-depth{position:absolute;inset:0;transform:translateY(var(--studio-drift,0px))}
.atelier-art-studio{inset:-12px -20px;mask-image:linear-gradient(180deg,#000 84%,transparent)}
.atelier-art-studio>svg{right:0;top:0;width:100%;height:100%;max-height:none;opacity:1;stroke:#9ba8ab;stroke-width:.65;stroke-linejoin:round}
.atelier-art-studio .atelier-material{opacity:.86}
.atelier-art-studio .atelier-detail{opacity:.3;stroke-width:.55}
.atelier-art-studio .atelier-guides{opacity:.24;stroke-width:.55}
.atelier-art-studio .atelier-accent{stroke:#b39767;stroke-width:1}
.studio-overview .overview-copy{grid-column:2;grid-row:2;max-width:530px;position:relative;padding:8px 0}
.studio-overview .overview-copy>.lead-copy{font-size:23px;line-height:1.75;margin-bottom:24px}
.studio-overview .overview-copy>p:not(.lead-copy):not(.atelier-topic-line){font-size:15px;line-height:1.95;margin-bottom:20px}
.studio-overview .atelier-topic-line{font-size:11px!important;gap:10px 12px;margin-bottom:23px!important}
.studio-overview .atelier-topic-line span+span:before{margin-right:12px}
.studio-overview .inline-link{margin-top:6px}
@media(min-width:1600px){.page-about .studio-overview{gap:46px 8%}.studio-overview .overview-copy>.lead-copy{font-size:25px}}
@media(max-width:1023px){
 .page-about .studio-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 5%;padding-block:72px}
 .studio-overview .studio-heading h2{font-size:35px}
 .studio-overview .overview-copy>.lead-copy{font-size:20px}
 .studio-overview .overview-copy>p:not(.lead-copy):not(.atelier-topic-line){font-size:14px}
 .studio-overview .overview-copy br.pc{display:none}
 .studio-visual{aspect-ratio:.95}
 .atelier-art-studio{inset:0 -24px}
}
@media(max-width:640px){
 .page-about .studio-overview{grid-template-columns:minmax(0,1fr);gap:22px;padding-block:64px}
 .studio-overview .studio-heading{grid-column:1;grid-row:1}
 .studio-overview .studio-heading h2{font-size:28px;line-height:1.5;letter-spacing:-1px}
 .studio-overview .studio-heading .eyebrow{margin-bottom:22px}
 .studio-visual{grid-column:1;grid-row:2;aspect-ratio:1.5;margin:0 -10px}
 .atelier-art-studio{inset:-8px -8px}
 .atelier-art-studio>svg{stroke-width:.8}
 .studio-overview .overview-copy{grid-column:1;grid-row:3;padding:0;max-width:none}
 .studio-overview .overview-copy>.lead-copy{font-size:21px;line-height:1.7;margin-bottom:20px}
 .studio-overview .overview-copy>p:not(.lead-copy):not(.atelier-topic-line){font-size:14px;line-height:1.9;margin-bottom:18px}
 .studio-overview .atelier-topic-line{margin-bottom:20px!important}
}
@media(prefers-reduced-motion:reduce){.studio-depth{transform:none!important}}

/* Photographic scale model: responsive bitmap, with real material and light detail. */
.studio-visual{background:#fff;aspect-ratio:1.35}
.studio-visual:before{display:none}
.studio-depth{display:flex;align-items:center;justify-content:center}
.studio-model-image{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
@media(max-width:1023px) and (min-width:641px){.studio-visual{aspect-ratio:1.05}}
@media(max-width:640px){.studio-visual{aspect-ratio:1.35;margin-inline:-10px}.studio-model-image{max-width:none}}

/* Studio maquettes: generous, consistent image plates with quiet material detail. */
.page-about .atelier-principles{gap:32px}
.page-about .atelier-principles article,.page-about .atelier-principles article+article{padding:0 0 24px;border-left:0;border-top:0}
.page-about .atelier-principles article:before,.page-about .atelier-principles article:after{display:none}
.page-about .atelier-principles .atelier-model{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;margin:0 0 28px}
.atelier-model img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
.page-about .atelier-principles .serif-number,.page-about .atelier-principles article+article .serif-number{position:static;display:block;margin:0 0 14px;font-size:20px}
.page-about .atelier-principles h3{font-size:28px;padding:0;margin-bottom:14px}
.page-about .atelier-principles h4{padding:0;min-height:0}
.connected-model{margin:30px -22px 0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent),linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.connected-model img{display:block;width:100%;height:auto}
@media(max-width:640px){
 .page-about .atelier-principles{gap:40px}
 .page-about .atelier-principles article,.page-about .atelier-principles article+article{padding:0 0 30px;border-bottom:1px solid #b4b8b344}
 .page-about .atelier-principles .atelier-model{max-width:380px;margin:0 auto 20px}
 .page-about .atelier-principles .serif-number{margin-bottom:10px}
 .page-about .atelier-principles h3{font-size:25px}
 .page-about .atelier-principles h4{font-size:20px}
 .connected-model{margin:24px -10px 0}
}

/* Alpha cutouts sit directly on the quiet paper surface; no image plates or backdrop drawings. */
.page-about .atelier-principles{gap:40px}
.page-about .atelier-principles .atelier-model{background:transparent;margin-bottom:34px}
.page-about .atelier-principles .atelier-model img{background:transparent}
@media(max-width:640px){.page-about .atelier-principles{gap:36px}.page-about .atelier-principles .atelier-model{margin-bottom:24px}}

/* Rendered editorial objects: true-alpha imagery with quiet staged entrances. */
.page-about .atelier-principles .principle-render{aspect-ratio:auto;max-width:440px;margin:0 auto 32px}
.atelier-model.principle-render img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:normal}
.principle-render-caption{display:block;margin-top:18px;text-align:center;font-size:12px;line-height:1.6;letter-spacing:.25px;color:#806c4c}
@media(max-width:640px){
 .page-about .atelier-principles .principle-render{max-width:390px;margin:0 auto 26px}
 .principle-render-caption{font-size:11px;letter-spacing:0;margin-top:12px}
}

/* Expertise: soft blue and champagne light, without schematic background geometry. */
.page-about .capabilities.expertise-atmospheric{position:relative;isolation:isolate;overflow:hidden;background:#101e2e}
.expertise-atmospheric>.wrap{position:relative;z-index:1}
.expertise-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;user-select:none}
.expertise-atmosphere>span{display:block;position:absolute;inset:-12%;pointer-events:none}
.expertise-light-blue{background:radial-gradient(ellipse at 76% 24%,#6e9db74a 0%,#4c768f2b 28%,#243b5117 51%,transparent 72%),linear-gradient(122deg,transparent 44%,#85a7bf0d 56%,transparent 70%)}
.expertise-light-warm{background:radial-gradient(ellipse at 30% 77%,#baa16e16 0%,#ac95620a 24%,transparent 52%)}
@media(max-width:640px){
 .expertise-light-blue{background:radial-gradient(ellipse at 88% 20%,#6e9db745 0%,#4c768f27 34%,transparent 74%)}
 .expertise-light-warm{background:radial-gradient(ellipse at 15% 75%,#baa16e14 0%,transparent 54%)}
}

/* Measured connectors descend from the partner to coordination, then branch to the three roles. */
.operating-system.coordination-sequenced{position:relative;isolation:isolate}
.coordination-sequenced .operating-owner:after,.coordination-sequenced .operating-center:after,.coordination-sequenced .operating-teams:before,.coordination-sequenced .operating-teams>div:before{display:none}
.coordination-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none;fill:none;stroke:#b69b6d;stroke-width:1;stroke-linecap:round}
.coordination-lines path{stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}

/* Warm gallery backdrop separates connected operation from the navy inquiry. */
.page-business .capabilities{background:radial-gradient(ellipse at 24% 55%,#eee8de 0%,#f4f2ed 55%,#f5f3ef 100%);color:#152437;overflow:hidden}
.page-business .capabilities .overview-copy p{color:#53616c}
.page-business .capabilities .eyebrow.light{color:#856d47}
.page-business .capabilities .light-link{color:#152437;border-color:#a69b88}
.page-business .capabilities .service-system li>span{background:#f4f2ed;color:#816945;border-color:#b6a17e}
.page-business .capabilities .service-system:before{background:linear-gradient(90deg,#b6a17e90,#b6a17e30)}
.page-business .connected-model{mask-image:none;filter:drop-shadow(0 18px 16px #463b2b12)}
@media(min-width:1024px){.page-business .capabilities .overview-section>.overview-copy{align-self:center;padding-left:clamp(20px,2.2vw,36px);box-sizing:border-box}}

/* Review refinements: scoped mobile navigation, direct inquiry access and compact filters. */
.contact-form-jump{display:none}
#inquiry-write{scroll-margin-top:18px}
#inquiry-write:focus-visible{outline:2px solid #b59c75;outline-offset:8px}
@media(max-width:1023px){
 .page-business .service-range{position:relative;display:flow-root}
 .page-business .service-nav{top:var(--service-header-height,64px);background:#fff}
 /* Account for native anchor padding and the compact destination header. */
 .page-business .service-section{scroll-margin-top:calc(var(--header-compact,64px) + var(--service-nav-height,61px) + 12px - var(--service-root-padding,88px))}
 .page-contact .contact-form-jump{display:inline-flex;margin-top:24px;min-height:48px;padding:14px 22px;font-size:14px;gap:36px}
}
@media(max-width:640px){
 .page-projects .project-filters{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:4px 3px 8px;border-bottom:0;scroll-padding-inline:3px}
 .page-projects .project-filters button,.page-projects .project-filters button:first-child{flex:0 0 auto;width:auto;white-space:nowrap;padding:11px 13px;min-height:44px;font-size:12px}
}

/* All service destinations remain visible without a horizontal scroller. */
@media(max-width:1023px){
 .page-business .service-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 20px;overflow:visible}
 .page-business .service-nav a{min-width:0;justify-content:center;gap:6px;padding:8px 6px;font-size:12px;white-space:normal;text-align:center;line-height:1.45;border:1px solid #e6e4df;color:#53616c}
 .page-business .service-nav a[aria-current=true]{background:#f2eee6;border-color:#c4ad86;color:#715a35}
}
@media(max-width:640px){
 .page-business .service-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-business .service-nav a{font-size:13px}
 .page-business .service-nav a>span{display:none}
}

/* Center the three-stage story and keep the supporting explanation concise. */
.page-business .capabilities .service-system{--system-gap:22px;gap:var(--system-gap)}
.page-business .capabilities .service-system li{text-align:center}
.page-business .capabilities .service-system li>span{left:50%;transform:translateX(-50%)}
.page-business .capabilities .service-system:before{left:calc((100% - 2 * var(--system-gap))/6);right:calc((100% - 2 * var(--system-gap))/6);background:#b6a17e70}
.page-business .capabilities .overview-copy>.connected-summary{margin:32px 0 14px;text-align:center;color:#26394b;line-height:1.8}
.page-business .connected-service-note{margin:0 0 20px;font-size:12px;color:#64717a}
.page-business .connected-service-note summary{width:fit-content;margin-inline:auto;cursor:pointer;min-height:44px;padding:12px 8px;line-height:20px}
.page-business .connected-service-note summary:focus-visible{outline:2px solid #a78b5d;outline-offset:3px}
.page-business .connected-service-note p{padding:12px 16px;background:#ffffff60;border-left:1px solid #b6a17e70;line-height:1.85}
.page-business .capabilities .light-link{display:flex;width:fit-content;margin-inline:auto}
@media(max-width:640px){.page-business .capabilities .service-system{--system-gap:12px}.page-business .capabilities .overview-copy>.connected-summary{font-size:15px}}

/* Supporting captions sit below the main reading hierarchy, while form guidance stays unchanged. */
.page-about .operating-system + .notice-copy,
.page-projects .listing-head .notice-copy,
.page-projects .filter-basis,
.page-projects .filter-summary>span,
.page-projects .listing-note,
.page-project-detail .detail-gallery .notice-copy,
.page-project-detail .atelier-gallery-description,
.page-business .image-use-note{
 font-size:11px;font-weight:400;line-height:1.65;letter-spacing:0;color:#6c747b;
}
.page-about .operating-system + .notice-copy{max-width:970px;margin:18px auto 0;text-align:center}
.page-business .service-intro p{font-size:13px;line-height:1.8;color:#6c747b}
.page-projects .listing-note{padding-top:18px;margin-top:28px}
@media(max-width:640px){.page-business .service-intro p{font-size:12px}.page-business .service-intro{padding-top:28px}}

/* Service tabs stay below the global header and its full-screen mobile menu. */
@media(max-width:1023px){.page-business .service-nav{z-index:10}}

/* Phone and company details close the inquiry page after the writing area. */
.page-contact .contact-bottom{display:grid;grid-template-columns:340px minmax(0,1fr);gap:70px;align-items:start;padding-block:48px 80px;border-top:0}
.page-contact .contact-bottom .contact-phone-link{margin:0;border-top:0}
.page-contact .contact-bottom .contact-direct{margin:0}
@media(max-width:1023px){.page-contact .contact-bottom{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px 64px}}

/* The writing area has its own warm backdrop after the introductory steps. */
.page-contact .contact-panel{min-width:0;background:#f3f2ee;padding:36px 32px}
.page-contact .contact-panel .form-field input,
.page-contact .contact-panel .form-field select,
.page-contact .contact-panel .form-field textarea,
.page-contact .contact-panel .privacy-box{background:#fff}
.page-contact .contact-panel .form-field [aria-invalid=true]{background:#fffaf8}
@media(max-width:1023px){
 .page-contact .contact-panel{max-width:none;width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter));padding:36px var(--gutter) 40px}
 .page-contact .contact-layout{padding-bottom:0}
}