/* Individual art direction across the complete company site, including all detail pages. */
#main{--identity-radius:0px;--identity-space:30px;--identity-rule:1px solid var(--page-line)}
#main [hidden]{display:none!important}
#main :where(article,section,figure,form,aside,dl,ol,ul,nav)>*{min-width:0}
#main :where(h1,h2,h3,p,dd,small){overflow-wrap:anywhere}
#main :where(.product-photo,.product-main-photo,.business-image,.collection-photo,.brand-story-visual,.profile-photo,.service-product>div:not(.chapter-heading),.related-work a>div){border-radius:var(--identity-radius)}
#main :where(.role-cards,.belief-cards,.scope-cards,.deliverable-grid){gap:var(--identity-space)}
#main :where(.role-cards>article,.belief-cards>article,.scope-cards>article,.deliverable-grid>article,.product-choice article,.product-package article){border-radius:var(--identity-radius)}
#main :where(.product-search input,.collection-tools input):focus-visible{outline:2px solid var(--page-accent);outline-offset:4px}
#main :where(.product-card,.project-collection-grid>article) :where(h2,h3){text-wrap:balance}
#main .inquiry-layout{background:var(--page-surface);color:var(--page-ink)}
#main .inquiry-info{position:static;color:var(--page-ink);background:transparent}
#main :where(.inquiry-info>p:not(.t-kicker),.inquiry-form-heading>p:not(.t-kicker),.inquiry-form .form-note){color:var(--page-muted)}
#main .inquiry-form{background:transparent;color:var(--page-ink)}
#main :where(.inquiry-info dl>div,.inquiry-form-heading,.inquiry-steps){border-color:var(--page-line)}
#main :where(.inquiry-form input,.inquiry-form textarea,.inquiry-form select){color:var(--page-ink);background:var(--page-surface);border:1px solid var(--page-line);border-radius:var(--identity-radius)}
#main .inquiry-form input::placeholder,#main .inquiry-form textarea::placeholder{color:var(--page-muted);opacity:.8}
#main :where(.inquiry-info dt,.inquiry-form .required-label,.inquiry-form .optional-label,.inquiry-steps li){color:var(--page-muted)}
#main .inquiry-selected{color:var(--page-ink);background:var(--page-soft)}
#main .inquiry-form>.inquiry-consent>input{width:16px;height:16px;flex-basis:16px}
#main .service-output-tags small{line-height:1.7}
#main .product-card{grid-column:auto;grid-row:auto}
body.template-site[data-design-radius] #main :is(.product-card,.role-cards>article,.scope-cards>article,.belief-cards>article,.deliverable-grid>article,.collection-photo){border-radius:var(--design-radius)}
#main .sample-map{border-radius:var(--identity-radius)}
#main .t-cta h2{text-wrap:balance}
#main .product-gallery img{width:100%;height:100%;object-fit:cover}
#main .content-faq details[open]{border-bottom:2px solid var(--page-accent)}

/* 24 distinct treatments carry the first screen's material and type into the body. */
.design-cinema #main{--identity-space:1px;--identity-radius:0px}
.design-cinema #main .chapter-heading{border-left:3px solid var(--t-accent);padding-left:24px}
.design-cinema #main .company-intro h2{font-size:clamp(34px,4.6vw,68px);font-weight:450;max-width:950px}
.design-cinema #main :where(.scope-cards,.role-cards){background:var(--page-line);border:1px solid var(--page-line)}
.design-cinema #main :where(.scope-cards>article,.role-cards>article){background:var(--t-bg);border:0;padding:38px}
.design-cinema #main .t-cta{background:var(--page-soft);border-top:1px solid var(--t-accent)}
.design-lifestyle #main{--identity-radius:4px;--identity-space:38px}
.design-lifestyle #main .brand-story{background:var(--page-soft)}
.design-lifestyle #main .chapter-number{border-radius:50%;background:var(--t-accent);color:var(--page-action-text);width:32px;height:32px;text-align:center;padding:8px 0}
.design-lifestyle #main :where(.role-cards>article,.scope-cards>article){border:0;border-top:3px solid var(--page-accent);background:transparent;padding:28px 0}
.design-lifestyle #main .t-cta{border-radius:55px 0 0 0}
.design-product-split #main{--identity-space:14px}
.design-product-split #main .t-kicker,.design-product-split #main :where(.chapter-number,.product-card-copy>small,.milestones strong){font-family:ui-monospace,monospace;letter-spacing:.1em}
.design-product-split #main :where(.product-choice article,.product-package article){padding:26px;border:1px solid var(--page-line);background:var(--page-soft)}
.design-product-split #main .company-intro{border-top:1px solid var(--t-accent);border-bottom:1px solid var(--page-line)}
.design-product-split #main .t-cta{background:var(--t-bg);border:1px solid var(--t-accent);margin:30px 5%}
.design-industrial #main{--identity-space:0px}
.design-industrial #main :where(.section-heading h2,.company-intro h2){font-weight:750;letter-spacing:-.055em}
.design-industrial #main .chapter-number{font:700 42px/1 ui-monospace,monospace;width:65px}
.design-industrial #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){border:0;border-top:4px solid var(--t-accent);border-right:1px solid var(--page-line);padding:32px;background:var(--page-soft)}
.design-industrial #main .t-cta{border-top:10px solid var(--t-accent);background:var(--t-bg)}
.design-catalog #main{--identity-radius:3px;--identity-space:18px}
.design-catalog #main :where(.section-heading,.chapter-heading){padding-bottom:22px;border-bottom:2px solid var(--page-accent)}
.design-catalog #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){background:var(--page-surface);box-shadow:0 8px 28px #10203008}
.design-catalog #main .product-choice article{background:var(--page-soft);padding:25px}
.design-catalog #main .t-cta{background:var(--page-soft);border-bottom:6px solid var(--t-accent)}
.design-blueprint #main{--identity-space:1px;--identity-radius:0px}
.design-blueprint #main :where(.content-chapter,.company-intro,.service-overview){background-image:linear-gradient(var(--page-line) 1px,transparent 1px),linear-gradient(90deg,var(--page-line) 1px,transparent 1px);background-size:48px 48px}
.design-blueprint #main :where(.chapter-heading,.section-heading){background:var(--page-surface);width:fit-content;max-width:100%;padding:22px;border:1px solid var(--page-line)}
.design-blueprint #main :where(.chapter-number,.t-kicker,.milestones strong){font-family:ui-monospace,monospace}
.design-blueprint #main :where(.scope-cards>article,.role-cards>article){background:var(--t-bg);border:1px solid var(--page-accent)}
.design-blueprint #main .sample-map{outline:1px solid var(--page-accent);outline-offset:9px;filter:grayscale(.4)}
.design-panorama #main{--identity-space:26px}
.design-panorama #main .company-intro{border-bottom:1px solid var(--page-line)}
.design-panorama #main :where(.chapter-heading,.section-heading h2){max-width:850px}
.design-panorama #main .brand-story-visual{height:560px}
.design-panorama #main :where(.role-cards>article,.scope-cards>article){border:0;border-bottom:3px solid var(--t-accent);background:var(--page-soft)}
.design-panorama #main .t-cta{position:relative;background:var(--page-soft);border-top:1px solid var(--t-accent)}
.design-diagonal #main{--identity-space:32px}
.design-diagonal #main :where(.chapter-heading,.company-intro){border-left:6px solid var(--t-accent)}
.design-diagonal #main .chapter-heading{padding-left:24px}
.design-diagonal #main :where(.scope-cards>article,.belief-cards>article){border:0;border-bottom:1px solid var(--page-line);padding:30px 10px;background:transparent}
.design-diagonal #main .brand-story-visual{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.design-diagonal #main .t-cta{background:linear-gradient(115deg,var(--page-soft) 75%,var(--t-accent) 75%)}
.design-service-cards #main{--identity-radius:22px;--identity-space:22px}
.design-service-cards #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){border:0;box-shadow:0 8px 35px #1c376310;background:var(--page-soft)}
.design-service-cards #main .chapter-number{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--t-accent);color:var(--page-action-text);padding:0}
.design-service-cards #main .role-symbol{border:0;border-radius:12px;background:var(--page-surface)}
.design-service-cards #main .t-cta{margin:30px 5%;border-radius:36px;background:var(--page-soft)}
.design-editorial #main{--identity-space:36px}
.design-editorial #main :where(.section-heading h2,.company-intro h2,.brand-story-copy h2,.product-card h2,.collection-copy h2,.leader-letter h2,.t-cta h2){font-family:Georgia,Pretendard,serif;font-weight:400}
.design-editorial #main :where(.role-cards>article,.scope-cards>article,.belief-cards>article,.deliverable-grid>article){border:0;border-top:1px solid var(--page-line);padding:25px 0;background:transparent}
.design-editorial #main .chapter-heading{border-top:1px solid var(--page-line);padding-top:28px}
.design-editorial #main .t-cta{background:var(--t-bg);border-block:1px solid var(--page-line)}
.design-architecture #main{--identity-space:50px}
.design-architecture #main :where(.t-section,.t-cta){background:var(--page-surface)}
.design-architecture #main :where(.section-heading h2,.chapter-heading h2){font-size:clamp(26px,2.7vw,39px);font-weight:400}
.design-architecture #main :where(.role-cards>article,.scope-cards>article,.belief-cards>article,.deliverable-grid>article){background:transparent;border:0;border-top:1px solid var(--page-line);padding:25px 0}
.design-architecture #main .chapter-number{writing-mode:vertical-rl;padding:0;letter-spacing:.12em}
.design-architecture #main .t-cta{border-top:1px solid var(--page-line)}
.design-gallery #main{--identity-space:45px}
.design-gallery #main :where(.section-heading h2,.brand-story-copy h2){font-weight:400;letter-spacing:-.055em}
.design-gallery #main .content-chapter{border:0}
.design-gallery #main :where(.role-cards>article,.scope-cards>article){border:0;border-top:1px solid var(--page-line);padding-inline:0;background:transparent}
.design-gallery #main .t-cta{padding-block:110px;background:var(--page-soft)}
.design-material #main{--identity-radius:80px 4px 4px 4px;--identity-space:34px}
.design-material #main :where(.section-heading h2,.brand-story-copy h2,.company-intro h2,.leader-letter h2,.t-cta h2){font-family:Georgia,Pretendard,serif;font-weight:400}
.design-material #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){padding:40px 30px;border:0;background:var(--page-soft);border-radius:45px 3px 3px 3px}
.design-material #main .content-faq{border-top:1px solid var(--page-line)}
.design-material #main .t-cta{border-radius:100px 0 0 0;background:var(--page-soft)}
.design-research-white #main{--identity-radius:4px 34px 4px 4px;--identity-space:22px}
.design-research-white #main .chapter-number{border-bottom:2px solid var(--t-accent);padding-bottom:10px}
.design-research-white #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){background:var(--page-surface);border:1px solid var(--page-line);box-shadow:0 10px 35px #243b4c08}
.design-research-white #main .brand-story{background:var(--page-soft)}
.design-research-white #main .t-cta{margin:30px 5%;background:var(--page-soft);border-radius:0 80px 0 0}
.design-collage #main{--identity-radius:35% 35% 3px 3px;--identity-space:32px}
.design-collage #main :where(.section-heading h2,.company-intro h2){font-size:clamp(34px,4vw,56px);font-weight:500}
.design-collage #main :where(.role-cards>article,.scope-cards>article,.belief-cards>article){border:1px solid var(--page-line);border-radius:0;padding:30px;background:var(--page-soft)}
.design-collage #main .chapter-number{font:italic 36px/1 Georgia,serif;width:45px}
.design-collage #main .t-cta{border-top:1px solid var(--t-accent);background:radial-gradient(ellipse at 90% 0%,#d4b7e744,transparent 65%),var(--page-soft)}
.design-campaign #main{--identity-space:0px}
.design-campaign #main :where(.section-heading h2,.company-intro h2,.t-cta h2){font-size:clamp(35px,5vw,72px);font-weight:800;letter-spacing:-.06em}
.design-campaign #main .chapter-number{font:800 50px/1 Arial,sans-serif;width:75px}
.design-campaign #main :where(.role-cards>article,.scope-cards>article,.belief-cards>article){border:0;border-top:3px solid var(--t-accent);padding:32px;background:var(--page-soft)}
.design-campaign #main .t-cta{border-top:8px solid var(--t-accent);background:var(--t-bg)}
.design-symbol #main{--identity-space:24px}
.design-symbol #main .chapter-heading{border-top:3px solid var(--page-ink);padding-top:30px}
.design-symbol #main :where(.section-heading h2,.company-intro h2){font-weight:750;font-size:clamp(35px,4.5vw,65px)}
.design-symbol #main :where(.role-cards>article,.scope-cards>article,.belief-cards>article){border:2px solid var(--page-ink);box-shadow:7px 7px 0 var(--page-soft);background:transparent}
.design-symbol #main .role-symbol{border:0;border-radius:0;font-size:34px;width:auto;justify-content:start}
.design-symbol #main .t-cta{border-top:3px solid var(--page-ink);background:var(--page-soft)}
.design-immersive #main{--identity-space:50px}
.design-immersive #main :where(.section-heading h2,.company-intro h2,.t-cta h2){font-weight:400;font-size:clamp(36px,4.8vw,68px)}
.design-immersive #main :where(.role-cards>article,.scope-cards>article,.belief-cards>article){background:transparent;border:0;border-top:1px solid var(--page-line);padding-inline:0}
.design-immersive #main .brand-story{background:var(--t-bg)}
.design-immersive #main .t-cta{min-height:420px;align-content:center;border-block:1px solid var(--page-line);background:var(--t-bg)}
.design-screen-split #main{--identity-radius:12px;--identity-space:20px}
.design-screen-split #main .chapter-number{background:var(--page-soft);border:1px solid var(--page-line);width:35px;height:35px;padding:9px 0;text-align:center;border-radius:7px}
.design-screen-split #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){background:var(--page-surface);box-shadow:0 8px 25px #152d4110}
.design-screen-split #main .t-cta{background:var(--page-soft);border-radius:20px;margin:30px 5%}
.design-dark-cards #main{--identity-radius:18px;--identity-space:20px}
.design-dark-cards #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){background:linear-gradient(145deg,var(--page-soft),var(--page-surface));border-color:color-mix(in srgb,var(--t-accent) 35%,transparent)}
.design-dark-cards #main .chapter-number{border:1px solid var(--page-line);width:38px;height:38px;border-radius:10px;display:grid;place-items:center;padding:0}
.design-dark-cards #main .t-cta{margin:30px 5%;border:1px solid var(--page-line);border-radius:24px;background:radial-gradient(ellipse at 100% 100%,#c494f52b,transparent 70%),var(--page-soft)}
.design-friendly #main{--identity-radius:24px;--identity-space:22px}
.design-friendly #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){background:var(--page-soft);border:0;padding:32px}
.design-friendly #main .chapter-number{border-radius:50%;width:42px;height:42px;padding:13px 0;background:var(--t-accent);color:var(--page-action-text);text-align:center}
.design-friendly #main .section-heading h2{font-weight:700}
.design-friendly #main .t-cta{background:var(--page-soft);border-radius:55px;margin:30px 5%}
.design-science #main{--identity-radius:4px 45px 4px 4px;--identity-space:25px}
.design-science #main .chapter-number{border:1px solid var(--page-accent);border-radius:50%;width:36px;height:36px;text-align:center;padding-top:10px}
.design-science #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){border:1px solid var(--page-line);background:var(--page-soft)}
.design-science #main .t-cta{background:radial-gradient(circle at 90% 40%,#f25f6022,transparent 45%),var(--t-bg);border-top:1px solid var(--t-accent)}
.design-masonry #main{--identity-radius:22px;--identity-space:24px}
.design-masonry #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){border:0;background:var(--page-soft);padding:32px}
.design-masonry #main .chapter-number{font-size:22px;width:40px}
.design-masonry #main .t-cta{border-radius:35px;margin:30px 5%;background:var(--page-soft)}
.design-typographic #main{--identity-space:40px}
.design-typographic #main :where(.section-heading h2,.company-intro h2,.t-cta h2){font-size:clamp(34px,4.7vw,68px);font-weight:650;letter-spacing:-.065em}
.design-typographic #main .chapter-number{font:italic 46px/1 Georgia,serif;width:55px}
.design-typographic #main :where(.role-cards>article,.scope-cards>article,.deliverable-grid>article){border:0;border-top:1px solid var(--page-ink);padding:28px 0;background:transparent}
.design-typographic #main .t-cta{background:var(--page-soft);border-top:1px solid var(--page-ink)}

@media(min-width:1001px){
 /* Services: numbered index, staggered stories, data rows, tiles, full image panels and editorial lists. */
 #main[data-service-layout="index"] .business-items{display:block}
 #main[data-service-layout="index"] .business-item{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:6%;border-top:1px solid var(--page-line);padding:35px 0;margin:0;align-items:center}
 #main[data-service-layout="index"] .business-image{height:260px;order:2}
 #main[data-service-layout="index"] .business-text{display:grid;grid-template-columns:65px minmax(0,1fr);padding:0;gap:0 22px}
 #main[data-service-layout="index"] .item-number{grid-row:1/5;font-size:46px;line-height:1;color:var(--page-accent)}
 #main[data-service-layout="index"] .business-text :where(h3,p,.service-output-tags,.text-link){grid-column:2}
 #main[data-service-layout="alternating"] .business-items{display:grid;grid-template-columns:1fr;gap:65px}
 #main[data-service-layout="alternating"] .business-item{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding:0;margin:0}
 #main[data-service-layout="alternating"] .business-item:nth-child(even) .business-image{order:2}
 #main[data-service-layout="alternating"] .business-image{height:360px}
 #main[data-service-layout="spec-list"] .business-items{display:block;border-top:1px solid var(--page-line)}
 #main[data-service-layout="spec-list"] .business-item{display:grid;grid-template-columns:220px minmax(0,1fr);gap:35px;border-bottom:1px solid var(--page-line);align-items:center;padding:28px 0;margin:0}
 #main[data-service-layout="spec-list"] .business-image{height:170px;order:0;clip-path:none}
 #main[data-service-layout="spec-list"] .business-text{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
 #main[data-service-layout="spec-list"] .business-text h3{font-size:26px}
 #main[data-service-layout="spec-list"] .business-text>p{grid-column:2;grid-row:1/4;margin:0;align-self:center}
 #main[data-service-layout="spec-list"] .service-output-tags{grid-column:1/-1;margin-top:12px}
 #main[data-service-layout="tiles"] .business-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--identity-space)}
 #main[data-service-layout="tiles"] .business-item{display:block;margin:0;padding:0 0 25px;background:var(--page-soft);border:1px solid var(--page-line);border-radius:var(--identity-radius);overflow:hidden}
 #main[data-service-layout="tiles"] .business-image{height:230px;max-width:none;order:0}
 #main[data-service-layout="tiles"] .business-text{padding:25px}
 #main[data-service-layout="panels"] .business-items{display:grid;grid-template-columns:1fr;gap:28px}
 #main[data-service-layout="panels"] .business-item{display:grid;grid-template-columns:1.4fr 1fr;background:var(--page-soft);align-items:center;margin:0;padding:0;gap:0}
 #main[data-service-layout="panels"] .business-image{height:420px;order:0}
 #main[data-service-layout="panels"] .business-text{padding:40px;align-self:center}
 #main[data-service-layout="panels"] .business-text h3{font-size:34px}
 #main[data-service-layout="editorial"] .business-items{display:block}
 #main[data-service-layout="editorial"] .business-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12%;align-items:center;border-top:1px solid var(--page-line);padding:60px 0;margin:0}
 #main[data-service-layout="editorial"] .business-image{height:440px;max-width:none}
 #main[data-service-layout="editorial"] .business-text{padding:0}
 #main[data-service-layout="editorial"] .business-text h3{font-size:38px;font-weight:400}
 #main[data-service-layout="offset"] .business-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;align-items:start}
 #main[data-service-layout="offset"] .business-item{display:block;margin:0;padding:0}
 #main[data-service-layout="offset"] .business-item:nth-child(2){padding-top:100px}
 #main[data-service-layout="offset"] .business-item:nth-child(3){padding-top:40px}
 #main[data-service-layout="offset"] .business-image{height:330px;max-width:none;order:0}
 #main[data-service-layout="offset"] .business-text{padding:24px 0}
 /* Product collections and detail pages share a visual language, not a single A/B/C grid. */
 #main[data-product-layout="index"] .product-cards{display:grid;grid-template-columns:1fr;gap:0}
 #main[data-product-layout="index"] .product-card{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:45px;padding:30px 0;border-top:1px solid var(--page-line);align-items:center}
 #main[data-product-layout="index"] .product-photo{height:245px;margin:0;grid-column:auto;grid-row:auto}
 #main[data-product-layout="index"] .product-card-copy{padding:0}
 #main[data-product-layout="index"] .product-card h2{font-size:33px}
 #main[data-product-layout="index"] .product-detail{grid-template-columns:1fr 1.2fr;gap:6%}
 #main[data-product-layout="index"] .product-gallery{order:2}
 #main[data-product-layout="index"] .product-detail-summary{order:1}
 #main[data-product-layout="catalog"] .product-catalog{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px 35px;align-items:start}
 #main[data-product-layout="catalog"] .product-tools{display:block;grid-row:1/5;position:sticky;top:30px;border:1px solid var(--page-line);padding:22px;background:var(--page-soft)}
 #main[data-product-layout="catalog"] .product-filters{display:flex;flex-direction:column;align-items:stretch;gap:8px}
 #main[data-product-layout="catalog"] .product-search{display:block;margin-top:25px;width:100%}
 #main[data-product-layout="catalog"] .product-search input{width:100%;min-width:0}
 #main[data-product-layout="catalog"] :where(.product-result,.product-cards,.product-empty,.product-comparison){grid-column:2}
 #main[data-product-layout="catalog"] .product-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
 #main[data-product-layout="catalog"] .product-card{display:block;padding:0;border:1px solid var(--page-line);border-radius:var(--identity-radius);overflow:hidden;background:var(--page-surface)}
 #main[data-product-layout="catalog"] .product-photo{height:230px}
 #main[data-product-layout="catalog"] .product-card-copy{padding:25px}
 #main[data-product-layout="catalog"] .product-card h2{font-size:25px}
 #main[data-product-layout="cards"] .product-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--identity-space)}
 #main[data-product-layout="cards"] .product-card{display:block;padding:0 0 10px;border:1px solid var(--page-line);background:var(--page-soft);border-radius:var(--identity-radius);overflow:hidden}
 #main[data-product-layout="cards"] .product-photo{height:250px;margin:0;border-radius:0}
 #main[data-product-layout="cards"] .product-card-copy{padding:25px}
 #main[data-product-layout="cards"] .product-card h2{font-size:25px}
 #main[data-product-layout="cards"] .product-detail{padding:50px 5%;margin:35px 4%;border-radius:var(--identity-radius);border:1px solid var(--page-line);background:var(--page-soft)}
 #main[data-product-layout="technical"] .product-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--page-line);border:1px solid var(--page-line)}
 #main[data-product-layout="technical"] .product-card{display:flex;flex-direction:column;padding:28px;background:var(--t-bg);border:0;gap:0;align-items:stretch}
 #main[data-product-layout="technical"] .product-photo{height:220px;order:2;margin-top:25px;padding:12px;border:1px solid var(--page-line)}
 #main[data-product-layout="technical"] .product-card-copy{padding:0;order:1}
 #main[data-product-layout="technical"] .product-card h2{font-size:28px}
 #main[data-product-layout="technical"] .product-specs{display:grid;grid-template-columns:.7fr 1.6fr;gap:50px}
 #main[data-product-layout="technical"] .product-specs table{border:1px solid var(--page-line)}
 #main[data-product-layout="technical"] .product-detail{border-block:1px solid var(--page-accent)}
 #main[data-product-layout="story"] .product-cards{display:block}
 #main[data-product-layout="story"] .product-card{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;padding:45px 0;border-top:1px solid var(--page-line)}
 #main[data-product-layout="story"] .product-photo{height:400px;margin:0}
 #main[data-product-layout="story"] .product-card:nth-child(even) .product-photo{order:2}
 #main[data-product-layout="story"] .product-card-copy{padding:0}
 #main[data-product-layout="story"] .product-card h2{font-size:36px;font-weight:450}
 #main[data-product-layout="story"] .product-detail{grid-template-columns:1.2fr 1fr;gap:8%}
 #main[data-product-layout="gallery"] .product-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 40px}
 #main[data-product-layout="gallery"] .product-card{display:block;margin:0;padding:0;border:0}
 #main[data-product-layout="gallery"] .product-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center}
 #main[data-product-layout="gallery"] .product-photo{height:430px;margin:0}
 #main[data-product-layout="gallery"] .product-card-copy{padding:28px 0 0}
 #main[data-product-layout="gallery"] .product-card h2{font-size:32px;font-weight:400}
 #main[data-product-layout="gallery"] .product-detail{display:flex;flex-direction:column;gap:55px}
 #main[data-product-layout="gallery"] .product-gallery{width:100%;order:0}
 #main[data-product-layout="gallery"] .product-main-photo{height:580px}
 #main[data-product-layout="gallery"] .product-detail-summary{max-width:900px;align-self:start;order:1;margin:0}
 #main[data-product-layout="spotlight"] .product-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
 #main[data-product-layout="spotlight"] .product-card{display:block;padding:0;border:0}
 #main[data-product-layout="spotlight"] .product-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr;gap:5%;align-items:center;padding-bottom:35px;border-bottom:1px solid var(--page-line)}
 #main[data-product-layout="spotlight"] .product-photo{height:330px;margin:0}
 #main[data-product-layout="spotlight"] .product-card:first-child .product-photo{height:460px}
 #main[data-product-layout="spotlight"] .product-card-copy{padding:26px 0}
 #main[data-product-layout="spotlight"] .product-card h2{font-size:32px}
 #main[data-product-layout="spotlight"] .product-detail{grid-template-columns:1.3fr 1fr;gap:6%}
 #main[data-product-layout="spotlight"] .product-main-photo{height:550px}
 #main[data-product-layout="mosaic"] .product-cards{display:grid;grid-template-columns:1.1fr .9fr;gap:65px 45px;align-items:start}
 #main[data-product-layout="mosaic"] .product-card{display:block;padding:0;border:0}
 #main[data-product-layout="mosaic"] .product-card:nth-child(2){padding-top:125px}
 #main[data-product-layout="mosaic"] .product-card:nth-child(3){max-width:85%}
 #main[data-product-layout="mosaic"] .product-photo{height:430px;margin:0}
 #main[data-product-layout="mosaic"] .product-card-copy{padding:25px 0 0}
 #main[data-product-layout="mosaic"] .product-card h2{font-size:34px}
 #main[data-product-layout="mosaic"] .product-detail{grid-template-columns:1.1fr 1fr;gap:8%}
 #main[data-product-layout="mosaic"] .product-main-photo{height:570px}
 /* Project collections. */
 #main[data-project-layout="case-list"] .project-collection-grid{display:grid;grid-template-columns:1fr;gap:0}
 #main[data-project-layout="case-list"] .project-collection-grid>article{display:grid;grid-template-columns:.8fr 1.3fr;gap:5%;align-items:center;border-top:1px solid var(--page-line);padding:35px 0;grid-column:auto}
 #main[data-project-layout="case-list"] .collection-photo{height:270px}
 #main[data-project-layout="case-list"] .collection-copy{padding:0}
 #main[data-project-layout="journal"] .project-collection-grid{display:block}
 #main[data-project-layout="journal"] .project-collection-grid>article{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding:40px 0;border-top:1px solid var(--page-line)}
 #main[data-project-layout="journal"] .project-collection-grid>article:nth-child(even) .collection-photo{order:2}
 #main[data-project-layout="journal"] .collection-copy{padding:0}
 #main[data-project-layout="journal"] .collection-photo{height:430px}
 #main[data-project-layout="gallery"] .project-collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px 45px}
 #main[data-project-layout="gallery"] .project-collection-grid>article{display:block;padding:0;border:0;grid-column:auto}
 #main[data-project-layout="gallery"] .project-collection-grid>article:nth-child(2){padding-top:170px}
 #main[data-project-layout="gallery"] .collection-photo{height:480px}
 #main[data-project-layout="exhibition"] .project-collection-grid{display:grid;grid-template-columns:1fr;gap:90px}
 #main[data-project-layout="exhibition"] .project-collection-grid>article{display:block;padding:0;border:0;grid-column:auto}
 #main[data-project-layout="exhibition"] .collection-photo{height:580px}
 #main[data-project-layout="exhibition"] .collection-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:12px 7%;padding:30px 0}
 #main[data-project-layout="exhibition"] .collection-copy h2{grid-column:1;font-size:44px;grid-row:2/4;margin:0}
 #main[data-project-layout="exhibition"] .collection-copy>p{grid-column:2;grid-row:1/4}
 #main[data-project-layout="exhibition"] .collection-copy>.text-link{grid-column:2}
 #main[data-project-layout="cinematic"] .project-collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 35px}
 #main[data-project-layout="cinematic"] .project-collection-grid>article{display:block;padding:0;border:0;grid-column:auto}
 #main[data-project-layout="cinematic"] .project-collection-grid>article:first-child{grid-column:1/-1}
 #main[data-project-layout="cinematic"] .collection-photo{height:340px}
 #main[data-project-layout="cinematic"] .project-collection-grid>article:first-child .collection-photo{height:570px}
 #main[data-project-layout="tiles"] .project-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--identity-space);align-items:stretch}
 #main[data-project-layout="tiles"] .project-collection-grid>article{display:block;padding:0;border:1px solid var(--page-line);border-radius:var(--identity-radius);background:var(--page-soft);overflow:hidden;grid-column:auto}
 #main[data-project-layout="tiles"] .collection-copy{padding:25px}
 #main[data-project-layout="tiles"] .collection-copy h2{font-size:25px}
 #main[data-project-layout="tiles"] .collection-photo{height:250px}
 #main[data-project-layout="mosaic"] .project-collection-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px 45px;align-items:start}
 #main[data-project-layout="mosaic"] .project-collection-grid>article{display:block;padding:0;border:0;grid-column:auto}
 #main[data-project-layout="mosaic"] .project-collection-grid>article:nth-child(2){padding-top:140px}
 #main[data-project-layout="mosaic"] .collection-photo{height:450px}
 #main[data-project-layout="mosaic"] .project-collection-grid>article:nth-child(3){max-width:85%}
 /* Working process, leadership and history are composed in each site's language. */
 #main[data-process-layout="rail"] .work-stages ol{gap:0;border-top:1px solid var(--page-accent)}
 #main[data-process-layout="rail"] .work-stages li{border:0;border-right:1px solid var(--page-line);padding:35px 26px}
 #main[data-process-layout="rail"] .work-stages li>span{font-size:38px;margin-top:0}
 #main[data-process-layout="steps"] .work-stages ol{grid-template-columns:1fr 1fr;gap:35px}
 #main[data-process-layout="steps"] .work-stages li{border-top:1px solid var(--page-line);display:grid;grid-template-columns:45px 1fr;gap:10px 20px}
 #main[data-process-layout="steps"] .work-stages li>span{grid-row:1/4;font-size:25px}
 #main[data-process-layout="steps"] .work-stages :where(h3,p,small){grid-column:2}
 #main[data-process-layout="terminal"] .work-stages ol{display:block;border:1px solid var(--page-line);background:var(--page-soft)}
 #main[data-process-layout="terminal"] .work-stages li{display:grid;grid-template-columns:60px .7fr 1.5fr 1fr;gap:25px;padding:25px;border:0;border-bottom:1px solid var(--page-line);align-items:center}
 #main[data-process-layout="terminal"] .work-stages :where(li>span,h3,p,small){margin:0;padding:0;border:0}
 #main[data-process-layout="terminal"] .work-stages li>span{font:16px ui-monospace,monospace}
 #main[data-process-layout="essay"] .work-stages ol{display:grid;grid-template-columns:1fr 1fr;gap:50px 8%}
 #main[data-process-layout="essay"] .work-stages li{border-top:1px solid var(--page-line);padding-top:25px}
 #main[data-process-layout="essay"] .work-stages li>span{font:italic 50px Georgia,serif;float:left;margin:0 30px 45px 0}
 #main[data-process-layout="cards"] .work-stages ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0}
 #main[data-process-layout="cards"] .work-stages li{padding:26px;border:1px solid var(--page-line);border-radius:var(--identity-radius);background:var(--page-soft)}
 #main[data-process-layout="cards"] .work-stages li>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;margin-top:0;background:var(--page-surface)}
 #main[data-process-layout="poster"] .work-stages ol{gap:0}
 #main[data-process-layout="poster"] .work-stages li{border-top:3px solid var(--page-accent);border-right:1px solid var(--page-line);padding:25px}
 #main[data-process-layout="poster"] .work-stages li>span{font-size:65px;font-weight:750;margin:0 0 35px}
 #main[data-history-layout="alternating"] .history-page{display:block}
 #main[data-history-layout="alternating"] .history-opening{max-width:580px;margin-bottom:60px}
 #main[data-history-layout="alternating"] .milestones{display:block;position:relative}
 #main[data-history-layout="alternating"] .milestones:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--page-line)}
 #main[data-history-layout="alternating"] .milestones li{display:grid;grid-template-columns:100px minmax(0,1fr);gap:25px;margin-left:50%;padding:30px 0 45px 40px;border:0;position:relative}
 #main[data-history-layout="alternating"] .milestones li:nth-child(even){margin-left:0;margin-right:50%;padding:30px 40px 45px 0}
 #main[data-history-layout="alternating"] .milestone-dot{display:none}
 #main[data-history-layout="alternating"] .milestones strong{font-size:36px;line-height:1}
 #main[data-history-layout="ledger"] .history-page{grid-template-columns:.65fr 1.6fr;gap:8%}
 #main[data-history-layout="ledger"] .milestones li{display:grid;grid-template-columns:95px 1fr;border-bottom:1px solid var(--page-line);padding:32px 0;gap:25px}
 #main[data-history-layout="ledger"] .milestone-dot{display:none}
 #main[data-history-layout="ledger"] .milestones strong{font:500 32px ui-monospace,monospace}
 #main[data-history-layout="columns"] .history-page{display:block}
 #main[data-history-layout="columns"] .history-opening{max-width:700px;margin-bottom:50px}
 #main[data-history-layout="columns"] .milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
 #main[data-history-layout="columns"] .milestones li{display:block;padding:28px;border:1px solid var(--page-line);border-radius:var(--identity-radius);background:var(--page-soft)}
 #main[data-history-layout="columns"] .milestones strong{display:block;margin-bottom:25px;font-size:37px}
 #main[data-history-layout="columns"] .milestone-dot{display:none}
 #main[data-history-layout="chapters"] .history-page{display:block}
 #main[data-history-layout="chapters"] .history-opening{max-width:600px;margin-bottom:70px}
 #main[data-history-layout="chapters"] .milestones li{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;padding:45px 0;border-top:1px solid var(--page-line);align-items:start}
 #main[data-history-layout="chapters"] .milestones strong{font:400 clamp(60px,7vw,105px)/1 Georgia,serif}
 #main[data-history-layout="chapters"] .milestone-dot{display:none}
 /* Contact layouts remain actual forms with native labels, consent and keyboard access. */
 #main[data-contact-layout="dark-panel"] .inquiry-layout{grid-template-columns:.85fr 1.2fr;gap:6%}
 #main[data-contact-layout="dark-panel"] .inquiry-info{padding:35px;border-top:3px solid var(--page-accent);background:var(--page-soft);order:0}
 #main[data-contact-layout="dark-panel"] .inquiry-form{padding:10px 0;order:1}
 #main[data-contact-layout="letter"] .inquiry-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding-inline:8%}
 #main[data-contact-layout="letter"] .inquiry-info{display:block;padding:0;order:0}
 #main[data-contact-layout="letter"] .inquiry-info dl{margin-top:35px}
 #main[data-contact-layout="letter"] .inquiry-form{padding:0;order:1}
 #main[data-contact-layout="letter"] .inquiry-form :where(input,textarea,select){border:0;border-bottom:1px solid var(--page-line);border-radius:0;background:transparent;padding-inline:0}
 #main[data-contact-layout="letter"] .inquiry-form-heading{border-top:1px solid var(--page-ink);padding-top:28px}
 #main[data-contact-layout="console"] .inquiry-layout{display:grid;grid-template-columns:.7fr 1.5fr;gap:1px;background:var(--page-line);margin:40px 5%;padding:1px;border:1px solid var(--page-line)}
 #main[data-contact-layout="console"] .inquiry-info{display:block;order:0;padding:35px;background:var(--t-bg)}
 #main[data-contact-layout="console"] .inquiry-form{order:1;padding:35px;background:var(--page-surface)}
 #main[data-contact-layout="console"] .inquiry-form-heading .t-kicker{font-family:ui-monospace,monospace}
 #main[data-contact-layout="brief"] .inquiry-layout{display:block}
 #main[data-contact-layout="brief"] .inquiry-info{display:grid;grid-template-columns:1fr 1fr;gap:15px 8%;border-bottom:3px solid var(--page-accent);padding-bottom:35px;margin-bottom:45px}
 #main[data-contact-layout="brief"] .inquiry-info .t-kicker{grid-column:1/-1}
 #main[data-contact-layout="brief"] .inquiry-info dl{grid-column:2;grid-row:2/5;margin:0}
 #main[data-contact-layout="brief"] .inquiry-steps{display:none}
 #main[data-contact-layout="brief"] .inquiry-form{grid-template-columns:1fr 1fr 1fr;gap:30px}
 #main[data-contact-layout="desk"] .inquiry-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:35px;background:var(--page-soft)}
 #main[data-contact-layout="desk"] .inquiry-info{order:2;padding:30px;border-radius:var(--identity-radius);background:var(--page-surface);border:1px solid var(--page-line)}
 #main[data-contact-layout="desk"] .inquiry-form{order:1;padding:35px;border-radius:var(--identity-radius);background:var(--page-surface);border:1px solid var(--page-line)}
 #main[data-contact-layout="studio"] .inquiry-layout{display:block}
 #main[data-contact-layout="studio"] .inquiry-info{display:grid;grid-template-columns:1fr 1fr;gap:20px 8%;border-bottom:2px solid var(--page-accent);padding-bottom:40px;margin-bottom:50px}
 #main[data-contact-layout="studio"] .inquiry-info>h2{font-size:55px;grid-column:1}
 #main[data-contact-layout="studio"] .inquiry-info dl{grid-column:2;grid-row:2/5;margin:0}
 #main[data-contact-layout="studio"] .inquiry-info>.t-kicker{grid-column:1/-1}
 #main[data-contact-layout="studio"] .inquiry-steps{display:none}
 #main[data-contact-layout="studio"] .inquiry-form{max-width:100%;grid-template-columns:1fr 1fr;gap:35px}
 #main[data-contact-layout="studio"] .inquiry-form :where(input,textarea,select){border:0;border-bottom:2px solid var(--page-line);border-radius:0;padding-inline:0;background:transparent}
 /* Page-specific compositions beyond the collection screens. */
 #main[data-contact-layout="letter"] .leader-layout{grid-template-columns:.7fr 1.4fr;gap:12%}
 #main[data-contact-layout="letter"] .leader-letter{max-width:760px}
 #main[data-contact-layout="console"] .leader-identity{border:1px solid var(--page-accent);padding:35px;background:var(--page-soft)}
 #main[data-contact-layout="desk"] .leader-identity{border-radius:var(--identity-radius);background:var(--page-soft);padding:40px}
 #main[data-contact-layout="studio"] .leader-monogram{font-size:180px;background:transparent;border:0}
 #main[data-contact-layout="dark-panel"] .profile-facts{border-left:3px solid var(--page-accent);padding-left:28px}
 #main[data-contact-layout="console"] .profile-facts{border:1px solid var(--page-line);padding:25px;background:var(--page-soft)}
 #main[data-contact-layout="letter"] .profile-facts{border-top:1px solid var(--page-line);padding-top:25px}
 #main[data-contact-layout="desk"] .profile-facts{border-radius:var(--identity-radius);padding:30px;background:var(--page-soft)}
 #main[data-project-layout="exhibition"][data-page-kind="projectDetail"] .project-cover{height:650px;max-height:none;margin:0 4%;width:92%}
 #main[data-project-layout="exhibition"][data-page-kind="projectDetail"] .case-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4%}
 #main[data-project-layout="exhibition"] .case-story article{display:block;border-top:1px solid var(--page-line);padding:35px 0}
 #main[data-project-layout="exhibition"] .case-story h2{font-size:30px;margin:24px 0}
 #main[data-project-layout="exhibition"] .project-diptych{grid-template-columns:1fr 1fr;gap:30px}
 #main[data-project-layout="exhibition"] .project-diptych figure:nth-child(2){padding-top:0}
 #main[data-project-layout="case-list"] .project-overview{grid-template-columns:.8fr 1.4fr;gap:8%}
 #main[data-project-layout="tiles"] .project-overview{background:var(--page-soft);margin:30px 5%;padding:45px;border-radius:var(--identity-radius)}
 #main[data-service-layout="editorial"] .service-overview{grid-template-columns:1.1fr .8fr;gap:12%}
 #main[data-service-layout="editorial"] .service-hero-photo{margin:0 7%;height:560px}
 #main[data-service-layout="tiles"] .service-hero-photo{margin:25px 5%;border-radius:var(--identity-radius);height:450px}
 #main[data-service-layout="spec-list"] .detail-specs{display:grid;grid-template-columns:.7fr 1.4fr;gap:8%}
}

/* Readable tablet layouts, then deliberately compact mobile compositions. */
@media(max-width:1000px){
 #main{--identity-space:22px}
 #main :where(.business-item,.product-card,.project-collection-grid>article){min-width:0}
 #main .inquiry-layout{gap:32px}
 #main :where(.scope-cards>article,.role-cards>article){padding:25px}
 #main .work-stages ol{padding-top:0}
 #main .inquiry-info dl{grid-template-columns:1fr 1fr}
 .design-blueprint #main :where(.chapter-heading,.section-heading){padding:18px}
 .design-campaign #main :where(.section-heading h2,.company-intro h2){font-size:clamp(31px,5.5vw,48px)}
}
@media(max-width:760px){
 #main{--identity-space:18px}
 #main :where(.section-heading h2,.company-intro h2,.t-cta h2){font-size:clamp(28px,7.8vw,36px)}
 #main :where(.chapter-heading){gap:16px}
 #main .chapter-number{max-width:44px;flex-shrink:0}
 #main .inquiry-layout{display:flex;flex-direction:column;padding:40px 24px;gap:32px;margin:0}
 #main .inquiry-info{display:block;order:0;padding:0;margin:0;width:100%;border-radius:0}
 #main .inquiry-info dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
 #main .inquiry-info dl>div:last-child{grid-column:1/-1}
 #main .inquiry-info>h2{font-size:28px;margin:18px 0}
 #main .inquiry-form{order:1;padding:0;width:100%;gap:24px 16px}
 #main .inquiry-form :where(input,textarea,select){font-size:16px}
 #main .inquiry-form-heading h2{font-size:26px}
 #main .inquiry-form-heading{border-top:1px solid var(--page-line);padding-top:25px}
 #main[data-contact-layout="console"] .inquiry-form{border:1px solid var(--page-line);padding:22px;background:var(--page-soft)}
 #main[data-contact-layout="console"] .inquiry-form>label:not(.full){grid-column:1/-1}
 #main[data-contact-layout="desk"] .inquiry-form{border:1px solid var(--page-line);padding:22px;border-radius:var(--identity-radius);background:var(--page-soft)}
 #main[data-contact-layout="letter"] .inquiry-form :where(input,textarea,select),#main[data-contact-layout="studio"] .inquiry-form :where(input,textarea,select){border:0;border-bottom:1px solid var(--page-line);border-radius:0;background:transparent;padding-inline:0}
 #main[data-contact-layout="dark-panel"] .inquiry-info{padding:24px;background:var(--page-soft);border-top:2px solid var(--page-accent)}
 #main[data-contact-layout="studio"] .inquiry-info>h2{font-size:36px;font-weight:700}
 #main[data-contact-layout="studio"] .inquiry-form-heading{border-top:3px solid var(--page-accent)}
 #main[data-contact-layout="brief"] .inquiry-info{border-bottom:3px solid var(--page-accent);padding-bottom:25px}
 #main[data-history-layout="ledger"] .milestones li{grid-template-columns:68px 1fr;gap:20px;border-bottom:1px solid var(--page-line)}
 #main[data-history-layout="ledger"] .milestone-dot{display:none}
 #main[data-history-layout="ledger"] .milestones strong{font-family:ui-monospace,monospace;font-size:23px}
 #main[data-history-layout="chapters"] .milestones li{display:block;padding:30px 0;border-top:1px solid var(--page-line)}
 #main[data-history-layout="chapters"] .milestone-dot{display:none}
 #main[data-history-layout="chapters"] .milestones strong{font:400 56px/1 Georgia,serif;display:block;margin-bottom:24px}
 #main[data-history-layout="columns"] .milestones{display:grid;grid-template-columns:1fr;gap:18px}
 #main[data-history-layout="columns"] .milestones li{display:block;padding:25px;border:1px solid var(--page-line);border-radius:var(--identity-radius);background:var(--page-soft)}
 #main[data-history-layout="columns"] .milestone-dot{display:none}
 #main[data-history-layout="columns"] .milestones strong{display:block;font-size:35px;margin-bottom:20px}
 #main[data-service-layout="spec-list"] .business-item{display:grid;grid-template-columns:95px minmax(0,1fr);gap:20px;padding:25px 0;margin:0;border-top:1px solid var(--page-line)}
 #main[data-service-layout="spec-list"] .business-image{height:120px;width:100%;order:0;align-self:start}
 #main[data-service-layout="spec-list"] .business-text{padding:0}
 #main[data-service-layout="spec-list"] .business-text h3{font-size:22px}
 #main[data-service-layout="tiles"] .business-item{background:var(--page-soft);border-radius:var(--identity-radius);overflow:hidden;padding:0 0 20px;border:1px solid var(--page-line)}
 #main[data-service-layout="tiles"] .business-text{padding:24px}
 #main[data-service-layout="panels"] .business-image{height:300px}
 #main[data-service-layout="index"] .business-text{padding-top:23px;border-top:2px solid var(--page-accent)}
 #main[data-product-layout="cards"] .product-card{border:1px solid var(--page-line);border-radius:var(--identity-radius);overflow:hidden;background:var(--page-soft);padding:0}
 #main[data-product-layout="cards"] .product-card-copy{padding:25px}
 #main[data-product-layout="technical"] .product-card{padding:24px;background:var(--page-soft);border:1px solid var(--page-line)}
 #main[data-product-layout="technical"] .product-photo{height:230px;border:1px solid var(--page-line);padding:9px;margin-bottom:25px}
 #main[data-product-layout="index"] .product-card{padding:28px 0;border-top:2px solid var(--page-accent)}
 #main[data-product-layout="gallery"] .product-photo{height:350px}
 #main[data-product-layout="mosaic"] .product-photo{height:330px}
 #main[data-product-layout="mosaic"] .product-card:nth-child(2){padding-inline:18px}
 #main[data-project-layout="tiles"] .project-collection-grid>article{background:var(--page-soft);border:1px solid var(--page-line);border-radius:var(--identity-radius);overflow:hidden}
 #main[data-project-layout="tiles"] .collection-copy{padding:24px}
 #main[data-project-layout="case-list"] .project-collection-grid>article{border-top:1px solid var(--page-line);padding-top:24px}
 #main[data-project-layout="exhibition"] .collection-photo{height:370px}
 #main[data-project-layout="exhibition"] .collection-copy h2{font-size:32px}
 #main[data-process-layout="terminal"] .work-stages ol{border:1px solid var(--page-line);gap:0;background:var(--page-soft)}
 #main[data-process-layout="terminal"] .work-stages li{padding:25px;border:0;border-bottom:1px solid var(--page-line)}
 #main[data-process-layout="cards"] .work-stages li{padding:25px;background:var(--page-soft);border:1px solid var(--page-line);border-radius:var(--identity-radius)}
 #main[data-process-layout="poster"] .work-stages li>span{font-size:45px;font-weight:750}
 #main[data-process-layout="essay"] .work-stages li>span{font:italic 36px Georgia,serif}
 .design-cinema #main .chapter-heading{padding-left:15px}
 .design-industrial #main .chapter-number,.design-campaign #main .chapter-number{font-size:30px;width:42px}
 .design-material #main{--identity-radius:45px 4px 4px 4px}
 .design-material #main .t-cta{border-radius:45px 0 0 0}
 .design-friendly #main .t-cta,.design-service-cards #main .t-cta,.design-masonry #main .t-cta{border-radius:25px}
 .design-campaign #main :where(.section-heading h2,.company-intro h2,.t-cta h2){font-size:35px}
 .design-immersive #main .t-cta{min-height:300px}
 .design-panorama #main .brand-story-visual{height:340px}
 .design-diagonal #main .t-cta{background:var(--page-soft);border-right:8px solid var(--t-accent)}
 .design-architecture #main .chapter-number{writing-mode:horizontal-tb}
}
@media(prefers-reduced-motion:no-preference){
 #main :where(.product-card,.business-item,.project-collection-grid>article) img{transition:transform .45s ease}
 #main :where(.product-card,.business-item,.project-collection-grid>article) a:hover img{transform:scale(1.025)}
}

@media(min-width:1001px){
 #main[data-product-layout="index"] .home-product-selection>div:last-child{grid-template-columns:1fr;gap:0}
 #main[data-product-layout="index"] .home-product-selection article{display:grid;grid-template-columns:.7fr 1.4fr;gap:12px 45px;padding:30px 0;border-top:1px solid var(--page-line)}
 #main[data-product-layout="index"] .home-product-photo{grid-row:1/5;height:250px;margin:0}
 #main[data-product-layout="index"] .home-product-selection article>:not(.home-product-photo){grid-column:2;margin:0}
 #main[data-product-layout="catalog"] .home-product-selection>div:last-child,#main[data-product-layout="cards"] .home-product-selection>div:last-child{gap:var(--identity-space)}
 #main[data-product-layout="catalog"] .home-product-selection article,#main[data-product-layout="cards"] .home-product-selection article{border:1px solid var(--page-line);border-radius:var(--identity-radius);overflow:hidden;padding-bottom:25px;background:var(--page-soft)}
 #main[data-product-layout="catalog"] .home-product-selection article>:not(.home-product-photo),#main[data-product-layout="cards"] .home-product-selection article>:not(.home-product-photo){margin-inline:25px}
 #main[data-product-layout="gallery"] .home-product-selection>div:last-child,#main[data-product-layout="mosaic"] .home-product-selection>div:last-child{grid-template-columns:1fr 1fr;gap:60px 40px}
 #main[data-product-layout="gallery"] .home-product-photo,#main[data-product-layout="mosaic"] .home-product-photo{height:420px}
 #main[data-product-layout="mosaic"] .home-product-selection article:nth-child(2){padding-top:100px}
 #main[data-product-layout="spotlight"] .home-product-selection>div:last-child{grid-template-columns:1fr 1fr}
 #main[data-product-layout="spotlight"] .home-product-selection article:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:15px 50px;margin-bottom:30px}
 #main[data-product-layout="spotlight"] .home-product-selection article:first-child .home-product-photo{grid-row:1/5;height:440px;margin:0}
 #main[data-product-layout="spotlight"] .home-product-selection article:first-child>:not(.home-product-photo){grid-column:2;margin:0;align-self:start}
 #main[data-product-layout="story"] .home-product-selection>div:last-child{grid-template-columns:1fr}
 #main[data-product-layout="story"] .home-product-selection article{display:grid;grid-template-columns:1.2fr 1fr;gap:15px 8%;padding:35px 0;border-top:1px solid var(--page-line)}
 #main[data-product-layout="story"] .home-product-photo{grid-row:1/5;height:380px;margin:0}
 #main[data-product-layout="story"] .home-product-selection article>:not(.home-product-photo){grid-column:2;margin:0}
 #main[data-project-layout="exhibition"] .project-items{grid-template-columns:1fr;gap:70px}
 #main[data-project-layout="exhibition"] .project-item{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center;padding:0}
 #main[data-project-layout="exhibition"] .project-image{height:490px;margin:0}
 #main[data-project-layout="gallery"] .project-items{grid-template-columns:1fr 1fr;gap:65px 45px}
 #main[data-project-layout="gallery"] .project-item:nth-child(3){display:block;grid-column:auto}
 #main[data-project-layout="gallery"] .project-item:nth-child(2){padding-top:120px}
 #main[data-project-layout="tiles"] .project-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 #main[data-project-layout="tiles"] .project-item{background:var(--page-soft);border-radius:var(--identity-radius);overflow:hidden;border:1px solid var(--page-line)}
 #main[data-project-layout="tiles"] .project-item>div:last-child{padding:25px}
 #main[data-project-layout="tiles"] .project-image{height:240px;margin:0}
 #main[data-project-layout="mosaic"] .project-items{grid-template-columns:1fr 1fr;gap:50px}
 #main[data-project-layout="mosaic"] .project-item:nth-child(2){padding-top:120px}
 #main[data-project-layout="mosaic"] .project-image{height:430px}
}

#main .visit-layout{background:var(--page-surface);color:var(--page-ink)}
#main .travel-guide p,#main .visit-contact dt{color:var(--page-muted)}
@media(min-width:1001px){
 #main[data-contact-layout="console"] .visit-layout{grid-template-columns:1.4fr 1fr;gap:35px;background-image:linear-gradient(var(--page-line) 1px,transparent 1px),linear-gradient(90deg,var(--page-line) 1px,transparent 1px);background-size:45px 45px}
 #main[data-contact-layout="console"] .visit-layout .sample-map{grid-column:1;order:0;border:10px solid var(--page-soft);height:480px}
 #main[data-contact-layout="console"] .visit-contact{grid-column:2;order:1;background:var(--page-surface);border:1px solid var(--page-line);padding:30px}
 #main[data-contact-layout="console"] .travel-guide{grid-column:1/-1;order:2}
 #main[data-contact-layout="desk"] .visit-layout{grid-template-columns:1.4fr 1fr;gap:35px;background:var(--page-soft)}
 #main[data-contact-layout="desk"] .visit-layout .sample-map{grid-column:1;order:0;height:510px;border:0}
 #main[data-contact-layout="desk"] .visit-contact{grid-column:2;order:1;border-radius:var(--identity-radius);background:var(--page-surface);padding:32px}
 #main[data-contact-layout="desk"] .travel-guide{grid-column:1/-1;order:2;gap:22px}
 #main[data-contact-layout="desk"] .travel-guide article{border:1px solid var(--page-line);border-radius:var(--identity-radius);padding:25px;background:var(--page-surface)}
 #main[data-contact-layout="letter"] .visit-layout{grid-template-columns:1fr 1fr;gap:50px 8%}
 #main[data-contact-layout="letter"] .visit-layout .sample-map{grid-column:1/-1;height:540px;order:0;border:0}
 #main[data-contact-layout="letter"] .visit-contact{grid-column:1;order:1;padding:0}
 #main[data-contact-layout="letter"] .travel-guide{grid-column:2;grid-template-columns:1fr;gap:12px;order:2}
 #main[data-contact-layout="letter"] .travel-guide article{padding:22px 0}
 #main[data-contact-layout="dark-panel"] .visit-layout{grid-template-columns:1.6fr 1fr;gap:40px}
 #main[data-contact-layout="dark-panel"] .visit-layout .sample-map{grid-column:1;order:0;border:0;height:520px}
 #main[data-contact-layout="dark-panel"] .visit-contact{grid-column:2;order:1;padding:30px;background:var(--page-soft);border-top:3px solid var(--t-accent)}
 #main[data-contact-layout="dark-panel"] .travel-guide{grid-column:1/-1;order:2}
 #main[data-contact-layout="studio"] .visit-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:6%}
 #main[data-contact-layout="studio"] .visit-layout .sample-map{grid-column:2;grid-row:1/3;order:1;height:620px;border:0}
 #main[data-contact-layout="studio"] .visit-contact{grid-column:1;order:0;padding:0}
 #main[data-contact-layout="studio"] .travel-guide{grid-column:1;order:2;grid-template-columns:1fr;gap:12px}
}

/* An explicitly chosen CMS font takes precedence over the template typography. */
body.template-site[data-design-font] #main :is(h1,h2,h3){font-family:var(--design-font)}