:root{--ink:#171513;--paper:#f6f2ea;--ember:#c8552a;--gold:#d9a441;--muted:#7d756a;--line:#ded6c8;--coal:#241f1c}
*{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,ul,ol{margin:0}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.02em;line-height:1.05}
h1 em,h2 em{font-style:italic;color:var(--ember)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ember);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(--ink);color:#e8ded0;font-size:9px;letter-spacing:.12em}
.concept-bar a:last-child{border-bottom:1px solid #8a7f70}
header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 4%;border-bottom:1px solid var(--line)}
.brand{font-size:28px;letter-spacing:.14em;line-height:1;white-space:nowrap}
.brand small{display:block;font:400 8px/1 Arial,sans-serif;letter-spacing:.34em;margin-top:8px;color:var(--muted)}
nav{display:flex;align-items:center;gap:32px;font-size:11px;letter-spacing:.03em}
nav sup{font-size:7px;margin-left:3px;color:var(--ember)}
button.menu{display:none}
.hero{padding:54px 4% 0;display:grid;grid-template-columns:1.1fr .9fr;grid-template-areas:"eyebrow art" "title art" "intro art" "ctas art" "facts art";gap:0 48px;align-items:start}
.hero .eyebrow{grid-area:eyebrow}
.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--muted);margin-bottom:20px}
.hero h1{grid-area:title;font-size:clamp(42px,5vw,74px);margin-bottom:22px}
.hero h1 em{display:block}
.hero-intro{grid-area:intro;font-size:16px;line-height:1.8;color:#4a443d;max-width:440px}
.hero-ctas{grid-area:ctas;display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}
.solid{display:inline-block;background:var(--ember);color:#fbf3e9;padding:14px 22px;font-size:10px;letter-spacing:.16em}
.solid:hover{background:var(--ink)}
.under-link{display:inline-block;background:none;border:0;border-bottom:1px solid #b3a897;padding:0 0 5px;font-size:11px}
.under-link:hover{border-color:var(--ink)}
.hero-art{grid-area:art;position:relative;height:440px;background:linear-gradient(180deg,#2a2320,#120f0e);overflow:hidden}
.ember{position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(180deg,#8c3517,#3a1a10)}
.grate{position:absolute;left:6%;right:6%;bottom:34%;height:14px;background:repeating-linear-gradient(90deg,#3b2f27 0 5px,#171210 5px 14px);box-shadow:0 0 22px #00000066}
.flame{position:absolute;bottom:35%;border-radius:48% 48% 38% 38%/62% 62% 38% 38%;background:radial-gradient(ellipse at 50% 82%,#ffe7b0,#ef9a3c 42%,#c8552a 72%,#6f2510);filter:blur(.6px);opacity:.95;box-shadow:0 0 46px 14px #f0a44533}
.flame.a{left:24%;width:34px;height:78px}
.flame.b{left:45%;width:46px;height:118px;background:radial-gradient(ellipse at 50% 82%,#fff0c8,#f2a848 40%,#d2601f 70%,#75280f)}
.flame.c{left:64%;width:30px;height:70px}
.hero-facts{grid-area:facts;display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;border-top:1px solid var(--line);padding-top:16px;font-size:8px;letter-spacing:.18em;color:var(--muted)}
.section{padding:82px 4%}
.kitchen{display:grid;grid-template-columns:.32fr 1.3fr .34fr;gap:44px;border-top:1px solid var(--line)}
.kitchen h2{font-size:clamp(32px,3.8vw,54px);margin-bottom:24px}
.kitchen-body p{font-size:15px;line-height:1.85;color:#4e4841;max-width:520px;margin-bottom:16px}
.kitchen-body .under-link{margin-top:8px}
.kitchen aside{align-self:end;text-align:right}
.kitchen-mark{display:block;font:400 64px/1 Georgia,serif;color:#cbbfa8}
.kitchen aside p{font:8px/2.2 Arial,sans-serif;letter-spacing:.2em;color:var(--muted);margin-top:14px}
.menu{border-top:1px solid var(--line)}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:34px;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}
.menu-filters{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.menu-filters button{background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;font-size:11px;color:#8d8577}
.menu-filters button[aria-pressed=true]{border-color:var(--ember);color:var(--ink)}
.menu-filters sup{font-size:7px;color:var(--ember)}
.work-count{font-size:9px;letter-spacing:.14em;color:#9a9182;margin-bottom:20px}
.dish-list{list-style:none;padding:0;border-top:1px solid var(--line)}
.dish{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.dish[hidden]{display:none}
.dish-name{font:400 22px/1.2 Georgia,serif;letter-spacing:-.01em}
.dish-note{font-size:12px;color:#7f766a;text-align:right}
.fine{font-size:9px;line-height:1.8;color:#9a9182;margin-top:22px;max-width:680px}
.approach{background:var(--coal);color:#f2ebde}
.approach .eyebrow{color:#a99d8c}
.approach h2{color:#f2ebde}
.approach h2 em{color:var(--gold)}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:30px}
.approach-grid article{border-top:1px solid #4b423a;padding-top:16px}
.approach-grid span{font-size:8px;letter-spacing:.16em;color:#a4977f}
.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:#c3b8a8;max-width:310px}
.approach .section-top>p{color:#b3a794}
.scope-note{display:flex;justify-content:space-between;gap:32px;border-top:1px solid #4b423a;margin-top:40px;padding-top:16px}
.scope-note>span{font-size:8px;letter-spacing:.16em;color:#a4977f}
.scope-note p{font-size:10px;line-height:1.8;color:#a99e8d;max-width:400px}
.table{display:grid;grid-template-columns:1fr 1fr;gap:64px;background:#efe7d9}
.table h2{font-size:clamp(30px,3.6vw,50px);margin-bottom:20px}
.table-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#5c544a;max-width:400px}
.demo-note{border-left:2px solid var(--ember);padding-left:14px;margin:22px 0 20px;max-width:400px}
.demo-note>span{font-size:8px;letter-spacing:.18em;color:#a1522f}
.demo-note p{font-size:11px;line-height:1.85;color:#6f665a;margin-top:8px}
form label{display:block;font-size:10px;letter-spacing:.06em;margin-bottom:18px;color:#5f5649}
input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #b3a693;background:transparent;padding:11px 0;border-radius:0;font-size:13px;color:var(--ink);resize:vertical}
input::placeholder,textarea::placeholder{color:#9a9080}
.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(--ember);border:0;color:#fbf3e9;font-size:11px;letter-spacing:.06em}
.submit:hover{background:var(--ink)}
form .fine{color:#8b8172}
#table-result{border-top:1px solid #c9bda8;margin-top:24px;padding-top:20px}
#table-result h3{font:400 25px/1.2 Georgia,serif;margin:12px 0 0}
#table-summary{font-size:12px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;color:#5f574b;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 #b3a897;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:15px;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;grid-template-areas:"eyebrow" "title" "intro" "ctas" "art" "facts";gap:0}
.hero-art{height:320px;margin-top:26px}
.kitchen{grid-template-columns:.28fr 1.4fr}
.kitchen aside{display:none}
.approach-grid{gap:22px}
.table{gap:40px}
.section-top{display:block}
.menu-filters{justify-content:flex-start;margin-top:16px}
}
@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:22px}
button.menu{display:block;background:none;border:1px solid #c3b7a4;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}
.hero-art{height:240px}
.section{padding:50px 5%}
.kitchen{display:block}
.kitchen h2{font-size:30px}
.dish{grid-template-columns:1fr;gap:4px;padding:14px 0}
.dish-note{text-align:left}
.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}
.table{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 30px}.hero-art{height:400px;border-radius:50% 50% 3px 3px}}

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