.dh{isolation:isolate;clip-path:inset(0);position:relative}.dh{--bg:#0d0a26;--bg-2:#1a1145;--text:#f1eeff;--muted:#b4abda;--dust:#c9bef2;--violet:#8f63ff;--amber:#ffb25b;--cyan:#4fe0c8;--rose:#ff6f9f;--card:#1a1145c7;--card-line:#c9bef238;--display:"Noi Grotesk", Inter, "Inter Fallback", ui-sans-serif, system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box}@media (prefers-color-scheme:light){.dh:not([data-theme=dark]){--bg:#f3f0fb;--bg-2:#e4ddf8;--text:#1a1240;--muted:#564b84;--dust:#4a3d8c;--violet:#6534ee;--amber:#c2630a;--cyan:#0b8c78;--rose:#c42a62;--card:#ffffffd1;--card-line:#4a3d8c33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.dh[data-theme=light]{--bg:#f3f0fb;--bg-2:#e4ddf8;--text:#1a1240;--muted:#564b84;--dust:#4a3d8c;--violet:#6534ee;--amber:#c2630a;--cyan:#0b8c78;--rose:#c42a62;--card:#ffffffd1;--card-line:#4a3d8c33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dh[data-theme=dark]{--bg:#0d0a26;--bg-2:#1a1145;--text:#f1eeff;--muted:#b4abda;--dust:#c9bef2;--violet:#8f63ff;--amber:#ffb25b;--cyan:#4fe0c8;--rose:#ff6f9f;--card:#1a1145c7;--card-line:#c9bef238;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dh *,.dh :before,.dh :after{box-sizing:inherit}.dh{--accent:var(--violet);--on-accent:#fff;background:var(--bg);color:var(--text);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;font-weight:400}.dh:after{opacity:var(--vig,1);content:"";pointer-events:none;z-index:1;background:radial-gradient(120% 90% at 66% 50%, transparent 55%, color-mix(in srgb, var(--bg) 70%, transparent) 100%);position:fixed;inset:0}.dh .layer{z-index:0;opacity:0;pointer-events:none;will-change:opacity;position:fixed;inset:0}.dh .layer video{object-fit:cover;filter:saturate(.75)contrast(1.05)brightness(.82);width:100%;height:100%;position:absolute;inset:0}.dh #workLayer video{object-position:60% 40%}.dh #cityLayer video{object-position:28% 50%;transform:scaleX(-1)}.dh #loungeLayer video{object-position:50% 50%;transform:scaleX(-1)}.dh .layer .grade{background:linear-gradient(160deg, var(--violet), transparent 45%, var(--amber));mix-blend-mode:soft-light;opacity:.55;position:absolute;inset:0}.dh .layer .halftone{background-image:radial-gradient(circle, color-mix(in srgb, var(--bg) 35%, transparent) 0 1.1px, transparent 1.6px);background-size:5px 5px;position:absolute;inset:0}.dh .layer:after{content:"";background:linear-gradient(90deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 78%, transparent) 34%, color-mix(in srgb, var(--bg) 25%, transparent) 70%, color-mix(in srgb, var(--bg) 45%, transparent) 100%);position:absolute;inset:0}.dh #nightBg{z-index:0;pointer-events:none;opacity:0;background:#030206;position:fixed;inset:0}.dh #field{z-index:1;width:100%;height:100%;display:block;position:fixed;inset:0}.dh .scrim{z-index:2;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 82%, transparent) 0%, color-mix(in srgb, var(--bg) 55%, transparent) 55%, transparent 100%);width:min(60vw,900px);opacity:var(--scrim,1);position:fixed;inset:0 auto 0 0}.dh .story{z-index:3;position:relative}.dh .sec{align-items:center;min-height:135vh;padding:14vh 0 14vh clamp(24px,6vw,96px);display:flex}.dh .sec.hero{min-height:110vh}.dh .txt{width:min(40vw,560px)}.dh .num{font:500 1rem var(--display);color:var(--accent);letter-spacing:0;margin:0 0 1.1rem}.dh h1,.dh h2{text-wrap:balance;margin:0;font-weight:400}.dh h1{letter-spacing:-.03em;font-size:clamp(50.4px,5.71429vw + 28.1143px,72px);line-height:1.1}.dh h2{letter-spacing:-.02em;font-size:clamp(33.6px,3.80952vw + 18.7429px,48px);line-height:1.2}.dh .txt p.body{letter-spacing:-.01em;color:color-mix(in srgb, var(--text) 75%, transparent);text-wrap:pretty;max-width:52ch;margin:12px 0 0;font-size:18px;font-weight:400;line-height:1.5}.dh .txt p.lead{font:400 18px/1.5 var(--display);letter-spacing:-.01em;color:color-mix(in srgb, var(--text) 75%, transparent);text-wrap:balance;max-width:46ch;margin:1.6rem 0 0}.dh .txt h2+p.body{margin-top:1.5rem}.dh .txt a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 70%, transparent);text-underline-offset:.18em;text-decoration-thickness:1.5px}.dh .txt a:hover{color:var(--accent)}.dh .txt a:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:2px}.dh .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 1.4rem;font-size:.85rem;font-weight:500}.dh .hero .eyebrow,.dh .hero h1,.dh .hero p{--text:#f1eeff;--muted:#b4abda;color:var(--text)}.dh .hero .lead{color:var(--muted)}.dh .closing{font:400 28px/1.2 var(--display);letter-spacing:-.02em;color:var(--text);margin-top:2rem}.dh .closing span{display:block}.dh .closing span:nth-child(2){color:var(--violet)}.dh .closing span:nth-child(3){color:var(--amber)}.dh .js .txt{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.dh .js .txt.in{opacity:1;transform:none}.dh .hint{z-index:3;left:clamp(24px,6vw,96px);bottom:calc(env(safe-area-inset-bottom,0px) + 28px);font:400 1rem var(--display);color:#b4abda;pointer-events:none;align-items:center;gap:.6rem;display:flex;position:fixed}.dh .hint span{transform-origin:top;background:currentColor;width:1px;height:28px;animation:2.2s ease-in-out infinite dh-drip;display:block}@keyframes dh-drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.dh .rail{z-index:4;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:fixed;top:50%;right:clamp(14px,2.4vw,36px);transform:translateY(-50%)}.dh .rail button{all:unset;cursor:pointer;color:var(--muted);border-radius:4px;justify-content:flex-end;align-items:center;gap:10px;padding:5px 0;font-size:.78rem;display:flex}.dh .rail button i{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px;transition:transform .3s,opacity .3s}.dh .rail button span{opacity:0;white-space:nowrap;transition:opacity .3s,transform .3s;transform:translate(6px)}.dh .rail:hover button span,.dh .rail button:focus-visible span,.dh .rail button[aria-current=step] span{opacity:1;transform:none}.dh .rail button[aria-current=step]{color:var(--text)}.dh .rail button[aria-current=step] i{opacity:1;background:var(--accent);transform:scale(1.6)}.dh .rail button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.dh .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:820px){.dh .scrim{display:none}.dh .sec{min-height:auto;padding:56vh 16px 12vh;display:block}.dh .sec.hero{align-items:flex-end;min-height:100vh;padding:0 16px 16vh;display:flex}.dh .txt{background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-line);border-radius:18px;width:auto;padding:24px 22px}.dh .hero .txt{-webkit-backdrop-filter:none;background:0 0;border:0;padding:0}.dh .txt p.body{max-width:none}.dh .rail{display:none}.dh .layer:after{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 30%, transparent) 0%, color-mix(in srgb, var(--bg) 60%, transparent) 60%, var(--bg) 100%)}}@media (prefers-reduced-motion:reduce){.dh .hint span{animation:none}.dh .js .txt{transition:none}}.dh[data-accent=amber]{--accent:var(--amber);--on-accent:#22140a}.dh[data-accent=cyan]{--accent:var(--cyan);--on-accent:#062a24}.dh .txt h3{letter-spacing:-.02em;color:var(--text);text-wrap:balance;margin:2.4rem 0 0;font-size:clamp(23.8px,1.11111vw + 19.4667px,28px);font-weight:400;line-height:1.2}.dh .txt h3+p.body{letter-spacing:-.01em;margin-top:1rem;font-size:16px}.dh .txt p.kicker{letter-spacing:-.02em;color:var(--text);margin-top:1.6rem;font-size:28px;font-weight:400;line-height:1.2}.dh .txt p.kicker+p.kicker{color:var(--accent)}.dh .txt .w{--ink:color-mix(in srgb, var(--text) 62%, transparent);transition:color 1.2s,text-shadow 1.2s}.dh .txt p .w{color:var(--ink)}.dh .txt p .w.read{color:color-mix(in srgb, var(--text) 86%, transparent)}.dh .txt .w.on{color:var(--c);text-shadow:0 0 12px color-mix(in srgb, var(--c) 35%, transparent);transition:color .25s}.dh .txt .w.fill{color:#0000;background:linear-gradient(90deg, var(--c) var(--pp,0%), var(--ink) calc(var(--pp,0%) + 12%));-webkit-background-clip:text;background-clip:text;transition:none}.dh.rev .txt .w{transition:none}@media (prefers-reduced-motion:reduce){.dh .txt .w{transition:none}}.dh .layer.cool video{filter:grayscale(.75)contrast(1.05)brightness(.8)}.dh .layer.cool .grade{opacity:.6;background:linear-gradient(160deg,#3d5bff,#0000 50%,#6fb6ff)}.dh .txt ul.defs{gap:.9rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.dh .txt ul.defs li{letter-spacing:-.01em;color:color-mix(in srgb, var(--text) 75%, transparent);border-left:2px solid color-mix(in srgb, var(--accent) 60%, transparent);padding-left:1rem;font-size:16px;line-height:1.5}.dh .txt ul.defs b{color:var(--text);font-weight:500;display:block}.dh .txt ul.defs span{color:var(--accent);display:block}.dh .txt ul.terms{flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 0;padding:0;list-style:none;display:flex}.dh .txt ul.terms li{border:1px solid var(--card-line);color:var(--text);border-radius:999px;padding:5px 12px;font-size:14px}.dh .txt .ask{background:var(--card);border:1px solid var(--card-line);border-radius:14px;margin:1.2rem 0 0;padding:16px 18px}.dh .txt .ask-q{color:var(--text);margin:0;font-size:16px;line-height:1.4}.dh .txt .ask dl{grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:.9rem 0 0;font-size:14px;line-height:1.45;display:grid}.dh .txt .ask dt{color:var(--accent);font-weight:500}.dh .txt .ask dd{color:color-mix(in srgb, var(--text) 75%, transparent);margin:0}.dh .txt p.cta{margin:1.8rem 0 0}.dh .txt .btn,.dh .txt .btn .w{color:var(--on-accent)}.dh .txt .btn{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:12px 22px;font-size:16px;font-weight:500;text-decoration:none;display:inline-block}.dh .txt .btn:hover{filter:brightness(1.08)}.dh .txt .btn.ghost{color:var(--text);border:1px solid var(--card-line);background:0 0}.dh .sec.hero{padding-top:max(14vh,112px)}@media (max-width:820px){.dh .sec.hero{padding-top:112px}}
