@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/bricolage-grotesque-latin-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/bricolage-grotesque-latin-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-latin-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/inter-latin-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Sunside · direction D, Blå/gul. Tokens follow design-system.md */
:root{
  --white:#FFFFFF;--paper2:#F7F8FA;--ink:#0D0F14;--mute:#5D636E;--line:#E4E7EC;--pin:#C5CAD3;
  --blue:#1F4FD8;--yellow:#FFC21A;--ysoft:#FFE58F;--ysoft2:#FFE9A6;--gy:#FFF0BF;--gb:#DDE6FF;
  --gutter:96px;--pad:24px;--ease:cubic-bezier(.22,.61,.36,1);
  --spring:linear(0,.57 7.6%,.84 11.9%,1.03 16.5%,1.13 22%,1.14 24.5%,1.12 30%,1.02 42%,.99 50%,1 64%,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--white);scroll-padding-top:84px}
body{font:400 17px/1.55 Inter,system-ui,sans-serif;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:99px}
.skip:focus{left:12px}
.eyebrow{font:500 12px/1 Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 var(--pad)}

/* header */
.top{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(var(--pad),calc((100vw - 1200px)/2 + var(--pad)));background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .4s}
.top.scrolled{border-bottom-color:var(--line)}
.top.dark{background:rgba(13,15,20,.96);border-bottom-color:rgba(255,255,255,.1)}
.top.dark .logo,.top.dark nav a:hover{color:#fff}.top.dark nav a{color:rgba(255,255,255,.65)}
.logo{display:inline-flex;align-items:center;gap:8px;font:700 20px/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;text-decoration:none}
.logo svg circle:first-child{stroke:currentColor} .logo svg circle:last-child{fill:currentColor}
.top nav{display:flex;gap:30px;font-size:15px}
.top nav a{color:var(--mute);text-decoration:none;transition:color .3s}
.top nav a:hover{color:var(--ink)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:160px;padding:0 24px;border-radius:999px;font:600 16px/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.01em;text-decoration:none;border:1px solid transparent;white-space:nowrap;transition:transform .5s var(--spring),background-color .3s,color .3s,box-shadow .3s,border-color .3s}
.btn.primary{background:var(--blue);color:#fff}
.btn.primary:hover{transform:scale(1.05);background:var(--ink)}
.btn.ghost{background:#fff;color:var(--ink);border-color:#C9CED6}
.btn.ghost:hover{box-shadow:0 0 0 4px rgba(13,15,20,.06)}
.btn.small{height:40px;min-width:0;font-size:15px;padding:0 18px}

/* hero */
.hero{position:relative;height:200vh}
.stage{position:sticky;top:0;z-index:2;height:100vh;overflow:hidden}
.glow{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none}
.g-yellow{width:520px;height:320px;left:8%;top:42%;background:var(--gy);opacity:.8}
.g-blue{width:500px;height:300px;right:8%;top:48%;background:var(--gb);opacity:.8}

.mapcap{position:absolute;left:0;right:0;top:calc(84px + 2.5vh);text-align:center;font:700 clamp(26px,2.6vw,36px)/1.1 "Bricolage Grotesque";letter-spacing:-.02em;color:var(--ink);opacity:0;z-index:3;padding:0 16px}
.copy{position:absolute;left:0;right:0;top:calc(84px + 5vh);text-align:center;transform-origin:50% 0;will-change:transform,opacity;padding:0 16px;z-index:3}
h1{font:700 clamp(50px,7.6vw,108px)/.96 "Bricolage Grotesque",sans-serif;letter-spacing:-.03em;margin:20px auto 24px}
h1 .l2{display:block}
.pickwrap{position:relative;display:inline-block;vertical-align:bottom}
.pill{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.14em;height:1em;padding:0;clip-path:inset(0 round .22em);border-radius:.22em;background:var(--ysoft);overflow:hidden;vertical-align:bottom;transition:width .5s var(--ease),background-color .3s}
.pill:hover{background:var(--yellow)}
.chev{width:.2em;height:.2em;flex:none;opacity:.45;transition:opacity .3s}
.pill:hover .chev{opacity:.9}
.pill:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.pill-in{display:block;line-height:.98;white-space:nowrap;transition:transform .55s var(--ease),opacity .3s}
.picker{position:absolute;left:0;top:calc(100% + 10px);z-index:30;list-style:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px;min-width:220px;text-align:left;font:500 16px/1.2 Inter;letter-spacing:0;box-shadow:0 0 0 4px rgba(13,15,20,.03)}
.picker li{padding:10px 14px;border-radius:10px;cursor:pointer}
.picker li:hover,.picker li[aria-selected=true]{background:var(--paper2)}
.picker li[aria-selected=true]{color:var(--blue)}
.sub{max-width:560px;margin:0 auto 30px;color:var(--mute);font-size:19px;line-height:1.5}
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.panel{position:absolute;left:50%;top:64vh;width:min(1100px,92vw);aspect-ratio:1100/560;margin-left:calc(min(1100px,92vw)/-2);transform-origin:50% 0;will-change:transform;border:1px solid var(--line);border-radius:24px;background:var(--paper2);overflow:hidden}
.panel svg{display:block;width:100%;height:100%}
.streets path{fill:none;stroke:#CDD2DA;stroke-width:1.7}
.others circle{fill:#fff;stroke:#AEB4BE;stroke-width:1.8}
.areas text{font:600 13px Inter;letter-spacing:.14em;fill:#8A919C}
#townD,#townM{fill:var(--ink)}
#mapM{display:none}
.searchbox{fill:#fff;stroke:var(--line)}
.glass{fill:none;stroke:var(--mute);stroke-width:1.6}
.qtext{font:400 17px Inter;fill:var(--ink)}
.route{fill:none;stroke:var(--pin);stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round}
.mdot{fill:var(--blue)}
.halo{fill:url(#haloG)}
.pinring{fill:#fff;stroke:var(--ink);stroke-width:2;transition:stroke .4s}
.pincore{fill:var(--blue);transition:fill .4s}
.pin-off .pincore{fill:var(--pin)} .pin-off .pinring{stroke:var(--pin)} .pin-off .halo{opacity:0}
.halo{transition:opacity .5s}
#townD,#townM{transition:opacity .5s}
.cardbg{fill:#fff;stroke:var(--line)}
.cardh{font:700 25px "Bricolage Grotesque";letter-spacing:-.6px;fill:var(--ink)}
.ctext{font:400 14px Inter;fill:var(--mute)} .ctext.ink{fill:var(--ink);font-weight:500}
.cdot.y{fill:var(--ysoft)} .cdot.b{fill:var(--blue)}

/* marquee */
.marq{position:relative;z-index:2;background:#fff;border-block:1px solid var(--line);overflow:hidden;padding:26px 0}
.row{display:flex;gap:36px;white-space:nowrap;will-change:transform;font:600 clamp(28px,3.8vw,54px)/1 "Bricolage Grotesque";letter-spacing:-.03em;color:#DDE1E7}
.row i{font-style:normal;display:inline-flex;align-items:center;gap:36px;transition:color .4s}
.row i.hl{color:var(--ink)}
.row i::after{content:"";width:.24em;height:.24em;border-radius:50%;border:3px solid var(--yellow);display:inline-block}

/* sections */
.sec{position:relative;padding:150px 0}
h2{font:700 clamp(40px,5.4vw,76px)/1 "Bricolage Grotesque";letter-spacing:-.03em;margin-top:18px}
h2 .w{display:inline-block;opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
h2 .w.on{opacity:1;transform:none}
h3{font:700 clamp(28px,2.6vw,36px)/1.02 "Bricolage Grotesque";letter-spacing:-.03em}
.lede{color:var(--mute);font-size:18px;max-width:520px}
.head2{display:grid;grid-template-columns:1fr var(--gutter) 1fr;align-items:end;margin-bottom:64px}
.head2>div{grid-column:1}
.how .head2{grid-template-columns:1fr} .how .head2 h2{max-width:11ch}
.head2 .lede{grid-column:3}
.rise{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rise.in{opacity:1;transform:none}

/* hub */
.hub{position:relative;border:1px solid var(--line);border-radius:24px;background:radial-gradient(420px 300px at 50% 52%,#FFF3CC 0%,#F2F5FB 60%,var(--paper2) 100%);padding:24px 12px;margin-bottom:120px;overflow:hidden}
.hub svg{position:relative;display:block;width:100%;height:auto}
.hub-m{display:none!important}
.hub .hnode.out rect{stroke:#C5CAD3}
.hub .hnode.lit rect{stroke:var(--ink)}
.hnode rect{fill:#fff;stroke:var(--line);transition:fill .4s,stroke .4s}
.hnode.lit rect{fill:var(--ysoft);stroke:var(--ink)}
.hnode text{font:500 17px Inter;fill:var(--ink)}
.hnode.out text{font:500 17px Inter}
.hpath{fill:none;stroke:#D5DAE1;stroke-width:1.5}
.hcap{font:600 12px Inter;letter-spacing:.12em;fill:var(--mute)}
.hstub{fill:none;stroke:var(--pin);stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round}
.hdot{fill:var(--blue)}

/* services: alternating rows around the centre rail */
.services{display:grid;gap:110px}
.svc{position:relative;display:grid;grid-template-columns:1fr var(--gutter) 1fr;align-items:center}
.svc .mini{grid-column:1;grid-row:1}
.svc .node{grid-column:2;grid-row:1;justify-self:center}
.svc .txt{grid-column:3;grid-row:1;max-width:470px}
.node.m{display:none}
.svc.flip .mini{grid-column:3}
.svc.flip .txt{grid-column:1;justify-self:start}
.mini{border:1px solid var(--line);border-radius:24px;background:var(--paper2);overflow:hidden}
.mini svg{display:block;width:100%;height:auto}
.txt h3{margin-bottom:14px}
.txt p:last-child{color:var(--mute);font-size:18px}
.node{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid var(--pin);font:600 13px/1 "Bricolage Grotesque";color:var(--mute);transition:background-color .5s,border-color .5s,color .5s,transform .5s var(--ease)}
.node.lit{border-color:var(--blue);background:var(--blue);color:#fff;transform:scale(1.15)}

/* mini svg parts */
.m-card{fill:#fff;stroke:var(--line)}
.m-bar{fill:#E9ECF1}
.m-text{font:400 16px Inter;fill:var(--ink)}
.m-small{font:500 14px Inter;fill:var(--mute)}
.m-tag{fill:#fff;stroke:var(--line)}
.m-tag.done{fill:var(--ysoft);stroke:var(--ink);stroke-dasharray:none}
.m-blue{fill:var(--blue)}
.m-ysoft{fill:var(--ysoft)}
.m-bubble{fill:#fff;stroke:var(--line)}
.m-bubble.out{fill:var(--ink);stroke:var(--ink)}
.m-wtext{font:400 14px Inter;fill:#fff}
.m-line{fill:none;stroke:var(--ink);stroke-width:1.5}

/* how */
.howgrid{display:grid;grid-template-columns:1fr var(--gutter) 1fr;align-items:start}
.how .stick{grid-column:1;position:sticky;top:calc(84px + 6vh)}
.howgrid .rail,.faqgrid .rail,.doorgrid .rail{grid-column:2}
.steps{grid-column:3;list-style:none}
.step{position:relative;min-height:62vh;padding-top:8px}
.step:last-child{min-height:44vh}
.step .node{position:absolute;left:calc(var(--gutter)/-2 - 15px);top:6px;width:30px;height:30px}
.step h3{margin-bottom:14px;opacity:.45;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.step p{color:var(--mute);max-width:440px;font-size:18px;opacity:.45;transition:opacity .6s var(--ease) .08s,transform .6s var(--ease) .08s}
.step:not(.seen) h3,.step:not(.seen) p{opacity:0;transform:translateY(18px)}
.step .node{transition:background-color .5s,border-color .5s,color .5s,transform .5s var(--ease),opacity .5s}
.step:not(.seen) .node{opacity:0;transform:scale(.6)}
.step.on h3,.step.on p{opacity:1}
.profile{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;max-width:480px}
.profile svg{display:block;width:100%;height:auto}
.stepslot{display:none}
.p-fade{transition:opacity .6s var(--ease),transform .6s var(--ease)}

/* faq (the one dark section) */
.faq{background:var(--ink);color:#fff;padding-bottom:120px}
.faq .eyebrow{color:rgba(255,255,255,.6)}
.faqgrid{display:grid;grid-template-columns:1fr var(--gutter) 1fr;align-items:start}
.faq .stick{grid-column:1;position:sticky;top:calc(84px + 6vh)}
.fhub{display:block;width:100%;max-width:520px;margin-top:44px}
.fh-line{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1.5;transition:stroke .5s}
.fh-line.lit{stroke:var(--yellow)}
.fh-node rect{fill:var(--ink);stroke:rgba(255,255,255,.28);transition:fill .5s,stroke .5s}
.fh-node text{font:500 15px Inter;fill:rgba(255,255,255,.75);transition:fill .5s}
.fh-node.lit rect{fill:var(--ysoft);stroke:var(--ysoft)} .fh-node.lit text{fill:var(--ink)}
.fh-ring{fill:none;stroke:rgba(255,255,255,.5);stroke-width:1.5;transition:stroke .5s}
.fh-ring.lit{stroke:var(--yellow);stroke-width:2.5}
.fh-dot{fill:var(--yellow)}
.qs{grid-column:3}
.qs details{border-top:1px solid rgba(255,255,255,.14)}
.qs details:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.qs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 0;font:600 clamp(20px,1.8vw,24px)/1.2 "Bricolage Grotesque";letter-spacing:-.02em}
.qs summary::-webkit-details-marker{display:none}
.qs summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-3px,-3px);transition:transform .4s var(--ease);opacity:.6}
.qs details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.qs details p{color:rgba(255,255,255,.72);padding:0 0 28px;max-width:520px}

/* door */
.door{padding-bottom:170px}
.doorgrid{display:grid;grid-template-columns:1fr var(--gutter) 1fr;align-items:center}
.doortxt{grid-column:1}
.doortxt .lede{margin-top:24px}

.doorway{grid-column:3;justify-self:center;position:relative;width:360px;--open:1}
.doorsvg{display:block;width:100%;height:auto;overflow:visible}
.cta{position:absolute;left:var(--slot,63%);top:50%;z-index:2;min-width:160px;max-width:min(200px,58%);opacity:clamp(0,calc((var(--open) - .45) * 2.4),1);translate:-50% calc((1 - var(--open)) * 12px)}
.cta .lbl{overflow:hidden;text-overflow:ellipsis}

/* footer */
.foot{position:relative;z-index:2;border-top:1px solid var(--line);padding:64px 0 48px;background:#fff}
.footgrid{display:grid;grid-template-columns:1fr auto;gap:28px 40px;align-items:start}
.fbrand p{margin-top:12px;max-width:360px}
.foot .fine{grid-column:1/-1;font-size:13px;padding-top:24px;border-top:1px solid var(--line)}
.foot p{color:var(--mute);font-size:15px}
.foot nav{display:flex;gap:24px;font-size:15px;padding-top:4px}
.foot nav a{color:var(--mute);text-decoration:none}
.foot nav a:hover{color:var(--ink)}

/* the thread: one customer, from the search to the door */
.thread{position:absolute;left:0;top:0;width:100%;z-index:1;pointer-events:none;overflow:visible;opacity:0;transition:opacity .4s}
.thread.show{opacity:1}
.t-base{fill:none;stroke:var(--pin);stroke-width:2;stroke-dasharray:2 8;stroke-linecap:round}
.t-on{fill:none;stroke:var(--blue);stroke-width:2.6;stroke-dasharray:2 8;stroke-linecap:round}
.t-dot{fill:var(--blue);stroke:#fff;stroke-width:3}
.t-halo{display:none}

/* phone */
@media (max-width:860px){
  :root{--pad:16px}
  .top nav{display:none}
  .wrap{padding-left:60px}
  .head2,.svc,.howgrid,.faqgrid,.doorgrid{grid-template-columns:1fr}
  .head2 .lede{grid-column:1;margin-top:20px}
  .rail{display:none}
  .sec{padding:96px 0}
  .hub{margin-bottom:80px;padding:16px 8px}
  .hub-d{display:none!important} .hub-m{display:block!important}
  .services{gap:72px}
  .svc .mini,.svc.flip .mini{grid-column:1;grid-row:1}
  .svc .txt,.svc.flip .txt{grid-column:1;grid-row:2;justify-self:start;margin-top:24px}
  .svc>.node{display:none}
  .svc .txt{position:relative}
  .node.m{display:grid;position:absolute;left:-45px;top:-2px}
  #map{display:none} #mapM{display:block}
  .footgrid{grid-template-columns:1fr}
  .foot nav{flex-wrap:wrap;gap:12px 20px}
  .foot nav a{white-space:nowrap}
  /* Så går det till on a phone: the profile card AND the current step's text stay pinned under the header; the three steps
     are empty scroll space that switches the pinned step, so the card and the words it belongs to are always visible together */
  .howgrid{display:block}
  .how .stick{position:sticky;top:62px;z-index:6;background:#fff;padding:10px 0 8px;margin-bottom:0}
  .profile{width:fit-content;max-width:100%;margin:0 auto}
  .profile svg{height:min(50vh,540px);width:auto;max-width:100%}
  .stepslot{display:block;padding-top:16px;transition:opacity .26s var(--ease),transform .26s var(--ease)}
  .stepslot h3{font:700 clamp(24px,6.4vw,30px)/1.05 "Bricolage Grotesque";letter-spacing:-.03em;margin-bottom:8px}
  .stepslot p{color:var(--mute);font-size:17px;line-height:1.5}
  .steps{padding-top:0}
  .step{min-height:50vh;padding:0}
  .step:last-child{min-height:50vh}
  .step h3,.step p{opacity:0!important;transition:none}
  .step .node{left:-45px}
  .faq .stick{position:relative;top:0;margin-bottom:32px}
  .qs{grid-column:1}
  .doorway{grid-column:1;margin-top:56px}
  .doorway{width:300px}
  .pickwrap{display:table;margin:0 auto}
  .foot nav{display:grid;grid-template-columns:1fr 1fr}
  .fh-node text{font-size:19px}
  .m-text{font-size:19px} .m-small{font-size:17px}
  .panel{top:66vh}
  .panel{top:72vh;aspect-ratio:360/520;width:calc(100vw - 32px);margin-left:calc(50vw * -1 + 16px)}
}

.mailline{margin-top:20px;font-size:17px;color:var(--mute)}
.mailline a,.fmail a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pin);text-underline-offset:4px;transition:text-decoration-color .3s}
.mailline a:hover,.fmail a:hover{text-decoration-color:var(--blue)}
.fmail{margin-top:10px;font-size:15px}

/* ---------- language switch, extra footer links, privacy page ---------- */
.hr{display:flex;align-items:center;gap:12px}
.lang{font:600 13px/1 Inter;letter-spacing:.06em;color:var(--mute);text-decoration:none;padding:9px 11px;border-radius:999px;border:1px solid var(--line);transition:color .3s,border-color .3s,background-color .3s}
.lang:hover{color:var(--ink);border-color:#C9CED6}
.top.dark .lang{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.2)}
.top.dark .lang:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.foot nav{flex-wrap:wrap}
.doc{max-width:680px;margin:0 auto;padding:140px 16px 90px}
.doc h1{font:700 clamp(40px,6vw,64px)/1 "Bricolage Grotesque";letter-spacing:-.03em;margin:18px 0 14px}
.doc h2{font:700 22px/1.2 "Bricolage Grotesque";letter-spacing:-.02em;margin:44px 0 10px}
.doc p{color:var(--mute);font-size:17px;margin-bottom:14px}
.doc .docsub{font-size:20px;color:var(--ink)}
.doc a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pin);text-underline-offset:4px}
.doc a:hover{text-decoration-color:var(--blue)}
.docfine{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:15px!important}
.docpage .foot{padding-bottom:48px}
@media (max-width:860px){.hr{gap:8px}.hr .btn.small{padding:0 14px}}
/* the door button waits off to the side while the door is closed: never let it widen the page on a phone */
.door{overflow-x:clip}
/* English trade words are longer ("house cleaners"): keep the pill inside the screen on phones */
@media (max-width:860px){html[lang="en"] h1{font-size:clamp(38px,10.2vw,72px)}}