:root{--ink:#121212;--muted:#6f6f6c;--line:#d9d9d5;--soft:#f4f4f1;--paper:#fbfbf9;--red:#d71920;--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:92px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:44px;padding:0 4.2vw;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;background:rgba(251,251,249,.94);backdrop-filter:blur(18px);z-index:50}.logo img{width:148px}.main-nav{display:flex;justify-content:center;gap:34px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.main-nav a,.header-contact{transition:opacity .2s}.main-nav a:hover,.header-contact:hover{opacity:.5}.header-contact{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.header-contact span{color:var(--red);margin-left:10px}.menu-button{display:none;background:none;border:0;text-transform:uppercase;font:inherit}.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(80px,10vw,150px) 4.2vw 110px;align-self:center;position:relative;z-index:2}.eyebrow{margin:0 0 24px;font-size:11px;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.eyebrow.red{color:var(--red)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(58px,6.5vw,106px);line-height:.89;letter-spacing:-.06em;margin:0 0 34px;font-weight:750}.hero-intro{max-width:520px;font-size:18px;line-height:1.55;color:#4f4f4c}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:0 20px;border:1px solid var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.btn-red{background:var(--red);border-color:var(--red);color:white}.btn-dark{background:#111;color:#fff;border-color:#111}.btn-outline{background:transparent}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.text-link span{color:var(--red);margin-left:8px}.hero-image{position:relative;background:linear-gradient(135deg,#ecece8,#d7d7d2);display:flex;align-items:flex-end;justify-content:center;padding:70px 6vw 60px}.hero-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 42%,rgba(255,255,255,.95),rgba(255,255,255,0) 52%)}.hero-image img{position:relative;width:min(690px,93%);filter:drop-shadow(0 34px 32px rgba(0,0,0,.16));transform:translateY(16px)}.hero-note{position:absolute;right:4.2vw;bottom:22px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6e6e69}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.trust-strip div{min-height:92px;padding:25px 32px;display:flex;align-items:center;gap:15px;border-right:1px solid var(--line)}.trust-strip div:last-child{border-right:0}.trust-strip strong{font-size:13px;color:var(--red)}.trust-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.section{max-width:var(--max);margin:auto;padding:120px 4.2vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}.section-heading h2,.custom h2,.design h2,.news h2,.closing h2{font-size:clamp(48px,5vw,80px);line-height:.94;letter-spacing:-.055em;margin:0}.product-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:var(--line)}.product-card{background:var(--paper);min-width:0;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.product-card-large{grid-row:span 2}.product-card-wide{grid-column:2/span 2}.product-photo{min-height:310px;height:100%;display:flex;align-items:center;justify-content:center;padding:28px;background:var(--paper);overflow:hidden;transition:background .35s ease}.product-card-large .product-photo{min-height:690px}.product-card-wide .product-photo{min-height:360px}.product-photo img{width:86%;height:100%;max-height:530px;object-fit:contain;filter:drop-shadow(0 22px 23px rgba(0,0,0,.10));transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s ease}.product-card-wide .product-photo img{width:55%}.product-card:hover{position:relative;z-index:2;box-shadow:0 18px 48px rgba(0,0,0,.08)}.product-card:hover .product-photo img{transform:scale(1.045) translateY(-4px);filter:drop-shadow(0 28px 28px rgba(0,0,0,.14))}.product-card:hover .arrow{transform:translate(3px,-3px)}.product-card .arrow{transition:transform .3s ease}.product-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--red)}@media (prefers-reduced-motion:reduce){.product-card,.product-photo img,.product-card .arrow{transition:none}.product-card:hover .product-photo img{transform:none}}.product-copy{background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:40px 1fr auto;gap:18px;align-items:start;padding:22px 20px 28px}.product-copy .number{color:var(--red);font-size:10px;font-weight:800}.product-copy h3{font-size:19px;margin:0 0 6px}.product-copy p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}.arrow{color:var(--red)}.news{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,8vw,130px);border-top:1px solid var(--line)}.news h2{font-size:clamp(58px,6vw,96px)}.news-material{font-size:17px;text-transform:uppercase;letter-spacing:.03em;margin:10px 0 25px}.news-lede{max-width:560px;color:var(--muted);line-height:1.6;font-size:16px}.feature-list{border-top:1px solid var(--line);margin:34px 0 26px}.feature-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.feature-list span{color:var(--red);font-size:10px;font-weight:800;padding-top:3px}.feature-list p{font-size:13px;line-height:1.5;margin:0}.hygiene{display:flex;gap:15px;align-items:center;padding:10px 0 26px}.hygiene .drop{font-size:23px}.hygiene p{font-size:13px;line-height:1.5;margin:0}.news-image{margin:0;align-self:start;position:sticky;top:120px}.news-image img{width:100%;height:min(900px,75vh);object-fit:cover;object-position:center 34%;background:#ddd}.news-image figcaption{font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-top:10px;color:var(--muted)}.custom{background:#efefeb;max-width:none;padding-left:max(4.2vw,calc((100vw - var(--max))/2 + 4.2vw));padding-right:max(4.2vw,calc((100vw - var(--max))/2 + 4.2vw))}.custom-top{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;max-width:var(--max);margin:auto}.custom-lede>p:first-child{font-size:18px;line-height:1.6;max-width:600px}.custom-emphasis{margin:28px 0;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:80px auto 0;border-top:1px solid #cfcfca;border-bottom:1px solid #cfcfca}.process-grid article{padding:34px 28px 40px 0;margin-right:28px;border-right:1px solid #cfcfca}.process-grid article:last-child{border-right:0}.process-no{font-size:10px;color:var(--red);font-weight:800}.process-grid h3{font-size:22px;margin:35px 0 12px}.process-grid p{font-size:13px;line-height:1.55;color:#555}.process-visual{max-width:var(--max);margin:48px auto 0;display:grid;grid-template-columns:repeat(5,1fr);height:235px}.process-shot{position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.5);background:#deded8}.process-shot>span{position:absolute;z-index:4;left:18px;bottom:15px;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;text-shadow:0 1px 8px #000}.process-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.45))}.image-shot img{width:100%;height:100%;object-fit:contain;padding:18px}.image-shot{background:#babbb6}.dark-shot{background:#282828}.diagram-lines,.stitch-lines,.sketch-bag{position:absolute;inset:20px}.diagram-lines{background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(0,0,0,.12) 29px 30px),repeating-linear-gradient(90deg,transparent 0 38px,rgba(0,0,0,.10) 39px 40px)}.sketch-bag{border:2px solid #7f7f79;border-radius:20px 20px 14px 14px;transform:scale(.65)}.sketch-bag:after{content:"";position:absolute;left:28%;right:28%;top:-24px;height:30px;border:2px solid #7f7f79;border-bottom:0;border-radius:16px 16px 0 0}.stitch-lines{background:repeating-linear-gradient(145deg,#2e2e2c 0 4px,#999 4px 5px,#2e2e2c 5px 18px)}.design{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:stretch}.design-visual{min-height:620px}.design-black{height:100%;background:#111;display:flex;flex-direction:column;justify-content:space-between;padding:38px}.design-black span{color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.design-black img{width:78%;opacity:.98}.design-copy{padding:55px 0}.design-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--muted);max-width:740px;margin:30px 0 50px}.principles{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.principles div{padding:24px 24px 28px 0;border-bottom:1px solid var(--line)}.principles div:nth-child(odd){border-right:1px solid var(--line);padding-right:24px}.principles div:nth-child(even){padding-left:24px}.principles span{font-size:10px;color:var(--red);font-weight:800}.principles h3{font-size:18px;margin:18px 0 7px}.principles p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.closing{background:#d71920;color:white;padding:95px 4.2vw;display:flex;flex-direction:column;align-items:flex-start}.closing h2{font-size:clamp(48px,6vw,92px);margin-bottom:35px}.closing .btn-dark{border-color:#fff}.closing .eyebrow{opacity:.8}footer{background:#111;color:#fff;padding:70px 4.2vw 30px;display:grid;grid-template-columns:1.6fr .7fr .8fr 1fr;gap:60px}footer a,footer span,footer p{font-size:11px;line-height:1.7;color:#c8c8c4}.footer-brand img{width:170px;margin-bottom:24px}.footer-brand p{max-width:280px}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-col strong{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}.footer-bottom{grid-column:1/-1;border-top:1px solid #333;padding-top:20px;margin-top:40px;display:flex;justify-content:space-between}@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.main-nav{display:none;position:absolute;top:92px;left:0;right:0;background:var(--paper);padding:30px 4.2vw;flex-direction:column;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.menu-button{display:block}.header-contact{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:90px;padding-bottom:50px}.hero-image{min-height:520px}.trust-strip{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr 1fr}.product-card-large{grid-row:auto}.product-card-wide{grid-column:1/-1}.product-card-large .product-photo{min-height:340px}.news,.custom-top,.design{grid-template-columns:1fr}.news-image{position:static}.process-grid{grid-template-columns:1fr 1fr}.process-grid article:nth-child(2){border-right:0}.process-visual{grid-template-columns:repeat(3,1fr);height:auto}.process-shot{min-height:200px}.process-shot:nth-child(n+4){display:none}footer{grid-template-columns:1fr 1fr}}@media(max-width:650px){.site-header{height:74px;padding:0 22px}.logo img{width:120px}.main-nav{top:74px}.hero-copy,.section{padding-left:22px;padding-right:22px}.hero h1{font-size:58px}.hero-image{min-height:390px;padding:40px 22px 35px}.trust-strip{grid-template-columns:1fr}.trust-strip div{min-height:65px}.section{padding-top:80px;padding-bottom:80px}.section-heading{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:1fr}.product-card-wide{grid-column:auto}.product-photo,.product-card-large .product-photo,.product-card-wide .product-photo{min-height:330px}.product-card-wide .product-photo img{width:82%}.news{gap:45px}.news-image img{height:620px}.custom{padding-left:22px;padding-right:22px}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;margin:0;border-bottom:1px solid #cfcfca}.process-visual{grid-template-columns:1fr 1fr}.process-shot:nth-child(3){display:none}.design-visual{min-height:360px}.principles{grid-template-columns:1fr}.principles div:nth-child(odd){border-right:0}.principles div:nth-child(even){padding-left:0}.closing{padding:75px 22px}footer{grid-template-columns:1fr;padding:55px 22px 25px}.footer-bottom{flex-direction:column;gap:8px}}

/* v4 — cleaner B&O-inspired editorial hero + people */
:root{--paper:#fff;--soft:#f6f6f3}
body{background:#fff}
.site-header{background:rgba(255,255,255,.92)}
.hero-editorial{min-height:calc(100vh - 92px);height:min(900px,calc(100vh - 92px));grid-template-columns:minmax(420px,.78fr) minmax(0,1.22fr);background:#fff;border-bottom:0}
.hero-editorial .hero-copy{padding:clamp(70px,8vw,130px) 2.8vw clamp(70px,8vw,120px) 4.2vw;align-self:center}
.hero-editorial h1{font-size:clamp(62px,6.8vw,112px);max-width:820px;line-height:.88;letter-spacing:-.065em}
.hero-editorial .hero-intro{max-width:560px}
.hero-stage{position:relative;overflow:hidden;background:#d71920;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#be0d14 0%,#d71920 42%,#ee2b31 100%);z-index:-2}
.hero-stage:after{content:"";position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.09);right:-18%;top:8%;z-index:-1}
.hero-stage img{width:min(820px,88%);max-height:82%;object-fit:contain;filter:drop-shadow(0 42px 35px rgba(70,0,0,.28));transform:translate(3%,2%) scale(1.06);transition:transform .8s cubic-bezier(.18,.72,.18,1),filter .8s ease}
.hero-stage:hover img{transform:translate(1%,-1%) scale(1.095);filter:drop-shadow(0 55px 42px rgba(70,0,0,.34))}
.hero-kicker{position:absolute;top:34px;left:36px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hero-stage-copy{position:absolute;left:36px;right:36px;bottom:30px;display:flex;justify-content:space-between;color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.hero-scroll{position:absolute;left:4.2vw;bottom:22px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#777}
.product-photo,.product-copy,.product-card{background:#fff}
.product-grid{background:#e3e3df}
.people{border-top:1px solid var(--line);padding-top:140px;padding-bottom:140px}
.people-heading{display:grid;grid-template-columns:.62fr 1.1fr .8fr;gap:5vw;align-items:start;margin-bottom:72px}
.people-heading h2{font-size:clamp(48px,5.2vw,84px);line-height:.93;letter-spacing:-.055em;margin:0}
.people-heading>p:last-child{font-size:16px;line-height:1.65;color:var(--muted);max-width:520px;margin-top:4px}
.person-feature{display:grid;grid-template-columns:minmax(340px,.85fr) 1.15fr;min-height:590px;background:#f4f4f1}
.person-photo{margin:0;overflow:hidden;background:#e8e8e4;position:relative}
.person-photo img{width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:grayscale(100%);transform:scale(1.015);transition:filter .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.person-feature:hover .person-photo img{filter:grayscale(0%);transform:scale(1.04)}
.person-copy{padding:clamp(55px,7vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.person-no{font-size:10px;color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:38px}
.person-copy h3{font-size:clamp(44px,5vw,78px);line-height:.92;letter-spacing:-.055em;margin:0 0 18px}
.person-role{font-size:15px;font-weight:700;margin-bottom:30px}
.person-copy>p:not(.person-role){max-width:580px;font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:38px}
@media(max-width:1000px){.hero-editorial{height:auto;min-height:auto;grid-template-columns:1fr}.hero-stage{min-height:620px}.hero-editorial .hero-copy{padding-right:4.2vw}.hero-scroll{display:none}.people-heading{grid-template-columns:1fr}.person-feature{grid-template-columns:1fr}.person-photo{height:560px}.person-copy{padding:60px 5vw}}
@media(max-width:650px){.hero-editorial .hero-copy{padding:70px 22px 48px}.hero-editorial h1{font-size:58px}.hero-stage{min-height:470px}.hero-stage img{width:92%}.hero-kicker{left:22px;top:22px}.hero-stage-copy{left:22px;right:22px;bottom:20px}.hero-stage-copy span:last-child{display:none}.people{padding-top:90px;padding-bottom:90px}.people-heading{margin-bottom:42px}.person-photo{height:390px}.person-copy{padding:42px 26px}}
@media(prefers-reduced-motion:reduce){.hero-stage img,.person-photo img{transition:none}.hero-stage:hover img,.person-feature:hover .person-photo img{transform:none}}

/* v5 — cinematic emergency-scene hero using a real Rodvig product cutout */
.site-header{position:absolute;top:0;left:0;right:0;z-index:30;background:linear-gradient(to bottom,rgba(0,0,0,.46),rgba(0,0,0,0));border-bottom:0;color:#fff}
.site-header .logo img{content:url('assets/rodvig-logo-white.webp')}
.site-header .main-nav a,.site-header .header-contact,.site-header .menu-button{color:#fff}
.site-header .main-nav a:after{background:#fff}
.hero-scene{position:relative;min-height:760px;height:min(920px,100vh);display:block;overflow:hidden;background:#101417;color:#fff;border-bottom:0}
.hero-scene-bg{position:absolute;inset:-30px;background-image:url('assets/hero-emergency-bg.jpg');background-size:cover;background-position:center 45%;transform:scale(1.04)}
.hero-scene-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.92) 0%,rgba(4,7,9,.70) 34%,rgba(4,7,9,.18) 62%,rgba(4,7,9,.25) 100%),linear-gradient(0deg,rgba(0,0,0,.46) 0%,transparent 42%,rgba(0,0,0,.18) 100%)}
.hero-copy-scene{position:relative;z-index:4;width:min(720px,47vw);padding:clamp(185px,22vh,245px) 0 90px 4.2vw}
.hero-copy-scene h1{font-size:clamp(70px,7.3vw,122px);line-height:.88;letter-spacing:-.062em;margin:18px 0 30px;color:#fff}
.hero-copy-scene .hero-intro{max-width:560px;font-size:17px;line-height:1.65;color:rgba(255,255,255,.82)}
.hero-eyebrow{color:#ff363d}.hero-text-link{color:#fff}.hero-text-link:after{background:#fff}
.hero-bag-wrap{position:absolute;z-index:5;right:2.2vw;bottom:2.5vh;width:min(720px,49vw);height:74%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.hero-bag{width:94%;max-height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 35px 24px rgba(0,0,0,.48));transform:translateY(2%) scale(1.02);transition:transform .8s cubic-bezier(.2,.72,.18,1),filter .8s ease}
.hero-scene:hover .hero-bag{transform:translateY(-1%) scale(1.055);filter:drop-shadow(0 44px 30px rgba(0,0,0,.55))}
.hero-product-label{position:absolute;right:2vw;bottom:2.3vh;display:flex;gap:22px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.7)}
.hero-scroll-light{color:rgba(255,255,255,.58);z-index:6}
@media(max-width:1000px){.site-header{position:absolute}.hero-scene{height:auto;min-height:900px}.hero-copy-scene{width:auto;padding:160px 5vw 0}.hero-bag-wrap{width:86vw;height:52%;right:-9vw;bottom:1vh;opacity:.98}.hero-copy-scene h1{font-size:clamp(62px,10vw,90px)}.hero-product-label{display:none}}
@media(max-width:650px){.hero-scene{min-height:820px}.hero-copy-scene{padding:128px 22px 0}.hero-copy-scene h1{font-size:56px;line-height:.92}.hero-copy-scene .hero-intro{font-size:15px}.hero-bag-wrap{width:105vw;right:-28vw;height:48%;bottom:0}.hero-bag{width:100%}.hero-scene-overlay{background:linear-gradient(180deg,rgba(4,7,9,.82) 0%,rgba(4,7,9,.48) 47%,rgba(4,7,9,.26) 100%)}}

/* v6 — realistic wet-street hero, Scandinavian trust bar, compact people profile */
.hero-scene-bg{background-position:center 48%;filter:saturate(.82) contrast(1.04)}
.hero-scene:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:26%;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(4,7,9,.08) 34%,rgba(7,10,12,.34));mix-blend-mode:multiply}
.hero-bag-wrap{bottom:1.5vh;height:76%;isolation:isolate}
.hero-bag{position:relative;z-index:3;width:96%;filter:drop-shadow(0 28px 22px rgba(0,0,0,.55));}
.hero-bag-reflection{position:absolute;z-index:1;width:92%;max-height:86%;object-fit:contain;object-position:center bottom;bottom:-43%;transform:scaleY(-.52) perspective(520px) rotateX(8deg);transform-origin:center top;opacity:.15;filter:blur(2.3px) saturate(.8) brightness(.72);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 62%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 62%);}
.hero-bag-wrap:after{content:"";position:absolute;z-index:2;left:9%;right:4%;bottom:1.5%;height:9%;background:radial-gradient(ellipse at center,rgba(255,255,255,.11),rgba(255,255,255,0) 70%);filter:blur(5px);opacity:.6;pointer-events:none}

.client-trust{background:#fff;border-bottom:1px solid var(--line)}
.client-trust-inner{max-width:var(--max);margin:auto;min-height:108px;display:grid;grid-template-columns:300px 1fr;align-items:center;gap:36px;padding:15px 4.2vw}
.client-trust-title{display:flex;align-items:center;gap:16px;padding-right:34px;border-right:1px solid var(--line)}
.client-trust-title strong{font-size:11px;line-height:1.35;text-transform:uppercase;letter-spacing:.065em}
.trust-mark{width:18px;height:18px;flex:0 0 18px;background:linear-gradient(90deg,transparent 38%,var(--red) 38% 62%,transparent 62%),linear-gradient(transparent 38%,var(--red) 38% 62%,transparent 62%)}
.client-logo-row{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));align-items:center;gap:clamp(16px,2vw,36px)}
.client-logo{height:52px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.client-logo img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) saturate(0) contrast(1.15);opacity:.68;mix-blend-mode:multiply;transition:opacity .25s ease,filter .25s ease,transform .25s ease}
.client-logo-wide img{max-width:170px}
.client-logo:hover img{opacity:.9;filter:grayscale(1) saturate(0) contrast(1.35);transform:translateY(-1px)}

.people{padding-top:105px;padding-bottom:105px}
.people-heading{grid-template-columns:.55fr 1fr .8fr;gap:4vw;margin-bottom:52px}
.people-heading h2{font-size:clamp(44px,4.5vw,72px)}
.person-feature{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:900px;min-height:0;margin-left:auto;background:#f4f4f1}
.person-photo{height:270px;width:220px;align-self:center;background:#e8e8e4}
.person-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:grayscale(100%)}
.person-copy{padding:38px 44px;justify-content:center}
.person-no{margin-bottom:19px}
.person-copy h3{font-size:clamp(34px,3.2vw,50px);margin-bottom:10px}
.person-role{font-size:13px;margin-bottom:16px}
.person-copy>p:not(.person-role){font-size:14px;line-height:1.55;margin-bottom:20px;max-width:520px}

@media(max-width:1000px){
  .client-trust-inner{grid-template-columns:1fr;gap:16px;padding-top:24px;padding-bottom:24px}
  .client-trust-title{border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px}
  .client-logo-row{grid-template-columns:repeat(5,1fr)}
  .client-logo{height:44px}
  .people-heading{grid-template-columns:1fr}
  .person-feature{margin-left:0}
}
@media(max-width:650px){
  .hero-bag-reflection{bottom:-34%;opacity:.11}
  .client-logo-row{grid-template-columns:repeat(2,1fr);gap:14px 22px}
  .client-logo{height:42px}
  .client-logo:last-child{grid-column:1/-1;max-width:180px;justify-self:center;width:100%}
  .person-feature{grid-template-columns:110px 1fr;max-width:none}
  .person-photo{width:110px;height:145px;align-self:start;margin:24px 0 24px 18px}
  .person-copy{padding:24px 20px}
  .person-copy h3{font-size:30px}
  .person-copy>p:not(.person-role){font-size:13px}
}


/* v7 — integrated wet-street hero, static product, tighter people profile */
.hero-scene-bg{
  background-position:center 54%;
  filter:saturate(.76) contrast(1.08) brightness(.88);
}
.hero-scene-overlay{
  background:
    linear-gradient(90deg,rgba(3,6,8,.92) 0%,rgba(3,6,8,.76) 31%,rgba(3,6,8,.18) 59%,rgba(3,6,8,.12) 100%),
    linear-gradient(0deg,rgba(0,0,0,.37) 0%,transparent 40%,rgba(0,0,0,.18) 100%);
}
.hero-bag-wrap{
  right:4vw;
  bottom:-.8vh;
  width:min(610px,40vw);
  height:70%;
  align-items:flex-end;
}
.hero-bag{
  width:88%;
  max-height:88%;
  transform:none !important;
  transition:none !important;
  filter:
    saturate(.92)
    contrast(1.02)
    brightness(.92)
    drop-shadow(0 22px 17px rgba(0,0,0,.46));
}
.hero-scene:hover .hero-bag{
  transform:none !important;
  filter:
    saturate(.92)
    contrast(1.02)
    brightness(.92)
    drop-shadow(0 22px 17px rgba(0,0,0,.46));
}
.hero-bag-reflection{
  width:84%;
  max-height:82%;
  bottom:-34%;
  transform:scaleY(-.48) perspective(620px) rotateX(7deg);
  opacity:.21;
  filter:blur(2.8px) saturate(.72) brightness(.58) contrast(1.05);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.84) 0%,rgba(0,0,0,.42) 25%,transparent 72%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.84) 0%,rgba(0,0,0,.42) 25%,transparent 72%);
}
.hero-bag-wrap:before{
  content:"";
  position:absolute;
  z-index:0;
  width:74%;
  height:12%;
  left:13%;
  bottom:4.5%;
  background:radial-gradient(ellipse at center,rgba(4,5,6,.72) 0%,rgba(4,5,6,.38) 44%,rgba(4,5,6,0) 76%);
  filter:blur(9px);
  transform:scaleX(1.08);
}
.hero-bag-wrap:after{
  left:15%;
  right:9%;
  bottom:1%;
  height:13%;
  background:
    radial-gradient(ellipse at 52% 20%,rgba(240,246,252,.14),rgba(255,255,255,0) 51%),
    linear-gradient(90deg,rgba(228,38,49,0),rgba(228,38,49,.09),rgba(64,129,220,.08),rgba(255,255,255,0));
  filter:blur(7px);
  opacity:.82;
}
.hero-scene:before{
  content:"";
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  width:58%;
  height:34%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 67% 92%,rgba(197,25,35,.13),transparent 34%),
    radial-gradient(ellipse at 32% 88%,rgba(54,113,204,.11),transparent 33%);
  mix-blend-mode:screen;
}
.client-trust-title{align-items:flex-start;flex-wrap:wrap}
.client-trust-title small{
  display:block;
  flex-basis:100%;
  padding-left:34px;
  margin-top:-5px;
  font-size:8px;
  line-height:1.3;
  color:#8a8a86;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.client-logo img{opacity:.62;filter:grayscale(1) saturate(0) contrast(1.06)}
.client-logo:hover img{opacity:.62;filter:grayscale(1) saturate(0) contrast(1.06);transform:none}
.people{padding-top:88px;padding-bottom:88px}
.people-heading{margin-bottom:40px}
.person-feature{grid-template-columns:150px minmax(0,1fr);max-width:760px;background:#f6f6f3}
.person-photo{width:150px;height:190px;margin:0;align-self:center}
.person-photo img{filter:grayscale(88%);transform:none;transition:none}
.person-feature:hover .person-photo img{filter:grayscale(88%);transform:none}
.person-copy{padding:28px 34px}
.person-copy h3{font-size:clamp(30px,2.6vw,42px)}
.person-role{font-size:12px;margin-bottom:12px}
.person-copy>p:not(.person-role){font-size:13px;line-height:1.5;margin-bottom:16px}
.person-no{margin-bottom:13px}

@media(max-width:1000px){
  .hero-bag-wrap{width:64vw;right:-1vw;bottom:-1.6vh;height:52%}
  .hero-bag{width:82%}
  .hero-bag-reflection{bottom:-29%;width:78%}
}
@media(max-width:650px){
  .hero-bag-wrap{width:83vw;right:-12vw;height:44%;bottom:-.5vh}
  .hero-bag{width:80%}
  .hero-bag-reflection{width:76%;bottom:-24%;opacity:.15}
  .client-trust-title small{padding-left:0;margin-top:1px}
  .person-feature{grid-template-columns:92px 1fr}
  .person-photo{width:92px;height:118px;margin:18px 0 18px 14px;align-self:start}
  .person-copy{padding:20px 18px}
}

/* v8 — uniform product presentation + name-on-hover */
.product-grid{grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.product-card,.product-card-large,.product-card-wide{grid-column:auto;grid-row:auto;position:relative;background:#fff}
.product-photo,.product-card-large .product-photo,.product-card-wide .product-photo{height:390px;min-height:390px;padding:34px;background:#fff;position:relative}
.product-photo img,.product-card-wide .product-photo img{width:88%;height:88%;max-height:none;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 18px rgba(0,0,0,.09));transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.product-copy{min-height:86px;grid-template-columns:30px 1fr auto;padding:20px 18px;border-top:1px solid var(--line)}
.product-copy p{display:none}
.product-copy h3{font-size:15px;text-transform:uppercase;letter-spacing:.01em;margin:0}
.product-card::after{content:attr(data-hover-name);position:absolute;inset:0 0 86px 0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;background:rgba(17,17,17,.76);color:#fff;font-size:clamp(20px,2vw,30px);font-weight:700;letter-spacing:-.02em;opacity:0;transition:opacity .3s ease;pointer-events:none}
.product-card:hover::after{opacity:1}
.product-card:hover .product-photo img{transform:scale(1.025);filter:drop-shadow(0 22px 20px rgba(0,0,0,.12))}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.product-grid{grid-template-columns:1fr}.product-photo,.product-card-large .product-photo,.product-card-wide .product-photo{height:340px;min-height:340px}.product-card::after{display:none}}


/* v9 — cleaner Medicine Modules presentation */
.news{grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);align-items:center}
.news-image{position:static;justify-self:end;width:min(100%,430px);background:#fff;padding:0;margin:0}
.news-image img{width:100%;height:215px;object-fit:cover;object-position:50% 0;background:#fff;filter:none}
.news-image figcaption{margin-top:9px;color:#777;font-size:8px;letter-spacing:.11em}
@media(max-width:1000px){.news{grid-template-columns:1fr}.news-image{justify-self:start;width:min(100%,430px);margin-top:8px}}
@media(max-width:650px){.news-image{width:100%;max-width:360px}.news-image img{height:185px}}


/* v10 — bilingual EN / DA navigation */
.language-switch{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:20px;font-size:11px;font-weight:700;letter-spacing:.08em}
.language-switch a,.language-switch span{color:inherit;text-decoration:none}
.language-switch a{opacity:.48;transition:opacity .2s ease}
.language-switch a:hover{opacity:1}
.language-switch .active{opacity:1}
.language-divider{opacity:.24}
@media(max-width:1000px){.language-switch{margin-left:0;margin-right:12px}}
@media(max-width:760px){.language-switch{position:absolute;right:76px;top:27px;margin:0}}


/* v11 — interactive product details */
.product-card{appearance:none;border:0;padding:0;margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}
.product-card:focus-visible{outline:2px solid var(--red);outline-offset:-2px;z-index:4}
.product-card::before{content:"View details ↗";position:absolute;left:50%;top:54%;transform:translate(-50%,10px);z-index:4;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.product-card:hover::before,.product-card:focus-visible::before{opacity:.9;transform:translate(-50%,0)}
.product-dialog{width:min(980px,calc(100% - 40px));max-height:calc(100% - 40px);padding:0;border:0;background:#fff;color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.24)}
.product-dialog::backdrop{background:rgba(10,10,10,.76);backdrop-filter:blur(4px)}
.product-dialog[open]{display:grid;grid-template-columns:1.05fr .95fr}
.product-dialog-media{min-height:520px;background:#fff;display:flex;align-items:center;justify-content:center;padding:56px;border-right:1px solid var(--line)}
.product-dialog-media img{width:100%;height:100%;max-height:520px;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(0,0,0,.12))}
.product-dialog-media{position:relative}
.product-dialog-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(0,0,0,.16);border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.12);z-index:2}
.product-dialog-gallery-arrow:hover,.product-dialog-gallery-arrow:focus-visible{background:#fff;border-color:var(--red);outline:none}
.product-dialog-gallery-arrow[hidden]{display:none}
.product-dialog-gallery-previous{left:16px}.product-dialog-gallery-next{right:16px}
.product-dialog-image-count{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(20,20,20,.78);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;z-index:2}
.product-dialog-copy{padding:70px 56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.product-dialog-copy h2{font-size:clamp(38px,5vw,66px);line-height:.95;letter-spacing:-.05em;margin:0 0 24px}
.product-dialog-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;color:var(--muted)}
.product-dialog-placeholder{padding-top:18px;margin-top:8px;border-top:1px solid var(--line);font-size:13px!important}
.product-dialog-close{position:absolute;right:18px;top:14px;width:44px;height:44px;border:0;background:transparent;font-size:32px;line-height:1;cursor:pointer;z-index:5}
@media(max-width:760px){.product-dialog[open]{grid-template-columns:1fr}.product-dialog-media{min-height:280px;height:300px;padding:30px;border-right:0;border-bottom:1px solid var(--line)}.product-dialog-copy{padding:34px 28px 38px}.product-card::before{display:none}}

/* v11 — small CMS status note */
.news-admin-note{margin:20px 0 0;max-width:500px;font-size:10px!important;line-height:1.5!important;color:#8b8b87!important;text-transform:uppercase;letter-spacing:.06em}

/* v12 editorial news feed */
.news-feed{border-top:1px solid var(--line)}
.news-feed-heading{display:grid;grid-template-columns:1fr minmax(320px,.62fr);gap:8vw;align-items:end;margin-bottom:52px}
.news-feed-heading h2{font-size:clamp(48px,5vw,80px);line-height:.94;letter-spacing:-.055em;margin:0}
.news-feed-intro{max-width:520px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.news-feature-card{border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.news-card-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);text-align:left;cursor:pointer}
.news-card-image{margin:0;overflow:hidden;background:#fff;min-height:430px;display:flex;align-items:center;justify-content:center}
.news-card-image img{width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center 36%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.news-card-copy{padding:48px clamp(32px,4.5vw,72px);display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line)}
.news-meta{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:42px;font-size:9px;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}
.news-meta span+span:before{content:'·';margin-right:18px;color:var(--red)}
.news-card-copy .eyebrow{margin-bottom:16px}
.news-card-copy h3{font-size:clamp(38px,4.2vw,66px);line-height:.95;letter-spacing:-.05em;margin:0 0 18px}
.news-card-subtitle{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin:0 0 22px}
.news-card-body{font-size:15px;line-height:1.6;color:var(--muted);max-width:500px;margin:0}
.news-read-more{display:inline-flex;gap:16px;align-items:center;margin-top:42px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.news-read-more span{color:var(--red);transition:transform .25s}
.news-card-link:focus-visible{outline:2px solid var(--red);outline-offset:5px}
@media(hover:hover) and (pointer:fine){.news-card-link:hover .news-card-image img{transform:scale(1.025)}.news-card-link:hover .news-read-more span{transform:translateX(4px)}}
.news-feed-footer{padding:20px 0 0;display:flex;justify-content:flex-end}
.news-feed-footer p{max-width:520px;margin:0;color:#8b8b87;font-size:9px;line-height:1.55;text-transform:uppercase;letter-spacing:.08em}
.news-dialog{width:min(1120px,94vw);max-height:90vh;border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 32px 100px rgba(0,0,0,.28)}
.news-dialog::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}
.news-dialog[open]{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.news-dialog-media{background:#fff;min-height:100%;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}
.news-dialog-media img{width:100%;height:100%;object-fit:cover;object-position:center 32%}
.news-dialog-copy{padding:clamp(38px,5vw,70px);overflow:auto}
.news-dialog-copy h2{font-size:clamp(45px,5vw,74px);line-height:.94;letter-spacing:-.055em;margin:0 0 18px}
.news-dialog-close{position:absolute;right:18px;top:14px;z-index:2;width:44px;height:44px;border:0;background:rgba(251,251,249,.92);font:300 30px/1 Arial;cursor:pointer}
@media(max-width:900px){.news-feed-heading{grid-template-columns:1fr;gap:24px}.news-card-link{grid-template-columns:1fr}.news-card-image{min-height:340px}.news-card-image img{min-height:340px}.news-card-copy{border-left:0;border-top:1px solid var(--line);padding:34px 28px 42px}.news-dialog[open]{grid-template-columns:1fr;overflow:auto}.news-dialog-media{min-height:280px;max-height:360px}.news-dialog-copy{overflow:visible}}
@media(max-width:650px){.news-card-image,.news-card-image img{min-height:260px}.news-meta{margin-bottom:28px}.news-feed-footer{justify-content:flex-start}}


/* v13 — secondary editorial news card */
.news-secondary-grid{margin-top:28px}
.news-secondary-card{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);border-bottom:1px solid var(--line);background:#fff}
.news-secondary-image{margin:0;min-height:300px;overflow:hidden;background:#eee}
.news-secondary-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.news-secondary-copy{padding:38px clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:center}
.news-secondary-copy .news-meta{margin-bottom:26px}
.news-secondary-copy h3{font-size:clamp(28px,3vw,46px);line-height:1.02;letter-spacing:-.04em;margin:0 0 18px;max-width:760px}
.news-secondary-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;color:var(--muted);max-width:680px;margin:0}
.news-inline-link{appearance:none;border:0;background:transparent;padding:0;margin-top:30px;align-self:flex-start;font:800 10px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;color:var(--ink)}
.news-inline-link span{color:var(--red);margin-left:14px;display:inline-block;transition:transform .25s}
.news-fiction-note{margin-top:30px!important;padding-top:18px;border-top:1px solid var(--line);font-size:12px!important}
@media(hover:hover) and (pointer:fine){.news-secondary-card:hover .news-secondary-image img{transform:scale(1.02)}.news-inline-link:hover span{transform:translateX(4px)}}
@media(max-width:800px){.news-secondary-card{grid-template-columns:1fr}.news-secondary-image{min-height:240px}.news-secondary-copy{padding:30px 24px 36px}}

/* v14 — consistent news photography
   News images use the same frame so quick phone photos feel intentional.
   Portrait/landscape iPhone images are cropped responsively with object-fit. */
.news-feature-card .news-card-link{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)}
.news-feature-card .news-card-image{min-height:300px;height:300px}
.news-feature-card .news-card-image img{width:100%;height:300px;min-height:0;object-fit:cover;object-position:center center}
.news-secondary-card .news-secondary-image{height:300px;min-height:300px}
.news-secondary-card .news-secondary-image img{width:100%;height:300px;object-fit:cover;object-position:center center}
@media(max-width:900px){
  .news-feature-card .news-card-link{grid-template-columns:1fr}
  .news-feature-card .news-card-image,
  .news-feature-card .news-card-image img{height:280px;min-height:280px}
}
@media(max-width:800px){
  .news-secondary-card .news-secondary-image,
  .news-secondary-card .news-secondary-image img{height:280px;min-height:280px}
}
@media(max-width:650px){
  .news-feature-card .news-card-image,
  .news-feature-card .news-card-image img,
  .news-secondary-card .news-secondary-image,
  .news-secondary-card .news-secondary-image img{height:240px;min-height:240px}
}

/* v15 — larger integrated hero bag */
.hero-bag-wrap{
  right:2.2vw;
  width:min(735px,47vw);
  height:76%;
}
.hero-bag{
  width:96%;
  max-height:94%;
}
.hero-bag-reflection{
  width:92%;
  max-height:88%;
  bottom:-35%;
}
.hero-bag-wrap:before{
  width:79%;
  left:10.5%;
}
@media(max-width:1000px){
  .hero-bag-wrap{width:73vw;right:-5vw;height:56%}
  .hero-bag{width:90%;max-height:94%}
  .hero-bag-reflection{width:86%;bottom:-30%}
}
@media(max-width:650px){
  .hero-bag-wrap{width:96vw;right:-20vw;height:48%}
  .hero-bag{width:88%}
  .hero-bag-reflection{width:84%;bottom:-25%}
}

/* v16 — hero product placement: lower, proportion-preserving, diffuse wet-street reflection */
.hero-bag-wrap{
  right:2.4vw;
  bottom:5.2vh;
  width:min(710px,45.5vw);
  height:72%;
  align-items:flex-end;
}
.hero-bag{
  width:94%;
  max-height:91%;
  object-fit:contain;
  object-position:center bottom;
  transform:none !important;
  transition:none !important;
}
.hero-scene:hover .hero-bag{transform:none !important}
.hero-bag-reflection{
  width:88%;
  max-height:84%;
  bottom:-25%;
  transform:scaleY(-.34) perspective(700px) rotateX(5deg);
  transform-origin:center top;
  opacity:.095;
  filter:blur(9px) saturate(.58) brightness(.55) contrast(.86);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.52) 0%,rgba(0,0,0,.18) 27%,transparent 61%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.52) 0%,rgba(0,0,0,.18) 27%,transparent 61%);
}
.hero-bag-wrap:before{
  width:76%;
  left:12%;
  bottom:3.8%;
  height:9%;
  filter:blur(12px);
  opacity:.78;
}
.hero-bag-wrap:after{
  left:18%;
  right:13%;
  bottom:-1%;
  height:10%;
  filter:blur(12px);
  opacity:.42;
}
.hero-product-label{
  z-index:8;
  bottom:2.2vh;
  text-shadow:0 1px 8px rgba(0,0,0,.65);
}
@media(max-width:1000px){
  .hero-bag-wrap{width:70vw;right:-3vw;height:53%;bottom:4.2vh}
  .hero-bag{width:89%;max-height:92%}
  .hero-bag-reflection{width:83%;bottom:-22%;opacity:.085;filter:blur(8px) saturate(.58) brightness(.55)}
}
@media(max-width:650px){
  .hero-bag-wrap{width:92vw;right:-17vw;height:46%;bottom:3.2vh}
  .hero-bag{width:86%;max-height:91%}
  .hero-bag-reflection{width:80%;bottom:-19%;opacity:.075;filter:blur(7px) saturate(.55) brightness(.52)}
}

/* v17 — ground the hero bag into the wet street */
.hero-bag-wrap{
  right:2.1vw;
  bottom:2.8vh;
  width:min(700px,45vw);
  height:70%;
  align-items:flex-end;
  isolation:isolate;
}
.hero-bag{
  position:relative;
  z-index:5;
  width:93%;
  max-height:90%;
  object-fit:contain;
  object-position:center bottom;
  transform:none !important;
  transition:none !important;
  filter:
    saturate(.90)
    contrast(1.015)
    brightness(.90)
    drop-shadow(0 10px 8px rgba(0,0,0,.32))
    drop-shadow(0 24px 18px rgba(0,0,0,.30));
}
.hero-scene:hover .hero-bag{transform:none !important}

/* soft contact shadow directly beneath the bag */
.hero-bag-wrap:before{
  content:"";
  position:absolute;
  z-index:3;
  left:14%;
  right:10%;
  bottom:2.2%;
  height:7.5%;
  background:radial-gradient(ellipse at center,
    rgba(0,0,0,.76) 0%,
    rgba(0,0,0,.50) 34%,
    rgba(0,0,0,.20) 56%,
    rgba(0,0,0,0) 76%);
  filter:blur(10px);
  transform:scaleX(1.04);
  opacity:.88;
}

/* diffuse reflection integrated with the puddled street */
.hero-bag-reflection{
  position:absolute;
  z-index:1;
  width:86%;
  max-height:80%;
  object-fit:contain;
  object-position:center bottom;
  left:7%;
  bottom:-21.5%;
  transform:scaleY(-.29) perspective(760px) rotateX(4deg);
  transform-origin:center top;
  opacity:.10;
  filter:blur(12px) saturate(.58) brightness(.50) contrast(.82);
  -webkit-mask-image:linear-gradient(to bottom,
    rgba(0,0,0,.48) 0%,
    rgba(0,0,0,.28) 22%,
    rgba(0,0,0,.08) 43%,
    transparent 66%);
  mask-image:linear-gradient(to bottom,
    rgba(0,0,0,.48) 0%,
    rgba(0,0,0,.28) 22%,
    rgba(0,0,0,.08) 43%,
    transparent 66%);
}

/* reflected red/blue ambient light blends the product into the scene */
.hero-bag-wrap:after{
  content:"";
  position:absolute;
  z-index:2;
  left:15%;
  right:7%;
  bottom:-1.8%;
  height:17%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 43% 15%,rgba(212,28,39,.14),transparent 44%),
    radial-gradient(ellipse at 68% 28%,rgba(56,111,190,.10),transparent 40%),
    radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.08),transparent 38%);
  filter:blur(14px);
  opacity:.72;
  mix-blend-mode:screen;
}

/* a small foreground road sheen to visually bridge bag and background */
.hero-scene .hero-bag-wrap .hero-bag + .hero-product-label{}
.hero-scene:before{
  content:"";
  position:absolute;
  z-index:4;
  right:0;
  bottom:0;
  width:58%;
  height:24%;
  pointer-events:none;
  background:
    linear-gradient(to top,rgba(6,9,11,.16),transparent 58%),
    radial-gradient(ellipse at 67% 88%,rgba(188,24,35,.08),transparent 32%),
    radial-gradient(ellipse at 35% 90%,rgba(56,108,186,.07),transparent 30%);
  mix-blend-mode:screen;
}
.hero-product-label{z-index:8;bottom:1.7vh}

@media(max-width:1000px){
  .hero-bag-wrap{width:69vw;right:-2vw;height:52%;bottom:2.8vh}
  .hero-bag{width:88%;max-height:91%}
  .hero-bag-reflection{width:81%;left:9%;bottom:-18%;opacity:.085;filter:blur(10px) saturate(.56) brightness(.50)}
  .hero-bag-wrap:before{left:16%;right:13%;bottom:2.5%}
}
@media(max-width:650px){
  .hero-bag-wrap{width:91vw;right:-16vw;height:45%;bottom:2.2vh}
  .hero-bag{width:85%;max-height:90%}
  .hero-bag-reflection{width:78%;left:11%;bottom:-15%;opacity:.07;filter:blur(9px) saturate(.54) brightness(.48)}
  .hero-bag-wrap:before{left:17%;right:15%;height:7%;bottom:2.8%}
}

/* v19 — user-adjustable hero placement controls */
:root{
  --hero-bag-x: 76%;
  --hero-bag-y: 3%;
  --hero-bag-width: 45%;
  --hero-bag-image-size: 93%;
  --hero-reflection-opacity: .10;
  --hero-reflection-blur: 12px;
  --hero-reflection-depth: .29;
  --hero-reflection-offset: -21.5%;
  --hero-shadow-opacity: .88;
}
.hero-bag-wrap{
  left:var(--hero-bag-x) !important;
  right:auto !important;
  bottom:var(--hero-bag-y) !important;
  width:var(--hero-bag-width) !important;
  transform:translateX(-50%);
}
.hero-bag{width:var(--hero-bag-image-size) !important}
.hero-bag-reflection{
  opacity:var(--hero-reflection-opacity) !important;
  filter:blur(var(--hero-reflection-blur)) saturate(.58) brightness(.50) contrast(.82) !important;
  bottom:var(--hero-reflection-offset) !important;
  transform:scaleY(calc(-1 * var(--hero-reflection-depth))) perspective(760px) rotateX(4deg) !important;
}
.hero-bag-wrap:before{opacity:var(--hero-shadow-opacity) !important}

.hero-placement-toggle{
  position:fixed;right:18px;bottom:18px;z-index:250;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(255,255,255,.25);background:#111;color:#fff;font:700 15px/1 Arial,sans-serif;
  box-shadow:0 8px 24px rgba(0,0,0,.28);cursor:pointer;display:none
}
.hero-placement-toggle.is-visible{display:block}
.hero-placement-panel{
  position:fixed;right:18px;bottom:76px;z-index:249;width:min(360px,calc(100vw - 36px));max-height:calc(100vh - 110px);overflow:auto;
  background:rgba(17,17,17,.97);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 60px rgba(0,0,0,.42);
  padding:18px;display:none;font-family:Arial,Helvetica,sans-serif
}
.hero-placement-panel.is-open{display:block}
.hero-placement-panel h2{font-size:16px;margin:0 0 5px;letter-spacing:.01em}
.hero-placement-panel .hp-note{font-size:11px;line-height:1.45;color:rgba(255,255,255,.65);margin:0 0 16px}
.hp-control{display:grid;grid-template-columns:112px 1fr 54px;gap:10px;align-items:center;margin:11px 0}
.hp-control label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.82)}
.hp-control output{font-size:11px;text-align:right;font-variant-numeric:tabular-nums;color:#fff}
.hp-control input[type="range"]{width:100%;accent-color:#d71920}
.hp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}
.hp-actions button{min-height:42px;border:1px solid rgba(255,255,255,.24);background:transparent;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.hp-actions button.hp-primary{background:#d71920;border-color:#d71920}
.hp-code{margin-top:12px;padding:10px;background:#090909;border:1px solid rgba(255,255,255,.12);font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d8d8d8;white-space:pre-wrap;word-break:break-word;display:none}
.hp-status{min-height:16px;margin-top:8px;font-size:10px;color:#aeb9ad}
@media(max-width:1000px){
  .hero-bag-wrap{height:52% !important}
}
@media(max-width:650px){
  .hero-placement-panel{right:10px;bottom:68px;width:calc(100vw - 20px)}
  .hero-placement-toggle{right:10px;bottom:10px}
  .hp-control{grid-template-columns:94px 1fr 48px}
  .hero-bag-wrap{height:45% !important}
}


/* v20 — corrected hero placement editor: no product-label text, visible wet-street reflection */
:root{
  --hero-bag-x: 76%;
  --hero-bag-y: 7%;
  --hero-bag-width: 50%;
  --hero-bag-image-size: 100%;
  --hero-reflection-opacity: .18;
  --hero-reflection-blur: 7px;
  --hero-reflection-depth: .34;
  --hero-reflection-offset: -8%;
  --hero-shadow-opacity: .82;
}
.hero-bag-wrap{
  height:72% !important;
  overflow:visible !important;
}
.hero-bag{
  z-index:5;
  max-height:88% !important;
  object-fit:contain;
  object-position:center bottom;
}
.hero-bag-reflection{
  z-index:2 !important;
  left:7% !important;
  width:86% !important;
  max-height:78% !important;
  bottom:var(--hero-reflection-offset) !important;
  opacity:var(--hero-reflection-opacity) !important;
  transform:scaleY(calc(-1 * var(--hero-reflection-depth))) perspective(900px) rotateX(5deg) !important;
  transform-origin:center bottom !important;
  filter:blur(var(--hero-reflection-blur)) saturate(.65) brightness(.48) contrast(.86) !important;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.52) 0%,rgba(0,0,0,.30) 28%,rgba(0,0,0,.10) 58%,transparent 90%) !important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.52) 0%,rgba(0,0,0,.30) 28%,rgba(0,0,0,.10) 58%,transparent 90%) !important;
}
.hero-bag-wrap:before{
  bottom:8.5% !important;
  height:7% !important;
  filter:blur(9px) !important;
}
.hero-bag-wrap:after{
  bottom:3% !important;
  height:15% !important;
  opacity:.58 !important;
}
.hero-product-label{display:none !important}
@media(max-width:1000px){.hero-bag-wrap{height:56% !important}}
@media(max-width:650px){.hero-bag-wrap{height:48% !important}}

/* v21 — final composite hero image: product, grounding and reflection are baked into the source image */
.hero-scene{
  background:#090d12;
}
.hero-scene-bg{
  inset:0 !important;
  background-image:url('assets/hero-composite.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  transform:none !important;
  filter:none !important;
}
.hero-scene-overlay{
  background:
    linear-gradient(90deg,rgba(3,6,9,.91) 0%,rgba(3,6,9,.69) 30%,rgba(3,6,9,.12) 54%,rgba(3,6,9,.02) 100%),
    linear-gradient(0deg,rgba(0,0,0,.26) 0%,transparent 42%,rgba(0,0,0,.08) 100%) !important;
}
.hero-bag-wrap,
.hero-product-label,
.hero-placement-panel,
.hero-placement-toggle{
  display:none !important;
}
@media(max-width:1000px){
  .hero-scene-bg{background-position:58% center !important;}
}
@media(max-width:650px){
  .hero-scene-bg{background-position:67% center !important;}
  .hero-scene-overlay{
    background:linear-gradient(180deg,rgba(3,6,9,.84) 0%,rgba(3,6,9,.60) 46%,rgba(3,6,9,.12) 100%) !important;
  }
}

/* v22 — quick visual refinements */
/* Hero headline: ~8% smaller and a tighter measure so it wraps cleanly beside the bag. */
.hero-copy-scene{max-width:48vw !important;}
.hero-copy-scene h1{
  font-size:clamp(53px,5.98vw,98px) !important;
  max-width:7.25ch;
  line-height:.90 !important;
}
/* Header: slightly larger identity/navigation and a little more breathing room above. */
.site-header{
  height:101px !important;
  padding-top:8px !important;
  align-items:center !important;
}
.logo img{width:155px !important;}
.main-nav,.header-contact{font-size:12.6px !important;}

/* Client logos: normalize optical size, then compensate for artwork with large internal whitespace. */
.client-logo{height:58px !important;overflow:visible !important;}
.client-logo img{
  width:auto !important;
  height:42px !important;
  max-width:180px !important;
  object-fit:contain !important;
  opacity:.76 !important;
  filter:grayscale(1) saturate(0) contrast(1.22) !important;
}
.client-logo:nth-child(3) img{ /* Region Sjælland */
  height:53px !important;
  max-width:205px !important;
  opacity:.88 !important;
  filter:grayscale(1) saturate(0) contrast(1.38) !important;
}
.client-logo:nth-child(5) img{ /* Norsk Luftambulanse */
  height:55px !important;
  max-width:220px !important;
  opacity:.90 !important;
  filter:grayscale(1) saturate(0) contrast(1.42) !important;
}
@media(max-width:1000px){
  .hero-copy-scene{max-width:58vw !important;}
  .hero-copy-scene h1{font-size:clamp(55px,9.2vw,83px) !important;max-width:7ch;}
  .site-header{height:96px !important;padding-top:7px !important;}
}
@media(max-width:650px){
  .hero-copy-scene{max-width:none !important;}
  .hero-copy-scene h1{font-size:51px !important;max-width:7.4ch;}
  .client-logo{height:50px !important;}
  .client-logo img{height:36px !important;max-width:150px !important;}
  .client-logo:nth-child(3) img{height:45px !important;max-width:175px !important;}
  .client-logo:nth-child(5) img{height:47px !important;max-width:190px !important;}
}

/* v23 — restore original hero scale, improve copy measure, and normalize trusted-client logos */
.hero-copy-scene{
  width:min(720px,47vw) !important;
  max-width:none !important;
}
.hero-copy-scene h1{
  font-size:clamp(70px,7.3vw,122px) !important;
  max-width:none !important;
  line-height:.88 !important;
  letter-spacing:-.062em !important;
}
.hero-copy-scene .hero-intro{
  width:min(440px,31vw) !important;
  max-width:440px !important;
  font-size:17px !important;
  line-height:1.62 !important;
}

/* The source artwork is now tightly cropped and converted to the same charcoal tone.
   This makes equal CSS heights read as equal optical sizes instead of equal image canvases. */
.client-logo{
  height:60px !important;
  overflow:visible !important;
}
.client-logo img{
  width:auto !important;
  height:39px !important;
  max-width:178px !important;
  opacity:.88 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  object-fit:contain !important;
}
.client-logo:nth-child(1) img{height:40px !important;max-width:172px !important;} /* Falck */
.client-logo:nth-child(2) img{height:39px !important;max-width:175px !important;} /* Region Hovedstaden */
.client-logo:nth-child(3) img{height:46px !important;max-width:205px !important;} /* Region Sjælland */
.client-logo:nth-child(4) img{height:41px !important;max-width:175px !important;} /* Røde Kors */
.client-logo:nth-child(5) img{height:47px !important;max-width:225px !important;} /* Norsk Luftambulanse */
.client-logo:hover img{
  opacity:.88 !important;
  filter:none !important;
  transform:none !important;
}

@media(max-width:1000px){
  .hero-copy-scene{width:min(650px,60vw) !important;max-width:none !important;}
  .hero-copy-scene h1{font-size:clamp(62px,10vw,90px) !important;max-width:none !important;}
  .hero-copy-scene .hero-intro{width:min(430px,48vw) !important;max-width:430px !important;}
  .client-logo{height:52px !important;}
  .client-logo img{height:35px !important;max-width:150px !important;}
  .client-logo:nth-child(3) img{height:41px !important;max-width:175px !important;}
  .client-logo:nth-child(5) img{height:42px !important;max-width:190px !important;}
}
@media(max-width:650px){
  .hero-copy-scene{width:auto !important;max-width:none !important;}
  .hero-copy-scene h1{font-size:56px !important;line-height:.92 !important;max-width:none !important;}
  .hero-copy-scene .hero-intro{width:auto !important;max-width:360px !important;font-size:15px !important;}
  .client-logo{height:48px !important;}
  .client-logo img{height:33px !important;max-width:140px !important;}
  .client-logo:nth-child(3) img{height:38px !important;max-width:160px !important;}
  .client-logo:nth-child(5) img{height:40px !important;max-width:175px !important;}
}

/* v24 — balanced trust logos + early custom-solution USP */
.client-trust{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.client-trust-inner{max-width:var(--max);margin:auto;min-height:146px;display:grid;grid-template-columns:minmax(260px,320px) 1fr;align-items:center;gap:44px;padding:24px 4.2vw}
.client-trust-title{display:block!important;border:0!important;padding:0!important}
.client-trust-title strong{font-size:13px!important;line-height:1.32!important;letter-spacing:.055em!important;text-transform:uppercase}
.trust-mark{display:none!important}
.client-logo-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(20px,2vw,34px)!important;align-items:center!important;min-width:0}
.client-logo{height:70px!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:4px!important}
.client-logo img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:46px!important;object-fit:contain!important;opacity:.78!important;filter:grayscale(1) saturate(0) contrast(1.18)!important;mix-blend-mode:multiply!important;transform:none!important}
.client-logo.logo-falck img{max-height:44px!important}
.client-logo.logo-hovedstaden img{max-height:44px!important}
.client-logo.logo-sjaelland img{max-height:42px!important;max-width:95%!important}
.client-logo.logo-skane img{max-height:52px!important;max-width:86%!important;object-position:center!important}
.client-logo.logo-roedekors img{max-height:45px!important}
.client-logo.logo-norsk img{max-height:49px!important;max-width:100%!important}
.client-logo:hover img{opacity:.78!important;filter:grayscale(1) saturate(0) contrast(1.18)!important;transform:none!important}

.usp-early{background:#111;color:#fff;border-bottom:1px solid #2a2a2a}
.usp-early-inner{max-width:var(--max);margin:auto;padding:88px 4.2vw 92px;display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);gap:clamp(60px,8vw,130px);align-items:start}
.usp-early .eyebrow{margin-bottom:20px}
.usp-early h2{font-size:clamp(50px,5.2vw,82px);line-height:.91;letter-spacing:-.055em;margin:0}
.usp-early-lede{max-width:760px;font-size:18px;line-height:1.62;color:#d2d2cf;margin:4px 0 36px}
.usp-early-points{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3b3b3b;border-bottom:1px solid #3b3b3b;margin-bottom:30px}
.usp-early-points>div{padding:24px 26px 26px 0;margin-right:26px;border-right:1px solid #3b3b3b;min-width:0}
.usp-early-points>div:last-child{border-right:0;margin-right:0}
.usp-early-points span{display:block;color:var(--red);font-size:10px;font-weight:800;margin-bottom:18px}
.usp-early-points strong{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.055em;margin-bottom:10px}
.usp-early-points p{font-size:12px;line-height:1.5;color:#adada9;margin:0}
.usp-early-link{color:#fff}.usp-early-link span{color:var(--red)}

@media(max-width:1180px){
  .client-trust-inner{grid-template-columns:1fr;gap:18px;padding-top:28px;padding-bottom:28px}
  .client-trust-title strong br{display:none}
  .client-logo-row{grid-template-columns:repeat(3,1fr)!important;gap:18px 30px!important}
  .client-logo{height:58px!important}
  .usp-early-inner{grid-template-columns:1fr;gap:45px}
}
@media(max-width:650px){
  .client-trust-inner{padding-left:22px;padding-right:22px}
  .client-trust-title strong{font-size:11px!important}
  .client-logo-row{grid-template-columns:repeat(2,1fr)!important;gap:12px 22px!important}
  .client-logo{height:50px!important;padding:3px!important}
  .client-logo img{max-height:34px!important}
  .client-logo.logo-sjaelland img{max-height:32px!important}
  .client-logo.logo-skane img{max-height:40px!important}
  .client-logo.logo-norsk img{max-height:38px!important}
  .usp-early-inner{padding:68px 22px 72px;gap:36px}
  .usp-early h2{font-size:50px}
  .usp-early-lede{font-size:16px}
  .usp-early-points{grid-template-columns:1fr}
  .usp-early-points>div{border-right:0;border-bottom:1px solid #3b3b3b;margin:0;padding:20px 0}
  .usp-early-points>div:last-child{border-bottom:0}
}

/* v25 — expanded standard range + repositioned custom USP */
.products .section-heading h2{max-width:860px}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.product-photo,.product-card-large .product-photo,.product-card-wide .product-photo{height:330px!important;min-height:330px!important;padding:28px!important}
.product-photo img,.product-card-wide .product-photo img{width:88%!important;height:88%!important;max-height:285px!important;object-fit:contain!important}
.product-copy{min-height:132px}
.product-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.usp-early{background:#2b2c2a!important;border-top:1px solid #3a3b39;border-bottom:1px solid #3a3b39}
.usp-early .eyebrow.red{font-size:20px!important;line-height:1.1!important;letter-spacing:.035em!important;text-transform:none!important;margin-bottom:28px!important}
.usp-early-lede{color:#e0e0dc!important}
.usp-early-points{border-color:#51524f!important}
.usp-early-points>div{border-color:#51524f!important}
.usp-early-points p{color:#c2c2be!important}

.product-dialog{width:min(1100px,calc(100% - 40px))}
.product-dialog[open]{grid-template-columns:.95fr 1.05fr}
.product-dialog-copy{padding:52px 52px 48px;justify-content:flex-start;overflow:auto;max-height:calc(100vh - 40px)}
.product-dialog-copy>p:not(.eyebrow){margin-bottom:22px}
.product-dialog-specs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);margin:4px 0 22px;border:1px solid var(--line)}
.product-dialog-spec{background:#fff;padding:16px 18px}
.product-dialog-spec span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}
.product-dialog-spec strong{font-size:16px}
.product-dialog-features{width:100%;margin:0 0 28px;padding:0;list-style:none;border-top:1px solid var(--line)}
.product-dialog-features li{position:relative;padding:11px 0 11px 20px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45;color:#555}
.product-dialog-features li:before{content:'+';position:absolute;left:0;color:var(--red);font-weight:800}
.product-source-link{margin-top:18px;color:var(--muted)}

@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.product-grid{grid-template-columns:1fr!important}.product-photo,.product-card-large .product-photo,.product-card-wide .product-photo{height:310px!important;min-height:310px!important}.product-copy{min-height:auto}.usp-early .eyebrow.red{font-size:17px!important}.product-dialog-specs{grid-template-columns:1fr}}


/* v27 — permanent Medicine Modules sales section */
.medicine-launch{background:#f5f5f2;padding-top:110px;padding-bottom:0}
.medicine-launch-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:50px;align-items:end;margin-bottom:64px}
.medicine-launch-head .eyebrow{grid-column:1/-1;margin:0 0 -24px}
.medicine-launch-head h2{font-size:clamp(52px,6vw,92px);line-height:.91;letter-spacing:-.055em;margin:0;max-width:980px}
.medicine-launch-head>p:last-child{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 6px;max-width:520px}
.medicine-launch-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(50px,7vw,110px);align-items:center}
.medicine-visual{position:relative;background:#fff;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.medicine-visual img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.hotspot{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:11px;font-weight:800;box-shadow:0 0 0 6px rgba(204,0,0,.10)}
.hs1{left:25%;top:30%}.hs2{left:47%;top:19%}.hs3{left:66%;top:34%}.hs4{left:35%;top:62%}.hs5{left:70%;top:69%}
.medicine-benefits{border-top:1px solid #c9c9c5}
.medicine-benefits>div{display:grid;grid-template-columns:120px 180px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #c9c9c5;align-items:baseline}
.medicine-benefits span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--red)}
.medicine-benefits h3{font-size:17px;margin:0;letter-spacing:-.02em}.medicine-benefits p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}
.medicine-specbar{margin-top:72px;background:#151515;color:#fff;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:stretch}
.medicine-specbar>div{padding:28px 30px;border-right:1px solid #343434}.medicine-specbar strong,.medicine-specbar span{display:block}.medicine-specbar strong{font-size:14px;text-transform:uppercase;letter-spacing:.04em}.medicine-specbar>div span{font-size:11px;color:#aaa;margin-top:5px}.medicine-specbar .btn{margin:auto 28px;white-space:nowrap}
.news-feed{padding-top:105px}.news-feed-heading h2{font-size:clamp(46px,5vw,74px)}
@media(max-width:900px){.medicine-launch-head,.medicine-launch-grid{grid-template-columns:1fr}.medicine-launch-head .eyebrow{margin-bottom:-15px}.medicine-visual{min-height:500px}.medicine-benefits>div{grid-template-columns:100px 160px 1fr}.medicine-specbar{grid-template-columns:1fr 1fr}.medicine-specbar .btn{margin:22px 26px}.medicine-specbar>div:nth-child(2){border-right:0}}
@media(max-width:650px){.medicine-launch{padding-top:72px}.medicine-launch-head{gap:26px;margin-bottom:38px}.medicine-launch-head h2{font-size:48px}.medicine-visual{min-height:370px}.hotspot{width:28px;height:28px}.medicine-benefits>div{grid-template-columns:80px 1fr;padding:18px 0}.medicine-benefits p{grid-column:2}.medicine-specbar{grid-template-columns:1fr}.medicine-specbar>div{border-right:0;border-bottom:1px solid #343434}.medicine-specbar .btn{margin:22px}}
/* v28 Medicine Modules — real product photography */
.medicine-launch-head h2{font-size:clamp(50px,5.5vw,84px);max-width:1050px}
.medicine-gallery{min-width:0}
.medicine-main{min-height:0;aspect-ratio:16/9;background:#eceeea}
.medicine-main img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.medicine-gallery-small{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.medicine-gallery-small figure{margin:0;background:#fff;aspect-ratio:4/3;overflow:hidden}
.medicine-gallery-small img{width:100%;height:100%;object-fit:cover;display:block}
.medicine-gallery-small figure:first-child img{object-position:center}
.medicine-gallery-small figure:last-child img{object-position:center 62%}
.medicine-benefits .medicine-priority h3{font-size:20px}
.medicine-benefits .medicine-priority p{color:#333}
@media(max-width:650px){.medicine-launch-head h2{font-size:44px}.medicine-gallery-small{gap:8px;margin-top:8px}}
/* v29 — Medicine Modules sales showcase */
.medicine-showcase{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:clamp(44px,6vw,90px);align-items:start}
.medicine-feature-panel{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d0d0cb}
.medicine-feature{display:grid;grid-template-columns:54px 1fr;gap:15px;padding:24px 22px 24px 0;border-bottom:1px solid #d0d0cb;min-height:145px}
.medicine-feature:nth-child(odd){border-right:1px solid #d0d0cb;padding-right:28px}.medicine-feature:nth-child(even){padding-left:28px}
.medicine-icon{width:42px;height:42px;border:1.5px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--red);font-size:21px;font-weight:700;line-height:1}
.medicine-feature h3{margin:2px 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.02em}.medicine-feature p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}
.medicine-colours{margin-top:64px;padding:34px 0;border-top:1px solid #c9c9c5;display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center}.medicine-colours .eyebrow{margin-bottom:7px}.medicine-colours h3{margin:0;font-size:25px;letter-spacing:-.025em}
.colour-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.swatch{height:54px;border-radius:5px;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.swatch i{position:absolute;top:64px;left:0;font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#777}.swatch-black{background:#111}.swatch-red{background:#d71920}.swatch-teal{background:#078c8e}.swatch-yellow{background:#f1bd18}.swatch-blue{background:#1475bd}.swatch-orange{background:#e94213}
.medicine-colours+.medicine-specbar{margin-top:48px}
@media(max-width:1000px){.medicine-showcase{grid-template-columns:1fr}.medicine-feature-panel{margin-top:12px}}
@media(max-width:650px){.medicine-feature-panel{grid-template-columns:1fr}.medicine-feature,.medicine-feature:nth-child(odd),.medicine-feature:nth-child(even){border-right:0;padding:19px 0;min-height:0}.medicine-colours{grid-template-columns:1fr;gap:24px;margin-top:42px;padding-bottom:48px}.colour-swatches{gap:7px}.swatch{height:38px}.swatch i{top:46px;font-size:7px}.medicine-colours h3{font-size:21px}}

/* Standard range workshop note */
.standard-service-note{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(20,20,20,.12);max-width:720px;color:#5d5d5d;font-size:14px;line-height:1.55}
.standard-service-note span{color:#e21d2a;font-size:15px;flex:0 0 auto}
.standard-service-note p{margin:0}
@media (max-width:700px){.standard-service-note{margin-top:22px;padding-top:16px;font-size:13px}}

/* v31 — lighter Danish design story + expanded people */
.design-editorial{
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);
  gap:clamp(48px,6vw,92px);
  align-items:center;
  padding-top:90px;
  padding-bottom:90px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.design-photo{
  margin:0;
  min-height:430px;
  height:100%;
  overflow:hidden;
  background:#ecece8;
}
.design-photo img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  object-position:center;
  filter:grayscale(.82) contrast(1.04);
}
.design-editorial .design-copy{padding:10px 0}
.design-editorial .design-copy h2{font-size:clamp(48px,4.7vw,74px)}
.design-editorial .design-copy>p:not(.eyebrow){margin:25px 0 34px;max-width:700px}
.principles-inline{grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.principles-inline div,
.principles-inline div:nth-child(odd),
.principles-inline div:nth-child(even){
  padding:22px 18px 16px 0;
  min-height:170px;
  display:flex;
  flex-direction:column;
  border-right:0;
  border-bottom:0;
}
.principles-inline div+div{padding-left:18px;border-left:1px solid var(--line)}
.principles-inline h3{font-size:16px;margin:13px 0 6px}
.principles-inline p{font-size:11px;line-height:1.55;max-width:150px;margin:0}
.people-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  max-width:1180px;
  margin-left:auto;
}
.people-cards .person-feature{
  grid-template-columns:150px minmax(0,1fr);
  max-width:none;
  margin:0;
  min-height:250px;
}
.people-cards .person-photo{width:150px;height:190px;margin:0;align-self:center}
.people-cards .person-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.04)}
.people-cards .person-feature:hover .person-photo img{filter:grayscale(100%) contrast(1.04);transform:none}
.people-cards .person-copy{padding:26px 28px}
.people-cards .person-copy h3{font-size:clamp(25px,2.1vw,34px)}
.person-contact{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.person-contact .text-link{white-space:nowrap}
@media(max-width:1000px){
  .design-editorial{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px}
  .design-photo,.design-photo img{min-height:380px}
  .principles-inline{grid-template-columns:repeat(2,1fr)}
  .principles-inline div:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .principles-inline div:nth-child(4){border-top:1px solid var(--line)}
  .people-cards{grid-template-columns:1fr;margin-left:0}
}
@media(max-width:650px){
  .design-editorial{padding-top:65px;padding-bottom:65px}
  .design-photo,.design-photo img{min-height:300px}
  .principles-inline{grid-template-columns:1fr}
  .principles-inline div+div,.principles-inline div:nth-child(3),.principles-inline div:nth-child(4){border-left:0;border-top:1px solid var(--line);padding-left:0}
  .people-cards .person-feature{grid-template-columns:92px minmax(0,1fr)}
  .people-cards .person-photo{width:92px;height:118px;margin:18px 0 18px 14px;align-self:start}
  .people-cards .person-copy{padding:20px 18px}
}

/* v33 — product-detail photography for Danish design story */
.design-photo{background:#111;overflow:hidden}
.design-photo img{object-fit:cover;object-position:52% 50%;filter:saturate(.92) contrast(1.03);transform:scale(1.015)}
@media(max-width:1000px){.design-photo img{object-position:52% 52%}}


/* v36 — aligned people headings + full contact details */
.person-heading-line{display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;align-items:baseline;width:100%;margin-bottom:10px}
.person-heading-line .person-no{margin:0;align-self:baseline}
.person-heading-line h3{margin:0}
.person-contact{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
@media(max-width:650px){
  .person-heading-line{grid-template-columns:1fr;gap:5px;margin-bottom:9px}
}

/* v37 — cleaner people index/name alignment */
.person-heading-line{
  display:flex;
  align-items:baseline;
  gap:14px;
  width:100%;
  margin-bottom:10px;
}
.person-heading-line .person-no{
  flex:0 0 auto;
  margin:0;
  min-width:24px;
  font-size:10px;
  line-height:1;
  letter-spacing:.08em;
  color:var(--red);
}
.person-heading-line h3{
  margin:0;
  line-height:.96;
}
@media(max-width:650px){
  .person-heading-line{gap:10px;align-items:baseline}
  .person-heading-line .person-no{min-width:20px;font-size:9px}
}


/* v38 — matched people cards: names stay inline, index aligned consistently */
.people-cards .person-feature{align-items:stretch}
.people-cards .person-copy{justify-content:flex-start;padding-top:30px;padding-bottom:30px}
.person-heading-line{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  width:100%;
  margin-bottom:10px;
}
.person-heading-line h3{
  margin:0;
  line-height:1;
  white-space:nowrap;
  font-size:clamp(23px,1.85vw,31px)!important;
  letter-spacing:-.035em;
}
.person-heading-line .person-no{
  order:2;
  flex:0 0 auto;
  min-width:auto;
  margin:0;
  font-size:10px;
  line-height:1;
  letter-spacing:.09em;
  color:var(--red);
}
.people-cards .person-role{min-height:34px;margin-bottom:12px}
.people-cards .person-contact{margin-top:auto;padding-top:4px}
@media(max-width:1120px) and (min-width:1001px){
  .person-heading-line h3{font-size:22px!important}
  .people-cards .person-feature{grid-template-columns:132px minmax(0,1fr)}
  .people-cards .person-photo{width:132px;height:176px}
  .people-cards .person-copy{padding-left:22px;padding-right:22px}
}
@media(max-width:650px){
  .person-heading-line{display:flex;justify-content:space-between;gap:12px}
  .person-heading-line h3{font-size:24px!important;white-space:normal}
  .person-heading-line .person-no{font-size:9px}
  .people-cards .person-role{min-height:0}
}

/* v4 — dynamic previous-news archive */
.news-archive-heading{margin:42px 0 16px;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.news-secondary-grid[data-news-archive]{display:grid;gap:0;border-top:1px solid var(--line)}
.news-secondary-grid[data-news-archive] .news-secondary-card{border-bottom:1px solid var(--line)}
.news-secondary-card-no-image{grid-template-columns:1fr}
.news-secondary-card-no-image .news-secondary-copy{max-width:900px}
.news-dialog-media[hidden]{display:none!important}
.news-dialog[open]:has(.news-dialog-media[hidden]){grid-template-columns:1fr}
@media(max-width:650px){.news-archive-heading{margin-top:32px}}

/* v9 — contact form */
.contact-section{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(54px,8vw,120px);align-items:start;background:#f2f2ef;border-top:1px solid var(--line)}
.contact-intro h2{font-size:clamp(48px,5vw,78px);line-height:.94;letter-spacing:-.045em;margin:12px 0 26px}
.contact-intro>p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:16px;line-height:1.65}
.contact-direct{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.contact-form{background:#fff;padding:clamp(24px,4vw,48px);border:1px solid var(--line)}
.contact-form label{display:block;margin:0 0 22px}.contact-form label>span:first-child{display:block;margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;color:#555}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #bdbdb7;background:transparent;border-radius:0;padding:11px 0 12px;font:inherit;font-size:16px;color:#111;outline:none;transition:border-color .2s ease}
.contact-form textarea{border:1px solid #bdbdb7;padding:14px;resize:vertical;min-height:150px}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red)}
.contact-consent{display:flex!important;align-items:flex-start;gap:10px;margin-top:3px!important;font-size:12px;line-height:1.45;color:#666}.contact-consent input{margin-top:2px;flex:0 0 auto}.contact-consent span{display:block!important;margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:400!important;color:#666!important}
.contact-form-bottom{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.contact-form .btn{border:0;cursor:pointer}.contact-status{margin:0;font-size:13px;line-height:1.45;max-width:360px}.contact-status.success{color:#19733b}.contact-status.error{color:#a51818}
.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:850px){.contact-section{grid-template-columns:1fr;gap:40px}.contact-intro h2{font-size:52px}.contact-form{padding:28px}}
@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0}.contact-section{padding-left:20px;padding-right:20px}.contact-intro h2{font-size:44px}.contact-form{padding:22px}.contact-form-bottom{align-items:flex-start;flex-direction:column}}


/* v10 — polished contact form + cache-safe layout */
.contact-section{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:clamp(54px,7vw,112px);
  align-items:start;
  background:#f5f5f2;
  border-top:1px solid var(--line);
  padding-top:clamp(72px,8vw,112px);
  padding-bottom:clamp(72px,8vw,112px);
}
.contact-intro{position:sticky;top:110px}
.contact-intro h2{font-size:clamp(52px,5.2vw,80px);line-height:.93;letter-spacing:-.05em;margin:12px 0 28px}
.contact-intro>p:not(.eyebrow){max-width:470px;color:#343434;font-size:17px;line-height:1.65;margin:0}
.contact-direct{display:block;margin-top:42px;padding-top:22px;border-top:2px solid var(--red);max-width:360px;color:#222}
.contact-direct-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.075em;margin-bottom:8px}
.contact-email{display:inline-flex;gap:10px;align-items:center;color:var(--red);font-size:18px;font-weight:700;text-decoration:none}
.contact-email:hover{text-decoration:underline}
.contact-form{position:relative;background:#fff;padding:clamp(30px,4vw,54px);border:1px solid #deded9;box-shadow:0 18px 50px rgba(0,0,0,.045)}
.contact-form label{display:block;margin:0 0 24px}
.contact-form label>span:first-child{display:block;margin-bottom:9px;font-size:12px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;color:#202020}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{
  display:block;width:100%;box-sizing:border-box;border:1px solid #cfcfca;background:#fff;border-radius:0;
  padding:15px 16px;font:inherit;font-size:16px;line-height:1.35;color:#111;outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8a8a86;opacity:1}
.contact-form textarea{min-height:190px;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(226,29,42,.08);background:#fff}
.contact-consent{display:flex!important;align-items:flex-start;gap:12px;margin:2px 0 0!important;padding-top:4px;font-size:13px;line-height:1.5;color:#555}
.contact-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--red);flex:0 0 auto}
.contact-consent span{display:block!important;margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:400!important;color:#555!important}
.contact-form-bottom{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.contact-submit{min-width:220px;justify-content:space-between;border:0!important;cursor:pointer}
.contact-status{margin:0;font-size:13px;line-height:1.45;max-width:360px}.contact-status.success{color:#19733b}.contact-status.error{color:#a51818}
.contact-privacy{margin:18px 0 0;padding-top:17px;border-top:1px solid #ecece8;color:#777;font-size:12px;line-height:1.55}
.contact-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:900px){.contact-section{grid-template-columns:1fr;gap:44px}.contact-intro{position:static}.contact-direct{max-width:none}.contact-form{padding:30px}}
@media(max-width:620px){.form-row{grid-template-columns:1fr;gap:0}.contact-section{padding-left:20px;padding-right:20px}.contact-intro h2{font-size:46px}.contact-form{padding:24px 20px}.contact-form-bottom{align-items:stretch;flex-direction:column}.contact-submit{width:100%;min-width:0}.contact-form textarea{min-height:160px}}


/* v12 launch polish */
.people-lede{
  max-width:760px;
  margin:0 0 34px;
  font-size:clamp(1.2rem,2.2vw,1.8rem);
  line-height:1.35;
  font-weight:600;
}
.contact-privacy a{color:inherit;text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:3px solid #e31b23;
  outline-offset:3px;
}
.product-photo img[src$=".svg"]{object-fit:cover}
.person-photo img[src$="jesper-placeholder.svg"]{object-fit:cover}
@media (max-width:780px){
  .section{padding-top:72px;padding-bottom:72px}
  .closing{padding-top:72px;padding-bottom:72px}
}

.legal-page{max-width:860px;margin:0 auto;padding:70px 28px 100px}.legal-page h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.95;margin:26px 0 44px}.legal-page h2{font-size:1.35rem;margin:36px 0 10px}.legal-page p{font-size:1.05rem;line-height:1.7;max-width:760px}.legal-page .btn{margin-top:18px}


/* v13 — launch correction pass */
.header-contact{white-space:nowrap}
.main-nav a,.header-contact{position:relative}
.main-nav a.is-active::after,.header-contact.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--red)
}
.product-photo{background:#fff}
.product-photo img[src$=".webp"],.product-photo img[src$=".png"]{object-fit:contain}
.people-cards .person-photo img[src$="jesper.webp"]{object-fit:cover;object-position:center}
@media(max-width:1280px) and (min-width:1001px){
  .site-header{grid-template-columns:180px 1fr auto!important;gap:22px!important;padding-left:3vw!important;padding-right:3vw!important}
  .main-nav{gap:20px!important}
  .main-nav,.header-contact{font-size:11px!important}
  .logo img{width:145px!important}
}
@media(max-width:650px){
  .main-nav a.is-active::after,.header-contact.is-active::after{display:none}
}


/* v14 — official region logo handling */
.client-logo-row{grid-template-columns:repeat(7,minmax(82px,1fr));gap:clamp(14px,1.5vw,28px)}
.client-logo.logo-midt img{filter:none !important;opacity:1 !important;mix-blend-mode:normal !important;transform:none !important;padding:8px 6px;box-sizing:border-box}
.client-name-only{font-size:12px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;color:#6f6f6b;text-align:center;line-height:1.2;padding:0 6px}
@media(max-width:1100px){.client-logo-row{grid-template-columns:repeat(4,minmax(100px,1fr));row-gap:20px}}
@media(max-width:650px){.client-logo-row{grid-template-columns:repeat(2,1fr)}.client-logo:last-child{grid-column:auto;max-width:none;width:auto}}

/* v15 — balanced full-colour customer/reference strip */
.client-trust{
  background:#f7f7f5!important;
  border-top:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
}
.client-trust-inner{
  max-width:var(--max)!important;
  min-height:0!important;
  margin:auto!important;
  display:block!important;
  padding:42px 4.2vw 46px!important;
}
.client-trust-title{
  text-align:center!important;
  margin:0 0 28px!important;
}
.client-trust-title strong{
  display:inline-block!important;
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.client-logo-row{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:14px!important;
  max-width:1120px!important;
  margin:0 auto!important;
}
.client-logo{
  flex:0 1 245px!important;
  width:245px!important;
  height:96px!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:17px 22px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #e6e6e1!important;
  border-radius:2px!important;
}
.client-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:58px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
}
.client-logo.logo-falck img{max-height:48px!important;max-width:90%!important}
.client-logo.logo-hovedstaden img{max-height:62px!important;max-width:100%!important}
.client-logo.logo-sjaelland img{max-height:62px!important;max-width:100%!important}
.client-logo.logo-midt img{max-height:58px!important;max-width:94%!important;padding:0!important}
.client-logo.logo-roedekors img{max-height:58px!important;max-width:82%!important}
.client-logo.logo-norsk img{max-height:65px!important;max-width:95%!important}
.client-logo:hover img{opacity:1!important;filter:none!important;transform:none!important}
.client-name-only{
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  color:#333!important;
  text-align:center!important;
  line-height:1.25!important;
}
@media(max-width:900px){
  .client-trust-inner{padding:34px 4vw 38px!important}
  .client-logo{flex-basis:220px!important;width:220px!important;height:90px!important}
}
@media(max-width:650px){
  .client-trust-title{margin-bottom:22px!important}
  .client-logo-row{gap:10px!important}
  .client-logo{flex:1 1 calc(50% - 10px)!important;width:auto!important;min-width:135px!important;height:82px!important;padding:14px 16px!important}
  .client-logo img{max-height:48px!important}
  .client-name-only{font-size:12px!important}
}


/* v16 — conservative public-sector reference treatment */
.client-logo-row{max-width:1180px!important}
.client-logo{flex:0 1 230px!important;width:230px!important}
.region-name-card{position:relative;min-height:96px!important;background:#fff!important;color:#222!important;font-size:15px!important;font-weight:750!important;letter-spacing:-.01em!important;border-color:#e2e2dc!important}
.region-name-card::before{content:"REGION";display:block;position:absolute;top:14px;left:0;right:0;font-size:8px;font-weight:800;letter-spacing:.16em;color:#99958f}
.region-name-card span{padding-top:12px}
@media(max-width:650px){.client-logo{flex-basis:calc(50% - 10px)!important;width:auto!important}.region-name-card{font-size:12.5px!important}}


/* v16.1 — increase Norsk Luftambulanse mark for visual balance */
.client-logo.logo-norsk {
  flex-basis: 280px !important;
  width: 280px !important;
}
.client-logo.logo-norsk img {
  max-height: 78px !important;
  max-width: 100% !important;
}
@media (max-width: 760px) {
  .client-logo.logo-norsk {
    flex-basis: calc(50% - 10px) !important;
    width: auto !important;
  }
  .client-logo.logo-norsk img {
    max-height: 62px !important;
  }
}

/* v17 — official supplied regional marks, shown unaltered on white */
.client-logo.logo-region img {
  max-width: 88% !important;
  max-height: 58px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
.client-logo.logo-midt img { max-width: 86% !important; }
.client-logo.logo-syd img { max-width: 84% !important; }

/* v18 — complete regional reference row */
.client-logo.logo-norsk {
  flex: 0 1 300px !important;
  width: 300px !important;
}
.client-logo.logo-norsk img {
  max-height: 82px !important;
  max-width: 96% !important;
  width: auto !important;
  height: auto !important;
  filter: none !important;
  opacity: 1 !important;
}

.client-logo.logo-hoved img {
  max-height: 66px !important;
  max-width: 88% !important;
}
.client-logo.logo-sjaelland img {
  max-height: 72px !important;
  max-width: 88% !important;
}
.client-logo.logo-midt img {
  max-height: 64px !important;
  max-width: 86% !important;
}
.client-logo.logo-syd img {
  max-height: 66px !important;
  max-width: 84% !important;
}
.nord-lockup {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  font-weight:700;
  font-size:16px;
  color:#174d88;
  white-space:nowrap;
}
.nord-lockup img {
  width:52px !important;
  height:52px !important;
  max-width:52px !important;
  max-height:52px !important;
  object-fit:contain !important;
  filter:none !important;
  opacity:1 !important;
}

@media (max-width:760px) {
  .client-logo.logo-norsk {
    flex-basis:calc(50% - 10px) !important;
    width:auto !important;
  }
  .client-logo.logo-norsk img {
    max-height:64px !important;
  }
  .nord-lockup {
    gap:8px;
    font-size:13px;
    white-space:normal;
    text-align:left;
  }
  .nord-lockup img {
    width:42px !important;
    height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
  }
}


/* v19 — compact single-line partner strip on desktop */
.client-trust-inner {
  max-width: 1500px !important;
  margin: 0 auto !important;
}

.client-logo-row {
  display: grid !important;
  grid-template-columns:
    minmax(118px, 1fr)
    minmax(118px, 1fr)
    minmax(205px, 1.7fr)
    minmax(130px, 1.05fr)
    minmax(145px, 1.2fr)
    minmax(130px, 1.05fr)
    minmax(125px, 1fr)
    minmax(135px, 1.08fr)
    minmax(120px, .95fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.client-logo {
  width: auto !important;
  min-width: 0 !important;
  height: 92px !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  flex: none !important;
}

.client-logo img {
  max-height: 52px !important;
  max-width: 92% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Norsk Luftambulanse needs more visual scale than the source file naturally gives it */
.client-logo.logo-norsk {
  width: auto !important;
  min-width: 0 !important;
}
.client-logo.logo-norsk img {
  max-height: 70px !important;
  max-width: 98% !important;
  transform: scale(1.12) !important;
}

.client-logo.logo-hoved img { max-height: 54px !important; max-width: 90% !important; }
.client-logo.logo-sjaelland img { max-height: 61px !important; max-width: 94% !important; }
.client-logo.logo-midt img { max-height: 55px !important; max-width: 92% !important; }
.client-logo.logo-syd img { max-height: 58px !important; max-width: 90% !important; }

.nord-lockup {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  white-space: normal !important;
}
.nord-lockup img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  flex: 0 0 38px !important;
}

.region-name-card {
  font-size: 15px !important;
  text-align: center !important;
}
.region-name-card::before {
  font-size: 9px !important;
  margin-bottom: 6px !important;
}

/* Keep it usable as the viewport narrows rather than crushing logos */
@media (max-width: 1180px) {
  .client-logo-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .client-logo {
    height: 94px !important;
  }
}

@media (max-width: 680px) {
  .client-logo-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .client-logo {
    height: 86px !important;
    padding: 10px 12px !important;
  }
  .client-logo.logo-norsk img {
    max-height: 58px !important;
    transform: scale(1.06) !important;
  }
}

/* v20 — equal desktop cards; Falck breathing room; Norsk cropped within equal card */
@media (min-width:1181px) {
  .client-logo-row {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .client-logo,
  .client-logo.logo-norsk {
    width:auto !important;
    min-width:0 !important;
    height:92px !important;
    padding:12px 12px !important;
    overflow:hidden !important;
  }

  /* Falck: slightly smaller so the wings/wordmark never clip */
  .client-logo.logo-falck img {
    max-width:88% !important;
    max-height:50px !important;
    transform:none !important;
  }

  /* Norsk: same card size; enlarge image and let the card crop excess side whitespace */
  .client-logo.logo-norsk img {
    width:145% !important;
    max-width:none !important;
    height:auto !important;
    max-height:76px !important;
    object-fit:contain !important;
    transform:none !important;
  }
}

/* v21 — keep Region Nordjylland fully inside equal-width card */
.client-logo.logo-nord {
  overflow:hidden !important;
  padding:10px 8px !important;
}
.client-logo.logo-nord .nord-lockup {
  width:100% !important;
  min-width:0 !important;
  gap:6px !important;
  justify-content:center !important;
}
.client-logo.logo-nord .nord-lockup img {
  width:34px !important;
  height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  flex:0 0 34px !important;
}
.client-logo.logo-nord .nord-lockup span {
  min-width:0 !important;
  font-size:11px !important;
  line-height:1.05 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  text-align:left !important;
}
@media (max-width:1180px) {
  .client-logo.logo-nord {
    padding:10px 12px !important;
  }
  .client-logo.logo-nord .nord-lockup {
    gap:9px !important;
  }
  .client-logo.logo-nord .nord-lockup img {
    width:42px !important;
    height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    flex-basis:42px !important;
  }
  .client-logo.logo-nord .nord-lockup span {
    font-size:13px !important;
  }
}

/* v22 — smaller Region Nordjylland mark to prevent any cropping */
.client-logo.logo-nord .nord-lockup img {
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  flex:0 0 24px !important;
}
.client-logo.logo-nord .nord-lockup {
  gap:5px !important;
}
.client-logo.logo-nord .nord-lockup span {
  font-size:10px !important;
}
@media (max-width:1180px) {
  .client-logo.logo-nord .nord-lockup img {
    width:34px !important;
    height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
    flex-basis:34px !important;
  }
  .client-logo.logo-nord .nord-lockup span {
    font-size:12px !important;
  }
}

/* v23 — on narrow/mobile layouts, keep Region Skåne same size and left-aligned in the grid */
@media (max-width:1180px) {
  .client-logo.region-name-card {
    width:auto !important;
    min-width:0 !important;
    height:94px !important;
    justify-self:stretch !important;
  }
  .client-logo.region-name-card:last-child {
    grid-column:auto !important;
    justify-self:stretch !important;
  }
}

@media (max-width:680px) {
  .client-logo.region-name-card {
    height:86px !important;
  }
  .client-logo.region-name-card:last-child {
    grid-column:1 !important;
    justify-self:stretch !important;
  }
}

/* v24: larger logos, unchanged equal card size */
.client-logo { overflow: hidden; }
.client-logo img[src*="region-hovedstaden"] {
  width: 118% !important;
  max-width: none !important;
  height: auto !important;
}
.client-logo img[src*="norsk-luftambulanse"] {
  width: 132% !important;
  max-width: none !important;
  height: auto !important;
}

/* v25 — force visible enlargement inside unchanged cards.
   Transform scaling bypasses older max-height/max-width logo rules. */
.client-logo.logo-hoved img {
  transform: scale(1.42) !important;
  transform-origin: center center !important;
}
.client-logo.logo-norsk img {
  transform: scale(1.48) !important;
  transform-origin: center center !important;
}

/* =========================================================
   LOGO SIZE CONTROLS — EDIT THESE TWO NUMBERS
   1.00 = original size
   1.25 = 25% bigger
   1.50 = 50% bigger
   2.00 = twice the size
   Card sizes do NOT change.
   ========================================================= */
:root {
  --hovedstaden-logo-size: 1.55;
  --norsk-logo-size: 1.70;
}

/* Apply user-adjustable scaling regardless of earlier logo constraints */
.client-logo.logo-hoved img,
.client-logo img[src*="region-hovedstaden"] {
  transform: scale(var(--hovedstaden-logo-size)) !important;
  transform-origin: center !important;
}

.client-logo.logo-norsk img,
.client-logo img[src*="norsk-luftambulanse"] {
  transform: scale(var(--norsk-logo-size)) !important;
  transform-origin: center !important;
}

/* =========================================================
   v27 — OPTICAL LOGO SIZING
   Equal cards; each logo gets its own contained visual size.
   These final rules intentionally override v24–v26 scaling.
   ========================================================= */

.client-logo {
  overflow: visible !important;
}

.client-logo img {
  width: auto !important;
  height: auto !important;
  transform: none !important;
  object-fit: contain !important;
  object-position: center !important;
  max-width: 82% !important;
  max-height: 58px !important;
}

/* Individual optical tuning */
.client-logo.logo-norsk img,
.client-logo img[src*="norsk-luftambulanse"] {
  width: auto !important;
  height: auto !important;
  max-width: 98% !important;
  max-height: 72px !important;
  transform: none !important;
}

.client-logo.logo-hoved img,
.client-logo img[src*="region-hovedstaden"] {
  width: auto !important;
  height: auto !important;
  max-width: 94% !important;
  max-height: 70px !important;
  transform: none !important;
}

.client-logo img[src*="falck"] {
  max-width: 76% !important;
  max-height: 54px !important;
}

.client-logo img[src*="roede-kors"] {
  max-width: 74% !important;
  max-height: 56px !important;
}

.client-logo img[src*="region-sjaelland"] {
  max-width: 86% !important;
  max-height: 60px !important;
}

.client-logo img[src*="midt"] {
  max-width: 84% !important;
  max-height: 60px !important;
}

.client-logo img[src*="region-syddanmark"] {
  max-width: 86% !important;
  max-height: 60px !important;
}

/* Nordjylland remains a custom mark + text lockup */
.client-logo.logo-nord .nord-lockup img {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  flex: 0 0 24px !important;
}

/* Preserve the responsive Nordjylland treatment */
@media (max-width:1180px) {
  .client-logo.logo-nord .nord-lockup img {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    flex-basis: 34px !important;
  }
}

/* v28 — Norsk source artwork has been tightly cropped.
   Use the available card width; card dimensions remain unchanged. */
.client-logo.logo-norsk img,
.client-logo img[src*="norsk-luftambulanse"] {
  width: 96% !important;
  height: auto !important;
  max-width: 96% !important;
  max-height: 70px !important;
  object-fit: contain !important;
  transform: none !important;
}

/* v31.1 — transparent product PNGs: always display on white */
.product-photo,
.product-photo img,
.product-dialog-media,
.product-dialog-media img {
  background:#fff !important;
}

/* v31.2 — transparent product images: force a white canvas.
   This is intentionally last in the stylesheet so it wins the cascade. */
.product-grid .product-card .product-photo,
.product-grid .product-card .product-photo > img,
#product-dialog .product-dialog-media,
#product-dialog .product-dialog-media > img {
  background-color: #fff !important;
}

/* v55 — authoritative header + responsive hero system.
   Replaces the old sticky/absolute header experiments and the v51-v54 hero patches. */
html body header.site-header{
  position:relative!important;
  top:auto!important;left:auto!important;right:auto!important;
  height:74px!important;min-height:74px!important;
  margin:0!important;padding:0 4.2vw!important;
  display:grid!important;
  grid-template-columns:minmax(210px,297px) minmax(0,1fr) auto auto!important;
  column-gap:clamp(14px,1.7vw,26px)!important;
  align-items:center!important;
  background:#000!important;background-image:none!important;
  border:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  color:#fff!important;z-index:50!important;
}
html body header.site-header a.logo.header-red-logo-link{
  display:block!important;width:297px!important;max-width:24vw!important;
  min-width:0!important;filter:none!important;opacity:1!important;
}
html body header.site-header .header-red-logo{
  display:block!important;width:100%!important;aspect-ratio:2048/328!important;
  background-size:contain!important;background-repeat:no-repeat!important;background-position:left center!important;
}
html body header.site-header .main-nav{
  position:static!important;inset:auto!important;
  display:flex!important;min-width:0!important;
  align-items:center!important;justify-content:center!important;
  flex-direction:row!important;gap:clamp(14px,1.65vw,27px)!important;
  margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;
  transform:none!important;white-space:nowrap!important;
}
html body header.site-header .main-nav a,
html body header.site-header .header-contact,
html body header.site-header .language-switch,
html body header.site-header .language-switch a,
html body header.site-header .menu-button{color:#fff!important;}
html body header.site-header .main-nav a{display:inline-block!important;width:auto!important;padding:0!important;white-space:nowrap!important;}
html body header.site-header .header-contact{display:block!important;white-space:nowrap!important;transform:none!important;}
html body header.site-header .language-switch{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;transform:none!important;white-space:nowrap!important;}
html body header.site-header .menu-button{display:none!important;background:none!important;border:0!important;margin:0!important;cursor:pointer!important;text-transform:uppercase!important;}

/* Keep the desktop hero exactly as the established composite-image version. */
.hero.hero-scene{margin:0!important;}

@media (max-width:1250px) and (min-width:1001px){
  html body header.site-header{
    grid-template-columns:minmax(185px,240px) minmax(0,1fr) auto auto!important;
    column-gap:12px!important;padding-left:3vw!important;padding-right:3vw!important;
  }
  html body header.site-header a.logo.header-red-logo-link{width:240px!important;max-width:21vw!important;}
  html body header.site-header .main-nav{gap:clamp(9px,1vw,14px)!important;}
  html body header.site-header .main-nav a{font-size:clamp(.64rem,.82vw,.74rem)!important;letter-spacing:.045em!important;}
  html body header.site-header .header-contact,
  html body header.site-header .language-switch{font-size:.7rem!important;}
}

/* Menu breakpoint. The closed nav is truly display:none, so no invisible white panel can cover the hero. */
@media (max-width:1000px){
  html,body{margin:0!important;padding:0!important;overflow-x:hidden!important;}
  html body header.site-header{
    height:74px!important;min-height:74px!important;
    padding:0 28px!important;
    grid-template-columns:auto minmax(80px,1fr) auto!important;
    gap:18px!important;
  }
  html body header.site-header a.logo.header-red-logo-link{
    width:205px!important;max-width:42vw!important;grid-column:1!important;
  }
  html body header.site-header .menu-button{
    display:block!important;grid-column:2!important;justify-self:center!important;
    font-size:.82rem!important;letter-spacing:.02em!important;padding:10px 14px!important;
  }
  html body header.site-header .header-contact{display:none!important;}
  html body header.site-header .language-switch{
    grid-column:3!important;justify-self:end!important;font-size:.74rem!important;
  }
  html body header.site-header .main-nav{
    display:none!important;
    position:absolute!important;
    top:100%!important;left:0!important;right:0!important;
    z-index:100!important;
    flex-direction:column!important;align-items:flex-start!important;
    gap:0!important;padding:20px 28px 24px!important;
    background:#000!important;border-top:1px solid rgba(255,255,255,.12)!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  html body header.site-header .main-nav.open{display:flex!important;}
  html body header.site-header .main-nav.open a{
    display:block!important;width:100%!important;padding:10px 0!important;color:#fff!important;
  }

  main#top{margin:0!important;padding:0!important;}
  main#top>section.hero.hero-scene{
    position:relative!important;display:block!important;
    margin:0!important;padding:0!important;height:auto!important;min-height:760px!important;
    overflow:hidden!important;color:#fff!important;
    background-color:#090d12!important;
    background-image:linear-gradient(90deg,rgba(3,6,9,.86) 0%,rgba(3,6,9,.60) 40%,rgba(3,6,9,.10) 75%),url('/assets/hero-composite.png')!important;
    background-size:cover!important;background-position:60% center!important;background-repeat:no-repeat!important;
  }
  main#top>section.hero.hero-scene>.hero-scene-bg,
  main#top>section.hero.hero-scene>.hero-scene-overlay{display:none!important;}
  main#top>section.hero.hero-scene::before,
  main#top>section.hero.hero-scene::after{display:none!important;content:none!important;}
  main#top>section.hero.hero-scene>.hero-copy.hero-copy-scene{
    position:relative!important;z-index:4!important;
    width:min(650px,64vw)!important;max-width:none!important;min-height:760px!important;
    margin:0!important;padding:54px 5vw!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:auto!important;
    background:transparent!important;
  }
  main#top>section.hero.hero-scene .hero-copy-scene h1{font-size:clamp(62px,9vw,88px)!important;max-width:none!important;}
  main#top>section.hero.hero-scene .hero-copy-scene .hero-intro{width:auto!important;max-width:480px!important;}
  main#top>section.hero.hero-scene .hero-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:24px!important;}
  main#top>section.hero.hero-scene .hero-scroll{display:none!important;}
}

@media (max-width:650px){
  html body header.site-header{height:72px!important;min-height:72px!important;padding:0 18px!important;gap:10px!important;}
  html body header.site-header a.logo.header-red-logo-link{width:172px!important;max-width:51vw!important;}
  html body header.site-header .menu-button{font-size:.78rem!important;padding:8px!important;}
  html body header.site-header .language-switch{font-size:.72rem!important;gap:6px!important;}
  html body header.site-header .main-nav{padding:18px 20px 22px!important;}

  main#top>section.hero.hero-scene{
    min-height:720px!important;
    background-image:linear-gradient(180deg,rgba(3,6,9,.82) 0%,rgba(3,6,9,.58) 48%,rgba(3,6,9,.18) 100%),url('/assets/hero-composite.png')!important;
    background-position:64% center!important;
  }
  main#top>section.hero.hero-scene>.hero-copy.hero-copy-scene{
    width:100%!important;min-height:720px!important;padding:34px 22px 48px!important;justify-content:center!important;
  }
  main#top>section.hero.hero-scene .hero-copy-scene h1{
    font-size:48px!important;line-height:.92!important;letter-spacing:-.055em!important;max-width:8ch!important;margin:0 0 24px!important;
  }
  main#top>section.hero.hero-scene .hero-copy-scene .hero-intro{max-width:340px!important;font-size:15px!important;line-height:1.55!important;}
  main#top>section.hero.hero-scene .hero-actions{flex-direction:column!important;align-items:flex-start!important;gap:20px!important;margin-top:30px!important;}
  main#top>section.hero.hero-scene .hero-actions .btn{min-width:220px!important;}
}


/* v56 — mobile header spacing cleanup.
   Keep language switch and Menu as separate grid items; reset the old absolute language positioning. */
@media (max-width:1000px){
  html body header.site-header{
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    column-gap:clamp(8px,2vw,16px)!important;
  }
  html body header.site-header .language-switch{
    position:static!important;
    top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
    grid-column:3!important;grid-row:1!important;
    justify-self:end!important;align-self:center!important;
    margin:0!important;transform:none!important;
  }
  html body header.site-header .menu-button{
    position:static!important;
    top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
    grid-column:4!important;grid-row:1!important;
    justify-self:end!important;align-self:center!important;
    white-space:nowrap!important;
  }
}
@media (max-width:650px){
  html body header.site-header{
    padding-left:18px!important;padding-right:18px!important;
    column-gap:8px!important;
  }
  html body header.site-header a.logo.header-red-logo-link{
    width:clamp(150px,44vw,172px)!important;max-width:44vw!important;
  }
  html body header.site-header .language-switch{
    font-size:.68rem!important;gap:5px!important;
  }
  html body header.site-header .menu-button{
    font-size:.74rem!important;padding:8px 0 8px 6px!important;
  }
}
@media (max-width:390px){
  html body header.site-header{padding-left:14px!important;padding-right:14px!important;column-gap:6px!important;}
  html body header.site-header a.logo.header-red-logo-link{width:146px!important;max-width:42vw!important;}
  html body header.site-header .language-switch{font-size:.64rem!important;gap:4px!important;}
  html body header.site-header .menu-button{font-size:.70rem!important;padding-left:4px!important;}
}

/* v57 — mobile hero CTA placement.
   Keep the hero copy at the top and pin both calls-to-action to the bottom of the hero. */
@media (max-width:650px){
  main#top>section.hero.hero-scene>.hero-copy.hero-copy-scene{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    min-height:720px!important;
    padding-top:40px!important;
    padding-bottom:42px!important;
  }
  main#top>section.hero.hero-scene .hero-actions{
    margin-top:auto!important;
    padding-top:34px!important;
    width:100%!important;
    flex-shrink:0!important;
  }
}
