:root{
  --ink:#071218;--ink-2:#0d1c23;--panel:#10252d;--paper:#edf1ed;--muted:#9eaba9;
  --accent:#8fe3d1;--accent-2:#d9ff77;--line:rgba(255,255,255,.14);--dark-line:rgba(7,18,24,.14);
  --max:1440px;--pad:clamp(22px,4vw,72px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;height:90px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;z-index:50;border-bottom:1px solid transparent;transition:.3s;background:linear-gradient(180deg,rgba(3,10,14,.65),transparent)}.site-header.scrolled{height:72px;background:rgba(7,18,24,.88);backdrop-filter:blur(18px);border-bottom-color:var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;color:var(--accent)}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font:800 18px/1 "Manrope",sans-serif;letter-spacing:.16em}.brand small{margin-top:5px;font-size:11px;letter-spacing:.32em;color:#b8c5c4}.desktop-nav{display:flex;gap:34px;font-size:13px;color:#d6dfde}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--accent);transition:.25s}.desktop-nav a:hover:after{right:0}.header-cta{border:1px solid rgba(255,255,255,.45);padding:12px 18px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;transition:.25s}.header-cta:hover{background:#fff;color:var(--ink)}.menu-button,.mobile-nav{display:none}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:140px var(--pad) 100px;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#09151b}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,16,.94) 0%,rgba(4,12,16,.74) 42%,rgba(4,12,16,.24) 72%,rgba(4,12,16,.62) 100%),linear-gradient(0deg,rgba(7,18,24,.75),transparent 45%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(143,227,209,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(143,227,209,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-content{position:relative;z-index:2;max-width:920px}.eyebrow,.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.23em;color:var(--accent)}.hero h1{font:500 clamp(55px,8.7vw,138px)/.9 "Manrope",sans-serif;letter-spacing:-.065em;margin:26px 0}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.hero-copy{max-width:650px;font-size:clamp(17px,1.4vw,22px);line-height:1.6;color:#c8d2d1}.hero-actions{display:flex;gap:14px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;cursor:pointer;transition:.25s}.button.primary{background:var(--accent-2);color:var(--ink)}.button.primary:hover{background:#fff;transform:translateY(-2px)}.button.secondary{border-color:rgba(255,255,255,.4);color:#fff}.button.secondary:hover{background:#fff;color:var(--ink)}.hero-status{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:35px;display:flex;gap:36px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#cbd4d3}.hero-status span{display:flex;align-items:center;gap:9px}.hero-status i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.scroll-cue{position:absolute;right:var(--pad);bottom:28px;width:42px;height:62px;border:1px solid rgba(255,255,255,.25);border-radius:24px;display:flex;justify-content:center;padding-top:12px;z-index:2}.scroll-cue span{width:3px;height:9px;border-radius:3px;background:var(--accent);animation:scroll 1.8s infinite}@keyframes scroll{0%{transform:translateY(0);opacity:1}80%{transform:translateY(24px);opacity:0}100%{opacity:0}}.section{padding:clamp(90px,10vw,170px) var(--pad);max-width:var(--max);margin:auto}.intro{display:grid;grid-template-columns:.6fr 1.55fr 1fr;gap:clamp(30px,5vw,90px);background:var(--paper);color:var(--ink);max-width:none}.intro>*{max-width:var(--max)}.intro-copy .kicker{color:#5d6a68;margin:0 0 20px}.intro h2,.section-heading h2,.quality h2,.send-copy h2,.contact-title h2{font:600 clamp(40px,5vw,76px)/1.05 "Manrope",sans-serif;letter-spacing:-.045em;margin:0}.intro-detail{align-self:end;font-size:17px;line-height:1.75;color:#586563}.text-link{display:inline-block;margin-top:26px;padding-bottom:6px;border-bottom:1px solid var(--dark-line);color:var(--ink)}.text-link span{margin-left:8px}.services{background:var(--ink)}.section-heading{display:grid;grid-template-columns:.6fr 1.8fr 1fr;gap:50px;align-items:end;margin-bottom:80px}.section-heading h2{grid-column:2}.section-heading>p{color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:390px;padding:32px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:auto -80px -120px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 68%);opacity:0;transition:.4s}.service-card:hover:before{opacity:.2;transform:scale(1.2)}.service-number{color:var(--accent);font-size:11px;letter-spacing:.15em}.service-card h3{font:600 28px/1.2 "Manrope";margin:auto 0 20px}.service-card p{color:#9caaa8;line-height:1.7;margin:0}.service-line{height:1px;background:var(--line);margin-top:28px;position:relative}.service-line:after{content:"";position:absolute;left:0;top:0;width:32%;height:1px;background:var(--accent)}.workflow{max-width:none;background:#0b171d}.workflow>.section-heading,.workflow>.process-block{max-width:var(--max);margin-left:auto;margin-right:auto}.process-block{display:grid;grid-template-columns:1.2fr .8fr;min-height:570px;margin-bottom:32px;background:var(--panel)}.process-block.reverse{grid-template-columns:.65fr 1.35fr}.process-block.reverse .process-media{order:2}.process-media{position:relative;min-height:480px;overflow:hidden;background:#08141a}.process-media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.process-block:hover video{transform:scale(1.035)}.media-label{position:absolute;left:24px;bottom:24px;padding:10px 13px;background:rgba(7,18,24,.75);backdrop-filter:blur(10px);font-size:16px;letter-spacing:.15em;text-transform:uppercase}.process-copy{padding:clamp(40px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.process-copy>span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.process-copy h3{font:600 clamp(34px,4vw,59px)/1.07 "Manrope";letter-spacing:-.04em;margin:22px 0}.process-copy p{color:#a6b2b0;line-height:1.8;font-size:17px}.technology{max-width:none;background:var(--paper);color:var(--ink)}.tech-panel{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.tech-heading h2{font:600 clamp(38px,4.8vw,72px)/1.08 "Manrope";letter-spacing:-.045em;margin:30px 0}.tech-list{border-top:1px solid var(--dark-line)}.tech-list div{display:grid;grid-template-columns:70px 1fr;padding:24px 0;border-bottom:1px solid var(--dark-line);font-size:18px}.tech-list strong{color:#69817c;font-size:11px}.quality{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.quality-visual{position:relative;aspect-ratio:1;display:grid;place-items:center;color:rgba(143,227,209,.36)}.quality-visual svg{width:100%;height:100%;position:absolute;animation:rotate 45s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.orb{width:32%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,var(--accent) 12%,#17454b 58%,#071218 72%);box-shadow:0 0 80px rgba(143,227,209,.28)}.quality-visual>span{position:absolute;bottom:9%;color:#b8c8c5;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.quality-copy p{font-size:18px;line-height:1.8;color:#a9b5b3}.quality-copy ul{list-style:none;padding:0;margin:35px 0}.quality-copy li{padding:15px 0;border-bottom:1px solid var(--line);color:#d3dbda}.send-case{max-width:none;background:#cfdcd6;color:var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.send-copy,.case-form{max-width:700px}.send-copy p{font-size:18px;line-height:1.7;color:#51605d}.contact-mini{display:flex;flex-direction:column;gap:10px;margin-top:35px;font-weight:600}.case-form{background:#f4f6f2;padding:clamp(28px,4vw,55px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-form label{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#4c5a57}.case-form input,.case-form textarea{border:0;border-bottom:1px solid #afbbb7;background:transparent;padding:12px 0;outline:none;color:var(--ink);text-transform:none;letter-spacing:normal}.case-form input:focus,.case-form textarea:focus{border-color:var(--ink)}.file-field{border:1px dashed #9ba9a5;padding:17px!important;cursor:pointer;display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center}.file-field input{display:none}.file-field span{background:var(--ink);color:#fff;padding:9px 12px}.form-note{font-size:12px;color:#65736f;margin:-6px 0 22px}.form-status{font-size:13px;color:#3d514c}.contact{padding-top:110px;padding-bottom:110px}.contact-title{display:flex;justify-content:space-between;align-items:end;gap:40px;border-bottom:1px solid var(--line);padding-bottom:60px}.contact-title>span{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:11px}.contact-title h2{text-align:right}.contact-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-top:48px}.contact-grid small{color:#71807e;text-transform:uppercase;letter-spacing:.15em}.contact-grid p{font-size:18px;line-height:1.6}footer{max-width:var(--max);margin:auto;padding:45px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#7e8c8a;font-size:12px}footer>p{text-align:center}.footer-brand{opacity:.75}footer>span{text-align:right}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-button{display:flex;width:45px;height:45px;background:none;border:0;flex-direction:column;justify-content:center;gap:7px}.menu-button span{display:block;width:25px;height:1px;background:#fff;transition:.25s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;position:fixed;inset:72px 0 auto 0;background:rgba(7,18,24,.98);padding:30px var(--pad);flex-direction:column;gap:25px;transform:translateY(-130%);transition:.35s;border-bottom:1px solid var(--line)}.mobile-nav.open{transform:none}.intro,.section-heading{grid-template-columns:1fr}.section-heading h2{grid-column:auto}.service-grid{grid-template-columns:1fr 1fr}.process-block,.process-block.reverse{grid-template-columns:1fr}.process-block.reverse .process-media{order:0}.tech-panel,.quality,.send-case{grid-template-columns:1fr}.quality-visual{max-width:650px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>div:first-child{grid-column:1/-1}footer{grid-template-columns:1fr;text-align:center;gap:20px}footer>p,footer>span{text-align:center}.footer-brand{justify-content:center}}
@media(max-width:640px){.site-header{height:72px}.hero{padding-top:110px;align-items:flex-end}.hero h1{font-size:52px}.hero-actions{flex-direction:column;align-items:stretch}.hero-status{display:none}.scroll-cue{display:none}.section{padding:80px 20px}.intro{padding:80px 20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px}.process-block{min-height:0}.process-media{min-height:320px}.tech-list div{grid-template-columns:45px 1fr}.form-row{grid-template-columns:1fr}.contact-title{align-items:flex-start;flex-direction:column}.contact-title h2{text-align:left}.contact-grid{grid-template-columns:1fr}.contact-grid>div:first-child{grid-column:auto}.brand strong{font-size:15px}.brand-mark{width:32px}.hero-copy{font-size:16px}}

.top-contact-bar{position:fixed;top:0;left:0;right:0;z-index:60;background:#0f262b;border-bottom:1px solid rgba(255,255,255,.1);color:#c9d5d3;font-size:11px;letter-spacing:.035em}.top-contact-inner{max-width:var(--max);margin:auto;min-height:34px;padding:0 var(--pad);display:flex;align-items:center;justify-content:flex-end;gap:28px}.top-contact-bar a{color:#dce6e4;white-space:nowrap}.top-contact-bar b{color:var(--accent);font-weight:600}.site-header{top:34px}.hero{padding-top:34px}
@media(max-width:980px){.top-contact-inner{justify-content:center;gap:14px}.top-contact-inner span:first-child{display:none}.mobile-nav{inset:106px 0 auto 0}}
@media(max-width:640px){.top-contact-bar{font-size:9px}.top-contact-inner{min-height:31px;padding:0 10px;gap:10px}.top-contact-inner a b{display:none}.site-header{top:31px}.hero{padding-top:141px}.mobile-nav{inset:103px 0 auto 0}.brand small{font-size:7px;max-width:170px}}

/* V3 — enlarged light technology header and warmer titanium palette */
:root{
  --ink:#263740;
  --ink-2:#304650;
  --panel:#39515b;
  --paper:#f2efe8;
  --muted:#b7c1c2;
  --accent:#2f8294;
  --accent-2:#d9b47c;
  --line:rgba(255,255,255,.17);
  --dark-line:rgba(38,55,64,.16);
}
body{background:var(--ink)}
.noise{opacity:.035}
.site-header{
  top:0;height:172px;padding:0 var(--pad);background:rgba(242,239,232,.97);
  border-bottom:1px solid rgba(38,55,64,.16);box-shadow:0 10px 30px rgba(22,40,48,.08);
  color:var(--ink);transition:.3s;
}
.site-header.scrolled{height:142px;background:rgba(242,239,232,.94);border-bottom-color:rgba(38,55,64,.18);backdrop-filter:blur(20px)}
.header-shell{width:100%;max-width:var(--max);height:100%;margin:auto;display:grid;grid-template-columns:minmax(270px,.9fr) minmax(430px,1.4fr) minmax(390px,1.05fr);align-items:center;gap:clamp(24px,3vw,58px)}
.brand{gap:17px;align-self:center}.brand-mark{width:58px;height:58px;color:var(--accent)}
.brand strong{font-size:27px;letter-spacing:.18em;color:#263740}.brand small{font-size:16px;line-height:1.45;letter-spacing:.19em;color:#64777e;max-width:230px;margin-top:8px}
.desktop-nav{gap:clamp(21px,2vw,38px);font-size:14px;font-weight:600;color:#334951;white-space:nowrap;justify-content:center}
.desktop-nav a:after{background:var(--accent);height:2px;bottom:-12px}
.header-contact-panel{height:112px;border-left:1px solid rgba(38,55,64,.18);padding-left:clamp(24px,2.3vw,42px);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;column-gap:22px;align-items:start}
.header-cta{grid-column:2;grid-row:1;border:0;background:var(--accent);color:#fff;padding:13px 19px;font-size:11px;letter-spacing:.12em;white-space:nowrap}
.header-cta:hover{background:#263740;color:#fff}
.header-contacts{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1.45fr .82fr 1.25fr;align-items:end;gap:20px;margin-top:20px;color:#344b54}
.header-contacts span,.header-contacts a{font-size:13px;line-height:1.45;font-weight:600}
.header-contacts a:hover{color:var(--accent)}
.hero{padding-top:230px;background:#66818b}
.hero-shade{background:linear-gradient(90deg,rgba(34,52,61,.88) 0%,rgba(39,60,69,.66) 43%,rgba(65,89,98,.16) 75%,rgba(42,61,69,.47) 100%),linear-gradient(0deg,rgba(38,55,64,.56),transparent 50%)}
.hero-grid{background-image:linear-gradient(rgba(255,255,255,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.085) 1px,transparent 1px)}
.workflow{background:#31464f}.process-block{background:#405963}.process-media{background:#344b55}
.quality-visual{color:rgba(217,180,124,.45)}.orb{background:radial-gradient(circle at 35% 28%,#fff,#d9b47c 12%,#4b737c 58%,#263740 72%);box-shadow:0 0 80px rgba(217,180,124,.25)}
.send-case{background:#dbe2df}.button.primary{background:var(--accent-2);color:#263740}.button.primary:hover{background:#fff}.eyebrow,.section-label,.process-copy>span,.contact-title>span,.service-number{color:#8fd0dc}.intro .section-label,.technology .section-label{color:var(--accent)}

@media(max-width:1180px){
  .site-header{height:150px}.site-header.scrolled{height:128px}.header-shell{grid-template-columns:minmax(240px,.8fr) 1.2fr auto;gap:22px}.brand-mark{width:48px}.brand strong{font-size:22px}.brand small{font-size:8px;max-width:190px}.desktop-nav{gap:18px;font-size:12px}.header-contact-panel{height:96px;padding-left:20px}.header-contacts{grid-template-columns:1fr;gap:3px;margin-top:10px}.header-contacts span{display:none}.header-contacts a{font-size:12px}.hero{padding-top:205px}
}
@media(max-width:980px){
  .site-header,.site-header.scrolled{height:106px}.header-shell{display:flex;justify-content:space-between}.desktop-nav,.header-contact-panel{display:none}.brand-mark{width:44px;height:44px}.brand strong{font-size:20px}.brand small{font-size:8px}.menu-button span{background:var(--ink)}.mobile-nav{inset:106px 0 auto 0;background:rgba(242,239,232,.99);color:var(--ink);border-bottom:1px solid rgba(38,55,64,.18)}.hero{padding-top:160px}
}
@media(max-width:640px){
  .site-header,.site-header.scrolled{height:92px}.mobile-nav{inset:92px 0 auto 0}.brand-mark{width:36px}.brand strong{font-size:16px}.brand small{font-size:6.5px;max-width:155px}.hero{padding-top:138px}
}

/* V4 — balanced medium-tone header, wider wordmark, two-line contacts */
.site-header{
  height:178px;
  padding:0 clamp(34px,5vw,92px);
  background:#667f88;
  color:#f7f3ea;
  border-bottom:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 34px rgba(22,40,48,.16);
}
.site-header.scrolled{height:154px;background:rgba(102,127,136,.96);border-bottom-color:rgba(255,255,255,.2)}
.header-shell{
  max-width:none;
  grid-template-columns:minmax(330px,.9fr) minmax(650px,1.75fr) minmax(220px,.7fr);
  gap:clamp(40px,4vw,84px);
}
.brand{justify-self:start;gap:0;margin-left:0}
.brand-mark{display:none}
.brand strong{font-size:35px;letter-spacing:.20em;color:#fff8ee;font-weight:700}
.brand small{font-size:11px;letter-spacing:.18em;line-height:1.45;color:#d9e5e5;max-width:320px;margin-top:10px}
.header-center{align-self:stretch;display:grid;grid-template-rows:1fr 1fr;align-items:center;border-left:1px solid rgba(255,255,255,.18);border-right:1px solid rgba(255,255,255,.18);padding:0 clamp(34px,3vw,62px)}
.desktop-nav{justify-content:flex-start;gap:clamp(28px,2.5vw,52px);font-size:15px;color:#fffaf1;padding-top:20px}
.desktop-nav a:after{background:#f0c58c}
.header-contacts{display:grid;grid-template-columns:minmax(330px,1.15fr) minmax(240px,.85fr);gap:clamp(34px,3vw,64px);align-items:start;margin:0;padding-bottom:20px;color:#f7f3ea}
.header-contacts span,.header-contacts a{font-size:17px;line-height:1.45;font-weight:600;color:#f7f3ea}
.contact-address{white-space:nowrap}
.contact-lines{display:flex!important;flex-direction:column;gap:5px}
.contact-lines a:first-child{font-size:19px;font-weight:700}
.contact-lines a:hover{color:#ffe1ad}
.header-cta{justify-self:end;align-self:center;border:1px solid rgba(255,255,255,.5);background:#f1c98d;color:#2c4149;padding:18px 25px;font-size:12px;font-weight:700;letter-spacing:.13em;white-space:nowrap}
.header-cta:hover{background:#fff4df;color:#2c4149}
.hero{padding-top:236px}
@media(max-width:1300px){
  .site-header{padding:0 36px}.header-shell{grid-template-columns:minmax(270px,.85fr) minmax(540px,1.6fr) minmax(185px,.6fr);gap:28px}.brand strong{font-size:29px}.brand small{font-size:9px}.header-center{padding:0 30px}.desktop-nav{gap:25px;font-size:13px}.header-contacts{grid-template-columns:1.1fr .9fr;gap:28px}.header-contacts span,.header-contacts a{font-size:14px}.contact-lines a:first-child{font-size:16px}.header-cta{padding:15px 18px;font-size:16px}
}
@media(max-width:980px){
  .site-header,.site-header.scrolled{height:106px;padding:0 var(--pad)}.header-shell{display:flex;max-width:var(--max)}.header-center,.header-cta{display:none}.brand strong{font-size:22px}.brand small{font-size:8px}.menu-button span{background:#fff}.mobile-nav{background:rgba(102,127,136,.99);color:#fff}.hero{padding-top:160px}
}

/* V5 — one-line desktop header: centered navigation, contacts to its right, CTA at far right */
@media(min-width:981px){
  .site-header{
    height:176px;
    padding:0 clamp(58px,4.5vw,92px);
  }
  .site-header.scrolled{height:150px}
  .header-shell{
    max-width:none;
    width:100%;
    display:grid;
    grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(180px,220px);
    align-items:center;
    gap:clamp(26px,2.5vw,54px);
  }
  .brand{
    justify-self:start;
    margin-left:clamp(18px,1.4vw,30px);
  }
  .brand strong{font-size:33px}
  .brand small{font-size:16px;max-width:300px}

  .header-center{
    align-self:center;
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(470px,1fr) minmax(500px,auto);
    align-items:center;
    gap:clamp(34px,3vw,70px);
    padding:0;
    border:0;
  }
  .desktop-nav{
    justify-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(28px,2vw,46px);
    padding:0;
    font-size:14px;
    white-space:nowrap;
  }
  .header-contacts{
    justify-self:end;
    display:grid;
    grid-template-columns:minmax(300px,auto) minmax(215px,auto);
    align-items:center;
    gap:clamp(34px,2.5vw,56px);
    margin:0;
    padding:0;
    white-space:nowrap;
  }
  .header-contacts span,.header-contacts a{
    font-size:16px;
    line-height:1.45;
  }
  .contact-address{white-space:nowrap}
  .contact-lines{display:flex!important;flex-direction:column;gap:4px}
  .contact-lines a:first-child{font-size:18px}

  .header-cta{
    justify-self:end;
    align-self:center;
    margin:0;
    padding:17px 23px;
  }
  .hero{padding-top:232px}
}

@media(min-width:981px) and (max-width:1550px){
  .site-header{padding:0 34px}
  .header-shell{
    grid-template-columns:minmax(250px,290px) minmax(0,1fr) minmax(155px,175px);
    gap:22px;
  }
  .brand{margin-left:12px}
  .brand strong{font-size:27px}
  .brand small{font-size:8.5px;max-width:245px}
  .header-center{
    grid-template-columns:minmax(390px,1fr) minmax(390px,auto);
    gap:26px;
  }
  .desktop-nav{gap:22px;font-size:12px}
  .header-contacts{grid-template-columns:minmax(250px,auto) minmax(165px,auto);gap:25px}
  .header-contacts span,.header-contacts a{font-size:13px}
  .contact-lines a:first-child{font-size:15px}
  .header-cta{padding:14px 16px;font-size:16px}
}

/* V6 — fixed desktop composition: brand left, navigation true-center, contacts and CTA right */
@media (min-width: 1281px) {
  .site-header,
  .site-header.scrolled {
    height: 176px;
    padding: 0;
  }
  .header-shell {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .brand {
    position: absolute;
    left: clamp(72px, 5.2vw, 112px);
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: 310px;
  }
  .brand strong { font-size: 33px; }
  .brand small { font-size: 16px; max-width: 290px; }

  .header-center {
    position: static;
    display: contents;
  }
  .desktop-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(30px, 2.2vw, 48px);
    padding: 0;
    margin: 0;
    font-size: 14px;
    white-space: nowrap;
    z-index: 2;
  }
  .header-contacts {
    position: absolute;
    right: clamp(275px, 16vw, 335px);
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: clamp(28px, 2.2vw, 46px);
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }
  .contact-address {
    display: block;
    min-width: 260px;
    white-space: nowrap;
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
  .contact-lines {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    min-width: 205px;
  }
  .header-contacts a {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
  .contact-lines a:first-child { font-size: 18px !important; }

  .header-cta {
    position: absolute;
    right: clamp(72px, 5.2vw, 112px);
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 17px 23px;
    z-index: 3;
  }
  .hero { padding-top: 232px; }
}

@media (min-width: 981px) and (max-width: 1280px) {
  .site-header,
  .site-header.scrolled { height: 158px; padding: 0 28px; }
  .header-shell {
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr) 160px;
    gap: 20px;
    max-width: none;
  }
  .brand { margin-left: 6px; }
  .brand strong { font-size: 25px; }
  .brand small { font-size: 8px; max-width: 220px; }
  .header-center {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 18px;
    padding: 0;
    border: 0;
  }
  .desktop-nav { justify-self: center; gap: 24px; font-size: 12px; padding: 0; }
  .header-contacts { justify-self: center; display: flex; gap: 26px; padding: 0; margin: 0; }
  .contact-address { font-size: 13px !important; }
  .contact-lines a { font-size: 12px !important; }
  .contact-lines a:first-child { font-size: 14px !important; }
  .header-cta { padding: 14px 15px; font-size: 9px; }
  .hero { padding-top: 214px; }
}

/* V7 — titanium / graphite / silver / champagne brand header with two animated logo studies */
:root{
  --auraria-graphite:#22282b;
  --auraria-titanium:#596267;
  --auraria-silver:#d9dcda;
  --auraria-champagne:#d9b77f;
  --auraria-ivory:#f6f1e8;
}

.site-header{
  background:
    linear-gradient(105deg,rgba(255,255,255,.06),transparent 34%),
    linear-gradient(90deg,#2a3033 0%,#475158 44%,#343b3f 100%);
  color:var(--auraria-ivory);
  border-bottom:1px solid rgba(217,183,127,.42);
  box-shadow:0 14px 38px rgba(15,19,21,.24);
}
.site-header.scrolled{
  background:linear-gradient(90deg,rgba(42,48,51,.97),rgba(71,81,88,.97) 44%,rgba(52,59,63,.97));
  border-bottom-color:rgba(217,183,127,.46);
}

.brand{
  display:flex;
  align-items:center;
  gap:18px;
  color:var(--auraria-ivory);
}
.logo-options{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.logo-orbit{display:block;width:58px;height:58px;color:var(--auraria-champagne)}
.logo-orbit svg{display:block;width:100%;height:100%;overflow:visible}
.logo-ring-static{fill:none;stroke:rgba(217,220,218,.72);stroke-width:1.1}
.logo-ring-spin{fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-dasharray:42 18 7 16;transform-origin:32px 32px;animation:aurariaOrbit 9s linear infinite}
.logo-a{fill:none;stroke:var(--auraria-ivory);stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
.logo-tool{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;animation:aurariaPulse 3.2s ease-in-out infinite}
.logo-dots-spin{fill:var(--auraria-champagne);transform-origin:32px 32px;animation:aurariaOrbitReverse 12s linear infinite}
.logo-a-cut{stroke-width:2}
.logo-laser{fill:none;stroke:rgba(217,183,127,.9);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:4 4;transform-origin:32px 32px;animation:aurariaOrbit 7s linear infinite}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand strong{font-family:Manrope,sans-serif;font-size:34px;font-weight:700;letter-spacing:.22em;color:var(--auraria-ivory);line-height:1}
.brand small{display:block;margin-top:9px;font-family:DM Sans,sans-serif;font-size:9px;line-height:1.45;letter-spacing:.17em;color:var(--auraria-silver);max-width:300px}
.brand small em{font-style:normal;color:rgba(217,220,218,.74);font-size:8px;letter-spacing:.13em}

.desktop-nav{color:var(--auraria-ivory)}
.desktop-nav a{color:inherit}
.desktop-nav a:after{background:var(--auraria-champagne)}
.header-contacts,.header-contacts span,.header-contacts a{color:var(--auraria-ivory)}
.header-contacts a:hover{color:#f5d6a5}
.header-cta{
  background:linear-gradient(180deg,#e4c18b,#d6ad6f);
  color:#252b2e;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
.header-cta:hover{background:#f0d4a8;color:#202528}

@keyframes aurariaOrbit{to{transform:rotate(360deg)}}
@keyframes aurariaOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes aurariaPulse{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.logo-ring-spin,.logo-dots-spin,.logo-laser,.logo-tool{animation:none}}

@media (min-width:1281px){
  .brand{
    left:clamp(96px,6.2vw,138px);
    width:430px;
  }
  .desktop-nav{left:48.5%;}
  .header-contacts{right:clamp(270px,15.2vw,320px)}
}

@media (min-width:1281px) and (max-width:1680px){
  .brand{left:72px;width:365px;gap:13px}
  .logo-orbit{width:48px;height:48px}
  .logo-options{gap:7px}
  .brand strong{font-size:28px}
  .brand small{font-size:7.5px;max-width:230px}
  .brand small em{font-size:6.8px}
  .desktop-nav{left:48%;gap:28px;font-size:12px}
  .header-contacts{right:250px;gap:26px}
  .contact-address{min-width:230px;font-size:13px!important}
  .contact-lines{min-width:180px}
  .header-contacts a{font-size:12px!important}
  .contact-lines a:first-child{font-size:15px!important}
  .header-cta{right:62px;padding:15px 18px;font-size:16px}
}

@media (min-width:981px) and (max-width:1280px){
  .brand{gap:11px}
  .logo-options{gap:6px}
  .logo-orbit{width:40px;height:40px}
  .brand strong{font-size:23px}
  .brand small{font-size:7px;max-width:190px}
  .brand small em{font-size:6.3px}
}

@media(max-width:980px){
  .logo-options{gap:6px}
  .logo-orbit{width:36px;height:36px}
  .logo-orbit-two{display:none}
  .brand{gap:10px}
  .brand strong{font-size:20px}
  .brand small{font-size:6.5px;max-width:175px;margin-top:6px}
  .brand small em{display:none}
  .menu-button span{background:var(--auraria-ivory)}
  .mobile-nav{background:rgba(42,48,51,.99);color:var(--auraria-ivory)}
}

/* V8 — single enlarged spherical A logo */
.logo-options,.logo-orbit{display:none!important}
.logo-sphere{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:112px;
  height:112px;
  border:1.7px solid rgba(217,183,127,.92);
  border-radius:50%;
  color:var(--auraria-ivory);
  perspective:520px;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.12),transparent 35%),
    radial-gradient(circle at 62% 70%,rgba(217,183,127,.10),transparent 54%);
  box-shadow:
    inset 0 0 0 1px rgba(217,220,218,.18),
    inset 0 0 26px rgba(217,183,127,.08),
    0 0 0 5px rgba(217,183,127,.025);
}
.logo-sphere::before,
.logo-sphere::after{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:50%;
  border:1px solid rgba(217,220,218,.22);
  pointer-events:none;
}
.logo-sphere::after{
  inset:17px 8px;
  border-color:rgba(217,183,127,.22);
  transform:rotate(90deg);
}
.sphere-latitude{
  position:absolute;
  left:10px;
  right:10px;
  top:50%;
  height:34%;
  transform:translateY(-50%);
  border:1px solid rgba(217,220,218,.2);
  border-radius:50%;
  pointer-events:none;
}
.sphere-latitude-two{transform:translateY(-50%) rotate(90deg);opacity:.7}
.logo-a-3d{
  position:relative;
  z-index:2;
  display:block;
  font-family:Manrope,sans-serif;
  font-size:68px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.07em;
  color:var(--auraria-ivory);
  text-shadow:
    1px 0 0 rgba(217,183,127,.7),
    -1px 0 0 rgba(217,183,127,.25),
    0 0 18px rgba(255,255,255,.12);
  transform-style:preserve-3d;
  transform-origin:50% 50%;
  animation:aurariaSphereA 7s cubic-bezier(.45,.05,.55,.95) infinite;
}
@keyframes aurariaSphereA{
  0%{transform:rotateY(0deg) rotateX(0deg) scale(1)}
  25%{transform:rotateY(90deg) rotateX(7deg) scale(.94)}
  50%{transform:rotateY(180deg) rotateX(0deg) scale(1)}
  75%{transform:rotateY(270deg) rotateX(-7deg) scale(.94)}
  100%{transform:rotateY(360deg) rotateX(0deg) scale(1)}
}
@media (prefers-reduced-motion:reduce){.logo-a-3d{animation:none}}

@media (min-width:1281px){
  .brand{left:clamp(118px,7vw,158px);width:560px;gap:25px}
  .brand strong{font-size:36px}
  .brand small{font-size:9px;max-width:310px}
}
@media (min-width:1281px) and (max-width:1680px){
  .brand{left:78px;width:470px;gap:19px}
  .logo-sphere{width:92px;height:92px}
  .logo-a-3d{font-size:55px}
  .brand strong{font-size:30px}
  .brand small{font-size:7.8px;max-width:245px}
}
@media (min-width:981px) and (max-width:1280px){
  .logo-sphere{width:72px;height:72px}
  .logo-a-3d{font-size:43px}
  .brand{gap:14px}
}
@media(max-width:980px){
  .logo-sphere{width:48px;height:48px}
  .logo-a-3d{font-size:29px}
  .sphere-latitude{left:5px;right:5px}
  .logo-sphere::before{inset:5px}
  .logo-sphere::after{inset:8px 4px}
}

/* V9 — centered rotating A with animated segmented champagne orbit */
.logo-sphere{
  border-color:rgba(217,183,127,.28);
  isolation:isolate;
}
.logo-sphere::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:50%;
  border:2px dashed rgba(226,193,139,.96);
  pointer-events:none;
  z-index:4;
  animation:aurariaChampagneOrbit 6.5s linear infinite;
  filter:drop-shadow(0 0 3px rgba(217,183,127,.22));
}
.logo-sphere::after{
  content:"";
  position:absolute;
  inset:11px;
  border-radius:50%;
  border:1px solid rgba(217,220,218,.20);
  transform:rotate(90deg);
  pointer-events:none;
  z-index:1;
}
.logo-a-3d{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  padding:0;
  margin:0;
  line-height:1;
  letter-spacing:0;
  transform-origin:50% 50%;
  backface-visibility:visible;
}
@keyframes aurariaChampagneOrbit{
  to{transform:rotate(360deg)}
}
@keyframes aurariaSphereA{
  0%{transform:translate3d(0,0,0) rotateY(0deg) rotateX(0deg) scale(1)}
  25%{transform:translate3d(0,0,0) rotateY(90deg) rotateX(7deg) scale(.94)}
  50%{transform:translate3d(0,0,0) rotateY(180deg) rotateX(0deg) scale(1)}
  75%{transform:translate3d(0,0,0) rotateY(270deg) rotateX(-7deg) scale(.94)}
  100%{transform:translate3d(0,0,0) rotateY(360deg) rotateX(0deg) scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .logo-sphere::before,.logo-a-3d{animation:none}
}

/* V10 — slower segmented champagne orbit; A lowered slightly */
.logo-sphere::before{
  inset:-2px;
  border:0;
  background:conic-gradient(
    from 8deg,
    rgba(226,193,139,.98) 0deg 58deg,
    transparent 58deg 82deg,
    rgba(226,193,139,.98) 82deg 153deg,
    transparent 153deg 184deg,
    rgba(226,193,139,.98) 184deg 246deg,
    transparent 246deg 278deg,
    rgba(226,193,139,.98) 278deg 338deg,
    transparent 338deg 360deg
  );
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));
  animation:aurariaChampagneOrbit 22s linear infinite;
  filter:drop-shadow(0 0 2px rgba(217,183,127,.24));
}
.logo-a-3d{
  animation-duration:14s;
}
@keyframes aurariaSphereA{
  0%{transform:translate3d(0,4px,0) rotateY(0deg) rotateX(0deg) scale(1)}
  25%{transform:translate3d(0,4px,0) rotateY(90deg) rotateX(7deg) scale(.94)}
  50%{transform:translate3d(0,4px,0) rotateY(180deg) rotateX(0deg) scale(1)}
  75%{transform:translate3d(0,4px,0) rotateY(270deg) rotateX(-7deg) scale(.94)}
  100%{transform:translate3d(0,4px,0) rotateY(360deg) rotateX(0deg) scale(1)}
}

/* v11 — intro gallery */
.intro{
  display:grid;
  grid-template-columns:minmax(360px,.78fr) minmax(0,1.55fr);
  gap:clamp(42px,6vw,110px);
  align-items:start;
}
.intro-heading{
  padding-left:clamp(0px,1.5vw,28px);
}
.intro-heading .section-label{margin-bottom:36px}
.intro-heading .kicker{color:#5d6a68;margin:0 0 20px}
.intro-heading h2{
  max-width:760px;
  font-size:clamp(42px,4.4vw,72px);
}
.intro-gallery-wrap{min-width:0}
.intro-gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.intro-gallery figure{
  margin:0;
  min-width:0;
  background:#f4f2ec;
  border:1px solid rgba(35,51,56,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:260px;
  overflow:hidden;
}
.intro-gallery img{
  display:block;
  width:100%;
  height:auto;
  max-height:430px;
  object-fit:contain;
}
.intro-detail{
  margin-top:30px;
  max-width:980px;
  font-size:17px;
  line-height:1.75;
  color:#586563;
}
.intro-detail p{margin-top:0}
@media(max-width:1100px){
  .intro{grid-template-columns:1fr;gap:52px}
  .intro-heading{padding-left:0;max-width:900px}
}
@media(max-width:700px){
  .intro-gallery{grid-template-columns:1fr}
  .intro-gallery figure{min-height:220px}
}


/* v12 — intro copy under left heading; compact two-line services title */
.intro-heading .intro-detail{
  margin-top:clamp(24px,2.2vw,38px);
  max-width:680px;
  font-size:17px;
  line-height:1.75;
  color:#586563;
}
.intro-heading .intro-detail p{margin:0}
.services .section-heading h2{max-width:1100px}
@media(max-width:700px){
  .services .section-heading h2 br{display:none}
}

/* v13 — compact services section; keep heading size, force two-line layout */
.services.section{
  padding-top:clamp(70px,6vw,105px);
  padding-bottom:clamp(70px,6vw,105px);
}
.services .section-heading{
  grid-template-columns:minmax(120px,.32fr) minmax(0,2.68fr);
  gap:clamp(28px,4vw,64px);
  align-items:end;
  margin-bottom:clamp(42px,4vw,62px);
}
.services .section-heading h2{
  grid-column:2;
  max-width:none;
  width:100%;
}
.services .service-card{
  min-height:320px;
  padding:28px 30px;
}
@media(max-width:980px){
  .services .section-heading{grid-template-columns:1fr;gap:24px}
  .services .section-heading h2{grid-column:auto}
}
@media(max-width:640px){
  .services.section{padding-top:70px;padding-bottom:70px}
  .services .service-card{min-height:280px;padding:26px 24px}
}

/* v14 — compact technology section; preserve typography and list spacing */
.technology.section{
  padding-top:clamp(64px,5.2vw,88px);
  padding-bottom:clamp(64px,5.2vw,88px);
}
@media(max-width:640px){
  .technology.section{
    padding-top:64px;
    padding-bottom:64px;
  }
}

/* v15 — Medit scanner video title */
.scan-video-title{
  position:absolute;
  left:42px;
  bottom:30px;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  pointer-events:none;
  text-shadow:0 2px 18px rgba(0,0,0,.75);
}
.scan-video-title strong{
  font:700 clamp(28px,3.1vw,54px)/1 "Manrope",sans-serif;
  letter-spacing:-.025em;
  color:#fff;
}
.scan-video-title span{
  margin-top:15px;
  font-size:clamp(11px,1vw,15px);
  font-weight:700;
  letter-spacing:.42em;
  color:#d9f45d;
}
.process-block:first-of-type .process-media:after{
  content:"";
  position:absolute;
  inset:55% 0 0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent,rgba(3,10,14,.78));
}
@media(max-width:640px){
  .scan-video-title{left:22px;bottom:22px}
  .scan-video-title span{margin-top:10px;letter-spacing:.28em}
}


/* v16 — workflow heading shifted left; supporting copy larger and left-aligned */
.workflow > .section-heading{
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);
  gap:clamp(34px,5vw,88px);
  align-items:end;
}
.workflow > .section-heading h2{
  grid-column:1;
  max-width:920px;
}
.workflow > .section-heading > p{
  grid-column:2;
  max-width:500px;
  margin:0 0 .35em;
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.65;
}
@media(max-width:980px){
  .workflow > .section-heading{
    grid-template-columns:1fr;
    gap:24px;
  }
  .workflow > .section-heading h2,
  .workflow > .section-heading > p{
    grid-column:1;
    max-width:900px;
  }
}

/* V17 — real milling video as the opening screen */
.hero-video{
  object-position:center center;
  filter:saturate(.88) contrast(1.08) brightness(.82);
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(5,14,19,.96) 0%,rgba(5,14,19,.88) 28%,rgba(5,14,19,.55) 50%,rgba(5,14,19,.16) 76%,rgba(5,14,19,.30) 100%),
    linear-gradient(0deg,rgba(5,14,19,.76) 0%,rgba(5,14,19,.16) 48%,rgba(5,14,19,.26) 100%);
}
.hero-grid{
  opacity:.48;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 82%);
}
.hero-content{
  max-width:790px;
}
.hero h1{
  text-shadow:0 12px 42px rgba(0,0,0,.34);
}
.hero-copy{
  max-width:610px;
  color:rgba(238,243,242,.9);
  text-shadow:0 5px 20px rgba(0,0,0,.42);
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 150px rgba(1,8,12,.28);
}
@media(max-width:980px){
  .hero-video{object-position:58% center}
  .hero-shade{background:linear-gradient(90deg,rgba(5,14,19,.95),rgba(5,14,19,.62) 72%,rgba(5,14,19,.34)),linear-gradient(0deg,rgba(5,14,19,.76),transparent 55%)}
}

/* V18 — brighter hero milling video */
.hero-video{
  filter:saturate(.96) contrast(1.12) brightness(1.02);
  animation:heroVideoBrighten 2s ease-out both;
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(7,12,16,.48) 0%,rgba(7,12,16,.38) 30%,rgba(7,12,16,.18) 54%,rgba(7,12,16,.05) 78%,rgba(7,12,16,.04) 100%),
    linear-gradient(0deg,rgba(7,12,16,.30) 0%,rgba(7,12,16,.04) 46%,rgba(7,12,16,.08) 100%);
}
.hero h1,
.hero-copy,
.hero .eyebrow,
.hero-actions,
.hero-status{
  text-shadow:0 2px 12px rgba(0,0,0,.42);
}
@keyframes heroVideoBrighten{
  0%{filter:saturate(.92) contrast(1.08) brightness(.86)}
  100%{filter:saturate(.96) contrast(1.12) brightness(1.02)}
}
@media(max-width:640px){
  .hero-video{filter:saturate(.94) contrast(1.10) brightness(.98)}
  .hero-shade{
    background:
      linear-gradient(90deg,rgba(7,12,16,.58),rgba(7,12,16,.28) 72%,rgba(7,12,16,.12)),
      linear-gradient(0deg,rgba(7,12,16,.36),transparent 58%);
  }
}


/* V21 — iTero and number stacked in turquoise */
.itero-number{
  color:var(--auraria-champagne,#d9b77f);
  font-family:"DM Sans",sans-serif;
  font-weight:700;
  line-height:1.05;
  letter-spacing:.045em;
  white-space:nowrap;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}
.itero-label{
  display:block;
  font-size:18px;
  font-weight:800;
}
.itero-id{
  display:block;
  font-size:15px;
  font-weight:700;
}
.mobile-itero{
  color:var(--auraria-champagne,#d9b77f);
  font-weight:700;
  letter-spacing:.04em;
  display:flex;
  flex-direction:column;
  gap:3px;
}

@media (min-width:1281px){
  .itero-number{
    position:absolute;
    right:clamp(775px,43.5vw,880px);
    top:50%;
    transform:translateY(-50%);
    z-index:3;
  }
}

@media (min-width:981px) and (max-width:1280px){
  .header-center{
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto;
    column-gap:22px;
  }
  .desktop-nav{
    grid-column:1 / -1;
    grid-row:1;
  }
  .itero-number{
    grid-column:1;
    grid-row:2;
    align-self:center;
    justify-self:end;
  }
  .header-contacts{
    grid-column:2;
    grid-row:2;
    justify-self:start;
  }
}

@media (max-width:980px){
  .itero-number{display:none}
  .mobile-itero{display:flex;padding:8px 0}
}
}

/* V23: remove the large translucent hero phrase overlay */
.hero-watermark,
.hero-outline-text,
.hero-ghost-text,
.hero-marquee,
.hero-big-word {
  display: none !important;
}

/* v24 hero layout */
.hero-top-left{
 position:absolute!important;
 top:70px!important;
 left:48px!important;
 max-width:540px!important;
}
.hero-bottom-left{
 position:absolute!important;
 left:48px!important;
 bottom:70px!important;
 max-width:430px!important;
}
.hero-buttons,.hero-actions,.cta-group{display:none!important;}


/* V26 — corrected hero composition */
.site-header .header-cta{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
}

.hero{
  position:relative;
}

.hero-content{
  position:absolute !important;
  z-index:3;
  top:clamp(54px,7vh,86px) !important;
  left:var(--pad) !important;
  max-width:min(560px,42vw) !important;
  margin:0 !important;
}

.hero-content .eyebrow{
  margin:0 0 22px;
}

.hero-content h1{
  margin:0 !important;
}

.hero-copy{
  position:absolute !important;
  z-index:3;
  left:var(--pad) !important;
  bottom:82px !important;
  width:min(430px,36vw) !important;
  max-width:430px !important;
  margin:0 !important;
  font-size:clamp(15px,1.15vw,19px) !important;
  line-height:1.55 !important;
}

.hero-actions,
.hero-buttons{
  display:none !important;
}

@media (max-width:980px){
  .hero-content{
    top:74px !important;
    left:24px !important;
    max-width:calc(100% - 48px) !important;
  }
  .hero-copy{
    left:24px !important;
    bottom:112px !important;
    width:calc(100% - 48px) !important;
    max-width:520px !important;
  }
}


/* V27 hero copy refinement */
.hero-copy{
  bottom:118px !important;
  max-width:460px !important;
  width:min(460px,40vw)!important;
  font-size:clamp(17px,1.28vw,22px)!important;
  line-height:1.45!important;
  font-weight:500!important;
}
@media(max-width:980px){
 .hero-copy{
   bottom:128px!important;
   width:calc(100% - 48px)!important;
   max-width:520px!important;
   font-size:18px!important;
 }
}

/* V28 hero title arrangement */
.hero-content{
 top:108px!important;
}
.hero-brand{
 position:relative!important;
 display:block!important;
 margin:0 0 18px 0!important;
}
.hero-content h1{
 margin-top:0!important;
}


/* V29 — brand directly above the hero title */
.hero-content{
  top:118px !important;
}

.hero-brand{
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  margin:0 0 24px 0 !important;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.42);
}

.hero-brand strong{
  font:700 clamp(22px,2vw,31px)/1 "Manrope",sans-serif;
  letter-spacing:.18em;
}

.hero-brand small{
  margin-top:10px;
  font:600 clamp(8px,.62vw,11px)/1.35 "DM Sans",sans-serif;
  letter-spacing:.11em;
  color:rgba(255,255,255,.78);
  text-transform:uppercase;
}

.hero-brand em{
  font-style:normal;
  color:rgba(255,255,255,.62);
}

.hero-content h1{
  margin-top:0 !important;
}

@media(max-width:980px){
  .hero-content{
    top:82px !important;
  }
  .hero-brand{
    margin-bottom:18px !important;
  }
}


/* V30 — keep only the brand block above the hero title */
.hero-center-brand,
.floating-brand,
.mid-brand{
  display:none !important;
}


/* V31 — definitive hero heading placement */
.hero-heading-fixed{
  position:absolute !important;
  z-index:4 !important;
  top:170px !important;
  left:48px !important;
  width:min(600px,46vw) !important;
  max-width:600px !important;
  margin:0 !important;
  transform:none !important;
  display:block !important;
}

.hero-heading-fixed .hero-brand{
  position:static !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  margin:0 0 22px 0 !important;
  transform:none !important;
}

.hero-heading-fixed .hero-brand strong{
  display:block !important;
  font:700 30px/1 "Manrope",sans-serif !important;
  letter-spacing:.18em !important;
}

.hero-heading-fixed .hero-brand small{
  display:block !important;
  margin-top:9px !important;
  font:600 10px/1.35 "DM Sans",sans-serif !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

.hero-heading-fixed h1{
  position:static !important;
  margin:0 !important;
  transform:none !important;
}

@media(max-width:980px){
  .hero-heading-fixed{
    top:112px !important;
    left:24px !important;
    width:calc(100% - 48px) !important;
    max-width:none !important;
  }
}


/* Hide duplicate AURARIA block in hero only */
.floating-brand,
.mid-brand,
.hero-center-brand,
.hero-duplicate-brand{
  display:none!important;
}


/* V33 - hide only the small top-left eyebrow label */
.eyebrow,
.hero-eyebrow,
.hero-kicker{
    display:none !important;
}


/* V36 — show the complete CAD recording without cropping */
.cad-video-full{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#d7d7d7 !important;
  display:block !important;
}


/* V37 — local Colorado marketing section */
.local-support{
  max-width:none;
  background:#f1eee7;
  color:#263740;
  padding-top:clamp(90px,9vw,145px);
  padding-bottom:clamp(90px,9vw,145px);
}
.local-support-head,
.local-gallery,
.local-benefits,
.local-statement,
.local-thanks{
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
}
.local-support-head{
  display:grid;
  grid-template-columns:.55fr 1.2fr 1fr;
  gap:clamp(28px,5vw,80px);
  align-items:end;
  margin-bottom:60px;
}
.local-support-head .section-label{
  align-self:start;
  color:#2f8294;
}
.local-kicker{
  grid-column:2;
  margin:0 0 12px;
  color:#7a5b2f;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size:11px;
  font-weight:700;
}
.local-support-head h2{
  grid-column:2;
  max-width:700px;
  font:600 clamp(42px,5vw,76px)/1.05 "Manrope",sans-serif;
  letter-spacing:-.045em;
  margin:0;
}
.local-intro{
  grid-column:3;
  margin:0;
  justify-self:end;
  max-width:520px;
  text-align:left;
  color:#596663;
  font-size:17px;
  line-height:1.75;
}
.local-gallery{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  grid-template-rows:1fr 1fr;
  gap:18px;
}
.local-photo{
  position:relative;
  overflow:hidden;
  min-height:280px;
  background:#d8d4cc;
  margin:0;
}
.local-photo-large{
  grid-row:1 / 3;
  min-height:620px;
}
.local-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .7s ease;
}
.local-photo:hover img{
  transform:scale(1.025);
}
.local-photo figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:24px 26px;
  background:linear-gradient(180deg,transparent,rgba(17,28,32,.82));
  color:#fff;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.local-photo figcaption strong{
  font:600 20px/1.2 "Manrope",sans-serif;
}
.local-photo figcaption span{
  color:rgba(255,255,255,.78);
  font-size:13px;
}
.local-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:26px;
  border-top:1px solid rgba(38,55,64,.17);
  border-left:1px solid rgba(38,55,64,.17);
}
.local-benefits article{
  min-height:245px;
  padding:34px;
  border-right:1px solid rgba(38,55,64,.17);
  border-bottom:1px solid rgba(38,55,64,.17);
}
.local-icon{
  display:inline-flex;
  min-width:58px;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border:1px solid rgba(122,91,47,.4);
  color:#7a5b2f;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.local-benefits h3{
  margin:38px 0 14px;
  font:600 26px/1.15 "Manrope",sans-serif;
}
.local-benefits p{
  margin:0;
  color:#61706c;
  line-height:1.65;
}
.local-statement{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:44px;
  border-top:1px solid rgba(38,55,64,.18);
  border-bottom:1px solid rgba(38,55,64,.18);
}
.local-statement span{
  padding:22px 24px;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:700;
}
.local-statement span+span{
  border-left:1px solid rgba(38,55,64,.18);
}
.local-thanks{
  margin-top:34px;
  text-align:center;
  font:600 clamp(22px,2.3vw,34px)/1.25 "Manrope",sans-serif;
  color:#344b54;
}
@media(max-width:980px){
  .local-support-head{
    grid-template-columns:1fr;
  }
  .local-kicker,
  .local-support-head h2,
  .local-intro{
    grid-column:auto;
  }
  .local-gallery{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .local-photo-large{
    grid-row:auto;
    min-height:460px;
  }
  .local-photo{
    min-height:360px;
  }
  .local-benefits{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .local-photo-large,
  .local-photo{
    min-height:320px;
  }
  .local-statement{
    grid-template-columns:1fr;
  }
  .local-statement span+span{
    border-left:0;
    border-top:1px solid rgba(38,55,64,.18);
  }
}


/* V39 — equal photo sizes in the Colorado section */
.local-gallery{
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:1fr !important;
}
.local-photo-large{
  grid-row:auto !important;
  min-height:420px !important;
}
.local-photo{
  min-height:420px !important;
}
@media(max-width:980px){
  .local-gallery{
    grid-template-columns:1fr !important;
  }
  .local-photo-large,
  .local-photo{
    min-height:360px !important;
  }
}


/* V41 — force the Colorado heading to exactly two lines */
.local-title-two-lines{
  max-width:none !important;
  width:max-content !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
}
.local-title-two-lines span{
  display:block !important;
  white-space:nowrap !important;
}
@media(max-width:980px){
  .local-title-two-lines{
    width:auto !important;
  }
  .local-title-two-lines span{
    white-space:normal !important;
  }
}

.local-title-three-lines{
display:flex;
flex-direction:column;
gap:0;
width:max-content;
max-width:none;
line-height:1.02;
}
.local-title-three-lines span{display:block;white-space:nowrap;}
@media(max-width:980px){
.local-title-three-lines{width:auto}
.local-title-three-lines span{white-space:normal}
}





/* V44 — move the Colorado title right without overlapping the paragraph */
@media (min-width:981px){
  .local-support-head{
    grid-template-columns:.82fr 1.38fr .9fr !important;
    gap:clamp(34px,4vw,64px) !important;
  }

  .local-title-three-lines{
    margin-left:0 !important;
    width:100% !important;
    max-width:680px !important;
  }

  .local-title-three-lines span{
    white-space:nowrap !important;
  }

  .local-intro{
    min-width:280px !important;
    max-width:360px !important;
    justify-self:end !important;
  }
}

@media (max-width:980px){
  .local-title-three-lines{
    margin-left:0 !important;
    width:auto !important;
    max-width:none !important;
  }
  .local-title-three-lines span{
    white-space:normal !important;
  }
}

/* V45: move local support title LEFT */
@media (min-width:981px){
.local-title-three-lines{
  transform:translateX(-120px)!important;
}
}


/* V46 - move title further left */
@media (min-width:981px){
  .local-title-three-lines{
    transform:translateX(-320px)!important;
  }
}


/* V47: move right paragraph left and make it wider */
@media (min-width:981px){
  .local-intro{
    transform:translateX(-140px)!important;
    max-width:480px!important;
    width:480px!important;
  }
}


/* Move entire right paragraph block 3-4 cm to the right */
@media (min-width:981px){
  .local-intro{
    margin-left:140px !important;
  }
}


/* V50: move local section title right to stay within image width */
@media (min-width:981px){
  .local-title-three-lines{
    transform:translateX(-250px)!important;
  }
}

/* V51: align Colorado title inside the left/right edges of the photo gallery */
@media (min-width:981px){
  .local-title-three-lines{
    transform:translateX(-150px)!important;
  }
}

/* V53: align the right paragraph with the right edge of the photo gallery */
@media (min-width:981px){
  .local-intro{
    justify-self:end !important;
    transform:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    width:480px !important;
    max-width:480px !important;
  }
}

.feature-icon,.icon-box,.benefit-icon,.feature-card .icon,.value-icon{display:none!important;}


/* v62: contact details only in the lower send-case section */
.contact-mini {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contact-mini-item {
  line-height: 1.45;
}
.contact-mini-item strong {
  font-weight: 700;
}
.contact-mini-address {
  margin-top: 4px;
}


/* V64: remove local card squares and compact the benefit cards */
.local-benefits .local-icon{display:none!important;}
.local-benefits article{
  min-height:0!important;
  height:auto!important;
  padding:24px 32px 22px!important;
}
.local-benefits h3{
  margin:0 0 10px!important;
}
.local-benefits p{
  margin:0!important;
  line-height:1.5!important;
}
.local-benefits{
  margin-top:20px!important;
}
.local-statement{
  margin-top:26px!important;
}
@media (max-width:980px){
  .local-benefits article{padding:22px 24px 20px!important;}
}

/* V71: enlarge only the DIGITAL DENTAL LABORATORY label in the desktop header by 20% */
@media (min-width:1681px){
  .site-header .brand .brand-copy > small{
    font-size:10.8px !important;
  }
}
@media (min-width:1281px) and (max-width:1680px){
  .site-header .brand .brand-copy > small{
    font-size:9.36px !important;
  }
}


/* v73 — precise responsive repair for laptop / smaller desktop screens */
@media (min-width:1281px) and (max-width:1680px){
  .site-header,
  .site-header.scrolled{
    height:150px;
    padding:0 34px;
  }
  .header-shell{
    position:relative;
    display:grid;
    grid-template-columns:minmax(390px,430px) minmax(0,1fr) 155px;
    align-items:center;
    gap:24px;
    width:100%;
    height:100%;
  }
  .brand{
    position:static;
    transform:none;
    width:auto;
    min-width:0;
    margin:0;
    gap:18px;
  }
  .logo-sphere{width:88px;height:88px;flex:0 0 88px}
  .logo-a-3d{font-size:52px}
  .brand-copy{min-width:0}
  .brand strong{font-size:29px;white-space:nowrap}
  .brand small{
    font-size:9.4px !important;
    line-height:1.25;
    letter-spacing:.15em;
    max-width:none;
    white-space:nowrap;
  }
  .header-center{
    position:static;
    display:grid;
    grid-template-columns:auto auto minmax(300px,1fr);
    align-items:center;
    justify-content:end;
    gap:28px;
    min-width:0;
  }
  .desktop-nav{
    position:static;
    transform:none;
    gap:24px;
    font-size:12px;
    white-space:nowrap;
  }
  .itero-number{position:static;white-space:nowrap;font-size:14px;line-height:1.05}
  .header-contacts{
    position:static;
    transform:none;
    display:grid;
    grid-template-columns:minmax(190px,1fr) minmax(155px,auto);
    align-items:center;
    gap:22px;
    min-width:0;
    white-space:normal;
  }
  .contact-address{
    min-width:0;
    font-size:12.5px !important;
    line-height:1.35 !important;
    white-space:normal;
  }
  .contact-lines{min-width:0;gap:3px}
  .header-contacts a{font-size:11.5px !important;line-height:1.35 !important;white-space:nowrap}
  .contact-lines a:first-child{font-size:15px !important}
  .header-cta{
    position:static;
    transform:none;
    justify-self:end;
    padding:15px 17px;
    font-size:10px;
    white-space:nowrap;
  }
  .hero{padding-top:206px}

  .intro{
    grid-template-columns:minmax(430px,0.78fr) minmax(0,1.55fr);
    gap:clamp(34px,4vw,68px);
  }
  .intro-heading{min-width:0;padding-left:0}
  .intro-heading h2{
    max-width:100%;
    font-size:clamp(48px,4.1vw,64px);
    line-height:1.06;
    overflow-wrap:normal;
    word-break:normal;
  }
}

@media (min-width:1281px) and (max-width:1450px){
  .site-header,.site-header.scrolled{height:156px;padding:0 24px}
  .header-shell{grid-template-columns:365px minmax(0,1fr) 142px;gap:18px}
  .logo-sphere{width:78px;height:78px;flex-basis:78px}
  .logo-a-3d{font-size:47px}
  .brand{gap:15px}
  .brand strong{font-size:27px}
  .brand small{font-size:8.8px !important}
  .header-center{grid-template-columns:1fr;grid-template-rows:auto auto;gap:13px;justify-items:center}
  .desktop-nav{grid-row:1;gap:25px;font-size:12px}
  .itero-number{grid-row:2;position:absolute;left:0;bottom:31px}
  .header-contacts{grid-row:2;grid-template-columns:210px 170px;gap:18px;justify-self:end}
  .header-cta{font-size:9px;padding:14px 13px}
  .hero{padding-top:212px}

  .intro{grid-template-columns:minmax(390px,.72fr) minmax(0,1.55fr);gap:36px}
  .intro-heading h2{font-size:clamp(46px,4vw,58px)}
}

/* v74 — confirmed laptop-width layout repair */
@media (min-width:981px) and (max-width:1680px){
  .site-header,
  .site-header.scrolled{
    height:176px !important;
    padding:0 28px !important;
  }
  .header-shell{
    position:relative !important;
    display:grid !important;
    grid-template-columns:340px minmax(0,1fr) 150px !important;
    gap:24px !important;
    align-items:center !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
  }
  .brand{
    position:static !important;
    transform:none !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    gap:16px !important;
  }
  .logo-sphere{width:82px !important;height:82px !important;flex:0 0 82px !important}
  .logo-a-3d{font-size:48px !important}
  .brand strong{font-size:27px !important;white-space:nowrap !important}
  .site-header .brand .brand-copy > small{
    font-size:11px !important;
    line-height:1.2 !important;
    letter-spacing:.13em !important;
    white-space:nowrap !important;
  }
  .header-center{
    position:static !important;
    display:grid !important;
    grid-template-columns:90px minmax(210px,1fr) minmax(175px,auto) !important;
    grid-template-rows:46px 58px !important;
    column-gap:24px !important;
    row-gap:8px !important;
    align-items:center !important;
    justify-content:stretch !important;
    min-width:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  .desktop-nav{
    position:static !important;
    transform:none !important;
    grid-column:1/-1 !important;
    grid-row:1 !important;
    display:flex !important;
    justify-content:center !important;
    gap:clamp(22px,2.2vw,38px) !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }
  .itero-number{
    position:static !important;
    transform:none !important;
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:start !important;
    align-self:center !important;
    white-space:nowrap !important;
    line-height:1.05 !important;
  }
  .itero-label{font-size:15px !important}
  .itero-id{font-size:13px !important}
  .header-contacts{
    position:static !important;
    transform:none !important;
    grid-column:2/4 !important;
    grid-row:2 !important;
    display:grid !important;
    grid-template-columns:minmax(210px,1fr) minmax(175px,auto) !important;
    gap:24px !important;
    align-items:center !important;
    justify-self:stretch !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  .contact-address{
    font-size:12px !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
  .contact-lines{display:flex !important;flex-direction:column !important;gap:3px !important;min-width:0 !important}
  .header-contacts a{font-size:11px !important;line-height:1.3 !important;white-space:nowrap !important}
  .contact-lines a:first-child{font-size:15px !important}
  .header-cta{
    position:static !important;
    transform:none !important;
    justify-self:end !important;
    align-self:center !important;
    padding:15px 14px !important;
    font-size:9px !important;
    white-space:nowrap !important;
  }
  .hero{padding-top:224px !important}

  .intro{
    grid-template-columns:minmax(0,36%) minmax(0,64%) !important;
    gap:34px !important;
  }
  .intro-heading{
    min-width:0 !important;
    max-width:100% !important;
    padding-left:0 !important;
    overflow:visible !important;
  }
  .intro-heading h2{
    width:100% !important;
    max-width:100% !important;
    margin-right:0 !important;
    font-size:clamp(40px,3vw,50px) !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  .intro-heading .intro-detail{
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.65 !important;
  }
  .intro-gallery-wrap{min-width:0 !important;overflow:hidden !important}
}

@media (min-width:981px) and (max-width:1360px){
  .site-header,.site-header.scrolled{height:184px !important;padding:0 20px !important}
  .header-shell{grid-template-columns:300px minmax(0,1fr) 132px !important;gap:18px !important}
  .logo-sphere{width:72px !important;height:72px !important;flex-basis:72px !important}
  .brand strong{font-size:24px !important}
  .site-header .brand .brand-copy > small{font-size:9.5px !important}
  .header-center{grid-template-columns:78px minmax(180px,1fr) minmax(155px,auto) !important;column-gap:16px !important}
  .desktop-nav{gap:20px !important;font-size:11px !important}
  .header-contacts{grid-template-columns:minmax(180px,1fr) minmax(155px,auto) !important;gap:16px !important}
  .header-cta{padding:14px 10px !important;font-size:8px !important}
  .hero{padding-top:232px !important}
  .intro{grid-template-columns:minmax(0,38%) minmax(0,62%) !important;gap:28px !important}
  .intro-heading h2{font-size:40px !important;line-height:1.1 !important}
}

/* v75 — final header grid: prevents navigation, iTero, address and phone overlap */
@media (min-width:981px){
  .site-header,
  .site-header.scrolled{
    height:176px !important;
    padding:0 clamp(24px,3.2vw,64px) !important;
  }
  .header-shell{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(390px,500px) minmax(0,1fr) minmax(155px,180px) !important;
    align-items:center !important;
    gap:clamp(20px,2vw,38px) !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
  }
  .brand{
    position:static !important;
    transform:none !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    gap:18px !important;
  }
  .logo-sphere{width:92px !important;height:92px !important;flex:0 0 92px !important}
  .logo-a-3d{font-size:55px !important}
  .brand-copy{min-width:0 !important}
  .brand strong{font-size:clamp(28px,1.75vw,34px) !important;white-space:nowrap !important}
  .site-header .brand .brand-copy > small{
    font-size:10.8px !important;
    line-height:1.2 !important;
    letter-spacing:.15em !important;
    max-width:none !important;
    white-space:nowrap !important;
  }
  .header-center{
    position:static !important;
    transform:none !important;
    display:grid !important;
    grid-template-columns:minmax(72px,90px) minmax(220px,1fr) minmax(180px,220px) !important;
    grid-template-rows:48px 62px !important;
    column-gap:clamp(18px,1.7vw,32px) !important;
    row-gap:8px !important;
    align-items:center !important;
    min-width:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  .desktop-nav{
    position:static !important;
    transform:none !important;
    grid-column:1/-1 !important;
    grid-row:1 !important;
    display:flex !important;
    justify-content:center !important;
    gap:clamp(22px,2.1vw,42px) !important;
    padding:0 !important;
    font-size:clamp(11px,.78vw,14px) !important;
    white-space:nowrap !important;
  }
  .itero-number{
    position:static !important;
    transform:none !important;
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:start !important;
    align-self:center !important;
    white-space:nowrap !important;
  }
  .itero-label{font-size:16px !important}
  .itero-id{font-size:13px !important}
  .header-contacts{
    position:static !important;
    transform:none !important;
    grid-column:2/4 !important;
    grid-row:2 !important;
    display:grid !important;
    grid-template-columns:minmax(220px,1fr) minmax(180px,220px) !important;
    align-items:center !important;
    gap:clamp(18px,1.7vw,32px) !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  .contact-address{
    min-width:0 !important;
    font-size:clamp(12px,.76vw,15px) !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
  .contact-lines{display:flex !important;flex-direction:column !important;gap:4px !important;min-width:0 !important}
  .header-contacts a{font-size:clamp(11px,.7vw,14px) !important;line-height:1.3 !important;white-space:nowrap !important}
  .contact-lines a:first-child{font-size:clamp(15px,.92vw,18px) !important}
  .header-cta{
    position:static !important;
    transform:none !important;
    justify-self:end !important;
    align-self:center !important;
    padding:16px 18px !important;
    font-size:clamp(9px,.62vw,12px) !important;
    white-space:nowrap !important;
  }
  .hero{padding-top:224px !important}
}

@media (min-width:981px) and (max-width:1360px){
  .site-header,.site-header.scrolled{height:184px !important;padding:0 20px !important}
  .header-shell{grid-template-columns:300px minmax(0,1fr) 132px !important;gap:18px !important}
  .logo-sphere{width:72px !important;height:72px !important;flex-basis:72px !important}
  .logo-a-3d{font-size:43px !important}
  .brand{gap:13px !important}
  .brand strong{font-size:24px !important}
  .site-header .brand .brand-copy > small{font-size:8.6px !important;letter-spacing:.12em !important}
  .header-center{grid-template-columns:72px minmax(175px,1fr) minmax(150px,auto) !important;column-gap:15px !important}
  .desktop-nav{gap:18px !important;font-size:10.5px !important}
  .header-contacts{grid-template-columns:minmax(175px,1fr) minmax(150px,auto) !important;gap:15px !important}
  .contact-address{font-size:11.5px !important}
  .header-contacts a{font-size:10.5px !important}
  .contact-lines a:first-child{font-size:14px !important}
  .header-cta{padding:14px 10px !important;font-size:8px !important}
  .hero{padding-top:232px !important}
}

/* v76 — compact desktop header that stays inside the viewport */
@media (min-width:981px) and (max-width:1900px){
  .site-header,
  .site-header.scrolled{
    height:176px !important;
    padding:0 38px !important;
  }
  .header-shell{
    display:grid !important;
    grid-template-columns:380px minmax(0,1fr) 158px !important;
    column-gap:28px !important;
    width:100% !important;
    max-width:none !important;
    overflow:visible !important;
  }
  .brand{
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:380px !important;
    min-width:0 !important;
    gap:16px !important;
  }
  .logo-sphere{width:82px !important;height:82px !important;flex:0 0 82px !important}
  .logo-a-3d{font-size:49px !important}
  .brand strong{font-size:28px !important;letter-spacing:.20em !important}
  .site-header .brand .brand-copy > small{
    font-size:10px !important;
    letter-spacing:.13em !important;
    white-space:nowrap !important;
  }
  .header-center{
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:76px minmax(210px,1fr) 175px !important;
    grid-template-rows:46px 58px !important;
    column-gap:20px !important;
    row-gap:9px !important;
    padding:0 !important;
    border:0 !important;
    align-content:center !important;
  }
  .desktop-nav{
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    grid-column:1/-1 !important;
    grid-row:1 !important;
    justify-content:center !important;
    gap:clamp(18px,1.55vw,30px) !important;
    font-size:11px !important;
    min-width:0 !important;
  }
  .itero-number{
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:start !important;
  }
  .itero-label{font-size:15px !important}
  .itero-id{font-size:12px !important}
  .header-contacts{
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    grid-column:2/4 !important;
    grid-row:2 !important;
    display:grid !important;
    grid-template-columns:minmax(210px,1fr) 175px !important;
    gap:20px !important;
    width:100% !important;
    min-width:0 !important;
  }
  .contact-address{
    min-width:0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
  .contact-lines{min-width:0 !important}
  .header-contacts a{font-size:11px !important;white-space:nowrap !important}
  .contact-lines a:first-child{font-size:15px !important}
  .header-cta{
    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:158px !important;
    justify-self:end !important;
    padding:15px 10px !important;
    font-size:9px !important;
    text-align:center !important;
  }
}

@media (min-width:981px) and (max-width:1500px){
  .site-header,.site-header.scrolled{padding:0 24px !important;height:184px !important}
  .header-shell{grid-template-columns:320px minmax(0,1fr) 138px !important;column-gap:18px !important}
  .brand{width:320px !important;gap:13px !important}
  .logo-sphere{width:72px !important;height:72px !important;flex-basis:72px !important}
  .logo-a-3d{font-size:43px !important}
  .brand strong{font-size:24px !important}
  .site-header .brand .brand-copy > small{font-size:8.8px !important}
  .header-center{grid-template-columns:68px minmax(170px,1fr) 150px !important;column-gap:14px !important}
  .desktop-nav{gap:16px !important;font-size:10px !important}
  .header-contacts{grid-template-columns:minmax(170px,1fr) 150px !important;gap:14px !important}
  .contact-address{font-size:11px !important}
  .header-contacts a{font-size:10px !important}
  .contact-lines a:first-child{font-size:13px !important}
  .header-cta{width:138px !important;font-size:8px !important}
  .hero{padding-top:232px !important}
}

/* v77 — actual overlap fix: reset legacy grid placement on the CTA.
   An old rule forced .header-cta into column 2, which pushed .header-center
   into an implicit column outside the viewport. */
@media (min-width:981px){
  .header-shell > .brand{
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .header-shell > .header-center{
    grid-column:2 !important;
    grid-row:1 !important;
  }
  .header-shell > .header-cta{
    grid-column:3 !important;
    grid-row:1 !important;
  }
}

/* v78 — move the main navigation and iTero block left toward the visual center. */
@media (min-width:1501px){
  .desktop-nav{
    position:relative !important;
    left:-95px !important;
    transform:none !important;
  }
  .itero-number{
    position:relative !important;
    left:-70px !important;
    transform:none !important;
  }
}

@media (min-width:1201px) and (max-width:1500px){
  .desktop-nav{
    position:relative !important;
    left:-52px !important;
    transform:none !important;
  }
  .itero-number{
    position:relative !important;
    left:-38px !important;
    transform:none !important;
  }
}

/* v79 — Unident-style single-row desktop header with dedicated iTero block */
@media (min-width:1281px){
  .site-header,
  .site-header.scrolled{
    height:164px !important;
    padding:0 clamp(24px,2.7vw,52px) !important;
  }

  .header-shell{
    position:relative !important;
    display:grid !important;
    grid-template-columns:
      minmax(300px,350px)
      minmax(350px,1fr)
      minmax(78px,92px)
      minmax(175px,205px)
      minmax(205px,245px)
      minmax(142px,160px) !important;
    align-items:center !important;
    column-gap:clamp(12px,1.25vw,24px) !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    overflow:visible !important;
  }

  .header-shell > .brand{
    position:static !important;
    grid-column:1 !important;
    grid-row:1 !important;
    transform:none !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    gap:14px !important;
    justify-self:start !important;
  }

  .logo-sphere{
    width:78px !important;
    height:78px !important;
    flex:0 0 78px !important;
  }
  .logo-a-3d{font-size:47px !important}
  .brand strong{font-size:27px !important;letter-spacing:.20em !important}
  .site-header .brand .brand-copy > small{
    font-size:9px !important;
    letter-spacing:.14em !important;
    white-space:nowrap !important;
  }

  .header-shell > .header-center{
    display:contents !important;
  }

  .desktop-nav{
    position:static !important;
    grid-column:2 !important;
    grid-row:1 !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(20px,1.65vw,34px) !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    font-size:clamp(11px,.72vw,14px) !important;
    font-weight:700 !important;
    white-space:nowrap !important;
  }

  .itero-number{
    position:static !important;
    grid-column:3 !important;
    grid-row:1 !important;
    transform:none !important;
    justify-self:start !important;
    align-self:center !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
  .itero-label{font-size:15px !important;line-height:1.05 !important}
  .itero-id{font-size:12px !important;line-height:1.15 !important}

  .header-contacts{
    display:contents !important;
  }
  .contact-lines{
    grid-column:4 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    align-self:center !important;
  }
  .contact-address{
    grid-column:5 !important;
    grid-row:1 !important;
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
    font-size:clamp(11px,.70vw,14px) !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    white-space:normal !important;
    align-self:center !important;
  }
  .header-contacts a{
    font-size:clamp(10px,.66vw,13px) !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
  }
  .contact-lines a:first-child{
    font-size:clamp(14px,.84vw,17px) !important;
    font-weight:700 !important;
  }

  .header-shell > .header-cta{
    position:static !important;
    grid-column:6 !important;
    grid-row:1 !important;
    transform:none !important;
    width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
    align-self:center !important;
    margin:0 !important;
    padding:15px 10px !important;
    font-size:clamp(8px,.58vw,11px) !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  .hero{padding-top:214px !important}
}

@media (min-width:1281px) and (max-width:1500px){
  .site-header,.site-header.scrolled{height:156px !important;padding:0 22px !important}
  .header-shell{
    grid-template-columns:
      minmax(270px,300px)
      minmax(315px,1fr)
      72px
      minmax(150px,170px)
      minmax(175px,200px)
      126px !important;
    column-gap:10px !important;
  }
  .logo-sphere{width:68px !important;height:68px !important;flex-basis:68px !important}
  .logo-a-3d{font-size:41px !important}
  .brand strong{font-size:23px !important}
  .site-header .brand .brand-copy > small{font-size:7.8px !important}
  .desktop-nav{gap:16px !important;font-size:10px !important}
  .itero-label{font-size:13px !important}.itero-id{font-size:10px !important}
  .contact-address{font-size:10.5px !important}
  .header-contacts a{font-size:9.5px !important}
  .contact-lines a:first-child{font-size:13px !important}
  .header-shell > .header-cta{padding:13px 7px !important;font-size:7.5px !important}
  .hero{padding-top:206px !important}
}


/* v82 — clickable contact details and complete hero brand visibility */
.contact-link{
  cursor:pointer;
  transition:color .2s ease, opacity .2s ease;
}
.contact-link:hover,
.contact-link:focus-visible{
  color:#f1c98d !important;
  opacity:1;
  outline:none;
}
.contact-map{display:inline-block}
.mobile-address-link{line-height:1.45}

/* Keep the AURARIA label fully below the fixed desktop header. */
@media (min-width:981px){
  .hero-heading-fixed{top:202px !important}
}
@media (max-width:980px){
  .hero-heading-fixed{top:132px !important}
}
@media (max-width:640px){
  .hero-heading-fixed{top:118px !important}
}

/* v83 — slightly larger desktop header typography without changing layout */
@media (min-width:1501px){
  .desktop-nav{
    font-size:15px !important;
  }
  .itero-label{
    font-size:16px !important;
  }
  .itero-id{
    font-size:13.5px !important;
  }
  .contact-address{
    font-size:12.5px !important;
  }
  .header-contacts a{
    font-size:12px !important;
  }
  .contact-lines a:first-child{
    font-size:17px !important;
  }
  .header-shell > .header-cta{
    font-size:10px !important;
  }
}

@media (min-width:1281px) and (max-width:1500px){
  .desktop-nav{font-size:11px !important}
  .itero-label{font-size:14px !important}
  .itero-id{font-size:11px !important}
  .contact-address{font-size:11.5px !important}
  .header-contacts a{font-size:10.5px !important}
  .contact-lines a:first-child{font-size:14px !important}
  .header-shell > .header-cta{font-size:8.5px !important}
}

/* v84 — keep intro heading fully inside the text column */
@media (min-width:1101px){
  .intro{
    grid-template-columns:minmax(0,36%) minmax(0,64%) !important;
    column-gap:clamp(44px,3.2vw,64px) !important;
  }
  .intro-heading{
    min-width:0 !important;
    width:100% !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
  }
  .intro-heading h2{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(44px,2.85vw,54px) !important;
    line-height:1.08 !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    -webkit-hyphens:none !important;
    -ms-hyphens:none !important;
  }
}

.powered-by{display:block;color:#d0d0d0;margin-top:10px;font-size:12px;line-height:1}.unident-powered{display:block;margin-top:6px}.unident-brand{display:block;color:#D6B06A;font-weight:700;letter-spacing:.12em;font-size:15px;line-height:1}