@import url('./visual-media/fonts/fonts.css');
:root{--ink:#212521;--muted:#626962;--paper:#f7f7f2;--white:#fff;--dark:#151b19;--line:#dfe2d9;--gold:#d8c5a0;--green:#253f35;--font:'Noto Sans SC',sans-serif;color-scheme:light;font-family:var(--font);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto;}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.75;font-weight:400}h1,h2,h3,p,figure{margin:0}h1{font-size:52px;line-height:1.23;font-weight:600}h2{font-size:36px;line-height:1.34;font-weight:600}h3{font-size:24px;line-height:1.42;font-weight:500}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}a,button,summary,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ad8c4c;outline-offset:5px}button:disabled{opacity:.5;cursor:default}.shell{width:min(1184px,calc(100% - 96px));margin-inline:auto}.caption{font-size:12px;line-height:20px}.kicker{font-size:14px;line-height:22px;font-weight:500;margin-bottom:20px;color:var(--green)}.lead{font-size:18px;line-height:32px;margin-top:28px;max-width:560px}.skip{position:fixed;top:10px;left:20px;z-index:200;padding:8px 16px;background:white;transform:translateY(-200%)}.skip:focus{transform:none}.brand{display:block;flex:0 0 auto;width:220px}.brand img{width:100%;height:auto;aspect-ratio:4214/829;object-fit:contain}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--green);color:#fff;padding:12px 24px;font-size:14px;line-height:22px;font-weight:500;border:1px solid transparent;border-radius:4px;transition:background .18s}.btn:hover{background:#3b574b}.btn-small{background:var(--gold);color:#202820;min-height:40px;padding:8px 16px;white-space:nowrap}.btn-small:hover{background:#e7d7b9}.text-link,.text-button{font-size:14px;font-weight:500;line-height:24px;display:inline-block;border-bottom:1px solid currentColor;padding:6px 0;background:none;border-radius:0}.text-button{border:none;border-bottom:1px solid currentColor}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.page-hero{background:var(--dark);color:#f8f8f2;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;min-height:668px;padding-block:48px}.page-hero .kicker{color:var(--gold)}.page-hero p{color:#bec7c0}.page-hero .btn{background:var(--gold);color:var(--dark)}.page-hero .btn:hover{background:#e7d7b9}.page-hero.light{background:#e9ece4;color:var(--ink)}.light .kicker{color:var(--green)}.light p{color:var(--muted)}.light .btn{background:var(--green);color:#fff}.portrait-output{position:relative;max-width:320px;margin-inline:auto;width:100%;background:#202820;border:1px solid #ffffff26;border-radius:8px;overflow:hidden;box-shadow:0 16px 56px #0002}.portrait-output img{width:100%;object-fit:contain;aspect-ratio:9/16}.portrait-output figcaption{background:#202820;color:#fff;padding:14px 16px;font-size:14px;line-height:22px}.portrait-output figcaption span{display:block;font-size:12px;line-height:20px;color:#c1c9c1;margin-top:3px}.play{position:absolute;left:16px;right:16px;bottom:98px;background:#17201bea;border:1px solid #ffffff60;border-radius:4px;padding:10px 12px;font-size:14px;line-height:22px;color:#fff}.play:hover{background:#34453d}.path-strip{display:grid;grid-template-columns:repeat(3,1fr);padding-block:26px;border-bottom:1px solid var(--line)}.path-strip a{padding:4px 28px;border-right:1px solid var(--line)}.path-strip a:first-child{padding-left:0}.path-strip a:last-child{border:0}.path-strip strong{display:block;font-size:16px;font-weight:500}.path-strip span{font-size:14px;color:var(--muted)}.section{padding-block:84px}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:44px}.section-head>p{max-width:430px}.product-rows{border-top:1px solid var(--line)}.product-rows>a{display:grid;grid-template-columns:64px 1fr 32px;align-items:start;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.product-rows>a:hover h3{color:#4a6857}.product-rows .index{font-size:14px;color:#7b8479;padding-top:8px}.product-rows h3{font-size:24px;line-height:34px;margin-bottom:8px}.product-rows p{font-size:16px;max-width:800px}.product-rows>a>span:last-child{font-size:24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.reading{max-width:540px}.reading>p:not(.kicker){margin-top:20px}.reading>.text-link{margin-top:26px}.feature-list{margin:24px 0}.feature-list>div{padding:20px 0;border-bottom:1px solid var(--line)}dt{font-weight:500}dd{margin:8px 0 0;color:var(--muted)}.ui-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:64px}.ui-display{background:#e5e8df;padding:24px;border-radius:8px;text-align:center}.ui-display button{border:0;padding:0;background:transparent;width:100%;display:flex;justify-content:center}.ui-display img{width:auto;max-width:100%;max-height:610px;object-fit:contain;box-shadow:0 8px 24px #17201b24}.ui-display .caption{margin-top:16px}.ui-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-bottom:28px}.ui-tabs button{font-size:16px;font-weight:500;text-align:left;border:0;border-bottom:1px solid var(--line);padding:18px 14px;background:transparent;color:var(--muted)}.ui-tabs button[aria-selected=true]{color:var(--green);background:#e8ece3;border-left:3px solid var(--green)}.gallery-section{background:#e9ece4}.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.scene-card{min-width:0}.scene-card button{display:block;border:0;background:transparent;padding:0;width:100%;text-align:left;color:inherit}.scene-card img{aspect-ratio:768/1376;object-fit:contain;background:#d7dacd;border-radius:4px;transition:filter .2s}.scene-card a:hover img,.scene-card button:hover img{filter:brightness(1.05)}.scene-card figcaption{padding:18px 0 0}.scene-card strong{display:block;font-weight:500;font-size:18px;line-height:28px}.scene-card span{display:block;font-size:14px;color:var(--muted);margin-top:4px}.scene-card small{display:block;font-size:12px;color:#7b8479;margin-top:6px}.gallery-section .text-link{margin-top:32px}.wide-split{grid-template-columns:.8fr 1.2fr;gap:48px}.wide-output{background:#e3e7df;border-radius:8px;overflow:hidden}.wide-output img{width:100%;object-fit:contain;aspect-ratio:3152/1330}.wide-output figcaption{font-size:12px;line-height:20px;padding:12px 16px;color:var(--muted)}.purchase{display:flex;align-items:center;justify-content:space-between;gap:64px;padding:64px;background:#e6eadd;margin-block:32px 80px;border-radius:8px}.purchase p:not(.kicker){margin-top:20px;max-width:580px}.purchase .actions{max-width:200px;justify-content:flex-start;margin:0}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.columns article{border-top:1px solid #c7cdbf;padding-top:24px}.columns h2{font-size:28px;line-height:38px}.columns p{margin-top:16px}.scope{background:#e9ece4;padding:28px;margin-top:40px;border-radius:6px}.scope h3{font-size:20px}.scope p{margin-top:10px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.filters button{border:1px solid #bdc6b6;background:transparent;padding:8px 18px;border-radius:4px;font-size:14px;line-height:22px}.filters button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.solution-list{display:grid;gap:48px}.solution-list>article{padding:40px 0;border-top:1px solid var(--line)}.solution-list p{margin-top:20px;max-width:780px}.solution-list dl{margin-block:24px}.solution-list .text-link{margin-top:8px}.faq{border-top:1px solid var(--line);padding:20px 0}.faq:first-of-type{margin-top:24px}.faq summary{cursor:pointer;font-size:16px;font-weight:500}.faq p{padding-left:18px}.brief-form{max-width:850px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 200px;gap:28px}.brief-form label{display:block;font-size:14px;line-height:22px;font-weight:500}.brief-form input:not([type=checkbox]),.brief-form select,.brief-form textarea{display:block;width:100%;border:1px solid #bec6b9;border-radius:4px;padding:12px 14px;background:#fff;margin-top:10px;font-weight:400;font-size:16px;line-height:26px;color:var(--ink)}fieldset{border:0;padding:0;margin:32px 0}legend{font-size:14px;font-weight:500;margin-bottom:14px}.brief-form .check{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:400;line-height:26px;padding:8px 0}.check input{width:18px;height:18px;accent-color:var(--green);margin:0}.brief-form .caption{margin-top:24px}.brief-form pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font);font-size:16px;line-height:28px;background:#e9ece4;border:1px solid var(--line);border-radius:4px;padding:24px;margin-top:24px}.brief-form pre:empty{display:none}.site-footer{background:var(--dark);color:#e5e8df;padding-block:40px}.footer-inner{display:flex;gap:48px;align-items:center;justify-content:space-between}.site-footer p{color:#c8cec7;font-size:14px}.site-footer .caption{font-size:12px;margin-top:6px;max-width:420px}.site-footer a:last-child{font-size:14px;white-space:nowrap}dialog{border:1px solid #6d7969;background:#101612;color:#fff;border-radius:8px;padding:20px;width:min(920px,calc(100% - 40px));max-height:92dvh}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;font-size:16px;line-height:26px}.dialog-bar strong{font-weight:500}.dialog-bar button{background:none;color:white;border:1px solid #61725f;border-radius:4px;padding:6px 14px;font-size:14px}#media-content{display:flex;justify-content:center}#media-content img,#media-content video{width:auto;max-width:100%;max-height:calc(90dvh - 156px);object-fit:contain}#media-note{margin-top:16px;color:#c3ccc1}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}
@media(min-width:1440px){.hero-grid{gap:112px}.portrait-output{max-width:340px}}
@media(max-width:1199px){.shell{width:calc(100% - 64px)}.hero-grid{gap:48px}.section-head{gap:48px}.purchase{padding:48px}.ui-layout{gap:40px}}
@media(max-width:850px){h1{font-size:44px;line-height:56px}.hero-grid{gap:40px;grid-template-columns:1.15fr .85fr;min-height:620px}.portrait-output{max-width:285px}.scene-grid{gap:18px}.scene-card strong{font-size:16px}.footer-inner{gap:24px}.site-footer .brand{width:180px}}
@media(max-width:767px){html{}.shell{width:calc(100% - 40px)}body{font-size:15px;line-height:26px}h1{font-size:34px;line-height:44px}h2{font-size:28px;line-height:38px}h3{font-size:20px;line-height:30px}.hero-grid{grid-template-columns:1fr;gap:36px;padding-block:44px 36px;min-height:0}.lead{font-size:16px;line-height:28px;margin-top:22px}.kicker{font-size:14px;line-height:22px;margin-bottom:16px}.actions{gap:20px;margin-top:26px}.portrait-output{max-width:280px}.path-strip{grid-template-columns:1fr;padding-block:12px}.path-strip a,.path-strip a:first-child{padding:14px 0;border-right:0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.path-strip a:last-child{border-bottom:0}.path-strip strong,.path-strip span{font-size:14px}.section{padding-block:52px}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.product-rows>a{grid-template-columns:28px 1fr 20px;gap:12px;padding-block:24px}.product-rows h3{font-size:20px;line-height:30px;margin-bottom:8px}.product-rows p{font-size:15px;line-height:26px}.product-rows .index{font-size:12px;padding-top:5px}.split,.wide-split{grid-template-columns:1fr;gap:32px}.ui-layout{grid-template-columns:1fr;gap:28px}.ui-display{padding:16px}.ui-display img{max-height:600px}.ui-tabs{margin-bottom:24px}.ui-tabs button{font-size:15px;padding-block:14px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.scene-card figcaption{padding-top:12px}.scene-card strong{font-size:16px;line-height:26px}.scene-card span{font-size:12px;line-height:20px}.scene-card small{font-size:12px;line-height:20px}.purchase{flex-direction:column;align-items:start;gap:28px;padding:28px;margin-block:12px 52px;width:calc(100% - 40px)}.purchase .actions{max-width:none;gap:20px;display:flex;flex-direction:column;align-items:start}.columns{grid-template-columns:1fr;gap:28px}.columns h2{font-size:24px;line-height:34px}.scope{padding:22px;margin-top:32px}.filters{gap:8px;margin-bottom:26px}.filters button{padding:8px 14px}.solution-list{gap:20px}.solution-list>article{padding:28px 0}.solution-list p{margin-top:16px}.form-grid{grid-template-columns:1fr;gap:24px}.brief-form .check{font-size:15px}.brief-form pre{font-size:15px;line-height:26px;padding:20px}.footer-inner{flex-direction:column;align-items:start;gap:24px}.site-footer{padding-block:36px}.site-footer .brand{width:200px}dialog{padding:16px;width:calc(100% - 24px)}.dialog-bar{font-size:14px;gap:14px}#media-content img,#media-content video{max-height:calc(90dvh - 180px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:851px) and (max-width:1050px){.btn-small{padding-inline:12px}}
.workflow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.workflow li{padding-top:24px;border-top:1px solid #bdc6b6}.workflow span{font-size:14px;line-height:22px;color:#7b8479}.workflow h3{font-size:20px;line-height:30px;margin-block:18px 12px}.workflow p{font-size:16px;line-height:28px}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 64px}.application-grid article{border-top:1px solid #bdc6b6;padding-top:28px}.application-grid article>p:not(.kicker){margin-top:16px}.application-grid .text-link{margin-top:20px}@media(max-width:1050px){.workflow{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:767px){.workflow,.application-grid{grid-template-columns:1fr;gap:28px}.workflow h3{margin-block:12px 10px}.workflow p{font-size:15px;line-height:26px}}
#media-dialog[data-kind=ui] #media-content img{width:640px;max-height:none}.dialog-bar{position:sticky;top:0;background:#101612;padding-bottom:10px;z-index:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#brief-fields{margin:0}
@media(max-width:767px){.dialog-bar button,.filters button{min-height:44px}.text-link,.text-button{min-height:44px}}

/* R3: a complete editorial product site, one type scale and one set of components. */
.asset-note{display:block;font-size:12px;line-height:22px;color:var(--muted);margin:-6px 0 18px}
:root{--paper:#f7f7f2;--muted:#626962;--radius:8px}
[hidden]{display:none!important}h1,h2{font-weight:500}h1{font-size:56px;line-height:1.26}h2{font-size:36px;line-height:1.36}h3{font-weight:500}.kicker{letter-spacing:.035em}.caption{font-size:13px;line-height:22px}.section-head{gap:64px}.section-head>p{max-width:480px}.section-link{margin-top:32px}.card-index,.product-rows .index,.workflow span,.scene-card small{color:var(--muted)}
body:has(dialog[open]){overflow:hidden}
.page-hero:not(.light){background:radial-gradient(ellipse at 70% 20%,#344238 0,transparent 55%),var(--dark)}.hero-grid{gap:64px;min-height:690px;padding-block:56px}.page-hero .lead{font-size:18px;line-height:32px}.hero-grid>div{min-width:0}.page-hero .wide-output{background:#202820;border:1px solid #ffffff28}.page-hero .wide-output figcaption{background:#202820;color:#c9d1c9}.page-hero.light .wide-output{background:#fff}.page-hero.light .wide-output figcaption{background:#fff;color:var(--muted)}.asset-portrait img{aspect-ratio:768/1376}.portrait-output{border-radius:var(--radius)}.portrait-output .play{bottom:94px}.light .portrait-output{box-shadow:0 20px 50px #29362718}
.section-nav{position:sticky;top:88px;z-index:30;background:#f7f7f2f5;backdrop-filter:blur(12px);border-block:1px solid var(--line)}.section-nav>.shell{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:64px}.section-nav strong{font-size:14px;font-weight:500;white-space:nowrap}.section-nav>.shell>div{display:flex;gap:28px;overflow-x:auto;scrollbar-width:thin}.section-nav a{font-size:14px;line-height:24px;padding-block:20px;white-space:nowrap}.section-nav a:hover,.section-nav a[aria-current]{color:var(--green);box-shadow:inset 0 -2px var(--green)}html{}
.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;grid-template-rows:1fr 1fr}.story-grid>a{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.story-grid>a:hover{border-color:#abb9a5;box-shadow:0 10px 26px #2636290a}.story-feature{grid-row:span 2;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center}.story-feature img{width:100%;height:auto;aspect-ratio:768/1376;object-fit:contain;background:#e4e7de}.story-feature>div{padding:30px 26px}.story-grid h3{font-size:24px;line-height:34px}.story-grid p:not(.kicker){font-size:15px;line-height:26px;margin-top:18px}.story-grid .kicker{font-size:12px;line-height:22px;margin-bottom:14px}.story-grid .text-link{margin-top:22px}.story-small{display:grid;grid-template-columns:128px 1fr;align-items:center}.story-small img{width:128px;height:100%;object-fit:contain;background:#e9ece4}.story-small>div{padding:24px}.story-small h3{font-size:22px;line-height:32px}.story-small p:not(.kicker){margin-top:12px}
.product-rows .kicker{font-size:12px;margin:0 0 10px}.product-rows>a{padding:30px 12px 30px 0;transition:background .2s}.product-rows>a:hover{background:#edf0e8}.product-rows h3{font-size:25px;font-weight:500}.product-rows p:not(.kicker){max-width:780px}.product-rows .index{font-size:16px;padding-top:0}.product-rows>a>span:last-child{padding-top:22px}.ui-tabs button{display:flex;gap:18px;align-items:center}.ui-tabs button>span{font-size:12px;color:var(--muted)}.ui-display{border:1px solid #dce2d5;padding:28px;background:#e8ece2}.ui-display img{max-height:660px}.ui-display button{cursor:zoom-in}.ui-layout{gap:72px}.ui-display .caption{font-size:12px}.ui-tabs button[aria-selected=true]{border-left:0;box-shadow:inset 3px 0 var(--green)}
.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.partner-grid>a{padding:40px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.partner-grid h3{font-size:28px;line-height:40px}.partner-grid p:not(.kicker){margin-top:22px}.partner-grid .text-link{margin-top:26px}.partner-grid>a:hover{border-color:#a6b59f}.showroom-section{background:var(--dark);color:#f7f7f2}.showroom-section p{color:#c2ccc3}.showroom-section .kicker{color:var(--gold)}.showroom-section .application-grid article{border-color:#ffffff30}.showroom-section .application-grid{margin-top:36px}.showroom-section .wide-output{background:#202820;border:1px solid #ffffff20}.showroom-section figcaption{background:#202820;color:#c2ccc3}
.detail-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.detail-cards article{padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.card-index{display:block;font-size:13px;line-height:22px;margin-bottom:32px;font-variant-numeric:tabular-nums}.detail-cards h3{font-size:22px;line-height:32px;margin-bottom:16px}.detail-cards p{font-size:16px;line-height:28px}.feature-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.feature-groups>article>h3{padding-bottom:24px;border-bottom:2px solid var(--green)}.spec-list{margin:0}.spec-list>div{display:grid;grid-template-columns:160px 1fr;gap:32px;padding:24px 0;border-bottom:1px solid var(--line)}.spec-list dt{font-size:16px;line-height:28px;font-weight:500}.spec-list dd{margin:0;font-size:16px;line-height:28px;max-width:850px}.feature-groups .spec-list>div{grid-template-columns:1fr;gap:8px;padding-block:24px}.feature-groups .spec-list dd{font-size:15px;line-height:26px}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px}.two-up .spec-list>div{grid-template-columns:1fr;gap:8px}.scope{margin-top:36px;border-radius:6px;background:#edf0e8}.scope h3{font-size:22px;line-height:32px;margin-bottom:12px}.scope .text-link{margin-top:20px}.workflow{gap:28px}.workflow h3{font-weight:500}
.flow-visual{background:#1b2821;color:#f4f7f0;padding:32px 36px;border-radius:var(--radius);border:1px solid #ffffff1f;box-shadow:0 20px 56px #0001}.flow-visual .kicker{color:var(--gold)}.flow-visual>div{position:relative;padding:22px 0 22px 48px;border-top:1px solid #ffffff26}.flow-visual>div>span{position:absolute;left:0;font-size:13px;color:var(--gold)}.flow-visual strong{font-size:23px;font-weight:500;line-height:34px;display:block}.flow-visual p:not(.kicker){font-size:14px;line-height:24px;margin-top:8px;color:#c2ccc3}.light .flow-visual p:not(.kicker){color:#c2ccc3}.light .flow-visual .kicker{color:var(--gold)}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.related-grid>a{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:white;display:flex;flex-direction:column;align-items:start}.related-grid>a:hover{border-color:#a6b59f}.related-grid h3{font-size:21px;line-height:31px;margin-bottom:18px}.related-grid .kicker{font-size:12px;margin-bottom:16px}.related-grid .text-link{margin-top:auto;padding-top:26px}.related-grid p:not(.kicker){margin-bottom:12px;font-size:15px;line-height:26px}
.faq-list{margin-top:24px}.faq{border-bottom:1px solid var(--line);padding:0}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:18px;line-height:30px;font-weight:500;padding:24px 0}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:var(--muted);font-size:20px;transition:transform .2s}.faq[open] summary>span{transform:rotate(45deg)}.faq p{margin:0;padding:0 44px 24px 0;font-size:16px;line-height:28px;max-width:950px}.faq-groups{display:grid;grid-template-columns:1fr 1fr;gap:48px 64px}.faq-groups>div>h3{color:var(--green)}.faq-groups .faq summary{font-size:16px}.filter-status{margin-bottom:28px}.filters{margin-bottom:12px}.scene-grid{row-gap:40px}.scene-card button,.scene-card a{cursor:zoom-in}.scene-card img{aspect-ratio:768/1376;object-fit:contain}.scene-card small{font-size:12px}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solution-grid>a{background:#fff;padding:32px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:start;min-height:290px}.solution-grid>a:hover{border-color:#a6b59f}.solution-grid h3{font-size:24px;line-height:34px}.solution-grid p{margin-top:16px}.solution-grid .text-link{margin-top:auto;padding-top:24px}.industry-stories{display:grid;grid-template-columns:1fr 1fr;gap:32px}.industry-stories article{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:28px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.industry-stories img{width:100%;height:auto;aspect-ratio:768/1376;object-fit:contain;border-radius:4px}.industry-stories h3{font-size:23px;line-height:33px}.industry-stories p:not(.kicker){margin-top:18px;font-size:15px;line-height:26px}.industry-stories .text-link{margin-top:20px}.industry-stories .kicker{font-size:12px;margin-bottom:14px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:36px;border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.demo-grid article{display:flex;flex-direction:column;align-items:center}.demo-grid .text-link{margin-top:24px}.guide-steps{list-style:none;margin:0;padding:0;max-width:950px}.guide-steps li{display:grid;grid-template-columns:80px 1fr;gap:30px;border-top:1px solid var(--line);padding:36px 0}.guide-steps li>span{font-size:22px;line-height:34px;color:var(--green)}.guide-steps h3{margin-bottom:16px}.guide-steps .caption{margin-top:16px}
.product-map{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.map-input{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-map a{padding:30px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.product-map small{font-size:13px;line-height:22px;color:var(--muted);margin-bottom:12px}.product-map strong{font-weight:500;font-size:21px;line-height:31px}.product-map span{font-size:14px;line-height:24px;margin-top:14px;color:var(--muted)}.product-map .map-core{background:var(--green);color:#fff;border-color:var(--green)}.map-core span,.map-core small{color:#d1dccd}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}table{width:100%;border-collapse:collapse;text-align:left;min-width:680px}th,td{padding:22px 24px;border-bottom:1px solid var(--line);font-size:15px;line-height:26px;vertical-align:top}th{font-weight:500}thead{background:#edf0e8}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}td{color:var(--muted)}td a{color:var(--green);border-bottom:1px solid currentColor}
.consult-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.consult-layout>aside{position:sticky;top:180px}.consult-layout .spec-list{margin-top:24px}.consult-layout .spec-list>div{grid-template-columns:1fr;gap:8px}.consult-layout>aside>.caption{margin-top:26px}.brief-form{padding:36px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.brief-form label{display:block}.brief-form input,.brief-form select,.brief-form textarea{border-radius:4px}.brief-form input[type=checkbox]{accent-color:var(--green);width:18px;height:18px;flex:0 0 18px}.brief-form .check{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:15px;line-height:26px}.brief-form fieldset:not(#brief-fields){border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-block:28px}.brief-form fieldset:not(#brief-fields) legend{padding:0 0 12px;font-weight:500}.brief-form #brief-fields{border:0;padding:0;min-width:0}.brief-form textarea{resize:vertical;min-height:160px}.brief-form #brief-status{margin-top:20px}.brief-form pre{font-family:var(--font);white-space:pre-wrap;overflow-wrap:anywhere;background:#edf0e8;border:1px solid var(--line);margin-top:24px;color:var(--ink);font-size:15px;line-height:27px}.form-grid{gap:20px}
.footer-top{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:48px}.footer-top>div>p{color:#d0d9cd;margin-top:26px}.footer-top>div>.caption{margin-top:10px;color:#acb6ad}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-links>div{display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:24px}.footer-links strong{font-weight:500;color:#e7ede3;margin-bottom:8px}.footer-links a{color:#b8c3b8}.footer-links a:hover{color:var(--gold)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding-top:24px;border-top:1px solid #ffffff24;color:#b8c3b8;font-size:12px;line-height:22px}.site-footer{padding-block:56px 32px;background:#151b19}.purchase{border-radius:var(--radius);padding:48px;background:#e6ebdf;border:1px solid #d6dfce}.purchase h2{font-size:34px;line-height:46px}.purchase p{max-width:630px}
@media(min-width:851px) and (max-width:1050px){.section-nav>.shell{gap:20px}.section-nav strong{display:none}.section-nav>.shell>div{justify-content:space-between;width:100%;gap:18px}.hero-grid{gap:40px}.story-grid{grid-template-columns:1fr}.story-feature{grid-row:auto;grid-column:1/-1;grid-template-columns:.5fr 1fr;max-height:400px}.story-feature img{height:400px;object-fit:contain}.story-grid .story-small{grid-template-columns:140px 1fr}.feature-groups{gap:24px}.detail-cards article{padding:24px}.industry-stories{grid-template-columns:1fr}.consult-layout{grid-template-columns:.7fr 1.3fr;gap:36px}}
@media(max-width:389px){h1{font-size:30px!important;line-height:40px!important}}
@media(max-width:850px){.section-nav strong{display:none}.section-nav>.shell>div{width:100%;gap:24px}.detail-cards,.related-grid,.solution-grid{grid-template-columns:1fr 1fr}.feature-groups{grid-template-columns:1fr;gap:36px}.feature-groups .spec-list>div{grid-template-columns:160px 1fr;gap:32px}.story-grid{grid-template-columns:1fr}.story-feature{grid-row:auto;grid-template-columns:180px 1fr}.story-small{grid-template-columns:128px 1fr}.story-feature img{max-height:400px}.hero-grid{gap:36px}.industry-stories{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:40px}.consult-layout{grid-template-columns:1fr;gap:36px}.consult-layout>aside{position:static}.two-up{gap:32px}}
@media(max-width:767px){h1{font-size:34px;line-height:44px}h2{font-size:28px;line-height:38px}.hero-grid{min-height:0;padding-block:44px 40px;gap:36px}.page-hero .lead{font-size:16px;line-height:28px}.section-nav{top:72px}.section-nav>.shell{min-height:56px;width:calc(100% - 40px)}.section-nav a{padding-block:16px;font-size:13px}.section-nav>.shell>div{gap:22px}.section-head{gap:18px}.story-grid{gap:20px}.story-feature{grid-template-columns:116px 1fr}.story-feature img{height:100%;max-height:none}.story-feature>div{padding:24px 20px}.story-grid h3,.story-small h3{font-size:20px;line-height:30px}.story-grid .kicker{font-size:11px;line-height:20px;margin-bottom:12px}.story-grid p:not(.kicker){font-size:14px;line-height:24px;margin-top:12px}.story-small{grid-template-columns:104px 1fr}.story-small img{width:104px;min-height:185px}.story-small>div{padding:22px 20px}.product-rows h3{font-size:20px;line-height:30px}.product-rows .index{font-size:13px}.product-rows .kicker{font-size:12px;margin-bottom:8px}.product-rows>a{padding-block:24px}.product-rows>a>span:last-child{padding-top:24px}.detail-cards,.related-grid,.solution-grid{grid-template-columns:1fr;gap:20px}.detail-cards article{padding:26px}.detail-cards h3{font-size:20px;line-height:30px}.detail-cards p{font-size:15px;line-height:26px}.card-index{margin-bottom:20px}.feature-groups .spec-list>div,.spec-list>div{grid-template-columns:1fr;gap:10px;padding-block:22px}.spec-list dt,.spec-list dd{font-size:15px;line-height:26px}.two-up{grid-template-columns:1fr;gap:32px}.flow-visual{padding:28px}.flow-visual strong{font-size:22px;line-height:32px}.flow-visual>div{padding-left:38px}.ui-layout{gap:28px}.ui-display{padding:18px}.ui-display img{max-height:600px}.partner-grid{grid-template-columns:1fr;gap:20px}.partner-grid>a{padding:28px}.partner-grid h3{font-size:24px;line-height:34px}.showroom-section .application-grid{margin-top:30px}.industry-stories article{grid-template-columns:112px 1fr;gap:18px;padding:18px}.industry-stories h3{font-size:20px;line-height:30px}.industry-stories p:not(.kicker){font-size:14px;line-height:24px;margin-top:12px}.industry-stories .kicker{font-size:11px;line-height:20px}.industry-stories .text-link{font-size:13px;line-height:23px;margin-top:14px}.demo-grid{grid-template-columns:1fr;gap:40px;padding:24px}.faq-groups{grid-template-columns:1fr;gap:36px}.faq summary{font-size:16px;line-height:27px;padding-block:22px}.faq p{font-size:15px;line-height:26px;padding-right:24px}.scope{padding:24px}.scope h3{font-size:20px;line-height:30px}.solution-grid>a{min-height:0;padding:28px}.solution-grid h3{font-size:22px;line-height:32px}.guide-steps li{grid-template-columns:36px 1fr;gap:16px;padding-block:28px}.guide-steps li>span{font-size:18px;line-height:30px}.guide-steps .caption{font-size:12px;line-height:22px}.product-map{grid-template-columns:1fr;gap:20px}.map-input{grid-template-columns:1fr;gap:20px}.product-map a{padding:26px}.product-map strong{font-size:20px;line-height:30px}.table-scroll{margin-bottom:10px}.consult-layout{gap:28px}.brief-form{padding:24px}.form-grid{grid-template-columns:1fr;gap:22px}.brief-form pre{padding:18px}.footer-links{grid-template-columns:1fr 1fr;gap:30px 24px}.footer-bottom{align-items:start;flex-direction:column;gap:12px;margin-top:36px}.site-footer{padding-block:42px 28px}.footer-top{gap:36px}.footer-top .brand{width:200px}.purchase{padding:28px;margin-block:16px 52px}.purchase h2{font-size:28px;line-height:38px}html{}}

/* Clear destinations remain visible without shrinking the original brand mark. */
.delivery-note{font-size:15px;line-height:27px;max-width:860px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.brand-definition{display:flex;align-items:start;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-top:28px;margin-top:32px}.brand-definition p{max-width:780px;margin:0;font-size:16px;line-height:29px}.brand-definition .text-link{flex-shrink:0;padding-top:3px}.section-link{display:inline-block;margin-top:32px}#technology .detail-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:767px){.brand-definition{flex-direction:column;gap:18px;margin-top:24px;padding-top:24px}.brand-definition p{font-size:15px;line-height:27px}#technology .detail-cards{grid-template-columns:1fr}}
.breadcrumbs{background:#151b19;color:#bec8bd;font-size:13px;line-height:22px}
.breadcrumbs>.shell{display:flex;gap:12px;align-items:center;min-height:44px;padding-block:10px;flex-wrap:wrap}
.breadcrumbs a{color:#e5e8df;text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){.breadcrumbs>.shell{gap:8px;min-height:40px}}

/* Industry display follows the same hierarchy as the function exhibition. */
.application-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:32px}.application-tabs button{min-height:48px;border:1px solid #b9c4b4;padding:10px 22px;border-radius:4px;background:transparent;color:var(--ink);font-size:14px}.application-tabs button[aria-selected=true]{background:var(--green);color:#fff;border-color:var(--green)}.application-view{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;background:var(--white);padding:40px;border:1px solid var(--line);border-radius:8px}.application-picture{width:100%;max-width:320px;margin:auto}.application-picture button{display:block;padding:0;border:0;background:#edf0e7;width:100%}.application-picture img{width:100%;height:auto;max-height:440px;object-fit:contain}.application-picture figcaption{font-size:12px;line-height:22px;color:var(--muted);margin-top:14px}.application-picture.landscape{max-width:none}.application-picture.landscape img{max-height:none;aspect-ratio:3152/1330}.application-reading h3{font-size:30px;line-height:42px}.application-reading>p:not(.kicker){margin-top:22px}.application-capabilities{padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--green)}.application-reading .actions{gap:20px}.section-nav-scroll{border:0;background:transparent;color:var(--green);min-width:40px;min-height:44px;font-size:24px;padding:0;flex-shrink:0}.section-nav .section-nav-track{scrollbar-width:none}.section-nav-track::-webkit-scrollbar{display:none}
@media(max-width:850px){.application-view{gap:32px;padding:28px}.application-reading h3{font-size:26px;line-height:36px}}
@media(max-width:767px){.application-view{grid-template-columns:1fr;padding:24px;gap:28px}.application-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.application-tabs button{padding:10px 12px}.application-picture img{max-height:380px}.application-reading h3{font-size:24px;line-height:34px}.application-reading .actions{margin-top:24px}.section-nav>.shell{gap:8px}.section-nav>.shell>.section-nav-track{gap:22px}}

/* Results: complete footage, industry collections and maintainable client evidence. */
.proof-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.proof-preview-grid>a{display:grid;grid-template-columns:minmax(110px,.65fr) minmax(0,1fr);gap:28px;background:#fff;padding:24px;border:1px solid var(--line);align-items:center}.proof-preview-grid img{width:100%;height:auto;max-height:320px;object-fit:contain;background:#eff0e9}.proof-preview-grid h3{margin:12px 0 16px}.proof-preview-grid .text-link{display:inline-block;margin-top:20px}.proof-preview-brands{margin-top:44px}.proof-preview-brands>h3{margin-bottom:20px}.brand-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-wall>div{min-height:128px;background:#fff;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center}.brand-wall img{max-width:100%;height:64px;object-fit:contain}.brand-wall small{color:var(--muted);font-size:13px}.brand-wall--pending>div{border-style:dashed;background:transparent;color:var(--muted)}.brand-wall+.caption{margin-top:20px}.proof-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}.proof-video-grid .portrait-output{width:100%;max-width:300px;margin-inline:auto}.proof-video-grid h3{margin:24px 0 12px}.proof-video-grid .text-link{display:inline-block;margin-top:16px}.proof-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.proof-category-grid>a{background:#fff;border:1px solid var(--line)}.proof-category-grid img{width:100%;height:auto;display:block}.proof-category-grid>a>div{padding:14px}.proof-category-grid h3{font-size:17px;line-height:27px}.proof-category-grid span{font-size:13px;color:var(--muted)}.client-proof-pending{display:flex;gap:36px;align-items:center;justify-content:space-between;padding:32px;border:1px solid var(--line)}.client-proof-pending h3{margin:12px 0 18px}.client-proof-pending p{max-width:720px}.client-proof-pending>a{white-space:nowrap}.client-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.proof-client-card img{width:100%;height:auto;max-height:540px;object-fit:contain}.proof-client-card>button{background:transparent;border:0;padding:0;width:100%}.proof-client-card>p,.proof-client-card>h3,.proof-client-card>dl{margin-top:16px}.proof-client-card dd{margin:0;color:var(--muted)}.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.contact-cards article,.contact-pending{padding:28px;border:1px solid var(--line);background:#fff}.contact-cards h3{font-size:21px;overflow-wrap:anywhere;margin:12px 0 16px}.contact-cards a{text-decoration:underline;text-underline-offset:5px}.contact-qr{width:180px;max-width:100%;height:auto}.contact-pending p{margin-top:14px}
@media(max-width:1050px){.proof-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.proof-preview-grid>a{gap:20px;padding:20px}.proof-preview-grid h3{font-size:21px}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.proof-preview-grid,.proof-video-grid,.client-proof-grid,.contact-cards{grid-template-columns:1fr}.proof-preview-grid>a{grid-template-columns:minmax(95px,.6fr) minmax(0,1fr);gap:20px;padding:18px}.proof-preview-grid h3{font-size:20px}.proof-preview-grid p{font-size:14px}.proof-preview-grid .kicker{font-size:11px}.proof-preview-grid .text-link{font-size:14px}.proof-preview-brands{margin-top:32px}.brand-wall{grid-template-columns:1fr}.brand-wall>div{min-height:96px;padding:20px}.proof-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.proof-category-grid>a>div{padding:12px}.proof-category-grid h3{font-size:16px}.client-proof-pending{flex-direction:column;align-items:flex-start;padding:24px;gap:24px}.proof-video-grid{gap:44px}.contact-cards article,.contact-pending{padding:24px}}

/* Text pages carry an introduction, without reserving space for absent media. */
.page-hero.hero--text .hero-grid {
  grid-template-columns: minmax(0, 1fr);
  min-height: 380px;
  padding-block: 60px;
  gap: 0;
}
.page-hero.hero--text .hero-grid > div { max-width: 900px; }
.page-hero.hero--text h1 { max-width: 900px; }
.page-hero.hero--text .lead { max-width: 760px; }
@media (max-width: 767px) {
  .page-hero.hero--text .hero-grid { min-height: 0; padding-block: 40px; }
}

/* Shared navigation: one desktop menu and one single-column drawer. */
:root { --site-header-height: 88px; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--dark);
  color: #f7f7f0;
  border-bottom: 1px solid #ffffff1a;
}
.site-header .header-inner {
  height: var(--site-header-height);
  display: flex;
  align-items: center;
  gap: 24px;
}
.site-header .brand { width: 200px; flex: 0 0 auto; }
.desktop-nav { display: flex; align-items: center; gap: 20px; margin-left: auto; }
.nav-group { position: relative; }
.desktop-nav > .nav-direct,
.nav-group > summary {
  position: relative;
  display: flex;
  align-items: center;
  min-height: var(--site-header-height);
  padding: 0;
  color: #e5e9e3;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}
.nav-group > summary,
.mobile-nav > summary,
.mobile-group > summary { list-style: none; cursor: pointer; }
.nav-group > summary::-webkit-details-marker,
.mobile-nav > summary::-webkit-details-marker,
.mobile-group > summary::-webkit-details-marker { display: none; }
.nav-group > summary::marker,
.mobile-nav > summary::marker,
.mobile-group > summary::marker { content: ''; }
.desktop-nav > .nav-direct:hover,
.nav-group > summary:hover,
.nav-group[open] > summary,
.nav-group > summary.selected,
.desktop-nav > .nav-direct[aria-current='page'] { color: var(--gold); }
.nav-group > summary.selected::after,
.desktop-nav > .nav-direct[aria-current='page']::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: var(--gold);
}
.site-header .chevron {
  display: inline-block;
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  margin-left: 9px;
  transition: transform .16s;
}
.nav-group[open] > summary .chevron,
.mobile-group[open] > summary .chevron { transform: translateY(2px) rotate(225deg); }
.nav-panel {
  position: absolute;
  top: calc(100% - 1px);
  left: -18px;
  width: 372px;
  max-width: calc(100vw - 40px);
  max-height: calc(100dvh - var(--site-header-height) - 20px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px;
  background: var(--white);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 18px 40px #0003;
  transform: translateX(var(--nav-panel-shift, 0px));
}
.nav-panel--simple { width: 320px; }
.desktop-nav > .nav-group:last-child > .nav-panel { left: auto; right: -18px; }
.nav-group:not([open]) > .nav-panel,
.mobile-nav:not([open]) > .mobile-panel,
.mobile-group:not([open]) > .mobile-group-links { display: none; }
.nav-panel a,
.mobile-group-links a {
  display: block;
  padding: 12px 14px;
  border-radius: 3px;
  line-height: 23px;
}
.nav-panel a:hover,
.nav-panel a:focus-visible,
.mobile-group-links a:hover,
.mobile-group-links a:focus-visible { background: #edf0e8; }
.nav-panel a[aria-current='page'],
.mobile-group-links a[aria-current='page'] { background: #e7ece2; color: var(--green); }
.nav-panel strong,
.mobile-group-links strong { display: block; font-size: 14px; line-height: 23px; font-weight: 500; }
.nav-panel a > span,
.mobile-group-links a > span { display: block; margin-top: 3px; font-size: 12px; line-height: 21px; color: var(--muted); }
.nav-panel-intro { border-bottom: 1px solid var(--line); padding-bottom: 8px; margin-bottom: 8px; }
.nav-panel-items { display: grid; grid-template-columns: 1fr; gap: 2px; }
.nav-panel-aux { border-top: 1px solid var(--line); padding-top: 8px; margin-top: 8px; }
.header-actions { display: flex; align-items: center; gap: 18px; flex: 0 0 auto; }
.price-link { font-size: 13px; line-height: 24px; white-space: nowrap; }
.price-link:hover { color: var(--gold); }
.mobile-nav { display: none; }
.site-footer .footer-links a { white-space: normal; overflow-wrap: break-word; }

@media (max-width: 1199px) {
  .desktop-nav,
  .header-actions > .price-link { display: none; }
  .header-actions { margin-left: auto; gap: 18px; }
  .mobile-nav { display: block; }
  .mobile-nav > summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 0 8px 8px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
  }
  .menu-icon { position: relative; display: block; width: 19px; height: 16px; }
  .menu-icon::before,
  .menu-icon::after {
    content: '';
    position: absolute;
    left: 0;
    width: 19px;
    height: 1.5px;
    background: currentColor;
    transition: transform .16s, top .16s;
  }
  .menu-icon::before { top: 4px; }
  .menu-icon::after { top: 11px; }
  .mobile-nav[open] .menu-icon::before { top: 7px; transform: rotate(45deg); }
  .mobile-nav[open] .menu-icon::after { top: 7px; transform: rotate(-45deg); }
  .mobile-panel {
    position: fixed;
    inset: var(--site-header-height) 0 0;
    display: block;
    height: calc(100dvh - var(--site-header-height));
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 12px clamp(24px, 4vw, 48px) calc(28px + env(safe-area-inset-bottom));
    background: var(--white);
    color: var(--ink);
    border-top: 1px solid var(--line);
  }
  .mobile-panel > .nav-direct,
  .mobile-group > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    padding: 14px 0;
    border-bottom: 1px solid var(--line);
    color: var(--ink);
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
  }
  .mobile-panel > .nav-direct[aria-current='page'],
  .mobile-group > summary.selected,
  .mobile-group[open] > summary { color: var(--green); }
  .mobile-panel > .nav-direct[aria-current='page'] { box-shadow: inset 3px 0 var(--green); padding-left: 14px; }
  .mobile-group-links { padding: 8px 0 12px 12px; border-bottom: 1px solid var(--line); }
  .mobile-group-links a { padding: 12px 14px; }
  .mobile-group-links strong { font-size: 15px; line-height: 25px; }
  .mobile-group-links a > span { font-size: 13px; line-height: 22px; }
  .mobile-utilities { margin-top: 22px; padding-top: 12px; border-top: 1px solid var(--line); }
  .mobile-utilities a { display: block; padding: 10px 0; font-size: 14px; line-height: 24px; color: var(--muted); }
  .mobile-utilities a:hover,
  .mobile-utilities a[aria-current='page'] { color: var(--green); }
  .mobile-panel > .mobile-consult { display: flex; width: 100%; margin-top: 20px; }
  .site-menu-open .header-actions > .header-consult { display: none; }
  html.site-menu-open,
  body.site-menu-open { overflow: hidden; overscroll-behavior: none; }
}
@media (max-width: 767px) {
  :root { --site-header-height: 72px; }
  .site-header .header-inner { gap: 12px; }
  .site-header .brand { width: min(200px, calc(100vw - 132px)); }
  .header-actions { gap: 12px; }
  .header-actions > .header-consult { display: none; }
  .mobile-panel { padding-inline: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .chevron,
  .menu-icon::before,
  .menu-icon::after { transition: none; }
}

/* Anchor spacing follows the visible header; detail pages include the local directory. */
html{scroll-padding-top:calc(var(--site-header-height) + 20px)}
html:has(.section-nav){scroll-padding-top:calc(var(--site-header-height) + 80px)}