:root{--sand:#f2ede3;--sand-2:#e8e1d3;--paper:#fffdf8;--deep:#0b2a2c;--deep-2:#12393b;--tide:#0f6b66;--foam:#cfeee6;--coral:#ff6b4a;--coral-2:#c9401f;--ink:#10201f;--mute:#566261;--line:#ddd5c6;--disp:"Bricolage Grotesque Variable", "Schibsted Grotesk Variable", system-ui, sans-serif;--sans:"Schibsted Grotesk Variable", system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--gut:clamp(16px, 4vw, 48px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--sand);color:var(--ink);font:400 15px/1.45 var(--sans);-webkit-font-smoothing:antialiased;margin:0}p,h1,h2,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.ti{flex:none}mark{color:inherit;background:0 0;box-shadow:inset 0 -.42em #ff6b4a4d}.bar{z-index:20;height:64px;padding:0 var(--gut);background:var(--deep);color:#eaf5f2;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-right:auto;display:flex}.mark{background:var(--coral);width:34px;height:34px;color:var(--deep);border-radius:10px;place-items:center;display:grid}.mark svg{width:24px;height:24px}.brand-t{gap:3px;line-height:1;display:grid}.brand-t b{font:750 20px/1 var(--disp);letter-spacing:-.025em}.brand-t small{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8fb9b3}.tabs{gap:4px;margin-right:8px;display:none}.tabs a{color:#a9c9c4;border-radius:99px;align-items:center;gap:8px;height:38px;padding:0 14px;font-weight:600;display:inline-flex}.tabs a:hover{color:#fff}.tabs a.on{background:var(--deep-2);color:#fff}.tabs em,.tabbar em{background:var(--coral);min-width:20px;color:var(--deep);font:700 11px/1.3 var(--mono);text-align:center;border-radius:99px;padding:2px 6px;font-style:normal;transition:background-color .4s,color .4s}.is-booked .tabs em,.is-booked .tabbar em{color:#cfeee6;background:#2d5b58}.sample{color:#4d3a00;font:700 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#ffe7a8;border-radius:99px;padding:6px 10px}.av{color:#cfeee6;width:34px;height:34px;font:650 12px/1 var(--sans);background:#1e4a4b;border-radius:50%;flex:none;place-items:center;display:inline-grid}.me{display:none}main{display:grid}.desk{padding:26px var(--gut) 56px;background:var(--deep);color:#eef7f5;border-radius:0 0 28px 28px;gap:22px;display:grid;position:relative;overflow:clip}.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8fb9b3;align-items:center;gap:10px;display:flex}.pulse{background:#4fd1b5;border-radius:50%;width:9px;height:9px;transition:background-color .3s}.desk[data-state=new] .pulse,.desk[data-state=pick] .pulse{background:var(--coral);animation:ping 1.4s var(--ease) 3}@keyframes ping{0%{box-shadow:0 0 #ff6b4a99}70%,to{box-shadow:0 0 0 12px #ff6b4a00}}.state{font:800 clamp(52px, 14vw, 128px)/.86 var(--disp);letter-spacing:-.05em;margin-top:14px;display:grid}.st{opacity:0;transition:opacity .35s var(--ease), transform .6s var(--ease);white-space:nowrap;grid-area:1/1;transform:translateY(.25em)}.st em{color:var(--coral);font-style:normal}.desk[data-state=idle] .st--idle,.desk[data-state=new] .st--new,.desk[data-state=pick] .st--pick,.desk[data-state=done] .st--done{opacity:1;transform:none}.steps{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.steps li{background:var(--deep-2);color:#a9c9c4;border-radius:99px;align-items:center;gap:8px;height:36px;padding:0 14px 0 6px;font-size:14px;font-weight:600;transition:background-color .4s,color .4s;display:inline-flex}.steps b{color:#cfeee6;width:24px;height:24px;font:700 12px/1 var(--mono);background:#1e4a4b;border-radius:50%;place-items:center;transition:background-color .4s,color .4s;display:grid}.desk[data-state=new] [data-step="1"],.desk[data-state=pick] [data-step="2"]{color:var(--deep);background:#fff}.desk[data-state=new] [data-step="1"] b,.desk[data-state=pick] [data-step="2"] b{background:var(--coral);color:var(--deep)}.desk[data-state=pick] [data-step="1"] b,.desk[data-state=done] .steps b{color:var(--deep);background:#4fd1b5}.desk-work{align-items:start;gap:14px;display:grid}.enq{background:var(--paper);color:var(--ink);transition:transform .7s var(--ease), opacity .5s var(--ease);border-radius:22px;gap:14px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000000b3}.desk[data-state=idle] .enq{opacity:0;transform:translateY(36px)scale(.97)}.enq-h{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.av--rs{color:#8f2f16;background:#ffd9cd;width:44px;height:44px;font-size:14px}.enq-who{gap:3px;min-width:0;line-height:1.2;display:grid}.enq-who b{font:700 19px/1.1 var(--disp);letter-spacing:-.015em}.enq-who span{color:var(--mute);align-items:center;gap:6px;font-size:13px;display:inline-flex}.tag{color:#8f2f16;font:700 10.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#ffe2d9;border-radius:99px;padding:5px 10px}.enq-msg{font:500 clamp(18px, 1vw + 13px, 23px)/1.3 var(--disp);letter-spacing:-.015em}.enq-read{color:#0b5853;background:#e3f3ee;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:14px;font-weight:650;line-height:1.25;display:flex}.enq-slots{gap:8px;display:grid}.slot{background:var(--sand);text-align:left;min-height:58px;transition:background-color .3s, box-shadow .3s, transform .3s var(--ease);border:0;border-radius:14px;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 14px;display:grid;position:relative}.slot:hover{background:var(--sand-2)}.slot:focus-visible,.book:focus-visible,.again:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.slot-t{font:700 24px/1 var(--mono);letter-spacing:-.05em}.slot-d{min-width:0;line-height:1.2;display:grid}.slot-d b{font-weight:650}.slot-d small{color:var(--mute);font-size:13px}.slot-fit{background:var(--deep);color:#cfeee6;font:700 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:5px 9px}.slot[aria-checked=true]{background:var(--deep);color:#fff;transform:translateY(-2px);box-shadow:0 14px 26px -14px #0b2a2ccc}.slot[aria-checked=true] .slot-d small{color:#9fc6c0}.slot[aria-checked=true] .slot-fit{background:var(--coral);color:var(--deep)}.is-tap:after{content:"";width:46px;height:46px;animation:tap .7s var(--ease) both;pointer-events:none;background:#ff6b4a80;border-radius:50%;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}@keyframes tap{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.6)}}.book{background:var(--coral);height:56px;color:var(--deep);font:750 17px/1 var(--sans);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;transition:opacity .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.book:hover:not(:disabled){background:#ff8466}.book:disabled{opacity:.38;cursor:default}.enq-done{background:var(--tide);color:#fff;visibility:hidden;clip-path:circle(0% at 50% 94%);transition:clip-path .8s var(--ease), visibility 0s .8s;align-content:center;justify-items:start;gap:10px;padding:clamp(20px,3vw,32px);display:grid;position:absolute;inset:0}.desk[data-state=done] .enq-done{visibility:visible;clip-path:circle(150% at 50% 94%);transition:clip-path .8s var(--ease), visibility 0s}.tick{width:60px;height:60px;color:var(--tide);background:#fff;border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.done-h{font:800 clamp(32px, 2.6vw + 16px, 48px)/.95 var(--disp);letter-spacing:-.04em}.done-s{font:600 clamp(15px, 1vw + 10px, 19px)/1.3 var(--mono);letter-spacing:-.03em;color:var(--foam)}.done-m{background:#ffffff29;border-radius:99px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:600;display:inline-flex}.again{color:#fff;text-underline-offset:4px;background:0 0;border:0;min-height:32px;margin-top:8px;padding:0;font-weight:650;text-decoration:underline}.lane-card{background:var(--deep-2);border-radius:22px;gap:12px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.lane-h{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.lane-h b{font:750 22px/1 var(--disp);letter-spacing:-.025em}.lane-h span{color:#8fb9b3;font:500 11.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.lanes{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.lane-hours{height:280px;margin-top:26px;position:relative}.lane-hours span{font:500 11px/1 var(--mono);color:#7aa7a1;position:absolute;left:0;translate:0 -50%}.lane{grid-template-rows:auto 1fr;gap:8px;min-width:0;display:grid}.lane-who{align-items:center;gap:8px;height:18px;font-size:14px;font-weight:650;display:flex}.dot{background:var(--c);border-radius:50%;width:9px;height:9px}.lane-col{background:#ffffff06;border-radius:12px;height:280px;position:relative}.blk{background:color-mix(in srgb, var(--c) 30%, #12393b);box-shadow:inset 3px 0 0 var(--c);border-radius:9px;align-content:start;gap:1px;padding:5px 9px;font-size:12px;line-height:1.2;display:grid;position:absolute;left:0;right:0;overflow:hidden}.blk b{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.blk span{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.blk--free{background:repeating-linear-gradient(-45deg,#0000 0 7px,#ffffff0f 7px 9px);transition:box-shadow .4s;box-shadow:inset 0 0 0 1.5px #ffffff47}.free-l{font:500 11px/1.2 var(--mono);color:#cfeee6!important}.new-l{color:var(--deep)!important;display:none!important}.new-l b{display:block}.blk--free.is-picked{box-shadow:inset 0 0 0 2px var(--coral), 0 0 0 5px #ff6b4a40}.blk--free.is-booked{background:var(--coral);animation:drop .7s var(--ease) both;box-shadow:0 10px 24px -10px #ff6b4ae6}.blk--free.is-booked .free-l{display:none}.blk--free.is-booked .new-l{display:grid!important}@keyframes drop{0%{opacity:.2;transform:translateY(-14px)scale(.96)}}.sec-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:16px;display:flex}.sec-h h2{font:800 clamp(32px, 4vw, 52px)/1 var(--disp);letter-spacing:-.04em}.sec-h p{color:var(--mute);font-size:14px}.sec-h p b{color:var(--ink);font:700 15px/1 var(--mono)}.today{padding:36px var(--gut) 26px}.list{border-top:1px solid var(--line);display:grid}.row{border-bottom:1px solid var(--line);grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:8px 6px 8px 0;display:grid}.row time{font:600 15px/1 var(--mono);letter-spacing:-.03em}.row-who{min-width:0;line-height:1.2;display:grid}.row-who b{font-weight:650}.row-who small{color:var(--mute);font-size:13px}.row-c{font:500 11.5px/1 var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.05em}.row--done{color:#7d8580}.row--now{box-shadow:inset 3px 0 0 var(--coral);background:#fff8f1;padding-left:10px}.row--now time,.row--now .row-who small{color:var(--coral-2)}.row--free .row-who b{color:var(--tide)}.week{padding:22px var(--gut) 40px;gap:34px;display:grid}.bars{grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;height:180px;display:grid}.b{grid-template-rows:1fr auto;gap:8px;height:100%;display:grid}.b-f{height:calc(var(--v) * 100%);transition:height .8s var(--ease) .4s, background-color .5s .4s;background:#cdbfa6;border-radius:10px 10px 4px 4px;align-self:end}.b small{text-align:center;font:600 12px/1 var(--mono);color:var(--mute)}.b--today .b-f{background:var(--deep)}.b--sat .b-f{background:var(--tide)}.is-booked .b--sat .b-f{height:calc((var(--v) + .1) * 100%);background:var(--coral)}.earlier ul{gap:8px;display:grid}.earlier li{background:var(--paper);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.src{background:var(--sand);width:34px;height:34px;color:var(--tide);border-radius:10px;place-items:center;display:grid}.e-who{min-width:0;line-height:1.2;display:grid}.e-who b{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.e-who small,.e-st small{color:var(--mute);font-size:12.5px}.e-st{color:var(--mute);text-align:right;justify-items:end;font-size:13px;font-weight:700;line-height:1.25;display:grid}.e-st--b{color:var(--tide)}.e-st small{font-weight:400}.fine{padding:0 var(--gut) 120px;color:var(--mute);max-width:70ch;font-size:13px}.tabbar{z-index:30;height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--deep);color:#8fb9b3;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{align-content:center;place-items:center;gap:3px;font-size:11.5px;font-weight:600;display:grid;position:relative}.tabbar a.on{color:#fff}.tabbar em{position:absolute;top:8px;left:calc(50% + 6px)}@media (width<=430px){.slot{grid-template-columns:62px minmax(0,1fr);padding-right:10px}.slot-t{font-size:21px}.slot-fit{position:absolute;top:50%;right:10px;translate:0 -50%}.enq-h{grid-template-columns:auto minmax(0,1fr)}.tag{grid-column:2;justify-self:start}.sample{padding:5px 8px;font-size:10px}}@media (width>=760px){.tabs{display:flex}.tabbar{display:none}.me{display:inline-flex}.fine{padding-bottom:60px}.desk{padding-top:40px;padding-bottom:60px}.desk-work{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}.enq{padding:22px}.today{padding-top:54px}.week{grid-template-columns:1fr 1fr;gap:40px}}@media (width>=1100px){.desk{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-content:center;align-items:center;column-gap:clamp(32px,4vw,64px);min-height:min(100vh - 64px,860px);padding-top:40px;padding-bottom:56px}.slot{min-height:66px}.enq{gap:16px;padding:26px}.state{font-size:clamp(84px,7.4vw,132px)}.lane-hours,.lane-col{height:420px}.blk{padding:7px 10px;font-size:13px}.today{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;column-gap:clamp(32px,4vw,64px);display:grid}.today .sec-h{justify-content:start;display:grid}.today .list{border-top:0;grid-template-columns:1fr 1fr;column-gap:28px}.today .row:nth-child(-n+2){border-top:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
