:root{--paper:#f1ece4;--ink:#1e1c19;--stone:#8a7f70;--clay:#a4532f;--muted:#7c7568;--line:#d9d1c4;--deep:#2a2723}
*{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:-.026em;line-height:1.05}
h1 em,h2 em{font-style:italic;color:var(--clay)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--clay);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(--deep);color:#e8e1d6;font-size:9px;letter-spacing:.12em}
.concept-bar a:last-child{border-bottom:1px solid #8d8275}
header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 4%;border-bottom:1px solid var(--line)}
.brand{font-size:22px;letter-spacing:.14em;line-height:1.1;white-space:nowrap}
.brand>span{color:var(--clay)}
.brand small{display:block;font:400 8px/1 Arial,sans-serif;letter-spacing:.32em;margin-top:8px;color:var(--muted)}
nav{display:flex;align-items:center;gap:32px;font-size:11px}
nav sup{font-size:7px;margin-left:3px;color:var(--clay)}
.menu{display:none}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:0 50px;padding:58px 4% 0;align-items:start}
.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--muted);margin-bottom:20px}
.hero h1{font-size:clamp(44px,5.4vw,80px);margin-bottom:22px}
.hero h1 em{display:block}
.hero-intro{font-size:16px;line-height:1.8;color:#4b463e;max-width:430px}
.hero-ctas{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}
.solid{display:inline-block;background:var(--deep);color:#f4eee3;padding:14px 22px;font-size:10px;letter-spacing:.16em}
.solid:hover{background:var(--clay)}
.under-link{display:inline-block;background:none;border:0;border-bottom:1px solid #b0a695;padding:0 0 5px;font-size:11px}
.under-link:hover{border-color:var(--ink)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:2px solid var(--ink);padding-top:18px;align-self:start;margin-top:8px}
.hero-stats strong{display:block;font:400 26px/1 Georgia,serif;color:var(--clay)}
.hero-stats span{display:block;font-size:8px;letter-spacing:.14em;color:var(--muted);margin-top:8px}
.hero-stats p{grid-column:1/-1;font-size:10px;line-height:1.75;color:var(--muted);margin-top:8px}
.section{padding:82px 4%}
.agency{border-top:1px solid var(--line);display:grid;grid-template-columns:.32fr 1.3fr;gap:44px}
.agency h2{grid-column:2;font-size:clamp(32px,3.8vw,54px);margin-bottom:22px}
.agency-body{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}
.agency-body p{font-size:15px;line-height:1.85;color:#4d4840}
.agency-body .under-link{grid-column:1/-1;justify-self:start;margin-top:4px}
.listings{border-top:1px solid var(--line)}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:22px}
.section-top h2{font-size:clamp(30px,3.5vw,48px)}
.section-top>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:320px}
.listing-filters{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.listing-filters button{background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;font-size:11px;color:#8b8474}
.listing-filters button[aria-pressed=true]{border-color:var(--clay);color:var(--ink)}
.listing-filters sup{font-size:7px;color:var(--clay)}
.work-count{font-size:9px;letter-spacing:.14em;color:#99917f;margin-bottom:22px}
.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.listing-card[hidden]{display:none}
.listing-art{position:relative;height:230px;background:#ddd5c6;overflow:hidden}
.listing-art span{position:absolute;inset:0}
.art-terrace{background:linear-gradient(160deg,#cfc6b5,#a9a08d)}
.art-terrace:after{content:'';position:absolute;left:18%;right:18%;bottom:0;height:62%;background:#8e8371;box-shadow:inset 0 -6px 0 #6e6555}
.art-flat{background:linear-gradient(160deg,#d6cdbb,#b3a894)}
.art-flat:after{content:'';position:absolute;left:14%;top:22%;width:30%;height:36%;background:#f2ece0;box-shadow:calc(100% + 18px) 0 0 #f2ece0}
.art-convert{background:linear-gradient(160deg,#7d7568,#4a453d)}
.art-convert:after{content:'';position:absolute;inset:18% 16% 30% 16%;border:2px solid #d8cfbe;background:linear-gradient(180deg,#c9c0ae22,#c9c0ae55)}
.listing-meta{padding-top:16px}
.listing-tag{font-size:8px;letter-spacing:.16em;color:var(--clay)}
.listing-meta h3{font:400 22px/1.2 Georgia,serif;margin:10px 0 10px}
.listing-meta>p{font-size:12px;line-height:1.8;color:#5c5549;margin-bottom:14px}
.listing-meta dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:12px}
.listing-meta dl div{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:2;color:#7b7365}
.listing-meta dt{letter-spacing:.08em}
.listing-meta dd{color:var(--ink)}
.fine{font-size:9px;line-height:1.8;color:#99917f;margin-top:22px;max-width:680px}
.approach{background:#e6ded0;border-top:1px solid var(--line)}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:28px}
.approach-grid article{border-top:1px solid #bfb3a0;padding-top:16px}
.approach-grid span{font-size:8px;letter-spacing:.16em;color:#8a7f6c}
.approach-grid h3{font:400 21px/1.25 Georgia,serif;margin:14px 0 10px}
.approach-grid p{font-size:12px;line-height:1.85;color:#544d41;max-width:310px}
.scope-note{display:flex;justify-content:space-between;gap:32px;border-top:1px solid #bfb3a0;margin-top:38px;padding-top:16px}
.scope-note>span{font-size:8px;letter-spacing:.16em;color:#8a7f6c}
.scope-note p{font-size:10px;line-height:1.8;color:#6f6759;max-width:400px}
.viewing{background:var(--deep);color:#efe8dc;display:grid;grid-template-columns:1fr 1fr;gap:62px}
.viewing h2{font-size:clamp(30px,3.6vw,50px);margin-bottom:20px}
.viewing h2 em{color:#d9a07f}
.viewing-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#c0b8ab;max-width:400px}
.viewing .eyebrow{color:#948b7d}
.demo-note{border-left:2px solid var(--clay);padding-left:14px;margin:22px 0 20px;max-width:400px}
.demo-note>span{font-size:8px;letter-spacing:.18em;color:#d9a07f}
.demo-note p{font-size:11px;line-height:1.85;color:#a9a094;margin-top:8px}
.viewing .under-link{color:#ddd5c7;border-color:#777064}
form label{display:block;font-size:10px;letter-spacing:.06em;margin-bottom:18px;color:#c5bdaf}
input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #6f685d;background:transparent;padding:11px 0;border-radius:0;font-size:13px;color:#f4eee2;resize:vertical}
select option{background:var(--deep);color:#f4eee2}
input::placeholder,textarea::placeholder{color:#8d8578}
.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(--clay);border:0;color:#fbf3ea;font-size:11px;letter-spacing:.06em}
.submit:hover{background:#bb6039}
form .fine{color:#948b7d}
#viewing-result{border-top:1px solid #6f685d;margin-top:24px;padding-top:20px}
#viewing-result h3{font:400 25px/1.2 Georgia,serif;margin:12px 0 0}
#viewing-summary{font-size:12px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;color:#c0b8ab;margin-top:16px}
.elvarnue{padding:76px 4%;text-align:center}
.elvarnue h2{font-size:clamp(30px,3.6vw,50px);margin:20px 0 24px}
.elvarnue>a{display:inline-flex;gap:24px;border-bottom:1px solid #b0a695;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:14px;letter-spacing:.12em}
footer p{font-size:9px;color:var(--muted)}
footer>a:last-child{font-size:11px}
@media(max-width:1000px){
.hero{grid-template-columns:1fr;gap:26px;padding-top:38px}
.hero-stats{margin-top:6px}
.agency{grid-template-columns:.26fr 1.4fr}
.agency h2,.agency-body{grid-column:2}
.agency-body{grid-template-columns:1fr}
.listing-grid{grid-template-columns:1fr 1fr}
.section-top{display:block}
.listing-filters{justify-content:flex-start;margin-top:16px}
.approach-grid{gap:20px}
.viewing{gap:38px}
}
@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 #bfb3a0;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(36px,10.5vw,50px)}
.hero-intro{font-size:14px}
.hero-stats{grid-template-columns:1fr;gap:10px;margin-top:22px}
.section{padding:50px 5%}
.agency{display:block}
.agency h2{font-size:30px;margin-bottom:20px}
.listing-grid{grid-template-columns:1fr}
.approach-grid{grid-template-columns:1fr;gap:18px}
.approach-grid p{max-width:100%}
.scope-note{display:block;margin-top:26px}
.scope-note p{margin-top:8px}
.viewing{grid-template-columns:1fr;gap:26px}
.form-row{grid-template-columns:1fr;gap:0}
.elvarnue{padding:48px 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 36px}.hero-stats{border-top-width:1px}}

.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}