:root{--paper:#f4f1ea;--ink:#191817;--charcoal:#232120;--brass:#a8823f;--muted:#7a746c;--line:#ded7c9;--bone:#e9e3d6}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Arial,Helvetica,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,dl,dd,dt{margin:0}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.028em;line-height:1.02}
h1 em,h2 em{font-style:italic;color:var(--brass)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.skip{position:absolute;top:-80px;left:20px;z-index:60;background:#fff;padding:12px}
.skip:focus{top:10px}
.concept-bar{display:flex;justify-content:space-between;gap:20px;padding:10px 4%;background:var(--charcoal);color:#e6e0d3;font-size:9px;letter-spacing:.12em}
.concept-bar a:last-child{border-bottom:1px solid #8b8477}
header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 4%;border-bottom:1px solid var(--line)}
.brand{font-size:24px;letter-spacing:.2em;line-height:1.1;white-space:nowrap}
.brand small{display:block;font:400 8px/1 Arial,sans-serif;letter-spacing:.4em;margin-top:8px;color:var(--brass)}
nav{display:flex;align-items:center;gap:30px;font-size:11px}
nav sup{font-size:7px;margin-left:3px;color:var(--brass)}
.menu{display:none}
.hero{display:grid;grid-template-columns:1.06fr .94fr;grid-template-areas:"eyebrow plan" "title plan" "intro plan" "ctas plan" "facts facts";gap:0 44px;padding:50px 4% 0;align-items:start}
.hero .eyebrow{grid-area:eyebrow}
.hero h1{grid-area:title}
.hero-intro{grid-area:intro}
.hero-ctas{grid-area:ctas}
.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--muted);margin-bottom:18px}
.hero h1{font-size:clamp(44px,5.6vw,84px);margin-bottom:20px;max-width:16em}
.hero h1 em{display:block}
.hero-intro{font-size:16px;line-height:1.78;color:#4a453d;max-width:460px}
.hero-ctas{display:flex;align-items:center;gap:22px;margin-top:24px;flex-wrap:wrap}
.solid{display:inline-block;background:var(--charcoal);color:#efe8d9;padding:14px 22px;font-size:10px;letter-spacing:.16em}
.solid:hover{background:var(--brass);color:var(--ink)}
.under-link{display:inline-block;background:none;border:0;border-bottom:1px solid #b3a894;padding:0 0 5px;font-size:11px}
.under-link:hover{border-color:var(--ink)}
.plan{grid-area:plan;position:relative;height:360px;margin-top:6px;background:var(--bone);border:1px solid var(--line);overflow:hidden}
.plan-room{position:absolute;background:#fff;border:2px solid var(--charcoal)}
.plan-room.a{left:5%;top:16%;width:44%;height:56%}
.plan-room.b{left:52%;top:16%;width:20%;height:34%}
.plan-court{position:absolute;left:52%;top:54%;width:20%;height:30%;background:repeating-linear-gradient(45deg,#d9d2c2 0 6px,#efe9dc 6px 12px);border:2px solid #9aa08e}
.plan-room.c{position:absolute;left:76%;top:16%;width:19%;height:56%;background:#fff;border:2px solid var(--charcoal);display:block}
.plan-label{position:absolute;left:5%;bottom:6%;font-size:8px;letter-spacing:.2em;color:#8b8477}
.hero-facts{grid-area:facts;display:flex;gap:26px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:22px;padding-top:14px;font-size:8px;letter-spacing:.18em;color:var(--muted)}
.section{padding:78px 4%}
.building{border-top:1px solid var(--line);display:grid;grid-template-columns:.3fr 1.3fr;gap:42px}
.building h2{grid-column:2;font-size:clamp(30px,3.8vw,54px);margin-bottom:22px}
.building-body{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:22px 38px}
.building-body p{font-size:15px;line-height:1.85;color:#4a453d}
.building-body .under-link{grid-column:1/-1;justify-self:start;margin-top:4px}
.spaces{border-top:1px solid var(--line)}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}
.section-top h2{font-size:clamp(30px,3.6vw,50px)}
.section-top>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:320px}
.space-filters{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.space-filters button{background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;font-size:11px;color:#8a8477}
.space-filters button[aria-pressed=true]{border-color:var(--brass);color:var(--ink)}
.space-filters sup{font-size:7px;color:var(--brass)}
.work-count{font-size:9px;letter-spacing:.14em;color:#9a9385;margin-bottom:20px}
.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.space-card[hidden]{display:none}
.space-art{position:relative;height:180px;overflow:hidden;background:#ddd6c8}
.art-floor{background:linear-gradient(170deg,#cfc7b7,#a9a192)}
.art-floor:after{content:'';position:absolute;inset:22% 14% 34% 14%;border-top:3px solid #6d6656;border-bottom:3px solid #6d6656}
.art-studio{background:linear-gradient(170deg,#d6cfc0,#b3aa98)}
.art-studio:after{content:'';position:absolute;left:22%;top:24%;width:28%;height:42%;background:#f3ede0;border:2px solid #7a7365}
.art-court{background:linear-gradient(170deg,#cfd3c2,#a8ad97)}
.art-court:after{content:'';position:absolute;left:16%;right:16%;bottom:20%;height:38%;background:repeating-linear-gradient(90deg,#8f957d 0 8px,#c3c7b2 8px 16px)}
.space-cap{display:inline-block;margin:14px 0 8px;font-size:8px;letter-spacing:.16em;color:var(--brass)}
.space-card h3{font:400 24px/1.2 Georgia,serif;margin-bottom:10px}
.space-card>p{font-size:12px;line-height:1.8;color:#575148;margin-bottom:14px}
.space-card dl{border-top:1px solid var(--line);padding-top:10px;margin-bottom:12px}
.space-card dl div{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:2;color:#7d7669}
.space-card dd{color:var(--ink);text-align:right}
.fine{font-size:9px;line-height:1.8;color:#9a9385;margin-top:20px;max-width:680px}
.running{background:var(--charcoal);color:#efe9dc}
.running .eyebrow{color:#a29a8b}
.running h2{color:#f4efe3}
.running h2 em{color:#d3b273}
.running-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:26px}
.running-grid article{border-top:1px solid #4a453d;padding-top:14px}
.running-grid span{font-size:8px;letter-spacing:.16em;color:#a29a8b}
.running-grid h3{font:400 21px/1.25 Georgia,serif;margin:12px 0 10px}
.running-grid p{font-size:12px;line-height:1.85;color:#bdb6a8;max-width:310px}
.running .section-top>p{color:#a8a193}
.scope-note{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #4a453d;margin-top:32px;padding-top:16px}
.scope-note>span{font-size:8px;letter-spacing:.16em;color:#a29a8b}
.scope-note p{font-size:10px;line-height:1.8;color:#a8a193;max-width:400px}
.brief{background:var(--bone);display:grid;grid-template-columns:1fr 1fr;gap:56px}
.brief h2{font-size:clamp(30px,3.6vw,50px);margin-bottom:20px}
.brief-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#544e45;max-width:400px}
.demo-note{border-left:2px solid var(--brass);padding-left:14px;margin:22px 0 20px;max-width:400px}
.demo-note>span{font-size:8px;letter-spacing:.18em;color:#8f6f31}
.demo-note p{font-size:11px;line-height:1.85;color:#6d665b;margin-top:8px}
form label{display:block;font-size:10px;letter-spacing:.06em;margin-bottom:18px;color:#5f584e}
input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #b3a894;background:transparent;padding:11px 0;border-radius:0;font-size:13px;color:var(--ink);resize:vertical}
input::placeholder,textarea::placeholder{color:#9a9286}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.submit{display:flex;justify-content:space-between;width:100%;gap:20px;margin-top:20px;padding:15px 18px;background:var(--charcoal);border:0;color:#efe8d9;font-size:11px;letter-spacing:.06em}
.submit:hover{background:#3a3634}
form .fine{color:#8b8377}
#brief-result{border-top:1px solid #c9c1b0;margin-top:24px;padding-top:20px}
#brief-result h3{font:400 25px/1.2 Georgia,serif;margin:12px 0 0}
#brief-summary{font-size:12px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;color:#5c554b;margin-top:16px}
.elvarnue{padding:74px 4%;text-align:center}
.elvarnue h2{font-size:clamp(30px,3.7vw,50px);margin:20px 0 24px}
.elvarnue>a{display:inline-flex;gap:24px;border-bottom:1px solid #b3a894;padding-bottom:8px;font-size:12px}
footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 4%;border-top:1px solid var(--line)}
footer .brand{font-size:13px;letter-spacing:.18em}
footer p{font-size:9px;color:var(--muted)}
footer>a:last-child{font-size:11px}
@media(max-width:1000px){
.hero{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "intro" "ctas" "plan" "facts";gap:0;padding-top:36px}
.hero h1{font-size:clamp(38px,6vw,60px)}
.plan{height:260px;margin-top:24px}
.building{grid-template-columns:.24fr 1.4fr}
.building h2,.building-body{grid-column:2}
.building-body{grid-template-columns:1fr}
.space-grid{grid-template-columns:1fr 1fr}
.section-top{display:block}
.space-filters{justify-content:flex-start;margin-top:14px}
.running-grid{gap:18px}
.brief{gap:34px}
}
@media(max-width:650px){
html{scroll-padding-top:18px}
.concept-bar{font-size:7px;gap:12px}
.concept-bar>span{max-width:110px;text-align:right}
.concept-bar>a:last-child{display:none}
header{padding:18px 5%;position:relative}
.brand{font-size:19px}
.menu{display:block;background:none;border:1px solid #c9c1b0;padding:8px 12px;font-size:10px}
nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;flex-direction:column;align-items:start;gap:16px;padding:20px 5%;background:var(--paper);border-bottom:1px solid var(--line)}
nav.open{display:flex}
.hero{padding:26px 5% 0}
.hero h1{font-size:clamp(34px,10vw,48px)}
.hero-intro{font-size:14px}
.plan{height:200px}
.plan-room.b,.plan-court{display:none}
.plan-room.c{left:52%;width:43%}
.hero-facts{gap:14px}
.section{padding:48px 5%}
.building{display:block}
.building h2{font-size:29px;margin-bottom:20px}
.space-grid{grid-template-columns:1fr}
.running-grid{grid-template-columns:1fr;gap:18px}
.running-grid p{max-width:100%}
.scope-note{display:block;margin-top:24px}
.scope-note p{margin-top:8px}
.brief{grid-template-columns:1fr;gap:26px}
.form-row{grid-template-columns:1fr;gap:0}
.elvarnue{padding:46px 5%}
footer{flex-wrap:wrap}
footer p{order:3;width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep the primary action and industry illustration visible sooner on desktop. */
@media (min-width: 901px){header{padding-top:18px;padding-bottom:18px}.hero{padding-top:36px}.hero h1{font-size:clamp(40px,4.5vw,68px)}}
@media(min-width:901px){.hero{grid-template-columns:1fr 1fr;gap:0 32px}.hero-facts{letter-spacing:.08em}}

.case-fit{--fit-accent:#445649;box-sizing:border-box;clear:both;margin:clamp(32px,6vw,88px) auto;padding:clamp(24px,4vw,56px);width:calc(100% - 40px);max-width:1200px;background:#f4f3ee;color:#25312c;border:1px solid #25312c25;border-radius:4px;font-family:Arial,sans-serif;line-height:1.65;text-align:left}.case-fit *{box-sizing:border-box}.case-fit[data-case=relay],.case-fit[data-case=manufacturing]{--fit-accent:#384f72;background:#edf1f5;color:#1d2c40}.case-fit[data-case=forma]{--fit-accent:#7d4c36;background:#f6eee5}.case-fit[data-case=fieldnotes]{background:#f2efe6}.case-fit .case-fit-kicker{font-size:11px;letter-spacing:.13em;font-weight:700;margin:0 0 16px;color:var(--fit-accent)}.case-fit h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,3.5vw,44px);letter-spacing:-.025em;line-height:1.15;max-width:850px;margin:0 0 20px;color:inherit}.case-fit-heading>p:last-child{max-width:760px;font-size:16px}.case-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}.case-fit h3{font-family:Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.4;margin:0 0 10px;color:inherit}.case-fit p,.case-fit li{font-size:15px;line-height:1.7;color:inherit;max-width:none}.case-fit article p{margin:0 0 24px}.case-fit ul{display:block;padding-left:20px;margin:0}.case-fit li{display:list-item;margin:0 0 8px}.case-fit .case-fit-boundary{border-top:1px solid #25312c25;padding-top:24px;margin:28px 0 20px;font-size:13px}.case-fit .case-fit-cta{display:inline-block;color:var(--fit-accent);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px;padding:10px 0;min-height:44px;white-space:normal}.case-fit-cta:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(max-width:650px){.case-fit-grid{grid-template-columns:1fr;gap:4px}.case-fit{width:calc(100% - 24px);padding:24px 20px}.case-fit h2{font-size:30px}}
.case-fit-decisions{margin:28px 0 8px}.case-fit-decisions h3{font-family:Arial,sans-serif;font-size:16px;line-height:1.4;margin:0 0 12px;color:inherit}.case-fit-decisions ul{display:block;padding-left:20px;margin:0}.case-fit-decisions li{display:list-item;font-size:15px;line-height:1.7;margin:0 0 10px;color:inherit}

/* Shared language control; intentionally outside individual case navigation. */
.language-bar{position:relative;z-index:10;background:#eaece5;color:#29372f;border-bottom:1px solid #29372f20;font:12px/1.4 Arial,"Noto Sans",sans-serif;letter-spacing:normal;text-transform:none}.language-bar .language-inner{max-width:1600px;margin:auto;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4%}.language-bar .language-brand{font-size:10px;font-weight:600;letter-spacing:.12em}.language-bar .language-control{display:flex;gap:10px;align-items:center}.language-bar label{display:inline;margin:0;font:12px/1.4 Arial,sans-serif;letter-spacing:normal;color:inherit;white-space:nowrap}.language-bar select{display:block;box-sizing:border-box;width:auto;max-width:160px;min-height:36px;margin:0;padding:7px 24px 7px 10px;border:1px solid #29372f40;border-radius:3px;background:#f8f8f3;color:#29372f;font:13px/1.4 Arial,sans-serif;text-transform:none;letter-spacing:normal;cursor:pointer}.language-bar select:focus-visible{outline:2px solid #496453;outline-offset:2px}.language-bar .language-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html:not(:lang(en)) h1,html:not(:lang(en)) h2,html:not(:lang(en)) h3,html:not(:lang(en)) button,html:not(:lang(en)) a,html:not(:lang(en)) label,html:not(:lang(en)) summary{overflow-wrap:break-word}
html:lang(zh),html:lang(ja),html:lang(ko){word-break:normal;line-break:strict}
html:lang(zh) body,html:lang(ja) body,html:lang(ko) body{font-family:Arial,"PingFang SC","Hiragino Sans","Yu Gothic","Malgun Gothic",sans-serif}
html:lang(zh) h1,html:lang(zh) h2,html:lang(ja) h1,html:lang(ja) h2,html:lang(ko) h1,html:lang(ko) h2{font-family:Arial,"PingFang SC","Hiragino Sans","Yu Gothic","Malgun Gothic",sans-serif;letter-spacing:-.025em;line-height:1.22}
html:lang(zh) h1,html:lang(ja) h1,html:lang(ko) h1{letter-spacing:0;line-height:1.2;text-wrap:balance;font-size:clamp(26px,3.8vw,52px)}
html:not(:lang(en)) .hero-copy h1{font-size:clamp(42px,5.6vw,82px)}
html:lang(zh) .hero-copy h1,html:lang(ja) .hero-copy h1,html:lang(ko) .hero-copy h1,html:lang(zh) .hero h1,html:lang(ja) .hero h1,html:lang(ko) .hero h1{font-size:clamp(26px,3.8vw,52px);letter-spacing:0;line-height:1.24;text-wrap:balance}

html:not(:lang(en)) .showcase-switcher button{white-space:normal;min-height:44px}
html:not(:lang(en)) .offer-grid h3{min-height:0}
html:not(:lang(en)) .case-fit h2{font-size:clamp(27px,3.1vw,42px)}
html:not(:lang(en)) .demo-bar,html:not(:lang(en)) .demo-banner{flex-wrap:wrap}
html:not(:lang(en)) .sidebar nav a,html:not(:lang(en)) .filter-tabs button{white-space:normal}
@media(max-width:700px){.language-bar .language-brand{font-size:8px;letter-spacing:.05em}.language-bar .language-inner{gap:8px;padding:4px 16px}.language-bar .language-control{gap:6px}.language-bar select{max-width:124px}.language-bar label{font-size:11px}html:not(:lang(en)) .hero-copy h1{font-size:clamp(35px,9vw,54px)}html:not(:lang(en)) .hero-ctas{flex-wrap:wrap}html:not(:lang(en)) .mobile-quick-nav a{font-size:12px;white-space:normal}html:not(:lang(en)) .home-service-line{overflow-wrap:anywhere}}
.language-bar[data-load-error=true] .language-status{position:static;display:block;width:auto;height:auto;clip-path:none;white-space:normal;padding:8px 4%;background:#fce8dd;color:#7a3523;font-size:12px}
/* Keep Chinese headline phrases intact on narrow phones instead of orphaning a single character. */
html:lang(zh) .hero-copy h1{text-wrap:balance}
@media(max-width:700px){html:lang(zh) .hero-copy h1{font-size:clamp(24px,7.6vw,40px);line-height:1.35}}
/* Keep preview forms inert until their page handlers are attached. */
html:not([data-app-ready]) form button:not([type=button]):not([type=reset]){pointer-events:none;opacity:.5}
/* Brand language picker with native buttons and listbox keyboard navigation. */
.language-bar .language-control{position:relative}
.language-bar #site-language{min-width:104px;min-height:36px;border:1px solid #68735d;background:transparent;color:#29372f;padding:7px 30px 7px 12px;font-size:13px;text-align:left;position:relative}
.language-bar #site-language:after{content:'⌄';position:absolute;right:10px}
.language-bar #language-options{position:absolute;top:calc(100% + 6px);right:0;width:168px;padding:6px;background:#f4f3ee;border:1px solid #68735d;box-shadow:0 8px 24px #0002;z-index:40}
.language-bar #language-options[hidden]{display:none}
.language-bar [role=option]{display:block;border:0;width:100%;padding:10px 12px;text-align:left;background:transparent;color:#29372f;font-size:14px;min-height:40px}
.language-bar [role=option][aria-selected=true],.language-bar [role=option]:hover{background:#dde3d3}
.language-bar button:focus-visible{outline:2px solid #29372f;outline-offset:2px}

.analytics-consent{position:fixed;z-index:10000;bottom:4rem;right:1rem;width:min(30rem,calc(100vw - 2rem));padding:1.25rem;background:#f4f3ee;color:#20251f;border:1px solid #767b70;box-shadow:0 8px 32px #0002;font:14px/1.5 system-ui,sans-serif}.analytics-consent[hidden]{display:none}.analytics-consent strong{font-size:17px}.analytics-consent p{margin:.75rem 0}.analytics-consent button,.analytics-settings{font:inherit;padding:.6rem .8rem;border:1px solid #767b70;background:#f4f3ee;color:#20251f;cursor:pointer}.analytics-consent button{margin:0 .5rem .75rem 0}.analytics-consent a{display:block;text-decoration:underline;color:inherit}.analytics-settings{position:fixed;bottom:1rem;right:1rem;z-index:9999;font:12px/1.4 system-ui,sans-serif}.analytics-consent button:focus-visible,.analytics-consent a:focus-visible,.analytics-settings:focus-visible{outline:3px solid #27614c;outline-offset:3px}