.sks{--ground:#ECEEEC; --surface:#FFFFFF; --sunk:#E1E4E2; --ink:#172024; --muted:#56636A;
  --line:#CDD3D1; --brass:#A9842F; --brass-ink:#1B1406; --brass-soft:#F2E8CF;
  --ok:#2F6B4A; --focus:#2C6EA8;
  --f-display:"Archivo",system-ui,sans-serif;
  --f-body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:6px;}
.sks,.sks *{box-sizing:border-box}
.sks [hidden]{display:none!important}
.sks{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;padding-inline:16px}
.sks .wrap{max-width:1180px;margin-inline:auto}
.sks a{color:inherit}
.sks :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.sks h1,.sks h2,.sks h3{font-family:var(--f-display);font-variation-settings:"wdth" 112;line-height:1.05;text-wrap:balance;margin:0}
.sks .eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sks .num{font-variant-numeric:tabular-nums}
.sks .intro{display:grid;gap:10px;padding-block:28px 22px;max-width:760px}
.sks .intro h1{font-size:clamp(34px,5.6vw,62px);font-weight:800;letter-spacing:-.02em}
.sks .intro p{margin:0;color:var(--muted);font-size:18px;max-width:58ch}
.sks .studio{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:900px){.sks .studio{grid-template-columns:1fr}}
@media (min-width:901px){.sks .studio .stage{position:sticky;top:16px}.sks .studio .wall{min-height:min(480px,62vh)}}
.sks .stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.sks .wall{position:relative;min-height:360px;display:grid;grid-template-columns:44px 1fr;align-items:center;transition:background .3s}
.sks .wall.puds{background:#E7E3DA;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1.2px),radial-gradient(rgba(255,255,255,.4) 1px,transparent 1.2px);background-size:7px 7px,11px 11px}
.sks .wall.mursten{background:#8E4A36 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='44'%3E%3Crect width='88' height='44' fill='%238E4A36'/%3E%3Crect x='2' y='2' width='40' height='18' fill='%23964F39'/%3E%3Crect x='46' y='24' width='40' height='18' fill='%23864431'/%3E%3Cpath d='M0 1H88M0 23H88M1 0V22M45 22V44' stroke='%23C9BBA6' stroke-width='2.5'/%3E%3C/svg%3E") repeat}
.sks .wall.trae{background-color:#6B4C33;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 2px,transparent 2px 46px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 3px,transparent 3px 11px,rgba(0,0,0,.05) 11px 13px,transparent 13px 29px)}
.sks .wall.malet{background:#E9E6E0;background-image:radial-gradient(rgba(0,0,0,.025) 1px,transparent 1.3px);background-size:5px 5px}
.sks .wall.fliser{background-color:#F4F4F1;background-image:linear-gradient(#C9CCCA 2px,transparent 2px),linear-gradient(90deg,#C9CCCA 2px,transparent 2px);background-size:60px 60px;background-position:-1px -1px}
.sks .wall.beton{background:#9EA3A2;background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 1.5px),radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.5px);background-size:9px 9px,13px 13px}
.sks .wall.postkasse{background-color:#3F4649;background-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.07) 38%,rgba(255,255,255,0) 62%),linear-gradient(180deg,rgba(0,0,0,.18) 0 14px,transparent 14px),radial-gradient(rgba(255,255,255,.035) 1px,transparent 1.2px);background-size:100% 100%,100% 100%,4px 4px}
.sks .wall.hviddoer{background-color:#F3F2EE;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300' preserveAspectRatio='none'%3E%3Crect x='28' y='26' width='344' height='248' rx='3' fill='none' stroke='%23DAD8D0' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3Crect x='34' y='32' width='332' height='236' rx='2' fill='none' stroke='%23FFFFFF' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"),linear-gradient(90deg,rgba(0,0,0,.025),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,.03));background-size:100% 100%,100% 100%;background-repeat:no-repeat}
.sks .ruler{height:100%;border-right:1px solid rgba(0,0,0,.25);background:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;position:relative}
.sks .ruler .bracket{position:absolute;left:10px;right:10px;border-top:2px solid #172024;border-bottom:2px solid #172024}
.sks .ruler .bracket::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #172024}
.sks .ruler .rlabel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font:500 11px var(--f-mono);color:#172024;background:rgba(255,255,255,.9);padding:1px 5px;white-space:nowrap;border-radius:2px}
.sks .signbox{padding:40px 24px;display:flex;justify-content:center;align-items:center;overflow:hidden;min-width:0}
.sks #sign{white-space:nowrap;line-height:1;display:inline-block;transition:text-shadow .2s,color .2s;padding-block:.08em}
.sks .stage-foot{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--line);font-size:14px}
.sks .walls{display:flex;gap:6px;flex-wrap:wrap}
.sks .walls button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:5px 11px;font:500 13px var(--f-body);cursor:pointer}
.sks .walls button[aria-pressed="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.sks .dims{font-family:var(--f-mono);font-size:13px;color:var(--muted)}
.sks .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:18px}
.sks .field{display:grid;gap:8px}
.sks .field > label,.sks .field > .lbl{font-weight:600;font-size:14px;display:flex;justify-content:space-between;gap:8px}
.sks .field .hint{font-weight:400;color:var(--muted);font-size:13px}
.sks input[type=text],.sks input[type=email],.sks textarea{width:100%;font:500 18px var(--f-body);color:var(--ink);background:var(--ground);border:1px solid var(--line);border-radius:var(--r);padding:11px 12px}
.sks .chips{display:flex;flex-wrap:wrap;gap:6px}
.sks .chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r);padding:7px 10px;cursor:pointer;font:500 14px var(--f-body);display:inline-flex;align-items:center;gap:8px}
.sks .chip[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.sks .chip .fontsample{font-size:20px;line-height:1}
.sks .swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.25);flex:none}
.sks .chip small{color:var(--muted);font-family:var(--f-mono);font-size:11px}
.sks .seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sks .seg .chip{justify-content:center;flex-direction:column;gap:0;padding:8px 4px}
.sks .seg .chip b{font-family:var(--f-mono);font-weight:500;font-size:15px}
.sks .seg .chip small{font-size:11px}
.sks .opt{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.sks .opt input{margin-top:3px;accent-color:var(--brass);width:16px;height:16px}
.sks .opt span b{display:block;font-weight:600}
.sks .opt span em{font-style:normal;color:var(--muted)}
.sks .place{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sks .place button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r);padding:10px 12px;cursor:pointer;display:grid;gap:2px;text-align:left;font:inherit}
.sks .place button[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--ground)}
.sks .place b{font-family:var(--f-display);font-variation-settings:"wdth" 112;font-size:18px;font-weight:800}
.sks .place small{font-size:12.5px;color:var(--muted);line-height:1.35}
.sks .place .mat-tag{font-family:var(--f-mono);font-size:11px;color:var(--ink);margin-top:4px}
.sks .matnote{font-size:13px;color:var(--muted);margin:0}
.sks .chiplbl{flex-basis:100%;font-size:12px;color:var(--muted);margin:6px 0 0}
.sks .chip.bo .swatch{opacity:.75}
.sks .stockline{font-size:13px;margin:0;display:flex;align-items:center;gap:7px}
.sks .stockline::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
.sks .stockline.bo{color:#8A5A00}
.sks .stockline.bo::before{background:var(--brass)}
.sks .meta .bo{color:#8A5A00}
.sks .mounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@media (max-width:420px){.sks .mounts{grid-template-columns:1fr}}
.sks .mount{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r);padding:8px;cursor:pointer;display:grid;gap:4px;text-align:left;font:inherit;align-content:start}
.sks .mount:disabled{opacity:.45;cursor:not-allowed}
.sks .mount[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.sks .mount svg{width:100%;height:44px;display:block}
.sks .mount b{font-size:14px}
.sks .mount small{font-family:var(--f-mono);font-size:11px;color:var(--muted)}
.sks .mount .sv-wall{fill:var(--sunk);stroke:var(--line)}
.sks .mount .sv-letter{fill:var(--ink)}
.sks .mount .sv-mid{fill:var(--brass)}
.sks .mount .sv-rail{fill:var(--muted)}
.sks .mdesc{font-size:13px;color:var(--muted);margin:0}
.sks .mwarn{font-size:13px;color:#8A5A00;background:var(--brass-soft);border-radius:var(--r);padding:8px 10px;margin:0}
.sks .buy{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
.sks .price{display:grid}
.sks .price strong{font-family:var(--f-display);font-variation-settings:"wdth" 100;font-size:30px;font-weight:800;line-height:1}
.sks .price span{font-size:13px;color:var(--muted)}
.sks .btn{border:0;border-radius:var(--r);padding:13px 20px;font:700 15px var(--f-body);cursor:pointer;background:var(--brass);color:var(--brass-ink)}
.sks .btn:hover{filter:brightness(1.06)}
.sks .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.sks .btn[disabled]{opacity:.5;cursor:not-allowed}
.sks .toast{font-size:13px;color:var(--ok);min-height:1.2em}
.sks section.block{padding-block:64px 8px;display:grid;gap:26px}
.sks section.block > header{display:grid;gap:8px;max-width:720px}
.sks section.block h2{font-size:clamp(26px,3.4vw,38px);font-weight:800}
.sks section.block > header p{margin:0;color:var(--muted);max-width:60ch}
.sks .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s;list-style:none;margin:0;padding:0}
@media (max-width:760px){.sks .steps{grid-template-columns:1fr}}
.sks .steps li{border-top:2px solid var(--ink);padding-top:14px;display:grid;gap:6px}
.sks .steps li::before{counter-increment:s;content:"Trin " counter(s);font-family:var(--f-mono);font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.sks .steps h3{font-size:20px;font-weight:700}
.sks .steps p{margin:0;color:var(--muted);font-size:15px}
.sks .mat{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.sks .mat table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px}
.sks .mat th,.sks .mat td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.sks .mat thead th{font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sks .mat tbody tr:last-child td{border-bottom:0}
.sks .mat td:first-child{font-weight:700}
.sks .tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--brass-soft);color:var(--ink)}
.sks .photo{margin:0 0 14px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.sks .photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:5/3}
.sks .photo figcaption{padding:20px;display:grid;gap:8px;align-content:center;font-size:15px}
.sks .photo figcaption b{font-size:20px}
.sks .photo figcaption span:not(.eyebrow){color:var(--muted)}
.sks .photo .btn{justify-self:start;margin-top:6px}
@media (max-width:720px){.sks .photo{grid-template-columns:1fr}}
.sks .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:860px){.sks .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.sks .gallery{grid-template-columns:1fr}}
.sks .ex{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);display:grid;cursor:pointer;text-align:left;padding:0;color:var(--ink);font:inherit}
.sks .ex .w{height:150px;display:grid;place-items:center;overflow:hidden;grid-template-columns:1fr}
.sks .ex .w span{white-space:nowrap;line-height:1}
.sks .ex .cap{padding:10px 14px;display:flex;justify-content:space-between;gap:8px;font-size:14px;border-top:1px solid var(--line)}
.sks .ex .cap small{color:var(--muted);font-family:var(--f-mono);font-size:12px}
.sks .ex:hover .cap b{text-decoration:underline}
.sks .faq{display:grid;gap:0;border-top:1px solid var(--line);max-width:820px}
.sks .faq details{border-bottom:1px solid var(--line);padding-block:14px}
.sks .faq summary{font-weight:600;cursor:pointer;font-size:17px}
.sks .faq p{margin:10px 0 0;color:var(--muted);max-width:65ch}
.sks .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.sks input[type=tel]{width:100%;font:500 16px var(--f-body);color:var(--ink);background:var(--ground);border:1px solid var(--line);border-radius:var(--r);padding:11px 12px}
.sks .row2{display:grid;grid-template-columns:110px 1fr;gap:8px}
@media (prefers-reduced-motion:reduce){.sks,.sks *{transition:none!important}}
.sks{--ground:#F7F5EF; --surface:#FFFEFA; --sunk:#E9E5DA; --ink:#252D29; --muted:#69716A;
  --line:#DCDDD3; --brass:#C2A36B; --brass-ink:#242017; --brass-soft:#F2EBDD;
  --ok:#3D7354; --focus:#557E68; --r:12px;
  --f-display:"Archivo",system-ui,sans-serif;
  --f-body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;}
.sks{background:var(--ground);padding-inline:clamp(14px,3vw,32px)}
.sks .wrap{max-width:1240px}
.sks .intro{max-width:820px;padding-block:clamp(44px,7vw,82px) 32px;gap:16px}
.sks .intro .eyebrow{display:flex;align-items:center;gap:9px;color:#69716A;letter-spacing:.12em;font-size:11px}
.sks .eyebrow-mark{display:inline-block;width:22px;height:2px;background:#B99A61}
.sks .intro h1{font-size:clamp(44px,7.4vw,82px);line-height:.99;letter-spacing:-.065em;font-weight:800}
.sks .intro h1 span{color:#8A927F}
.sks .intro p{max-width:600px;font-size:clamp(16px,1.6vw,19px);line-height:1.7;color:#626B64}
.sks .intro-link{display:inline-flex;align-items:center;gap:12px;width:max-content;margin-top:5px;padding:12px 17px;background:var(--ink);color:#fffdf7;text-decoration:none;border-radius:999px;font-weight:600;font-size:14px;transition:transform .15s,background .15s}
.sks .intro-link:hover{transform:translateY(-1px);background:#39443D}
.sks .trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 30px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,254,250,.65)}
.sks .trust-row>div{display:flex;align-items:center;gap:12px;min-width:0}
.sks .trust-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#E9E8DF;color:#566353;font:500 11px var(--f-mono)}
.sks .trust-row b,.sks .trust-row small{display:block}
.sks .trust-row b{font-size:13px;font-weight:700}
.sks .trust-row small{margin-top:2px;color:var(--muted);font-size:12px}
.sks .studio{gap:24px}
.sks .stage,.sks .panel{border-color:#E0DED4;border-radius:14px;box-shadow:0 8px 28px rgba(37,45,41,.035)}
.sks .wall{min-height:390px}
.sks .stage-foot{background:var(--surface);padding:14px 16px}
.sks .panel{padding:clamp(16px,2vw,24px);gap:21px}
.sks input[type=text],.sks input[type=email],.sks textarea{background:#FAF9F4;border-radius:9px}
.sks .chip,.sks .place button,.sks .mount,.sks .walls button{border-radius:9px;transition:border-color .15s,background .15s,transform .15s}
.sks .chip:hover,.sks .place button:hover,.sks .mount:hover,.sks .walls button:hover{border-color:#9EA99B}
.sks .chip[aria-pressed="true"],.sks .place button[aria-pressed="true"],.sks .mount[aria-pressed="true"]{border-color:#536653;box-shadow:inset 0 0 0 1px #536653}
.sks .opt input{accent-color:#657963}
.sks .btn{background:#C2A36B;border-radius:9px;min-height:46px;padding:13px 20px;transition:filter .15s,transform .15s}
.sks .btn:hover{filter:brightness(.97);transform:translateY(-1px)}
.sks section.block{padding-top:76px;gap:28px}
.sks section.block h2{letter-spacing:-.035em}
.sks .steps li{border-top-color:#A9B0A4}
.sks .faq details{border-color:var(--line)}
@media(max-width:760px){.sks .intro{padding-block:44px 25px}.sks .trust-row{grid-template-columns:1fr;gap:14px;padding:16px}.sks .trust-row>div{gap:10px}.sks .wall{min-height:300px}.sks section.block{padding-top:54px}}
@media(prefers-reduced-motion:reduce){.sks .intro-link,.sks .btn,.sks .chip,.sks .place button,.sks .mount,.sks .walls button{transition:none}}

/* WordPress: temaet styrer siden, designeren får sin egen ramme */
.sks{padding:0;background:transparent;font-size:16px;line-height:1.55}
.sks .wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}
.sks.alignfull{max-width:none}
.sks button{font:inherit;line-height:1.2;text-transform:none;letter-spacing:normal}
.sks img{max-width:100%;height:auto}
.sks .addmsg{font-size:14px;margin:6px 0 0;min-height:1.2em}
.sks .addmsg a{font-weight:700}
.sks .addmsg.err{color:#B3261E}

/* Designer: forhåndsvisning i fuld bredde, valgene i tre kort under (2 side om side + 1 i fuld bredde) */
.sks .studio{grid-template-columns:1fr}
.sks .studio .stage{position:static}
.sks .studio .wall{min-height:clamp(240px,24vw,320px)}
.sks .panel.panel-split{background:none;border:0;box-shadow:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.sks .pcard{background:var(--surface);border:1px solid #E0DED4;border-radius:14px;box-shadow:0 8px 28px rgba(37,45,41,.035);padding:clamp(16px,2vw,24px);display:grid;gap:21px;align-content:start;min-width:0}
.sks .pfull{grid-column:1/-1}
.sks .pfull .mounts{grid-template-columns:repeat(4,minmax(0,1fr))}
.sks .pfull .buy{margin-top:0}
.sks .opt{font-weight:400}
.sks .hnote{font-size:13px;line-height:1.45;color:var(--muted);margin:2px 0 0}
.sks .hnote a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:2px;white-space:nowrap}
.sks .opt input[type=checkbox]{margin:3px 0 0;flex:none}
.sks .opt > span{flex:1;min-width:0}
.sks .opt span em{font-weight:400;display:block}
@media (max-width:860px){
  .sks .panel.panel-split{grid-template-columns:1fr;gap:14px}
  .sks .studio .wall{min-height:220px}
}
@media (max-width:760px){.sks .pfull .mounts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Inspiration: Storefront giver .gallery et clearfix-element, der bliver til en tom celle i gitteret */
.sks .gallery::before,.sks .gallery::after{display:none!important;content:none!important}
.sks .gallery{margin:0}
/* eksempelkortene genbruger væggene, men ikke designerens mindstehøjde */
.sks .ex .w.wall{min-height:0;height:150px;grid-template-columns:1fr;padding:0 12px}
.sks .ex .w span{max-width:100%;overflow:hidden;text-overflow:clip}
.sks .sks-legal{font-size:12px;margin-top:8px}.sks .sks-legal a{color:inherit}