/* Demo A: byg hjemmeside */
.wb{display:grid;grid-template-columns:236px minmax(0,1fr);gap:28px;height:100%;min-height:640px;padding:26px}
.wb-side{display:flex;flex-direction:column;position:relative;z-index:2}
.wb-side .dm-seg{margin-bottom:22px}
.wb-ind button,.wb-view button{flex:1}
.wb-steps{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:2px;font-size:.86rem;color:var(--st-muted)}
.wb-steps li{display:flex;align-items:center;gap:10px;padding:5px 0;transition:color .3s}
.wb-steps i{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--st-line2);display:grid;place-items:center;flex:none;transition:background .3s,border-color .3s}
.wb-steps i .ic{font-size:.72rem;stroke-width:2.4;opacity:0;color:#fff;transition:opacity .2s}
.wb-steps li.is-on{color:#fff}
.wb-steps li.is-on i{border-color:var(--st-blue);box-shadow:0 0 0 4px rgba(107,151,255,.18)}
.wb-steps li.is-done{color:#dfe7f5}
.wb-steps li.is-done i{background:var(--blue);border-color:var(--blue)}
.wb-steps li.is-done i .ic{opacity:1}
.wb-actions{display:grid;gap:8px}
.wb-status{margin:14px 0 0;font-size:.82rem;color:var(--st-muted);min-height:2.6em}
.wb-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;perspective:1800px;min-width:0}
.wb-frame{position:relative;display:flex;flex-direction:column;width:100%;max-width:880px;height:588px;transition:max-width .8s var(--spring)}
.wb-frame[data-view=tablet]{max-width:640px}
.wb-frame[data-view=mobil]{max-width:375px}
.wb-url{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0;margin-left:12px!important;padding:3px 10px;border-radius:6px;background:#fff;color:var(--ui-muted)}
.wb-url b{font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-viewport{flex:1;overflow:auto;container-type:inline-size;background:#fff;scrollbar-width:thin}
.wb-viewport:focus-visible{outline-offset:-3px}

.ws{--a:#1d5bff;--at:color-mix(in srgb,var(--a) 10%,#fff);--ad:color-mix(in srgb,var(--a) 75%,#000);font-size:.88rem;color:#1b2433}
.ws h4{font:700 clamp(1.4rem,4.2cqi,2.1rem)/1.1 var(--head);letter-spacing:-.03em;color:#111827;margin:0;text-wrap:balance}
.ws h5{font:700 1.1rem var(--head);color:#111827;margin:0 0 14px}
.ws a{color:inherit;text-decoration:none}
.ws .is-building{outline:2px dashed color-mix(in srgb,var(--a) 70%,#fff);outline-offset:-4px;border-radius:6px}
.ws-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 16px;border-radius:8px;background:var(--a);color:#fff!important;border:0;font:600 .85rem var(--sans);cursor:pointer;transition:background .2s,transform .15s}
.ws-btn:hover{background:var(--ad)}
.ws-btn.ghost{background:#fff;color:#111827!important;box-shadow:inset 0 0 0 1.5px #d6dce6}
.ws-btn.sm{min-height:32px;padding:5px 12px;font-size:.78rem}
.ws-link{background:none;border:0;padding:4px 0;color:var(--ad);font:600 .82rem var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ws-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ws-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:20px;padding:12px 22px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid #edf0f4}
.ws-logo{font:800 1rem var(--head);letter-spacing:-.03em;color:#111827;white-space:nowrap}
.ws-logo::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--a);margin-right:8px}
.ws-nav nav{display:flex;gap:18px;margin-left:auto;font-weight:500;color:#4b5563}
.ws-nav nav a:hover{color:var(--a)}
.ws-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:36px 22px 30px;background:linear-gradient(180deg,var(--at),#fff)}
.ws-eye{margin:0 0 10px;font:600 .74rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ad)}
.ws-hero-txt>p:not(.ws-eye){margin:12px 0 18px;color:#4b5563}
.ws-art{position:relative;height:200px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--a) 35%,#fff),transparent 55%),linear-gradient(140deg,var(--a),#101827)}
.ws-art i{position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.35)}
.ws-art i:nth-child(1){width:150px;height:150px;right:-30px;bottom:-40px}
.ws-art i:nth-child(2){width:90px;height:90px;left:24px;top:26px;background:rgba(255,255,255,.12);border:0}
.ws-art i:nth-child(3){width:230px;height:230px;left:30%;top:40%;border-color:rgba(255,255,255,.18)}
[data-ind=rest] .ws-art i:nth-child(2),[data-ind=hvv] .ws-art i:nth-child(2){border-radius:12px;transform:rotate(12deg)}
[data-ind=tand] .ws-art i:nth-child(2){border-radius:50% 50% 12px 12px}
.ws-sec{padding:28px 22px;border-top:1px solid #f0f2f5}
.ws-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ws-card{display:grid;gap:3px;text-align:left;padding:14px;border-radius:12px;border:1.5px solid #e6e9ef;background:#fff;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}
.ws-card:hover{border-color:color-mix(in srgb,var(--a) 50%,#fff);transform:translateY(-2px)}
.ws-card.on{border-color:var(--a);box-shadow:0 0 0 3px var(--at)}
.ws-card b{font:700 .95rem var(--head);color:#111827}
.ws-card span{color:#6b7280;font-size:.8rem}
.ws-card em{font-style:normal;font-weight:700;color:var(--ad);margin-top:6px}
.ws-fine{margin:10px 0 0;font-size:.76rem;color:#6b7280}
.ws-booking{background:#fafbfc}
.ws-book{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.ws-lbl{margin:0 0 8px;font:600 .74rem var(--sans);color:#374151}
.ws-days{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.ws-days button{display:grid;place-items:center;width:52px;padding:6px 0;border-radius:10px;border:1.5px solid #e2e6ed;background:#fff;cursor:pointer;font:inherit;color:#111827}
.ws-days small{font-size:.68rem;color:#6b7280;text-transform:capitalize}
.ws-days b{font:700 1rem var(--head)}
.ws-days [aria-pressed=true],.ws-slots [aria-pressed=true]{background:var(--a);border-color:var(--a);color:#fff}
.ws-days [aria-pressed=true] small{color:rgba(255,255,255,.85)}
.ws-slots{display:flex;flex-wrap:wrap;gap:6px}
.ws-slots button{min-width:62px;min-height:36px;border-radius:8px;border:1.5px solid #e2e6ed;background:#fff;cursor:pointer;font:600 .8rem var(--sans);color:#111827}
.ws-slots button:hover,.ws-days button:hover{border-color:var(--a)}
.dm-stage .ws-form,.dm-stage .ws-contact{display:grid;gap:10px;align-content:start;background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:14px}
.ws-sum{display:flex;justify-content:space-between;gap:8px;margin:0;padding-bottom:8px;border-bottom:1px solid #f0f2f5}
.ws-sum span{color:var(--ad);font-weight:700;white-space:nowrap}
.dm-stage .ws-contact{grid-template-columns:1fr 1fr}
.ws-full{grid-column:1/-1}
.ws-contact .ws-btn{justify-self:start}
.ws-done{display:flex;gap:12px;align-items:flex-start;grid-column:1/-1}
.ws-done>.ic{width:28px;height:28px;padding:6px;border-radius:50%;background:var(--a);color:#fff;stroke-width:2.6}
.ws-done p{margin:4px 0 0;color:#4b5563;font-size:.82rem}
.ws-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ws-reviews figure{margin:0;padding:14px;border-radius:12px;background:var(--at)}
.ws-stars{display:flex;gap:2px;color:#d48a00}
.ws-stars .ic{fill:currentColor;stroke:none;font-size:.85rem}
.ws-reviews blockquote{margin:8px 0;font-size:.84rem;color:#1f2937}
.ws-reviews figcaption{font-size:.76rem;font-weight:600;color:#4b5563}
.ws-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:18px 22px;background:#111827;color:#a3acb9;font-size:.76rem}
.ws-foot b{color:#fff}
@container (max-width:600px){
  .ws-nav{padding:10px 14px;gap:10px}
  .ws-nav nav{display:none}
  .ws-nav .ws-btn{margin-left:auto}
  .ws-hero{grid-template-columns:1fr;padding:22px 16px}
  .ws-art{height:120px;order:-1}
  .ws-cards,.ws-book{grid-template-columns:1fr}
  .dm-stage .ws-contact{grid-template-columns:1fr}
  .ws-reviews{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .ws-reviews figure{scroll-snap-align:start}
  .ws-sec{padding:22px 16px}
}
@media(max-width:860px){
  .wb{grid-template-columns:minmax(0,1fr);padding:14px;gap:14px;min-height:0}
  .wb-side .dm-seg{margin-bottom:12px}
  .wb-steps{grid-template-columns:repeat(2,minmax(0,1fr));font-size:.8rem;margin-bottom:12px}
  .wb-view,#wb-view-l{display:none}
  .wb-frame{height:540px}
  .wb-status{min-height:0;margin-top:8px}
}

/* ===== Fire brancher, fire forskellige hjemmesider ===== */
.ws [data-part=extra]{opacity:1}
.ws-hero .ws-eye{margin-bottom:12px}

/* --- Tandlæge: lys, rolig, klinisk --- */
.tn{--at:#e8f5f6;font-family:var(--sans)}
.tn .ws-nav{background:#fff}
.tn-hero{grid-template-columns:1.2fr .8fr;gap:28px;padding:44px 24px 36px;background:linear-gradient(180deg,#f2fafa,#fff)}
.tn-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:24px 0 0;padding:0}
.tn-facts li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #d9ecee}
.tn-facts b{font:700 .95rem var(--head);color:var(--ad)}
.tn-facts span{font-size:.72rem;color:#5b6b6e;line-height:1.35}
.tn-card{position:relative;display:grid;gap:4px;align-content:center;min-height:210px;padding:22px;border-radius:22px;background:#fff;border:1px solid #d3eaec;box-shadow:0 24px 50px -28px rgba(11,122,131,.55);overflow:hidden}
.tn-card b{font:700 1.2rem var(--head);color:#0f2d30}
.tn-card small{color:#5b6b6e}
.tn-live{justify-self:start;padding:3px 10px;border-radius:99px;background:#dff3e8;color:#17683b;font:700 .7rem var(--sans)}
.tn-tooth{position:absolute;right:-18px;bottom:-26px;width:130px;height:130px;border-radius:44% 44% 52% 52%/38% 38% 62% 62%;background:#e6f4f5;border:2px solid #cfe7e9}
.tn-tooth i{position:absolute;left:30%;top:34%;width:40%;height:22%;border-bottom:3px solid #9fd0d4;border-radius:0 0 40px 40px}
.tn-list{display:grid;gap:8px}
.tn-list .ws-card{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;border-radius:14px}
.tn-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--at);color:var(--ad)}
.tn-ico .ic{font-size:.9rem;stroke-width:2.4}
.tn-nm{display:grid;gap:2px}
.tn-list .ws-card em{margin:0;font-size:1rem}
.tn-steps{background:#f6fbfb}
.tn-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;counter-reset:s}
.tn-steps li{position:relative;display:grid;gap:4px;padding:0 18px 0 0;counter-increment:s}
.tn-steps li::before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;margin-bottom:8px;border-radius:50%;background:var(--a);color:#fff;font:700 .85rem var(--head);position:relative;z-index:1}
.tn-steps li:not(:last-child)::after{content:"";position:absolute;left:36px;right:6px;top:15px;height:2px;background:#cde6e8}
.tn-steps b{font:700 .92rem var(--head);color:#0f2d30}
.tn-steps span{font-size:.8rem;color:#5b6b6e}
.tn-book{background:#fff}
.tn-book .ws-book{padding:18px;border-radius:18px;background:#f4fafa;border:1px solid #d9ecee}
.tn-rev{background:#f6fbfb}
.tn-score{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:16px}
.tn-score b{font:800 2.6rem/1 var(--head);color:var(--ad)}
.tn-score span{font-size:.78rem;color:#5b6b6e}
.tn .ws-reviews figure{background:#fff;border:1px solid #d9ecee}

/* --- Restaurant: dyb grøn og messing --- */
.rs{--serif:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;--cr:#f0e7d3;--mu:#a9b8ae;--ln:rgba(240,231,211,.14);--ad:#e3c488;font-family:var(--sans);background:#0c1d18;color:var(--cr)}
.rs h4,.rs h5,.rs h6,.rs .ws-logo{font-family:var(--serif);font-weight:500;color:var(--cr);letter-spacing:-.01em;margin:0}
.rs .ws-eye{font:600 .68rem var(--sans);letter-spacing:.24em;color:var(--a);margin-bottom:12px}
.rs .ws-sec{background:#0c1d18;border-top:1px solid var(--ln);padding:64px 32px}
.rs .ws-sec h5{font-size:clamp(1.5rem,3.4cqi,2.1rem);font-weight:500;margin-bottom:26px}
.rs-menu,.rs-rev,.rs-contact,.rs-book{text-align:center}
.rs-nav{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 32px!important;background:rgba(12,29,24,.9)!important;border-bottom:1px solid var(--ln)!important}
.rs .ws-logo{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-style:italic}
.rs .ws-logo::before{display:none}
.rs .ws-logo i{width:9px;height:9px;border:1.5px solid var(--a);transform:rotate(45deg)}
.rs-nav nav{margin:0;gap:26px;font:500 .68rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mu)}
.rs-nav nav:last-child{justify-content:flex-end;align-items:center}
.rs-nav nav a:hover{color:var(--cr)}
.rs-nav .rs-cta{padding:10px 18px;background:var(--a);color:#0c1d18!important;border-radius:2px;font-weight:700}
.rs-nav .rs-cta:hover{background:var(--ad)}
.rs .ws-btn{background:var(--a);color:#0c1d18!important;border:0;border-radius:2px;font:700 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;min-height:46px;padding:0 26px;box-shadow:none}
.rs .ws-btn:hover{background:var(--ad)}
.rs-link{font:600 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cr);border-bottom:1px solid var(--a);padding-bottom:3px}
.rs-hero{grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:72px 32px 60px;background:radial-gradient(800px 460px at 85% 20%,rgba(201,164,92,.16),transparent 62%),linear-gradient(180deg,#10261e,#0c1d18)}
.rs .rs-hero h4{font-size:clamp(2.1rem,5.6cqi,3.5rem);line-height:1.04;max-width:15ch}
.rs-hero h4 em{font-style:italic;color:var(--a)}
.rs-copy>p:not(.ws-eye){max-width:44ch;margin:18px 0 26px;color:var(--mu);font-size:.98rem;line-height:1.65}
.rs-copy .ws-row{gap:22px}
.rs-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:40px 0 0;padding:0}
.rs-facts li{display:grid;gap:3px;padding-top:14px;border-top:1px solid var(--ln)}
.rs-facts b{font:600 .78rem var(--sans);letter-spacing:.06em;color:var(--cr)}
.rs-facts span{font-size:.76rem;color:var(--mu)}
.rs-plate{position:relative;display:grid;place-items:center}
.rs-rim{width:min(100%,330px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#fbf5e8,#e2d7bd 62%,#b9ac8d);box-shadow:0 50px 90px -34px #000,inset 0 0 0 12px rgba(255,255,255,.4),inset 0 0 0 13px rgba(0,0,0,.08)}
.rs-dish{position:relative;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#cfe0b6,#7fa165 55%,#4c6a3d);box-shadow:inset 0 6px 14px rgba(0,0,0,.25)}
.rs-dish i{position:absolute;border-radius:50%}
.rs-dish i:nth-child(1){width:34%;height:34%;left:18%;top:22%;background:radial-gradient(circle at 35% 30%,#f2b27a,#c9622b);box-shadow:0 6px 10px rgba(0,0,0,.3)}
.rs-dish i:nth-child(2){width:18%;height:18%;right:20%;top:20%;background:radial-gradient(circle at 35% 30%,#8f2a2f,#4f1318)}
.rs-dish i:nth-child(3){width:26%;height:12%;left:38%;bottom:20%;border-radius:40px;background:#f4ead2;transform:rotate(-16deg)}
.rs-dish i:nth-child(4){width:12%;height:12%;right:18%;bottom:26%;background:#2c4a2a}
.rs-badge{position:absolute;left:0;bottom:6%;padding:10px 16px;background:#142e26;border:1px solid var(--a);color:var(--a);font:600 .66rem var(--sans);letter-spacing:.18em;text-transform:uppercase}
.rs-tabs{display:inline-flex;gap:4px;margin-bottom:30px;border-bottom:1px solid var(--ln)}
.rs-tabs button{padding:12px 22px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--mu);font:600 .7rem var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s}
.rs-tabs button:hover{color:var(--cr)}
.rs-tabs button[aria-selected=true]{color:var(--cr);border-bottom-color:var(--a)}
.rs-panel{max-width:720px;margin:0 auto;text-align:left}
.rs-sub{margin:0 0 18px;text-align:center;font:italic 1.02rem var(--serif);color:var(--mu)}
.rs-course{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--ln)}
.rs-course>span{font:600 .64rem var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--a);padding-top:4px}
.rs-course p{margin:0 0 12px}
.rs-course p:last-child{margin:0}
.rs-course b{display:block;font:500 1.12rem var(--serif);color:var(--cr)}
.rs-course small{display:block;font-size:.8rem;color:var(--mu);margin-top:2px}
.rs-bar{display:flex;align-items:center;gap:18px;margin-top:10px;padding:18px 22px;background:#12291f;border:1px solid var(--ln)}
.rs-bar span{display:grid;font-size:.78rem;color:var(--mu)}
.rs-bar span b{font:500 1.1rem var(--serif);color:var(--cr)}
.rs-bar em{margin-left:auto;font:500 1.35rem var(--serif);font-style:normal;color:var(--a)}
.rs .ws-card{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:11px 16px;border:1px solid var(--a);border-radius:2px;background:transparent;color:var(--a);font:700 .66rem var(--sans);letter-spacing:.16em;text-transform:uppercase;box-shadow:none;transform:none}
.rs .ws-card:hover{background:var(--a);color:#0c1d18;transform:none;border-color:var(--a)}
.rs .ws-card.on{box-shadow:none}
.rs .rs-menus .ws-card{border-color:var(--ln);color:var(--mu);padding:12px 16px}
.rs .rs-menus .ws-card.on{border-color:var(--a);color:var(--cr);background:rgba(201,164,92,.12)}
.rs-info{display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;background:#10261f!important}
.rs-info dl{margin:0;display:grid;gap:0}
.rs-info dl div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--ln)}
.rs-info dt{color:var(--mu);font-size:.88rem}.rs-info dd{margin:0;color:var(--cr);font:500 1rem var(--serif)}
.rs-note{margin:0;color:var(--mu);line-height:1.7;font-size:.92rem}
.rs-bookgrid{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:880px;margin:0 auto;text-align:left}
.rs-book{background:linear-gradient(180deg,#0c1d18,#102a21)!important}
.rs .ws-lbl{font:600 .64rem var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mu);margin:18px 0 10px}
.rs .ws-lbl:first-child{margin-top:0}
.rs-step{display:inline-flex;align-items:center;border:1px solid var(--ln)}
.rs-step button{width:46px;height:46px;background:none;border:0;color:var(--cr);font:300 1.4rem var(--sans);cursor:pointer}
.rs-step button:hover{background:rgba(255,255,255,.06)}
.rs-step b{min-width:56px;text-align:center;font:500 1.5rem var(--serif);color:var(--cr)}
.rs-menus{display:flex;flex-wrap:wrap;gap:8px}
.rs .ws-days button,.rs .ws-slots button{background:transparent;border:1px solid var(--ln);border-radius:2px;color:var(--cr)}
.rs .ws-days button:hover,.rs .ws-slots button:hover{border-color:var(--a)}
.rs .ws-days small{color:var(--mu)}
.rs .ws-days b{font:500 1.05rem var(--serif);color:inherit}
.rs .ws-days [aria-pressed=true],.rs .ws-slots [aria-pressed=true]{background:var(--a);border-color:var(--a);color:#0c1d18}
.rs .ws-days [aria-pressed=true] small{color:#0c1d18}
.rs-right{display:grid;gap:16px;align-content:start}
.rs-ticket{padding:24px;background:var(--cr);color:#12261f;border-radius:3px;box-shadow:0 30px 60px -30px #000;position:relative}
.rs-ticket::before,.rs-ticket::after{content:"";position:absolute;top:96px;width:16px;height:16px;border-radius:50%;background:#0f2820}
.rs-ticket::before{left:-8px}.rs-ticket::after{right:-8px}
.rs-ticket>p{margin:0;font:600 .62rem var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#7b6a45}
.rs .rs-ticket h6{color:#12261f;font-size:1.4rem;margin:6px 0 22px}
.rs-ticket dl{margin:0;display:grid;gap:8px;padding-top:16px;border-top:1px dashed #b9ac8d}
.rs-ticket dl div{display:flex;justify-content:space-between;font-size:.88rem}
.rs-ticket dt{color:#6a6a58}.rs-ticket dd{margin:0;font-weight:600}
.rs-total{margin:16px 0 0;display:grid;font:500 1.7rem var(--serif);color:#12261f}
.rs-total small{font:400 .72rem var(--sans);color:#6a6a58}
.dm-stage .rs .ws-form,.dm-stage .rs .ws-contact{background:rgba(255,255,255,.03);border:1px solid var(--ln);border-radius:3px;padding:18px;text-align:left}
.rs .ws-sum{display:none}
.rs .u-field>span{color:var(--mu);font:600 .62rem var(--sans);letter-spacing:.2em;text-transform:uppercase}
.dm-stage .rs input,.dm-stage .rs textarea{background:rgba(255,255,255,.05);border:1px solid var(--ln);color:var(--cr);border-radius:2px}
.dm-stage .rs input:focus,.dm-stage .rs textarea:focus{border-color:var(--a);outline:0}
.rs .ws-link{color:var(--a)}
.rs .ws-done p{color:var(--mu)}.rs .ws-done>.ic{background:var(--a);color:#0c1d18}
.rs .ws-fine{color:#7f9084}
.dm-stage .rs-contact .ws-contact{max-width:600px;margin:0 auto}
.rs-rev .ws-reviews{grid-template-columns:repeat(3,1fr);gap:22px}
.rs .ws-reviews figure{background:transparent;padding:26px 6px 0;border-top:1px solid var(--ln);text-align:left}
.rs .ws-reviews blockquote{position:relative;margin:0 0 14px;font:italic 1.02rem/1.55 var(--serif);color:var(--cr)}
.rs .ws-reviews blockquote::before{content:"\201C";display:block;font:3rem/0.6 var(--serif);color:var(--a);margin-bottom:8px}
.rs .ws-reviews figcaption{font:600 .64rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mu)}
.rs .ws-foot{background:#08140f;border-top:1px solid var(--ln);color:var(--mu)}

/* --- Håndværker: varm sten og kobber --- */
.hv{--ink:#1f2328;--sb:#656a72;--ln:#e4dfd6;--ad:#964d24;--at:#f7ebe3;font-family:var(--sans);background:#f6f4f0;color:var(--ink)}
.hv h4,.hv h5{font-family:var(--sans);font-weight:700;letter-spacing:-.035em;color:var(--ink);margin:0}
.hv .ws-eye{font:700 .68rem var(--sans);letter-spacing:.16em;color:var(--a);margin-bottom:10px}
.hv .ws-sec{background:#f6f4f0;border-top:0;padding:64px 28px}
.hv .ws-sec h5{font-size:clamp(1.5rem,3.4cqi,2.1rem);margin-bottom:28px}
.hv-nav{display:block!important;padding:0!important;background:rgba(246,244,240,.92)!important;border-bottom:1px solid var(--ln)!important}
.hv-strip{display:flex;justify-content:space-between;gap:12px;padding:7px 28px;background:#1f2328;color:#d9d4c9;font:500 .68rem var(--sans);letter-spacing:.05em}
.hv-strip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e0803f;margin-right:8px}
.hv-row{display:flex;align-items:center;gap:22px;padding:14px 28px}
.hv .ws-logo{display:flex;align-items:center;gap:10px;font:800 1.08rem var(--sans);letter-spacing:-.03em}
.hv .ws-logo::before{display:none}
.hv .ws-logo i{position:relative;width:24px;height:24px;border-radius:7px;background:var(--a)}
.hv .ws-logo i::after{content:"";position:absolute;inset:6px;background:#fff;clip-path:polygon(50% 0,100% 45%,100% 100%,0 100%,0 45%)}
.hv-nav nav{display:flex;gap:24px;margin-left:auto;font:600 .8rem var(--sans);color:#4a4f56}
.hv-nav nav a:hover{color:var(--a)}
.hv .ws-btn{background:var(--a);color:#fff!important;border:0;border-radius:11px;font:650 .85rem var(--sans);min-height:46px;padding:0 22px;box-shadow:0 12px 26px -14px rgba(184,97,47,.8)}
.hv .ws-btn:hover{background:var(--ad)}
.hv .ws-btn.sm{min-height:38px;padding:0 16px;font-size:.8rem}
.hv .ws-btn.ghost{background:#fff;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px #d6d0c4}
.hv-hero{grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:56px 28px 52px;background:linear-gradient(180deg,#f6f4f0,#eee9e0)}
.hv .hv-hero h4{font-size:clamp(2.1rem,5.2cqi,3.3rem);line-height:1.04;max-width:14ch}
.hv-hero h4 em{font-style:normal;color:var(--a)}
.hv-txt>p:not(.ws-eye){margin:18px 0 26px;max-width:42ch;color:var(--sb);font-size:1rem;line-height:1.65}
.hv-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:36px 0 0;padding:0}
.hv-facts li{display:grid;gap:2px;padding-top:14px;border-top:2px solid var(--ink)}
.hv-facts b{font:800 1.25rem var(--sans);letter-spacing:-.03em}
.hv-facts span{font-size:.78rem;color:var(--sb)}
.hv-art{position:relative;height:360px;border-radius:26px;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 30px),linear-gradient(160deg,#2a3645,#161e29);box-shadow:0 40px 70px -34px rgba(20,30,45,.7)}
.hv-house{position:absolute;inset:0}
.hv-house i{position:absolute;display:block}
.hv-house .wall{left:18%;width:64%;bottom:12%;height:40%;background:linear-gradient(180deg,#efe8da,#d9cfbb);border-radius:3px}
.hv-house .roof{left:12%;width:76%;bottom:52%;height:28%;background:linear-gradient(180deg,#c8693a,var(--a));clip-path:polygon(50% 0,100% 100%,0 100%)}
.hv-house .win{width:15%;height:15%;bottom:30%;background:linear-gradient(135deg,#bcd6ee,#6f98c4);border:3px solid #fff;border-radius:2px}
.hv-house .w1{left:26%}.hv-house .w2{right:26%}
.hv-house .door{left:46%;width:9%;height:22%;bottom:12%;background:#3b2a20;border-radius:3px 3px 0 0}
.hv-chip{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border-radius:12px;font:700 .78rem var(--sans);box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.hv-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--a)}
.hv-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hv-areas article{display:flex;flex-direction:column;gap:6px;padding:22px 20px;background:#fff;border:1px solid var(--ln);border-radius:18px;transition:transform .25s,box-shadow .25s}
.hv-areas article:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(31,35,40,.5)}
.hv-areas article::before{content:"";width:34px;height:3px;border-radius:3px;background:var(--a);margin-bottom:10px}
.hv-areas b{font:700 1.05rem var(--sans);letter-spacing:-.02em}
.hv-areas span{font-size:.82rem;color:var(--sb);line-height:1.5}
.hv-areas em{margin-top:auto;padding-top:12px;font:700 .86rem var(--sans);font-style:normal;color:var(--a)}
.hv .ws-fine{color:var(--sb)}
.hv-est{background:#1f2328!important;color:#d9d4c9}
.hv-est h5{color:#fff!important}
.hv-est .ws-eye{color:#e0803f}
.hv-estgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}
.hv-ctrl{display:grid;gap:4px;align-content:start}
.hv .ws-lbl{display:flex;justify-content:space-between;margin:18px 0 10px;font:700 .68rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8d9097}
.hv .ws-lbl:first-child{margin-top:0}
.hv-m{color:#fff;letter-spacing:0;font-size:.9rem}
.hv-seg{display:flex;flex-wrap:wrap;gap:8px}
.hv-seg button{padding:10px 16px;border-radius:99px;border:1.5px solid #3b4048;background:transparent;color:#d9d4c9;font:600 .82rem var(--sans);cursor:pointer;transition:background .2s,border-color .2s}
.hv-seg button:hover{border-color:#6b7078}
.hv-seg button[aria-pressed=true]{background:var(--a);border-color:var(--a);color:#fff}
.hv-range{width:100%;accent-color:var(--a);height:28px;cursor:pointer}
.dm-stage .hv input[type=range]{padding:0;border:0;background:none}
.hv-out{display:grid;gap:8px;align-content:center;padding:26px;background:#fff;color:var(--ink);border-radius:20px}
.hv-out p{margin:0;font:700 .68rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sb)}
.hv-price{font:800 clamp(1.3rem,3.4cqi,1.9rem)/1.15 var(--sans);letter-spacing:-.03em}
.hv-out small{color:var(--sb);line-height:1.5;margin-bottom:8px}
.hv-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 34px;padding:0;list-style:none}
.hv-flow li{position:relative;display:grid;gap:4px;padding-top:30px}
.hv-flow li::before{content:"";position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--a);box-shadow:0 0 0 5px var(--at)}
.hv-flow li:not(:last-child)::after{content:"";position:absolute;left:22px;right:-10px;top:6px;height:2px;background:var(--ln)}
.hv-flow b{font:700 1rem var(--sans);letter-spacing:-.02em}
.hv-flow span{font-size:.82rem;color:var(--sb);line-height:1.5}
.hv-ba{position:relative;height:280px;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(31,35,40,.6);user-select:none}
.hv-before,.hv-after{position:absolute;inset:0}
.hv-before i,.hv-after i{position:absolute;inset:0;display:block}
.hv-after i{background:radial-gradient(circle at 78% 24%,rgba(255,244,214,.95),transparent 28%),linear-gradient(180deg,#f1eadc 0 64%,#c9a577 64%)}
.hv-after i::before{content:"";position:absolute;left:12%;top:16%;width:22%;height:34%;background:linear-gradient(135deg,#d3e4f3,#8db3d6);border:5px solid #fff;border-radius:3px}
.hv-after i::after{content:"";position:absolute;right:10%;bottom:36%;width:34%;height:26%;background:linear-gradient(180deg,#3a4452,#262d38);border-radius:6px}
.hv-before{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.hv-before i{background:linear-gradient(180deg,#8b8780 0 64%,#625b52 64%)}
.hv-before i::before{content:"";position:absolute;left:12%;top:16%;width:22%;height:34%;background:#5f666e;border:5px solid #a9a49b}
.hv-before i::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(0,0,0,.06) 0 14px,transparent 14px 40px)}
.hv-tag{position:absolute;top:14px;padding:6px 12px;border-radius:99px;background:rgba(31,35,40,.82);color:#fff;font:700 .68rem var(--sans);letter-spacing:.1em;text-transform:uppercase}
.hv-tag.b{left:14px}.hv-tag.a{right:14px}
.hv-handle{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.hv-handle::after{content:"";position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.3)}
.dm-stage .hv .hv-ba input[data-ba]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:ew-resize}
.hv-book{background:#eee9e0!important}
.hv-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.hv .ws-card{display:grid;gap:3px;text-align:left;padding:16px 18px;background:#fff;border:1.5px solid var(--ln);border-radius:16px;box-shadow:none;transform:none}
.hv .ws-card:hover{transform:none;border-color:#c9c1b2}
.hv .ws-card.on{border-color:var(--a);box-shadow:0 0 0 4px rgba(184,97,47,.14)}
.hv .ws-card b{font:700 .95rem var(--sans);letter-spacing:-.02em;color:var(--ink)}
.hv .ws-card span{color:var(--sb);font-size:.8rem}
.hv .ws-card em{margin-top:6px;color:var(--a);font:800 .95rem var(--sans);font-style:normal}
.hv .ws-days button,.hv .ws-slots button{background:#fff;border:1.5px solid #d9d3c7;border-radius:11px;color:var(--ink)}
.hv .ws-days button:hover,.hv .ws-slots button:hover{border-color:var(--a)}
.hv .ws-days [aria-pressed=true],.hv .ws-slots [aria-pressed=true]{background:var(--a);border-color:var(--a);color:#fff}
.hv .ws-days [aria-pressed=true] small{color:#fff}
.dm-stage .hv .ws-form,.dm-stage .hv .ws-contact{background:#fff;border:1px solid var(--ln);border-radius:18px;padding:20px;box-shadow:0 20px 40px -30px rgba(31,35,40,.5)}
.hv .ws-sum{border-bottom-color:var(--ln)}.hv .ws-sum span{color:var(--a)}
.dm-stage .hv input,.dm-stage .hv textarea{border:1.5px solid #d9d3c7;border-radius:10px}
.dm-stage .hv input:focus,.dm-stage .hv textarea:focus{border-color:var(--a);outline:3px solid rgba(184,97,47,.16)}
.hv .ws-link{color:var(--a)}
.hv .ws-done>.ic{background:var(--a)}
.hv-rev .ws-reviews{grid-template-columns:repeat(3,1fr);gap:14px}
.hv .ws-reviews figure{padding:22px;background:#fff;border:1px solid var(--ln);border-radius:18px}
.hv .ws-stars{color:var(--a)}
.hv .ws-reviews blockquote{margin:12px 0 16px;font-size:.92rem;line-height:1.6;color:#2d3239}
.hv .ws-reviews figcaption{display:grid;gap:1px;font-size:.78rem;color:var(--sb)}
.hv .ws-reviews figcaption b{color:var(--ink);font-size:.86rem}
.hv .ws-foot{background:#1f2328;color:#a8a49a}

/* --- Fotograf: sort og filmisk --- */
.ft{--ink:#f1ede8;--mu:#9a968f;--ln:rgba(241,237,232,.13);--ad:#fff;font-family:var(--sans);background:#0b0b0d;color:var(--ink)}
.ft h4,.ft h5,.ft .ws-logo{font-family:var(--sans);font-weight:300;color:var(--ink);letter-spacing:-.03em;margin:0}
.ft .ws-logo::before{display:none}
.ft .ws-logo{font:500 .74rem var(--sans);letter-spacing:.36em;text-transform:uppercase}
.ft .ws-eye{font:600 .64rem var(--sans);letter-spacing:.3em;color:var(--mu);margin-bottom:12px}
.ft-nav{z-index:6;padding:20px 32px!important;background:linear-gradient(180deg,rgba(11,11,13,.9),rgba(11,11,13,.55))!important;border:0!important;backdrop-filter:blur(10px)}
.ft-nav nav{gap:26px;align-items:center;font:500 .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#c9c5be}
.ft-nav nav a:hover{color:#fff}
.ft-nav .ft-cta{padding:9px 18px;border:1px solid rgba(255,255,255,.5);border-radius:99px;color:#fff}
.ft-nav .ft-cta:hover{background:#fff;color:#0b0b0d}
.ft-hero{position:relative;display:flex;align-items:flex-end;min-height:540px;margin-top:-62px;padding:0 32px 76px;overflow:hidden;background:#0b0b0d}
.ft-slides{position:absolute;inset:0}
.ft-slides .ft-slide{position:absolute;inset:0;opacity:0;transform:scale(1.07);transition:opacity 1.4s ease,transform 7s ease}
.ft-slide.on{opacity:1;transform:scale(1)}
.ft-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,13,.82),rgba(11,11,13,.1) 65%),linear-gradient(0deg,rgba(11,11,13,.9),transparent 55%)}
.ft-txt{position:relative;z-index:2;max-width:480px}
.ft .ft-hero h4{font-size:clamp(2.3rem,6.4cqi,4.2rem);line-height:1.0;font-weight:300}
.ft-txt>p:not(.ws-eye){margin:18px 0 26px;color:#d3cfc8;max-width:40ch;line-height:1.65}
.ft .ws-btn{background:#f1ede8;color:#0b0b0d!important;border:0;border-radius:99px;font:700 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;min-height:46px;padding:0 26px;box-shadow:none}
.ft .ws-btn:hover{background:#fff}
.ft-link{font:600 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:3px}
.ft-dots{position:absolute;z-index:2;right:32px;bottom:30px;display:flex;align-items:center;gap:8px}
.ft-dots button{width:26px;height:18px;background:none;border:0;padding:0;cursor:pointer;position:relative}
.ft-dots button::after{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:rgba(255,255,255,.35);transition:background .3s}
.ft-dots button[aria-pressed=true]::after{background:#fff}
.ft-cap{margin-left:10px;font:500 .64rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#c9c5be;min-width:90px}
.ft .ws-sec{background:#0b0b0d;border-top:1px solid var(--ln);padding:64px 32px}
.ft .ws-sec h5{font-size:clamp(1.6rem,3.6cqi,2.4rem);margin-bottom:26px}
.ft-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ft-filters button{padding:9px 16px;border-radius:99px;border:1px solid var(--ln);background:transparent;color:#c9c5be;font:500 .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.ft-filters button:hover{border-color:#6a6761}
.ft-filters button[aria-pressed=true]{background:#f1ede8;border-color:#f1ede8;color:#0b0b0d}
.ft-masonry{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:150px;grid-auto-flow:dense;gap:12px}
.ft-tile{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:8px;overflow:hidden;background:#17171a;cursor:zoom-in;break-inside:avoid}
.ft-tile.tall{grid-row:span 2}
.ft-tile.is-off{display:none}
.ft-tile .ph{position:absolute;inset:0;transition:transform .7s var(--ease)}
.ft-tile:hover .ph{transform:scale(1.07)}
.ft-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 48%);opacity:0;transition:opacity .3s}
.ft-tile:hover::after,.ft-tile:focus-visible::after{opacity:1}
.ft-t{position:absolute;left:14px;bottom:12px;z-index:1;font:500 .66rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.ft-tile:hover .ft-t,.ft-tile:focus-visible .ft-t{opacity:1;transform:none}
.ft .ws-fine{color:#7d7972}
.ft-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.ft .ws-card{position:relative;display:grid;align-content:start;gap:6px;text-align:left;padding:28px 24px;background:#131316;border:1px solid var(--ln);border-radius:20px;box-shadow:none;transform:none;color:var(--ink)}
.ft .ws-card:hover{transform:none;border-color:#55524d}
.ft .ws-card.on{border-color:#f1ede8;box-shadow:0 0 0 1px #f1ede8}
.ft .ws-card b{font:300 1.7rem/1.1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.ft .ws-card small{color:var(--mu);font-size:.8rem}
.ft .ws-card em{margin:8px 0 14px;font:600 1.25rem var(--sans);font-style:normal;color:var(--ink)}
.ft .ws-card ul{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--ln);display:grid;gap:8px}
.ft .ws-card li{position:relative;padding-left:20px;font-size:.82rem;color:#c9c5be}
.ft .ws-card li::before{content:"";position:absolute;left:3px;top:.35em;width:5px;height:9px;border:solid #f1ede8;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.ft-top{position:absolute;right:16px;top:16px;padding:4px 10px;border-radius:99px;background:#f1ede8;color:#0b0b0d;font:700 .6rem var(--sans);letter-spacing:.14em;text-transform:uppercase}
.ft-proc ol{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0;padding:0;list-style:none}
.ft-proc li{display:grid;gap:4px;padding-top:16px;border-top:1px solid var(--ln)}
.ft-proc b{font:500 .74rem var(--sans);letter-spacing:.2em;text-transform:uppercase}
.ft-proc span{font-size:.84rem;color:var(--mu);line-height:1.5}
.ft-book{background:#101013!important}
.ft .ws-lbl{font:600 .64rem var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mu);margin:0 0 10px}
.ft .ws-days{gap:8px;margin-bottom:20px}
.ft .ws-days button,.ft .ws-slots button{background:transparent;border:1px solid var(--ln);border-radius:12px;color:var(--ink)}
.ft .ws-days button:hover,.ft .ws-slots button:hover{border-color:#8a8780}
.ft .ws-days small{color:var(--mu)}
.ft .ws-days [aria-pressed=true],.ft .ws-slots [aria-pressed=true]{background:#f1ede8;border-color:#f1ede8;color:#0b0b0d}
.ft .ws-days [aria-pressed=true] small{color:#0b0b0d}
.dm-stage .ft .ws-form,.dm-stage .ft .ws-contact{background:#151518;border:1px solid var(--ln);border-radius:18px;padding:20px}
.ft .ws-sum{border-bottom-color:var(--ln);color:var(--ink)}.ft .ws-sum span{color:var(--ink)}
.ft .u-field>span{color:var(--mu);font:600 .62rem var(--sans);letter-spacing:.2em;text-transform:uppercase}
.dm-stage .ft input,.dm-stage .ft textarea{background:rgba(255,255,255,.04);border:1px solid var(--ln);color:var(--ink);border-radius:10px}
.dm-stage .ft input:focus,.dm-stage .ft textarea:focus{border-color:#f1ede8;outline:0}
.ft .ws-link{color:#f1ede8}
.ft .ws-done p{color:var(--mu)}.ft .ws-done>.ic{background:#f1ede8;color:#0b0b0d}
.ft-rev .ws-reviews{grid-template-columns:1.5fr 1fr 1fr;gap:34px;align-items:start}
.ft .ws-reviews figure{background:transparent;padding:0}
.ft .ws-reviews blockquote{margin:0 0 14px;font:300 1rem/1.6 var(--sans);color:#d3cfc8}
.ft .ws-reviews figure:first-child blockquote{font-size:clamp(1.3rem,3cqi,1.8rem);line-height:1.25;letter-spacing:-.02em;color:var(--ink)}
.ft .ws-reviews figcaption{font:600 .64rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mu)}
.ft .ws-foot{background:#050506;color:var(--mu);border-top:1px solid var(--ln)}
.ft-lb{position:absolute;inset:34px 0 0 0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:24px;background:rgba(5,5,7,.95)}
.ft-lb[hidden]{display:none}
.ft-x{position:absolute;right:16px;top:14px}
.ft-x,.ft-nv{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;cursor:pointer}
.ft-x:hover,.ft-nv:hover{background:#fff;color:#0b0b0d}
.ft-big{display:grid;gap:12px;justify-items:center;min-width:0}
.ft-big .ph{width:min(100%,520px);aspect-ratio:4/3;border-radius:10px}
.ft-big p{margin:0;display:grid;gap:2px;text-align:center}
.ft-big b{font:300 1.2rem var(--sans);color:#fff}
.ft-big small{color:#8d8982;font:500 .66rem var(--sans);letter-spacing:.2em;text-transform:uppercase}

/* Fotoscener lavet med farver */
.ph{position:relative;display:block;overflow:hidden}
.ph::before,.ph::after{content:"";position:absolute}
.sc-a{background:radial-gradient(circle at 50% 40%,#f3d3b5 0,#d6a07c 22%,transparent 52%),linear-gradient(180deg,#5c4033,#2a1d17)}
.sc-g{background:radial-gradient(circle at 50% 36%,#efe6d8 0,transparent 55%),linear-gradient(160deg,#cfc7bb,#8f8579)}
.sc-d{background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 2px,transparent 2px 24%),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 2px,transparent 2px 34%),linear-gradient(135deg,#2a384b,#7188a6)}
.sc-a::before,.sc-g::before,.sc-d::before{left:50%;top:24%;width:17%;aspect-ratio:1;border-radius:50%;background:#1a1210;transform:translateX(-50%)}
.sc-a::after,.sc-g::after,.sc-d::after{left:50%;bottom:-6%;width:52%;height:42%;border-radius:50% 50% 0 0;background:#1a1210;transform:translateX(-50%)}
.sc-g::before,.sc-g::after{background:#2c2722}
.sc-d::before,.sc-d::after{background:#111a26}
.sc-b{background:radial-gradient(circle at 68% 34%,#ffe0a8 0,#f6a56b 10%,transparent 34%),linear-gradient(180deg,#1c2a4d,#b5547a 58%,#f6a56b)}
.sc-b::before{left:0;right:0;bottom:0;height:46%;background:#0c1220;clip-path:polygon(0 100%,0 55%,14% 38%,26% 58%,41% 24%,58% 56%,72% 36%,86% 54%,100% 40%,100% 100%)}
.sc-b::after{left:0;right:0;bottom:0;height:20%;background:linear-gradient(180deg,rgba(246,165,107,.4),rgba(12,18,32,.9))}
.sc-c{background:radial-gradient(circle at 30% 26%,#fff0c8 0,#f0b25f 12%,transparent 38%),linear-gradient(180deg,#e9c38a,#c97b3d 52%,#5b3a1f)}
.sc-c::before{left:0;right:0;bottom:0;height:44%;background:#3b2412;clip-path:polygon(0 100%,0 60%,25% 44%,50% 62%,75% 40%,100% 58%,100% 100%)}
.sc-c::after{left:44%;bottom:8%;width:12%;height:34%;background:#1d120a;border-radius:40% 40% 0 0;box-shadow:-26px 14px 0 -3px #1d120a,26px 20px 0 -5px #1d120a}
.sc-e{background:radial-gradient(circle at 22% 24%,rgba(255,255,255,.55) 0 7%,transparent 8%),radial-gradient(circle at 74% 18%,rgba(255,250,200,.6) 0 9%,transparent 10%),radial-gradient(circle at 60% 60%,rgba(255,255,255,.28) 0 6%,transparent 7%),linear-gradient(180deg,#bfe0a8,#5f9b52 60%,#2d5a2f)}
.sc-e::before{left:30%;bottom:10%;width:14%;aspect-ratio:1;border-radius:50%;background:#20381f;box-shadow:42px 22px 0 -2px #20381f}
.sc-f{background:radial-gradient(circle at 20% 30%,rgba(255,190,90,.85) 0 6%,transparent 7%),radial-gradient(circle at 70% 25%,rgba(255,120,160,.7) 0 8%,transparent 9%),radial-gradient(circle at 50% 70%,rgba(120,200,255,.6) 0 7%,transparent 8%),radial-gradient(circle at 85% 65%,rgba(255,220,120,.7) 0 5%,transparent 6%),radial-gradient(circle at 34% 78%,rgba(255,150,90,.6) 0 4%,transparent 5%),linear-gradient(160deg,#1b1233,#0a0716)}
.sc-h{background:radial-gradient(circle at 78% 22%,#f4e6f2 0,#d9a9c4 6%,transparent 14%),linear-gradient(180deg,#0e1b3a,#35569a 58%,#c28aa6)}
.sc-h::before{left:0;right:0;bottom:0;height:34%;background:#0a0f1d;clip-path:polygon(0 100%,0 62%,8% 62%,8% 40%,16% 40%,16% 56%,26% 56%,26% 28%,34% 28%,34% 50%,46% 50%,46% 36%,56% 36%,56% 60%,68% 60%,68% 32%,78% 32%,78% 52%,90% 52%,90% 44%,100% 44%,100% 100%)}

/* --- smalle visninger (mobil, og tablet i smalle felter) --- */
@container (max-width:600px){
  .tn-hero,.hv-hero{grid-template-columns:1fr}
  .tn-hero{padding:24px 16px}
  .tn-card{min-height:150px}
  .tn-facts{grid-template-columns:1fr}
  .tn-steps ol{grid-template-columns:1fr;gap:14px}
  .tn-steps li:not(:last-child)::after{display:none}
  .rs .ws-sec,.hv .ws-sec,.ft .ws-sec{padding:44px 18px}
  .rs-nav{padding:12px 16px!important;grid-template-columns:auto 1fr}
  .rs-nav nav:first-child{display:none}
  .rs-nav nav:last-child{display:flex}
  .rs-nav nav:last-child a:not(.rs-cta){display:none}
  .rs-hero{grid-template-columns:1fr;padding:36px 18px 40px}
  .rs-plate{order:-1}
  .rs-rim{width:min(70%,240px)}
  .rs-facts{grid-template-columns:1fr;gap:10px;margin-top:26px}
  .rs-tabs button{padding:10px 12px;letter-spacing:.12em}
  .rs-course{grid-template-columns:1fr;gap:6px}
  .rs-bar{flex-wrap:wrap}
  .rs-info,.rs-bookgrid,.rs-rev .ws-reviews{grid-template-columns:1fr;gap:22px}
  .hv-strip span:last-child{display:none}
  .hv-strip,.hv-row{padding-left:16px;padding-right:16px}
  .hv-nav nav{display:none}
  .hv-nav .ws-btn{margin-left:auto}
  .hv-hero{padding:34px 18px 36px}
  .hv-art{height:240px}
  .hv-facts{grid-template-columns:1fr;gap:12px}
  .hv-areas,.hv-flow ol{grid-template-columns:1fr 1fr}
  .hv-estgrid,.hv-types,.hv-rev .ws-reviews{grid-template-columns:1fr}
  .hv-flow li:not(:last-child)::after{display:none}
  .hv-ba{height:210px}
  .ft-nav{padding:14px 16px!important}
  .ft-nav nav{display:flex}
  .ft-nav .ft-cta,.hv-nav .ws-btn,.rs-nav .rs-cta{white-space:nowrap;padding:8px 12px;font-size:.66rem;min-height:0}
  .ft .ws-logo{letter-spacing:.2em}
  .ft-nav nav a:not(.ft-cta){display:none}
  .ft-hero{min-height:500px;padding:0 18px 64px}
  .ft-dots{right:18px;bottom:22px}
  .ft-cap{display:none}
  .ft-masonry{grid-template-columns:1fr 1fr;grid-auto-rows:120px}
  .ft-packs,.ft-rev .ws-reviews{grid-template-columns:1fr}
  .ft-proc ol{grid-template-columns:1fr 1fr}
  .ft-lb{grid-template-columns:minmax(0,1fr);padding:60px 16px 16px}
  .ft-nv{position:absolute;bottom:16px}
  .ft-nv.p{left:16px}.ft-nv.n{right:16px}
}

.wb-note{margin:12px 0 0;padding:10px 12px;border-radius:10px;border:1px solid var(--st-line2);background:rgba(255,255,255,.05);font-size:.78rem;line-height:1.45;color:#c3d0e6}

/* Tilbud over demohjemmesiden */
.wb-offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;width:100%;max-width:880px;padding:14px 16px 14px 20px;border-radius:14px;border:1px solid var(--st-line2);background:rgba(255,255,255,.06)}
.wb-offer p{margin:0;display:grid;gap:2px;min-width:0}
.wb-offer b{font:700 1.02rem var(--head);color:#fff;letter-spacing:-.01em}
.wb-offer span{font-size:.82rem;color:#b9c7e0;line-height:1.4}
.wb-offer .btn{flex:none}
@media(max-width:860px){.wb-offer{display:none}}