:root{--bg:#f5f4ef;--bg-1:#eeeee7;--surface:#eaece4;--surface-2:#e1e6db;--line:#cfd2c7;--text:#20221e;--muted:#60645d;--muted-2:#73796c;--blue:#687c63;--cyan:#526b4c;--grad:#687c63;--panel:#eeeee7;--edge:#d3d7cc}
body{background:var(--bg);color:var(--text);font-family:Arial,-apple-system,BlinkMacSystemFont,sans-serif}body:before,.hero-stage:before{display:none}h1,h2,h3,.display,.logo{font-family:Arial,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;letter-spacing:-.055em}p{color:var(--muted)}.wrap{width:min(1440px,100%);padding:0 60px}header,header.scrolled{background:#f5f4eff2;backdrop-filter:blur(18px);padding:22px 0;border-color:transparent}header .wrap{width:100%}.logo{font-size:24px;letter-spacing:-.045em}.logo .brand-name>span{color:var(--text);-webkit-text-fill-color:var(--text);background:none}.logo .official-mark{width:28px;height:34px}.official-mark img{width:110px}.nav-links{gap:30px}.nav-links a{color:#55594f;font-size:15px}.nav-links a:hover,.nav-links a[aria-current]{color:var(--text)}.nav-cta,.btn-primary{background:#20221e;color:#fff;border:0;box-shadow:none}.nav-cta{padding:14px 24px;font-size:14px}.btn{font-weight:400;font-size:15px}.btn-primary:hover{background:#43523c;box-shadow:none}.btn-ghost{border:0;border-bottom:1px solid #9a9e92;border-radius:0;padding:14px 0;margin-left:18px}.eyebrow{color:#60695a;letter-spacing:.16em}.eyebrow:before{background:#687c63}.hero{min-height:auto;padding:150px 0 80px}.hero-grid{grid-template-columns:1.03fr 1fr;gap:54px}.hero h1{font-size:clamp(40px,4.15vw,66px);line-height:1.05;letter-spacing:-.055em;font-weight:500}.hero h1 .accent,h1 .accent,h2 .accent{color:#687c63;background:none;-webkit-text-fill-color:#687c63}.hero .hero-sub{font-size:18px;line-height:1.55;margin-bottom:28px}.hero-stage{perspective:none;animation:none}.bevel{padding:0;background:transparent;border:0;box-shadow:none;border-radius:18px}.stage-frame{transform:none!important;will-change:auto}.stage-panels{aspect-ratio:1.12;background:#e5e7dd}.stage-panel img{object-fit:contain;background:#e8eade}.stage-caption,.screen-meta{color:#53594f}.stage-select button{color:#626858;border-color:#d0d4c8;font-size:12px}.stage-select button.selected{color:#20221e;border-color:#687c63}.stage-note{color:#73796b}.vc-motion{position:relative;overflow:hidden;border-radius:18px;background:#d9ddd0}.vc-motion video{display:block;width:100%;height:510px;object-fit:cover}.motion-caption{position:absolute;bottom:24px;left:24px;color:white;text-shadow:0 1px 4px #0005;pointer-events:none}.motion-caption small{display:block;letter-spacing:.18em;font-size:12px;margin-bottom:5px}.motion-toggle{position:absolute;bottom:22px;right:22px;width:48px;height:48px;border-radius:50%;background:#fffffff2;color:#20221e;font-size:13px}.motion-note{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:14px;color:#626858}.manifesto,.capability-section,.process-section,.related-band{background:#eeeee7}.manifesto h2 span{color:#687c63}.section-head h2{font-weight:500}.project-index{color:#c4cbbd}.project-story{gap:60px;padding:70px 0}.project-copy h2{font-weight:500}.project-media figcaption,.film-pair figcaption,.service-editorial figcaption,.reading figcaption{color:#62685b}.zoom-media{background:#e8eade}.zoom-label{background:#20221eee;color:#fff}.text-link{color:#20221e;border-color:#9caa91}.capability-list a,details{border-color:#cdd4c3}.capability-list span,.capability-list small{color:#687c63}.capability-list h3{font-weight:500}.process-track{border-color:#bcc5b2}.process-track li:before{background:#eeeee7;color:#687c63}.closing{background:#e8ede2}.closing h2{font-weight:500}.reading p,.reading li,.case-story aside li{color:#60645d}.related-links a{border-color:#bac5b0}.studio-masonry figure,.video-card{background:#eeeee7;border-color:#d3d8ca}.studio-masonry figcaption,.video-card>span{color:#626858}.screen-meta{display:none}.stage-caption{padding:12px 0}.automation-demo{background:#e9eee2;color:#20221e}.demo-label,.demo-incoming,.flow-node,.demo-output,.demo-brief,.demo-controls{color:#20221e!important;background:#e7edde!important;border-color:#bac8ae!important}footer{background:#f5f4ef;border-top:1px solid #cfd2c7}.footer-col h4{color:#20221e}.footer-col a,.footer-brand p,.footer-bottom{color:#62665d}.social-icon{filter:none}.social-link{background:#e6ebdf;border-color:#cbd4c0}.field input,.field select,.field textarea,.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#fafbf7;color:#20221e;border:1px solid #c3cbb9;border-radius:8px}.field label,.form-note,.contact-info p{color:#62665d}.contact-section{padding-top:20px}#media-dialog{background:#f5f4ef;color:#20221e;border-color:#c3cbb9}#media-dialog p{color:#62665d}.rotation-control{color:#526b4c}.reveal{opacity:1;transform:none}.film-pair video{background:#e8eade}section{scroll-margin-top:100px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #526b4c;outline-offset:5px}
@media(max-width:960px){.wrap{padding:0 28px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:56px;max-width:750px}.vc-motion video{height:480px}.hero{padding-top:130px}.nav-links{gap:18px}.logo{font-size:20px}.nav-cta{padding:12px 16px}.capability-section>.wrap{gap:45px}}
@media(max-width:860px){.menu-toggle{display:block;min-width:44px;min-height:44px;color:#20221e}.nav-links{background:#f5f4ef!important;border-color:#c3cbb9!important}.nav-links a{color:#20221e!important}.nav-cta{display:none}.logo{font-size:21px}.hero h1{font-size:48px}.project-story,.service-editorial>.wrap,.case-story .wrap,.insight-list article,.capability-section>.wrap{grid-template-columns:1fr}.project-copy{position:static}.capability-section>.wrap{gap:32px}.process-track{margin-left:18px}.footer-top{gap:32px}.motion-note{font-size:12px}.film-pair{gap:24px}.film-pair figure:nth-child(2){margin-top:0}}
@media(max-width:520px){.wrap{padding:0 22px}header,header.scrolled{padding:14px 0}.hero{padding:110px 0 55px}.hero h1{font-size:40px;line-height:1.08}.hero .hero-sub{font-size:16px}.hero-grid{gap:30px}.eyebrow{font-size:11px}.vc-motion video{height:360px}.motion-caption{bottom:22px;left:20px}.motion-caption span{font-size:14px}.motion-note{flex-direction:column;gap:5px}.hero-ctas{gap:12px}.btn{padding:14px 20px}.btn-ghost{padding:14px 0;margin-left:4px}section{padding:65px 0}.manifesto h2{font-size:34px}.manifesto p{font-size:16px}.project-story{padding:44px 0;gap:26px}.project-index{font-size:65px;margin-bottom:14px}.project-copy h2{font-size:34px}.project-media figcaption{font-size:12px}.page-hero{padding:120px 0 40px}.page-hero h1{font-size:42px}.page-hero p{font-size:16px}.film-pair{grid-template-columns:1fr}.closing{padding:80px 0}.closing h2{font-size:52px}.contact-grid,.form-row{grid-template-columns:1fr}.reading h2{font-size:30px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-social{grid-column:1/-1}.footer-bottom{gap:18px;flex-wrap:wrap}.stage-select{margin-top:12px}.studio-video-grid{grid-template-columns:1fr}.studio-masonry{columns:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.js-motion .reveal{opacity:1;transform:none}.inquiry-form,.inquiry-form:focus-within{background:#eeeee7;border:1px solid #c8d0bd;box-shadow:none}.social-link{background:#e8ede2;box-shadow:none;border-color:#c8d0bd}.social-link::after{display:none}.social-link:hover{transform:translateY(-2px);box-shadow:none}.video-card,.studio-video-grid .video-card{background:#eeeee7;border-color:#c8d0bd}.social-x{--social-color:#20221e}main,section,.wrap,.reading,.case-story .wrap>*{min-width:0}.reading{overflow-wrap:anywhere}video{max-width:100%}

.project-story .bevel{background:transparent!important}.project-discipline{color:#62665d}.film-feature{background:none}.social-icons .social-link,.social-row .social-link{background:#e8ede2;box-shadow:none;border-color:#c8d0bd}.social-x .social-icon{filter:none!important}.menu-toggle{border-color:#b5bdab!important}

/* Use the coffee film’s actual 640 × 804 frame, before and during playback. */
video[data-media-id="coffee-process.mp4"]{width:100%!important;height:auto!important;aspect-ratio:160/201!important;object-fit:contain!important;display:block}.film-pair figure:has(video[data-media-id="coffee-process.mp4"]){width:100%;max-width:360px;justify-self:center;margin-top:0}

/* Dark cores keep X and TikTok legible against the light site surfaces. */
.social-tiktok{--social-color:#008f8b}.social-x .social-icon,.social-tiktok .social-icon{filter:none!important;opacity:1!important}.social-icons .social-link:hover,.social-row .social-link:hover,.social-icons .social-link:focus-visible,.social-row .social-link:focus-visible{background:#fff;border-color:var(--social-color);box-shadow:0 3px 10px #20221e12}

/* Keep the expanded menu legible on the light site surface. */
@media(max-width:860px){header .nav-links.open a{background:#eeeee7!important;color:#20221e!important;border:1px solid #d0d7c7;border-radius:10px;min-height:50px;display:flex;align-items:center;padding:14px 18px;font-size:16px;transition:background .2s,color .2s}header .nav-links.open a:hover,header .nav-links.open a:focus-visible,header .nav-links.open a[aria-current]{background:#dde6d5!important;color:#34482c!important}header .nav-links.open{max-height:calc(100svh - 100px);overflow-y:auto}header .nav-links.open a:after{display:none}}
.studio-credit{color:#43583b!important;font-size:14px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid transparent}.studio-credit:hover{border-color:#687c63}.project-back{display:table;font-size:14px;color:#526b4c;min-height:44px;padding:8px 0;margin-bottom:20px;border-bottom:1px solid #c8d0bd}.project-navigation{display:flex;gap:28px;flex-wrap:wrap;margin-top:26px}.vc-animate{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.3,1);transition-delay:var(--vc-delay,0ms)}.vc-animate.vc-visible{opacity:1;transform:none}.project-media img,.studio-masonry img{transition:transform .5s ease}.project-media:hover img,.studio-masonry figure:hover img{transform:scale(1.015)}
@media(prefers-reduced-motion:reduce){.vc-animate{opacity:1;transform:none;transition:none}.project-media:hover img,.studio-masonry figure:hover img{transform:none}}

.software-section{padding:46px 0 48px;border-block:1px solid #d7dbce;background:#f0f1e9;overflow:hidden}.software-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px}.software-heading .eyebrow{margin-bottom:12px}.software-heading h2{font-size:34px;letter-spacing:-.045em;line-height:1.1}.software-pause{font-size:13px;color:#526b4c;min-height:44px;padding:10px 0;border-bottom:1px solid #bbc6b0;white-space:nowrap}.software-window{overflow:hidden;width:100%;padding:8px 0}.software-track{display:flex;width:max-content;animation:software-scroll 65s linear infinite;will-change:transform}.software-group{display:flex;align-items:center;gap:54px;padding:0 54px 0 0;list-style:none;flex-shrink:0;margin:0}.software-group li{display:flex;align-items:center;gap:14px;flex-shrink:0;white-space:nowrap}.software-group img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.software-group span{font-size:16px;font-weight:500;color:#343c2e;letter-spacing:-.015em}.software-section:hover .software-track,.software-section:focus-within .software-track,.software-section.is-paused .software-track{animation-play-state:paused}@keyframes software-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:520px){.software-section{padding:32px 0 34px}.software-heading{gap:12px;align-items:flex-start;margin-bottom:24px}.software-heading h2{font-size:27px;max-width:230px}.software-pause{font-size:12px}.software-group{gap:34px;padding-right:34px}.software-group img{width:40px;height:40px}.software-group span{font-size:14px}.software-group li{gap:12px}}
@media(prefers-reduced-motion:reduce){.software-track{animation:none!important;transform:none!important;will-change:auto;width:100%}.software-group{flex-wrap:wrap;justify-content:center;gap:24px;padding:0 22px;width:100%}.software-group[aria-hidden]{display:none}.software-pause{display:none}}

/* A single motion layer avoids legacy reveal and playback conflicts. */
.hero-copy{animation:none}.js-motion .reveal,.js-motion .reveal.in{opacity:1;transform:none}.vc-motion-enabled .motion-reveal{opacity:0;translate:0 24px;transition:opacity 650ms cubic-bezier(.22,1,.36,1),translate 750ms cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.vc-motion-enabled .motion-reveal.motion-visible{opacity:1;translate:0 0}.vc-motion-enabled .project-media.motion-reveal{scale:.98;transition:opacity 650ms ease,translate 750ms cubic-bezier(.22,1,.36,1),scale 750ms cubic-bezier(.22,1,.36,1)}.vc-motion-enabled .project-media.motion-visible{scale:1}
@media(prefers-reduced-motion:reduce){.vc-motion-enabled .motion-reveal{opacity:1;translate:none;scale:1;transition:none}}

.blender-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.blender-comparison figure{margin:0;min-width:0}.comparison-label{margin-bottom:20px}.comparison-label span{display:block;font-size:12px;letter-spacing:.12em;color:#687c63;margin-bottom:10px}.comparison-label h3{font-size:26px;letter-spacing:-.035em}.inspiration-image{display:flex;background:#fff;border:1px solid #d5dbcd;border-radius:18px;overflow:hidden;align-items:center;justify-content:center;height:500px;padding:20px}.inspiration-image img{display:block;width:100%;height:100%;object-fit:contain}.blender-comparison .vc-motion video{height:500px;object-fit:contain;background:#e8ede2}.blender-comparison figcaption{font-size:13px;color:#62665d;line-height:1.6;margin-top:16px;max-width:520px}.blender-journey{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;border-top:1px solid #cdd4c3;padding-top:24px;margin-top:32px}.blender-journey>span{font-size:14px;color:#62665d}.blender-journey .text-link{margin-left:auto}
@media(max-width:640px){.blender-comparison{grid-template-columns:1fr;gap:36px}.inspiration-image{height:400px;padding:14px}.blender-comparison .vc-motion video{height:auto;aspect-ratio:3/4}.blender-journey{gap:16px 22px}.blender-journey .text-link{margin-left:0}.comparison-label h3{font-size:24px}}

/* Typography and reading rhythm: layout review preview. */
h1,h2,h3{ text-wrap:balance; }
h2{letter-spacing:-.03em;line-height:1.12}h3{letter-spacing:-.015em;line-height:1.25}
.keep-together{white-space:nowrap}
.page-hero{padding-top:160px;padding-bottom:52px}
.page-hero h1{font-size:clamp(48px,5.1vw,74px);line-height:1.08;letter-spacing:-.045em;max-width:1050px}
.page-hero p{max-width:65ch;line-height:1.65;margin-top:24px}
.article-page .page-hero h1,.case-page .page-hero h1{font-size:clamp(42px,4vw,58px);max-width:950px;letter-spacing:-.035em}
.hero h1{letter-spacing:-.045em;text-wrap:balance}
.reading{max-width:1280px;margin-inline:auto}
.reading>p,.reading>ul,.reading>ol,.reading>h2,.reading>h3,.reading>details,.reading>.byline{max-width:68ch}
.reading h2{font-size:30px;letter-spacing:-.025em;line-height:1.2;margin:40px 0 18px}
.reading h2:first-child{margin-top:0}.reading h3{font-size:24px;letter-spacing:-.015em;margin:32px 0 14px}
.reading p{margin:0 0 18px;line-height:1.7}.reading ul,.reading ol{padding-left:24px;margin:0 0 24px}.reading li{padding:5px 0;line-height:1.65}
.article-page .reading,.legal-page .reading{max-width:820px}
.legal-page .reading h2{margin:40px 0 16px}.legal-page .reading h2:first-child{margin-top:0}
.case-story .wrap{grid-template-columns:1fr 2fr;gap:64px}.case-story h2{font-size:30px;letter-spacing:-.025em;margin:36px 0 16px}.case-story h2:first-child{margin-top:0}.case-story h3{font-size:24px;margin:28px 0 14px}.case-story p{max-width:68ch;margin-bottom:18px}
.service-editorial>.wrap{gap:64px}.service-editorial .reading{padding:0;margin:0}.service-editorial .reading h2{max-width:24ch}
.section-head h2,.related-band h2{font-size:clamp(32px,3.5vw,50px);letter-spacing:-.035em}
.project-copy h2{line-height:1.12;letter-spacing:-.03em}.project-discipline{margin:18px 0}.project-media figcaption,.film-pair figcaption{line-height:1.6;padding-top:16px}
.insight-list h2{font-size:32px;letter-spacing:-.03em;margin:16px 0}.insight-list p{max-width:60ch;margin-bottom:18px}.insight-list article{gap:56px}
.closing{padding:88px 0}.closing h2{font-size:clamp(44px,5vw,72px);line-height:1.08;letter-spacing:-.04em;max-width:850px;margin:24px 0 30px}
.inquiry-form .field label{text-transform:none;letter-spacing:0;font-size:14px;line-height:1.4;display:block;margin-bottom:10px}.inquiry-form .field{margin-bottom:24px}.field-hint{font-size:13px;line-height:1.5;margin:8px 0 0}.inquiry-form input,.inquiry-form select{min-height:50px}.contact-info h2{letter-spacing:-.035em;max-width:18ch}
@media(max-width:860px){.page-hero{padding-top:140px}.case-story .wrap{grid-template-columns:1fr;gap:32px}.service-editorial>.wrap{gap:36px}.insight-list article{gap:28px}}
@media(max-width:520px){
.page-hero{padding:118px 0 36px}.page-hero h1{font-size:38px;line-height:1.12;letter-spacing:-.035em}.page-hero p{margin-top:20px}
.article-page .page-hero h1,.case-page .page-hero h1{font-size:34px;line-height:1.15;letter-spacing:-.03em}
.hero h1{font-size:38px;line-height:1.1;letter-spacing:-.035em}.hero-grid{gap:22px}.hero-copy>.hero-ctas{order:2;margin:0 0 4px;align-self:flex-start}.hero-stage{order:3}.hero-copy>.hero-sub{order:4}
.reading h2,.case-story h2{font-size:28px;line-height:1.2}.reading h3,.case-story h3{font-size:22px}.reading p{margin-bottom:18px}.reading li{font-size:16px}
.service-editorial .reading{padding:0}.closing{padding:64px 0}.closing h2{font-size:42px;line-height:1.12;margin:20px 0 26px}.insight-list h2{font-size:28px}
.inquiry-form{padding:24px 20px}.inquiry-form .form-row{gap:0}.contact-info h2{font-size:32px}
}
/* Readable concept-demo text and solid project-button hover states. */
.automation-demo .demo-incoming small,.automation-demo .demo-controls span,.automation-demo .demo-brief>span,.automation-demo .demo-brief p,.automation-demo .demo-brief b{color:#43523c!important}.automation-demo .demo-brief p{font-size:12px}.automation-demo .demo-brief>span{font-size:11px}.automation-demo .demo-controls span,.automation-demo .demo-incoming small{font-size:12px}.automation-demo .demo-flow>span{color:#526b4c}.automation-demo .demo-controls button{background:#20221e;color:white;border-color:#20221e}.automation-demo .demo-controls button:hover{background:#43523c;color:white}
header .nav-cta:hover,header .nav-cta:focus-visible{background:#43523c;color:#fff;border-color:#43523c;box-shadow:none}header .nav-cta:active{background:#34482c;color:#fff}
.karbon-globe-frame,.karbon-map-frame{position:relative;overflow:hidden;border-radius:12px}.karbon-globe-frame>img,.karbon-map-frame>img{display:block;width:100%}.karbon-globe{position:absolute;left:27.4%;top:21.9%;width:45.3%;height:65.9%;opacity:0;cursor:grab;touch-action:pan-y;border-radius:0}.karbon-globe.is-ready{opacity:1}.karbon-globe:active{cursor:grabbing}.karbon-motion-toggle{margin:14px 12px 0;min-height:44px;padding:10px 18px;border:1px solid #b5bdab;border-radius:24px;color:#34482c;background:#eeeee7;font:inherit;font-size:13px}.karbon-motion-toggle:hover{background:#dde6d5}.karbon-map-pulse{position:absolute;width:10px;height:10px;border:1px solid #fff7b0;border-radius:50%;translate:-50% -50%;box-shadow:0 0 8px #faeea1;animation:karbon-pulse 2.8s ease-out infinite;animation-delay:var(--pulse-delay);pointer-events:none}.karbon-map-frame.is-paused .karbon-map-pulse{animation-play-state:paused}@keyframes karbon-pulse{0%{scale:.6;opacity:1}75%,100%{scale:3.5;opacity:0}}@media(prefers-reduced-motion:reduce){.karbon-map-pulse{animation:none!important;opacity:0}}
.karbon-map-pulse{width:1.1%;height:auto;aspect-ratio:1}
/* Contact form and prepared inquiry: aligned, high-contrast light surfaces. */
.contact-grid{align-items:start}.inquiry-form #form-status{color:#34482c;font-size:14px;line-height:1.6;margin:18px 0 0}.inquiry-form #draft-actions{border-top:1px solid #b5bdab;padding-top:24px;margin-top:28px;scroll-margin-top:112px}.inquiry-form #draft-actions[hidden]{display:none!important}.inquiry-form #draft-actions h3{font-size:24px;color:#20221e;letter-spacing:-.02em;margin:0 0 16px}.inquiry-summary{width:100%;min-width:0;overflow-wrap:anywhere;border:1px solid #b5bdab;border-radius:10px;overflow:hidden}.inquiry-summary>div{max-width:none!important;padding:20px!important}.inquiry-summary h2{text-wrap:initial}.inquiry-summary table{width:100%}.inquiry-summary th,.inquiry-summary td{font-size:14px;line-height:1.5;white-space:normal}.draft-help{color:#43523c!important;font-size:13px!important;line-height:1.6!important;margin:16px 0!important}.draft-controls{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}.draft-controls .btn{display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;margin:0;min-height:48px;padding:14px 18px;line-height:1.4}.draft-secondary{background:#fafbf7;color:#34482c;border:1px solid #a8b59b;border-radius:28px}.draft-secondary:hover,.draft-secondary:focus-visible{background:#dde6d5;color:#20221e}.inquiry-form label{color:#34482c!important}.inquiry-form .field-hint,.inquiry-form .form-note{color:#43523c!important}
@media(max-width:520px){.inquiry-summary>div{padding:14px!important}.inquiry-summary th,.inquiry-summary td{padding:10px 8px!important;font-size:13px}.inquiry-summary th{width:38%!important}}
/* Emil Design Engineering: quiet rhythm, immediate feedback, accessible states. */
:root{--ui-ease:cubic-bezier(.23,1,.32,1);--ui-duration:160ms}
section:not(.hero):not(.page-hero):not(.software-section):not(.closing):not(.contact-section):not(.case-visual){padding-block:96px}.page-hero p{margin-bottom:0}.section-head{margin-bottom:40px}.reading h2,.case-story h2{margin-top:40px;margin-bottom:16px}.reading h3{margin-top:32px;margin-bottom:12px}.reading p{margin-bottom:20px}.byline{line-height:1.6}.project-copy p{max-width:55ch}.lab-callout h2{letter-spacing:-.035em}.reading figure{margin-block:40px}.related-links{gap:16px}.related-links a{line-height:1.5}
.btn,.nav-cta,.menu-toggle,.motion-toggle,.software-pause,.karbon-motion-toggle,.dialog-close,.stage-select button,.filter-btn,.chip-option,.social-link,.demo-controls button{transition:transform var(--ui-duration) var(--ui-ease),background-color var(--ui-duration) ease,color var(--ui-duration) ease,border-color var(--ui-duration) ease;touch-action:manipulation}
:is(.btn,.nav-cta,.menu-toggle,.motion-toggle,.karbon-motion-toggle,.dialog-close,.stage-select button,.filter-btn,.chip-option,.social-link,.demo-controls button):active{transform:scale(.97)}
:is(a,button,input,textarea,select,summary,canvas,[tabindex]):focus-visible{outline:2px solid #43583b;outline-offset:4px}.inquiry-form :is(input,select,textarea):focus-visible{outline-offset:2px;border-color:#526b4c}.inquiry-form :is(input,textarea)::placeholder{color:#62695c;opacity:1}.inquiry-form input,.inquiry-form textarea,.inquiry-form select{font-size:16px;line-height:1.5}.inquiry-form textarea{resize:vertical;min-height:152px}.form-guidance{font-size:13px;color:#43523c;margin:0 0 24px;line-height:1.6}.required-label{font-weight:400;font-size:12px;color:#52604a}.inquiry-form .field label{font-weight:500}.draft-controls{gap:12px}.inquiry-form #draft-actions:focus{outline:none}.inquiry-form #draft-actions:focus-visible{outline:2px solid #43583b;outline-offset:8px;border-radius:8px}
.filter-btn,.chip-option,.social-row a,.zoom-label{transition-property:transform,opacity,background-color,color,border-color;transition-duration:160ms;transition-timing-function:var(--ui-ease)}
.btn:hover,.btn-ghost:hover,.social-link:hover,.project-media:hover img,.studio-masonry figure:hover img,.zoom-media:hover img{transform:none}.capability-list a:hover{padding-left:0}.btn:hover svg{transform:none}
@media(hover:hover) and (pointer:fine){.btn:hover,.social-link:hover{transform:translateY(-1px)}.project-media:hover img,.studio-masonry figure:hover img,.zoom-media:hover img{transform:scale(1.01)}.btn:active,.social-link:active{transform:scale(.97)}}
html.keyboard-input :is(.btn,.nav-cta,.menu-toggle,.motion-toggle,.software-pause,.karbon-motion-toggle,.dialog-close,.stage-select button,.filter-btn,.chip-option,.social-link,.stage-panel,.demo-controls button){transition:none!important;transform:none!important}
@media(max-width:520px){section:not(.hero):not(.page-hero):not(.software-section):not(.closing):not(.contact-section):not(.case-visual){padding-block:64px}.section-head{margin-bottom:32px}.related-links{gap:12px}.related-links a{padding:12px 16px}.form-guidance{margin-bottom:24px}.required-label{font-size:11px}.inquiry-form .field label{font-size:14px}.reading h2{margin-top:32px}.reading figure{margin-block:32px}}
@media(prefers-reduced-motion:reduce){:is(.btn,.nav-cta,.menu-toggle,.social-link,.karbon-motion-toggle):active,.btn:hover,.social-link:hover,.project-media:hover img,.studio-masonry figure:hover img,.zoom-media:hover img{transform:none}.vc-motion-enabled .motion-reveal{opacity:1;translate:none;scale:1}}