:root{--sk-bg-top:#f8fafc;--sk-bg-mid:#e9eef5;--sk-bg-bottom:#cfd7e4;--sk-edge-top:#ffffffd1;--sk-edge-bottom:#4f5d7a57;--sk-shadow:#1f29372e;--sk-shadow-deep:#1f293747;--sk-highlight:#ffffffb8;--ink:#1f2a3d;--text:#334155;--muted:#64748b;--signal:#e0572f;--paper:#f6f3ea;--sans:"Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--text);background:linear-gradient(#eef2f7,#dde4ee 60%,#d4dce8) fixed;margin:0}.page{background-image:radial-gradient(circle at 20% 30%,#ffffff57 0 1px,#0000 1.5px),radial-gradient(circle at 70% 65%,#1f29370f 0 1px,#0000 1.5px);background-size:18px 18px,22px 22px;min-height:100vh;overflow-x:clip}.wrap{width:min(1240px,100% - 32px);margin-inline:auto}.mono{font-family:var(--mono);letter-spacing:.04em;font-size:12px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.sk{background:linear-gradient(180deg, var(--sk-bg-top), var(--sk-bg-mid) 48%, var(--sk-bg-bottom)) padding-box, linear-gradient(180deg, var(--sk-edge-top), #ffffff38 45%, var(--sk-edge-bottom)) border-box;box-shadow:0 18px 34px var(--sk-shadow), 0 5px 12px #1f29371f, inset 0 1px 0 var(--sk-highlight), inset 0 -1px 0 #4f5d7a3d;border:1px solid #0000;border-radius:22px;transition:box-shadow .2s,transform .2s,background .2s;position:relative}.sk:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff6b,#0000);height:35%;position:absolute;inset:1px 1px auto}.sk>*{z-index:1;position:relative}.sk-well{background:linear-gradient(#d5dce8,#e6ebf2 52%,#eef2f7) padding-box padding-box,linear-gradient(#48547057,#ffffffb3) border-box;border:1px solid #0000;box-shadow:inset 0 3px 8px #1f293729,inset 0 -1px #ffffffb8}.emb,.sk-label{color:#475569;text-shadow:0 1px #ffffffc7,0 -1px #1f29371f}.sk-icon{filter:drop-shadow(0 1px #ffffffc7)drop-shadow(0 -1px #1f293724)}.btn{min-height:48px;font:600 15px/1 var(--sans);color:var(--ink);cursor:pointer;text-shadow:0 1px #ffffffc7;background:linear-gradient(180deg, var(--sk-bg-top), var(--sk-bg-mid) 48%, var(--sk-bg-bottom)) padding-box, linear-gradient(180deg, var(--sk-edge-top), #ffffff38 45%, var(--sk-edge-bottom)) border-box;box-shadow:0 8px 16px var(--sk-shadow), 0 2px 4px #1f29371f, inset 0 1px 0 var(--sk-highlight), inset 0 -1px 0 #4f5d7a3d;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;transition:box-shadow .18s,transform .18s,background .18s;display:inline-flex;position:relative}.btn:hover{box-shadow:0 12px 22px var(--sk-shadow), 0 3px 6px #1f29371f, inset 0 1px 0 var(--sk-highlight), inset 0 -1px 0 #4f5d7a3d;transform:translateY(-1px)}.btn:active,.btn[aria-pressed=true]{background:linear-gradient(#d5dce8,#eef2f7 52%,#f8fafc) padding-box padding-box,linear-gradient(#48547061,#ffffff9e) border-box;transform:translateY(1px);box-shadow:inset 0 4px 10px #1f293738,inset 0 -1px #ffffffb8,0 4px 10px #1f29371a}.btn-sm{min-height:40px;padding:0 16px;font-size:14px}.btn-ink{color:#fff8f3;text-shadow:0 -1px #7a240a73;background:linear-gradient(#f27a52,#e0572f 50%,#c4441f) padding-box padding-box,linear-gradient(#ffd6c4e6,#ffffff26 45%,#7a240a8c) border-box;box-shadow:0 10px 20px #a0341447,0 2px 4px #7a240a33,inset 0 1px #ffdcccbf,inset 0 -1px #7a240a59}.btn-ink:hover{box-shadow:0 14px 26px #a0341452,0 3px 6px #7a240a33,inset 0 1px #ffdcccbf,inset 0 -1px #7a240a59}.btn-ink:active{background:linear-gradient(#b93f1c,#d5512b 52%,#e86a43) padding-box padding-box,linear-gradient(#7a240a99,#ffd6c499) border-box;box-shadow:inset 0 4px 10px #5a180666,inset 0 -1px #ffdccc80,0 4px 10px #a034142e}.led{background:#9aa6b8;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:inset 0 1px 1px #1f293759,0 1px #fffc}.led.on{background:radial-gradient(circle at 35% 30%,#ffd2bf,#f26a3f 55%,#c4441f);box-shadow:0 0 8px #f26a3fb3,0 1px #fffc}.nav-row{padding-top:20px}.nav{border-radius:999px;align-items:center;gap:20px;padding:8px 8px 8px 18px;display:flex}.brand{letter-spacing:-.01em;color:var(--ink);text-shadow:0 1px #fffc;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{width:32px;height:32px;color:var(--signal);background:linear-gradient(#d5dce8,#eef2f7);border-radius:10px;place-items:center;display:grid;box-shadow:inset 0 2px 5px #1f293733,inset 0 -1px #fffc}.brand-mark svg{width:18px;height:18px}.nav-links{gap:4px;margin-left:auto;display:flex}.nav-links a{color:#475569;text-shadow:0 1px #fffc;border-radius:999px;padding:10px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:background .18s,box-shadow .18s}.nav-links a:hover{background:linear-gradient(#dde3ec,#eef2f7);box-shadow:inset 0 2px 5px #1f293724,inset 0 -1px #fff}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:56px;min-height:calc(100vh - 80px);padding:48px 0 72px;display:grid}.chip{color:#475569;border-radius:999px;align-items:center;gap:10px;margin:0;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}h1,h2,h3{color:var(--ink);text-shadow:0 1px #ffffffd9;margin:0}h1{letter-spacing:-.035em;margin-top:26px;font-size:clamp(46px,6.4vw,92px);font-weight:800;line-height:.95}.lede{color:#475569;max-width:32em;margin:26px 0 0;font-size:18px;line-height:1.6}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.facts{border-top:1px solid #4f5d7a2e;gap:36px;margin:40px 0 0;padding-top:22px;display:flex;box-shadow:inset 0 1px #ffffffb3}.facts dt{font:12px var(--mono);letter-spacing:.04em;color:var(--muted)}.facts dd{color:var(--ink);letter-spacing:-.02em;margin:6px 0 0;font-size:26px;font-weight:700}.kit{border-radius:30px;padding:16px}.kit-head{align-items:center;gap:12px;padding:2px 8px 14px;display:flex}.kit-head .mono{text-transform:uppercase;letter-spacing:.12em;flex:1;font-size:11px}.screws{gap:6px;display:inline-flex}.screws i{background:linear-gradient(#c3ccd9,#f3f6fa);border-radius:50%;width:9px;height:9px;position:relative;box-shadow:inset 0 1px 1px #1f293759,0 1px #fff}.screws i:after{content:"";background:#1f293759;height:1px;position:absolute;top:4px;left:2px;right:2px;transform:rotate(-30deg)}.viewport{border-radius:20px;padding:10px;position:relative}.scene{aspect-ratio:520/340;background:var(--paper) radial-gradient(circle at 30% 20%, #fff9, transparent 60%);border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 1px 2px #1f293740,0 0 0 1px #4f5d7a1f}.viewport-tag{color:#5b6578;background:#f6f3eae6;border-radius:6px;padding:5px 9px;font-size:11px;position:absolute;bottom:20px;right:22px}.guides path{fill:none;stroke:#8fb0d8;stroke-width:.6px;stroke-dasharray:3 4;opacity:.55}.ink path{stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-linejoin:round}.nib-fine .ink path{stroke:#1d2433;stroke-width:1.15px}.nib-brush .ink path{stroke:#141a26;stroke-width:2.6px}.nib-graphite .ink{filter:url(#grain)}.nib-graphite .ink path{stroke:#59616f;stroke-width:1.5px;opacity:.9}.wash{opacity:0;mix-blend-mode:multiply;transition:opacity .6s}.wash path{opacity:.55}.scene.washed .wash{opacity:1}.nibs{border-radius:18px;grid-template-columns:repeat(3,1fr);gap:6px;min-width:0;margin:14px 0 0;padding:6px;display:grid}.nib{cursor:pointer;position:relative}.nib input{opacity:0;cursor:pointer;position:absolute;inset:0}.nib-face{border:1px solid #0000;border-radius:13px;flex-direction:column;gap:3px;padding:10px 12px;transition:box-shadow .18s,background .18s,transform .18s;display:flex}.nib-face b{color:#475569;text-shadow:0 1px #fffc;font-size:14px}.nib-face small{color:var(--muted);font-size:11px}.nib input:checked+.nib-face{background:linear-gradient(180deg, var(--sk-bg-top), var(--sk-bg-mid) 48%, var(--sk-bg-bottom)) padding-box, linear-gradient(180deg, var(--sk-edge-top), #ffffff38 45%, var(--sk-edge-bottom)) border-box;box-shadow:0 6px 12px var(--sk-shadow), 0 2px 3px #1f29371f, inset 0 1px 0 var(--sk-highlight)}.nib input:checked+.nib-face b{color:var(--ink)}.nib input:focus-visible+.nib-face{outline:2px solid var(--signal);outline-offset:2px}.kit-controls{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;padding:18px 8px 6px;display:grid}.ctl-label{text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:11px;display:block}.ctl-label output{color:var(--signal);text-shadow:none;font-weight:500}.slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(#c7d0dd,#e7ecf3);border-radius:99px;height:8px;box-shadow:inset 0 2px 4px #1f293747,0 1px #fff}.slider::-moz-range-track{background:linear-gradient(#c7d0dd,#e7ecf3);border-radius:99px;height:8px;box-shadow:inset 0 2px 4px #1f293747,0 1px #fff}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;box-shadow:0 5px 10px var(--sk-shadow-deep), inset 0 1px 0 #fff, inset 0 -1px 0 #4f5d7a3d;background:radial-gradient(circle,#e0572f 0 2.5px,#0000 3px),linear-gradient(#fff,#e9eef5 50%,#cfd7e4);border:1px solid #4f5d7a4d;border-radius:50%;margin-top:-9px}.slider::-moz-range-thumb{width:24px;height:24px;box-shadow:0 5px 10px var(--sk-shadow-deep), inset 0 1px 0 #fff;background:radial-gradient(circle,#e0572f 0 2.5px,#0000 3px),linear-gradient(#fff,#e9eef5 50%,#cfd7e4);border:1px solid #4f5d7a4d;border-radius:50%}.switch{cursor:pointer;background:linear-gradient(#c7d0dd,#e7ecf3);border:1px solid #4854704d;border-radius:99px;width:62px;height:32px;padding:0;transition:background .22s;position:relative;box-shadow:inset 0 3px 6px #1f293742,0 1px #fff}.switch .knob{width:26px;height:26px;box-shadow:0 4px 8px var(--sk-shadow-deep), inset 0 1px 0 #fff, inset 0 -1px 0 #4f5d7a3d;background:linear-gradient(#fff,#e9eef5 50%,#cfd7e4);border-radius:50%;transition:transform .22s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:linear-gradient(#c4441f,#ea6a42);box-shadow:inset 0 3px 6px #5a180666,0 1px #fff}.switch[aria-checked=true] .knob{transform:translate(30px)}.draw-btn{cursor:pointer;color:#fff8f3;width:76px;height:76px;font:600 12px var(--sans);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 -1px #7a240a73;background:linear-gradient(#f27a52,#e0572f 50%,#c4441f) padding-box padding-box,linear-gradient(#ffd6c4e6,#ffffff26 45%,#7a240a8c) border-box;border:1px solid #0000;border-radius:50%;align-content:center;place-items:center;gap:2px;transition:box-shadow .18s,transform .18s,background .18s;display:grid;box-shadow:0 0 0 6px #e3e8f0,0 0 0 7px #4f5d7a2e,0 12px 20px #a034144d,inset 0 1px #ffdcccbf,inset 0 -2px #7a240a4d}.draw-btn svg{filter:drop-shadow(0 -1px #7a240a66);width:22px;height:22px}.draw-btn:active,.draw-btn.is-pressed{background:linear-gradient(#b93f1c,#d5512b 52%,#e86a43) padding-box padding-box,linear-gradient(#7a240a99,#ffd6c499) border-box;transform:translateY(1px);box-shadow:0 0 0 6px #e3e8f0,0 0 0 7px #4f5d7a2e,0 4px 8px #a0341433,inset 0 5px 10px #5a18066b,inset 0 -1px #ffdccc80}.section{padding:56px 0}.section-head{max-width:640px;margin-bottom:36px}.eyebrow{color:var(--signal);text-transform:uppercase;letter-spacing:.14em;margin:0 0 14px;font-size:11px}h2{letter-spacing:-.035em;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1}.section-lede{color:#475569;margin:18px 0 0;font-size:17px;line-height:1.6}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.card{flex-direction:column;padding:24px;display:flex}.card:hover{transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.num{color:#475569;text-shadow:0 1px #fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:14px;display:grid}.kit-tag{color:var(--muted)}.card h3{letter-spacing:-.025em;font-size:26px;font-weight:700}.when{color:var(--muted);margin:8px 0 0}.card-copy{flex:1;margin:16px 0 22px;line-height:1.6}.seats{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.seats i{background:linear-gradient(#fff,#dfe5ee);border-radius:50%;width:12px;height:12px;box-shadow:0 1px 2px #1f293740,inset 0 1px #fff}.seats i.taken{background:linear-gradient(#c7d0dd,#e3e8f0);box-shadow:inset 0 1px 2px #1f29374d,0 1px #fff}.seats i.mine{background:radial-gradient(circle at 35% 30%,#ffd2bf,#f26a3f 55%,#c4441f);box-shadow:0 0 6px #f26a3f99}.card-foot{border-top:1px solid #4f5d7a29;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex;box-shadow:inset 0 1px #ffffffb3}.price{color:var(--ink);letter-spacing:-.03em;text-shadow:0 1px #fff;font-size:28px;font-weight:800}.left{color:var(--muted);margin:12px 0 0}.walks{border-radius:30px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;padding:40px;display:grid}.walk-list{border-radius:20px;margin:0;padding:8px;list-style:none}.walk-list li{grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 14px;display:grid}.walk-list li+li{border-top:1px solid #4f5d7a24;box-shadow:inset 0 1px #fff9}.walk-date{color:var(--signal)}.walk-place b{color:var(--ink);font-size:17px;display:block}.walk-place small{color:var(--muted);font-size:14px}.pill{color:#475569;white-space:nowrap;background:linear-gradient(#fff,#e9eef5);border-radius:99px;padding:6px 10px;font-size:11px;box-shadow:0 2px 4px #1f293724,inset 0 1px #fff,inset 0 -1px #4f5d7a33}.join{border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:20px 40px;padding:40px;display:grid}.join h2{font-size:clamp(28px,3vw,40px)}.join-row{gap:10px;display:flex}.field{min-width:0;height:52px;font:16px var(--sans);color:var(--ink);border-radius:999px;outline:none;flex:1;padding:0 18px}.field:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.lcd{color:#c9f0d8;text-shadow:0 0 6px #82e6aa80;background:linear-gradient(#23313a,#2e3f49);border-radius:10px;grid-column:2;margin:0;padding:10px 14px;font-size:12px;box-shadow:inset 0 3px 8px #0a121899,0 1px #fff}.foot{flex-wrap:wrap;justify-content:space-between;gap:10px;padding:32px 0 72px;display:flex}@media (width<=980px){.hero{grid-template-columns:minmax(0,1fr);gap:40px;min-height:0;padding-top:32px}.cards{grid-template-columns:minmax(0,1fr)}.walks,.join{grid-template-columns:minmax(0,1fr);padding:26px}.lcd{grid-column:1}}@media (width<=560px){.nav-links{display:none}.nav .btn{margin-left:auto}.kit{border-radius:24px;padding:10px}.viewport{border-radius:16px;padding:6px}.viewport-tag{font-size:10px;bottom:12px;right:12px}.nib-face{padding:8px}.nib-face b{font-size:12px}.kit-controls{grid-template-columns:minmax(0,1fr) auto;gap:16px}.slider-block{grid-column:1/-1}.switch-block{align-items:center;gap:12px;display:flex}.switch-block .ctl-label{margin:0}.draw-btn{width:64px;height:64px}.facts{gap:24px}.walk-list li{grid-template-columns:minmax(0,1fr) auto}.walk-date{grid-column:1/-1}.join-row{flex-direction:column}.field{flex:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important}}
