:root{--abyss:#03161a;--deep:#014452;--current:#026173;--haze:#7a9fad;--glint:#bbd6e4;--reef:#034430;--reef-lit:#127a4a;--sunskin:#ca8f6b;--vest:#b23026;--bg:#edf2f2;--bg-2:#e3ebec;--surface:#f8fafa;--raised:#fff;--ink:#03161a;--ink-2:#3e5a60;--ink-3:#6e878c;--line:#03161a1a;--line-2:#03161a2e;--accent:#026173;--accent-ink:#f2f8f9;--accent-soft:#02617317;--warm:#a86d4b;--on-photo:#f2f7f7;--on-photo-2:#f2f7f7a8;--glass:#03161a4d;--glass-line:#bbd6e438;--shadow:0 1px 1px #03161a0a,0 8px 24px -8px #03161a1f;--sheet-shadow:0 -30px 60px -24px #03161a59;--f-display:"Geist",ui-sans-serif,system-ui,sans-serif;--f-serif:"Instrument Serif",ui-serif,Georgia,serif;--f-mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--ease:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--r-lg:28px;--r-md:18px;--r-sm:10px;--gutter:clamp(16px,2.4vw,32px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#03161a;--bg-2:#061e23;--surface:#08242a;--raised:#0b2c33;--ink:#e6f0f1;--ink-2:#9db7bc;--ink-3:#62838a;--line:#bbd6e41a;--line-2:#bbd6e42e;--accent:#8ec3cf;--accent-ink:#03161a;--accent-soft:#8ec3cf1a;--warm:#ca8f6b;--shadow:0 1px 1px #0003,0 12px 32px -10px #00000080;--sheet-shadow:0 -30px 60px -24px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#03161a;--bg-2:#061e23;--surface:#08242a;--raised:#0b2c33;--ink:#e6f0f1;--ink-2:#9db7bc;--ink-3:#62838a;--line:#bbd6e41a;--line-2:#bbd6e42e;--accent:#8ec3cf;--accent-ink:#03161a;--accent-soft:#8ec3cf1a;--warm:#ca8f6b;--shadow:0 1px 1px #0003,0 12px 32px -10px #00000080;--sheet-shadow:0 -30px 60px -24px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-display);-webkit-font-smoothing:antialiased;transition:background .6s var(--ease),color .6s var(--ease);margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}em,.serif{font-family:var(--f-serif);letter-spacing:0;font-style:italic;font-weight:400}.mono{font-family:var(--f-mono);letter-spacing:.02em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{padding-inline:var(--gutter)}@media (min-width:761px){.wrap{padding-right:max(var(--gutter),56px)}}.cursor,.cursor-dot,#wake{pointer-events:none;z-index:150;opacity:0;transition:opacity .3s;position:fixed;top:0;left:0}#wake{mix-blend-mode:difference;width:100%;height:100%}.cursor-dot{display:none}.cursor{color:#f2f7f7;filter:drop-shadow(0 1px 1px #03161a8c)drop-shadow(0 0 1px #03161acc);width:0;height:0}.cursor .boat{transform-origin:50% 4%;width:34px;height:26px;transform:rotate(var(--tilt,0deg)) scale(var(--bs,1));transition:transform .5s var(--ease);position:absolute;top:-1px;left:-17px}.cursor .boat svg{transform-origin:50% 4%;width:100%;height:100%;animation:2.6s ease-in-out infinite bob;overflow:visible}@keyframes bob{50%{transform:rotate(-4deg)}}.cursor .ring{opacity:0;width:44px;height:44px;transition:transform .5s var(--ease),opacity .3s;border:1px solid #f2f7f7;border-radius:50%;position:absolute;top:-22px;left:-22px;transform:scale(.3);box-shadow:inset 0 0 0 1px #03161a40}.cursor span{color:#03161a;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;opacity:0;transition:opacity .3s,transform .5s var(--ease);background:#f2f7f7;border-radius:99px;padding:6px 10px;font-size:11px;position:absolute;top:-12px;left:24px;transform:translate(-6px)}.cursor.is-link{--bs:1.15}.cursor.is-link .ring{opacity:1;transform:scale(1)}.cursor.is-view .ring{opacity:1;transform:scale(1.25)}.cursor.is-view span{opacity:1;transform:none}.cursor.is-down{--bs:.82}.splash{z-index:149;mix-blend-mode:difference;pointer-events:none;border:1.5px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:.8s cubic-bezier(.16,1,.3,1) forwards splash;position:fixed;top:0;left:0}@keyframes splash{to{opacity:0;border-width:.5px;transform:scale(7)}}@media (hover:hover) and (pointer:fine){body.has-cursor .cursor,body.has-cursor .cursor-dot,body.has-cursor #wake{opacity:1}body.has-cursor,body.has-cursor a,body.has-cursor button,body.has-cursor [data-cursor]{cursor:none}}.nav{z-index:100;padding:calc(env(safe-area-inset-top,0px) + 22px) calc(var(--gutter) + 18px) 0;color:var(--on-photo);transition:color .5s var(--ease),transform .7s var(--ease),padding .5s var(--ease);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:fixed;top:0;left:0;right:0}.nav:before{content:"";background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-bottom:1px solid var(--line);opacity:0;transition:opacity .5s var(--ease);z-index:-1;position:absolute;inset:0}.nav.solid{color:var(--ink);padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-bottom:14px}.nav.solid:before{opacity:1}.nav.hide{transform:translateY(-110%)}.logo{letter-spacing:-.03em;align-items:baseline;gap:2px;font-size:17px;font-weight:600;display:inline-flex}.logo sup{font-family:var(--f-mono);opacity:.6;font-size:11px;font-weight:400}.nav-links{-webkit-backdrop-filter:blur(12px);background:#f2f7f714;border:1px solid #f2f7f724;border-radius:99px;gap:2px;padding:5px;transition:background .5s,border-color .5s;display:flex;position:relative}.nav.solid .nav-links{background:var(--accent-soft);border-color:var(--line)}.nav-links a{z-index:1;white-space:nowrap;border-radius:99px;padding:7px 14px;font-size:14px;font-weight:450;transition:color .4s;position:relative}.nav-links .pill{z-index:0;opacity:0;width:0;transition:transform .6s var(--ease),width .6s var(--ease),opacity .3s;background:#f2f7f729;border-radius:99px;position:absolute;top:5px;bottom:5px;left:0}.nav.solid .nav-links .pill{background:var(--ink)}.nav.solid .nav-links a.hot{color:var(--bg)}.nav-links a[aria-current=page]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:2px;left:50%}.nav-right{justify-content:flex-end;align-items:center;gap:14px;display:flex}.clock{opacity:.8;align-items:center;gap:8px;display:inline-flex}.clock i{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2.4s infinite pulse;box-shadow:0 0 0 3px #4ade8033}@keyframes pulse{50%{box-shadow:0 0 0 6px #4ade8000}}.theme-btn{width:38px;height:38px;transition:border-color .5s,transform .6s var(--ease);border:1px solid #f2f7f733;border-radius:50%;place-items:center;display:grid}.nav.solid .theme-btn{border-color:var(--line-2)}.theme-btn:hover{transform:rotate(180deg)}.theme-btn svg{width:16px;height:16px}.page .nav{color:var(--ink)}.page .nav:before{opacity:1}.page .nav .nav-links{background:var(--accent-soft);border-color:var(--line)}.page .nav .nav-links .pill{background:var(--ink)}.page .nav .nav-links a.hot{color:var(--bg)}.page .nav .theme-btn{border-color:var(--line-2)}.page .nav .btn-solid{background:var(--ink);color:var(--bg)}.page .nav .btn-solid .ic{background:var(--bg);color:var(--ink)}.btn{isolation:isolate;height:44px;transition:color .5s var(--ease);border-radius:99px;align-items:center;gap:10px;padding:0 8px 0 20px;font-size:14px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn .ic{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden}.btn .ic svg{width:13px;height:13px;transition:transform .5s var(--ease)}.btn .ic svg+svg{position:absolute;transform:translate(-160%,160%)}.btn:hover .ic svg:first-child{transform:translate(160%,-160%)}.btn:hover .ic svg+svg{transform:none}.btn-solid{background:var(--on-photo);color:var(--abyss)}.btn-solid .ic{background:var(--abyss);color:var(--on-photo)}.nav.solid .btn-solid{background:var(--ink);color:var(--bg)}.nav.solid .btn-solid .ic{background:var(--bg);color:var(--ink)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent .ic{background:var(--accent-ink);color:var(--accent)}.btn-ghost{border:1px solid var(--line-2);padding:0 20px}.btn:after{content:"";z-index:-1;background:var(--current);border-radius:inherit;transition:transform .6s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn-solid:hover{color:var(--on-photo)}.btn-solid:hover:after{transform:none}.btn-ghost:after{background:var(--ink)}.btn-ghost:hover{color:var(--bg)}.btn-ghost:hover:after{transform:none}.roll{vertical-align:top;height:1.3em;line-height:1.3em;display:inline-block;overflow:hidden}.roll>span{transition:transform .55s var(--ease);display:block}.roll>span:after{content:attr(data-t);display:block}a:hover .roll>span,button:hover .roll>span{transform:translateY(-1.3em)}.gauge{opacity:0;transition:opacity .6s var(--ease),transform .8s var(--ease);z-index:90;pointer-events:none;mix-blend-mode:difference;color:#bbd6e4;align-items:center;gap:10px;display:flex;position:fixed;top:50%;right:10px;transform:translateY(-50%)translate(20px)}.gauge.on{opacity:1;transform:translateY(-50%)}.gauge-ticks{opacity:.45;background:repeating-linear-gradient(currentColor 0 1px,#0000 1px 10px);width:12px;height:200px;position:relative}.gauge-needle{background:currentColor;width:18px;height:1px;position:absolute;top:0;right:-4px}.gauge-read{writing-mode:vertical-rl;font-size:11px;transform:rotate(180deg)}.sec{padding-block:clamp(80px,12vw,180px)}.sec-head{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:end;gap:24px;margin-bottom:clamp(40px,6vw,80px);display:grid}.depth-tag{color:var(--ink-3);align-items:center;gap:12px;display:flex}.depth-tag i{color:var(--accent);font-style:normal}.depth-tag b{background:var(--line-2);flex:none;width:28px;height:1px}.h2{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(40px,6.4vw,104px);font-weight:500;line-height:.92}.h2 em{color:var(--accent)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-2);color:var(--ink-2);border-radius:99px;padding:6px 12px;font-size:13px;transition:background .3s,color .3s,border-color .3s}.chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.page-head{padding:calc(140px + env(safe-area-inset-top,0px)) var(--gutter) clamp(40px,6vw,80px);gap:28px;display:grid}.page-title{letter-spacing:-.07em;margin:0;font-size:clamp(64px,13vw,220px);font-weight:500;line-height:.84}.page-title em{color:var(--accent);letter-spacing:-.02em}.page-title .mask>span{transition-duration:1.3s}.page-lede{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:24px;display:flex}.page-lede p{max-width:52ch;color:var(--ink-2);margin:0;font-size:clamp(16px,1.3vw,19px)}.contact{border-radius:var(--r-lg);background:var(--abyss);color:var(--on-photo);padding:clamp(48px,8vw,120px) calc(var(--gutter) + 8px) 0;margin:10px;position:relative;overflow:hidden}.contact:before{content:"";background:radial-gradient(70% 60% at 85% 0,#0261738c,#0000 70%),radial-gradient(50% 50% at 0 100%,#127a4a47,#0000 70%);position:absolute;inset:0}.contact>*{position:relative}.contact .depth-tag{color:var(--on-photo-2)}.contact .depth-tag i{color:var(--glint)}.contact .depth-tag b{background:#f2f7f740}.contact-h{letter-spacing:-.065em;margin:28px 0 0;font-size:clamp(56px,11vw,190px);font-weight:500;line-height:.86}.contact-h em{color:var(--glint)}.contact-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:clamp(40px,6vw,72px);display:grid}.c-card{border-radius:var(--r-md);text-align:left;transition:background .5s var(--ease),border-color .5s,color .5s;background:#bbd6e40a;border:1px solid #bbd6e429;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.c-card:hover{background:var(--glint);color:var(--abyss);border-color:var(--glint)}.c-card .mono{opacity:.6;margin-bottom:4px;font-size:11px;display:block}.c-card strong{letter-spacing:-.02em;word-break:break-all;font-size:17px;font-weight:500}.c-card .arr{width:36px;height:36px;transition:transform .6s var(--ease);border:1px solid;border-radius:50%;flex:none;place-items:center;display:grid}.c-card:hover .arr{transform:rotate(-45deg)}.c-card .arr svg{width:14px;height:14px}.foot-links{letter-spacing:-.02em;flex-wrap:wrap;gap:8px 28px;margin-top:clamp(36px,5vw,56px);font-size:clamp(18px,1.6vw,22px);display:flex}.foot-links a{color:var(--on-photo-2);transition:color .3s}.foot-links a:hover{color:var(--on-photo)}.foot-word{letter-spacing:-.075em;white-space:nowrap;text-align:center;background:linear-gradient(#bbd6e459,#bbd6e400 92%);color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-top:clamp(40px,7vw,90px);font-size:min(19.5vw,290px);font-weight:600;line-height:.74;transform:translateY(.12em)}.foot-bar{color:var(--on-photo-2);z-index:2;background:var(--abyss);border-top:1px solid #bbd6e424;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0;display:flex;position:relative}.rv{opacity:0;transition:opacity 1.1s var(--ease) var(--d,0s),translate 1.1s var(--ease) var(--d,0s),transform .7s var(--ease),border-color .4s,box-shadow .7s var(--ease),background .4s,color .4s;translate:0 40px}.rv.in{opacity:1;translate:none}.mask{margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:hidden}.mask>span{transform-origin:0 100%;transition:transform 1.2s var(--ease);transition-delay:var(--d,0s);display:block;transform:translateY(105%)rotate(2deg)}.in .mask>span,.mask.in>span{transform:none}@media (max-width:760px){.nav{padding-inline:calc(var(--gutter) + 6px);grid-template-columns:1fr auto}.nav-links,.clock-nav,.nav .btn-solid .roll{display:none}.nav .btn-solid{padding:0 7px}.gauge{display:none}.sec-head{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.marquee{border-bottom:1px solid var(--line);padding:clamp(22px,4vw,46px) 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{width:max-content;animation:38s linear infinite marq;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:.5em;padding-right:.5em;font-size:clamp(28px,4.6vw,64px);font-weight:450;display:inline-flex}.marquee-track span:after{content:"";background:var(--accent);border-radius:50%;width:.28em;height:.28em;display:inline-block}.marquee-track em{color:var(--accent)}@keyframes marq{to{transform:translate(-50%)}}.case{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:stretch;gap:clamp(16px,2vw,28px);display:grid}.case-visual{border-radius:var(--r-lg);background:linear-gradient(160deg,var(--deep),var(--abyss) 70%);min-height:clamp(340px,44vw,640px);transform-style:preserve-3d;cursor:none;position:relative;overflow:hidden}.case-visual:before{content:"";background:radial-gradient(60% 60% at 20% 0,#bbd6e447,#0000 60%),radial-gradient(50% 50% at 90% 100%,#127a4a59,#0000 60%);position:absolute;inset:0}.mock{transition:transform 1.2s var(--ease);background:#0a2026;border:1px solid #bbd6e429;border-radius:14px;grid-template-rows:34px 1fr;display:grid;position:absolute;inset:13% -6% -8% 9%;overflow:hidden;box-shadow:0 40px 80px -20px #0009}.case-visual:hover .mock{transform:translate(-3%,-3%)rotate(-1.2deg)}.mock-bar{border-bottom:1px solid #bbd6e41a;align-items:center;gap:6px;padding:0 12px;display:flex}.mock-bar i{background:#bbd6e440;border-radius:50%;width:8px;height:8px}.mock-bar span{width:38%;height:16px;font-family:var(--f-mono);color:#bbd6e480;background:#bbd6e414;border-radius:6px;margin-left:14px;padding:0 8px;font-size:11px;line-height:16px}.mock-body{grid-template-columns:130px 1fr;min-height:0;display:grid}.mock-side{border-right:1px solid #bbd6e414;align-content:start;gap:8px;padding:16px 12px;display:grid}.mock-side i{background:#bbd6e41f;border-radius:4px;height:9px}.mock-side i:first-child{background:#8ec3cf;width:60%;margin-bottom:10px}.mock-main{grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:10px;padding:18px;display:grid}.mock-main .k{background:#bbd6e40f;border:1px solid #bbd6e414;border-radius:10px;gap:6px;padding:12px;display:grid}.mock-main .k b{background:#bbd6e433;border-radius:4px;width:50%;height:7px}.mock-main .k strong{color:#e6f0f1;letter-spacing:-.03em;font-size:20px;font-weight:500}.mock-main .chart{background:#bbd6e40a;border:1px solid #bbd6e414;border-radius:10px;grid-column:1/-1;height:150px;position:relative;overflow:hidden}.mock-main .chart svg{width:100%;height:100%;position:absolute;inset:0}.chart path.ln{stroke-dasharray:900;stroke-dashoffset:900px;transition:stroke-dashoffset 2.4s var(--ease)}.in .chart path.ln{stroke-dashoffset:0}.case-info{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:22px;padding:clamp(22px,2.6vw,36px);display:flex}.case-info .mono{color:var(--ink-3)}.case-title{letter-spacing:-.05em;margin:0;font-size:clamp(34px,3.6vw,56px);font-weight:500;line-height:.95}.case-title em{color:var(--accent)}.case-info p{color:var(--ink-2);max-width:42ch;margin:0;font-size:16px}.case-meta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.case-meta div{border-bottom:1px solid var(--line);padding:14px 0}.case-meta div:nth-child(odd){border-right:1px solid var(--line);padding-right:12px}.case-meta div:nth-child(2n){padding-left:16px}.case-meta .mono{margin-bottom:4px;font-size:11px;display:block}.case-meta span:last-child{font-size:15px}.mock.dn-mock{color:#231f20;background:#fffdf6;border-color:#fff6;container-type:inline-size}.dn-mock .mock-bar{background:#fff;border-color:#231f2014}.dn-mock .mock-bar i{background:#231f2024}.dn-mock .mock-bar span{color:#8a8580;background:#231f200d}.dn{background:repeating-linear-gradient(90deg,#0000 0 6cqi,#fdb8020f 6cqi 6.4cqi),#fffdf6;flex-direction:column;min-height:0;font-family:Inter,Geist,system-ui,sans-serif;display:flex}.dn-top{background:#fff;border-bottom:1px solid #231f200f;justify-content:space-between;align-items:center;gap:2cqi;padding:2.2cqi 3.4cqi;display:flex}.dn-logo{letter-spacing:-.01em;font-family:"Baloo 2",system-ui;font-size:2.6cqi;font-weight:800;line-height:1}.dn-logo small{letter-spacing:.3em;text-transform:uppercase;opacity:.7;font-size:1.3cqi;font-weight:700;display:block}.dn-links{gap:1.6cqi;display:flex}.dn-links i{background:#231f201f;border-radius:2px;width:7cqi;height:1.1cqi}.dn-btn{white-space:nowrap;background:#fdb802;border-radius:1.4cqi;padding:1.2cqi 2.2cqi;font-size:1.7cqi;font-weight:700;box-shadow:0 .4cqi #231f20}.dn-ghost{white-space:nowrap;border:1.5px solid #231f20;border-radius:1.4cqi;padding:1.1cqi 2.1cqi;font-size:1.7cqi;font-weight:600}.dn-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:3cqi;padding:4.4cqi 3.4cqi 3cqi;display:grid}.dn-eye{letter-spacing:.12em;color:#fdb802;background:#231f20;border-radius:99px;padding:.7cqi 1.6cqi;font-size:1.4cqi;font-weight:700;display:inline-block}.dn-copy h4{letter-spacing:-.02em;margin:2cqi 0 1.6cqi;font-family:"Baloo 2",system-ui;font-size:5.6cqi;font-weight:800;line-height:.98}.dn-copy h4 u{background:linear-gradient(#0000 58%,#fdb802 58% 92%,#0000 92%);text-decoration:none}.dn-copy p{color:#5e5958;max-width:40cqi;margin:0 0 2.4cqi;font-size:1.7cqi;line-height:1.45}.dn-ctas{flex-wrap:wrap;gap:1.4cqi;display:flex}.dn-cards{height:30cqi;position:relative}.dn-card{width:15cqi;transform:rotate(var(--r));transition:transform .9s var(--ease);background:#fff;border-radius:1.2cqi;padding:1cqi 1cqi 1.6cqi;position:absolute;box-shadow:0 1.6cqi 3cqi -1.6cqi #231f2059}.dn-card:before{content:"";background:#fdb802bf;width:6cqi;height:2.2cqi;margin-left:-3cqi;position:absolute;top:-1.2cqi;left:50%;transform:rotate(-4deg)}.dn-card .ph{background:linear-gradient(160deg,#f3efe3,#e9e2cf);border-radius:.8cqi;place-items:center;height:13cqi;display:grid}.dn-card .ph svg{width:60%;height:60%}.dn-card b{background:#fdb802;border-radius:.6cqi;margin-top:1cqi;padding:.2cqi .8cqi;font-size:1.2cqi;display:inline-block}.dn-card span{margin-top:.6cqi;font-size:1.6cqi;font-weight:700;display:block}.case-visual:hover .dn-card:first-child{transform:rotate(-10deg)translate(-1cqi,-1cqi)}.case-visual:hover .dn-card:nth-child(3){transform:rotate(4deg)translate(1cqi,-1.5cqi)}.dn-stats{background:#231f20;border-radius:2cqi;grid-template-columns:repeat(3,1fr);margin:0 3.4cqi 3.4cqi;padding:2.4cqi;display:grid}.dn-stats div{text-align:center;gap:.4cqi;display:grid}.dn-stats b{color:#fdb802;font-family:"Baloo 2",system-ui;font-size:4cqi;font-weight:800;line-height:1}.dn-stats span{color:#ffffffbf;font-size:1.3cqi}.field-note{max-width:44ch;color:var(--ink-2);margin:0}.reel{margin-inline:calc(var(--gutter) * -1);overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.reel-track{width:max-content;padding-inline:var(--gutter);gap:14px;animation:70s linear infinite marq;display:flex}.reel:hover .reel-track{animation-play-state:paused}.frame{flex:none;gap:10px;margin:0;display:grid}.frame .ph{height:clamp(260px,30vw,430px);aspect-ratio:var(--ar);border-radius:var(--r-md);background:var(--bg-2);overflow:hidden}.frame img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:transform 1.2s var(--ease),filter .6s;transform:scale(1.04)}.frame:hover img{filter:saturate(1.08);transform:scale(1.1)}.frame figcaption{color:var(--ink-3);justify-content:space-between;gap:12px;display:flex}.frame figcaption span:first-child{color:var(--ink)}.frame.me .ph{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:1000px){.case{grid-template-columns:minmax(0,1fr)}}.nav-links .sep{opacity:.22;background:currentColor;align-self:stretch;width:1px;margin:7px 4px}.nav-links a.nl-cv,.nav-links a.nl-cta{align-items:center;gap:7px;display:inline-flex}.nav-links a.nl-cv svg,.nav-links a.nl-cta svg{width:12px;height:12px;transition:transform .5s var(--ease)}.nav-links a.nl-cv:hover svg{transform:translateY(2px)}.nav-links a.nl-cta{background:var(--on-photo);color:var(--abyss);font-weight:500}.nav-links a.nl-cta:hover svg{transform:translate(2px,-2px)}.nav.solid .nav-links a.nl-cta,.page .nav .nav-links a.nl-cta{background:var(--ink);color:var(--bg)}.nav-links a.nl-cta.hot{color:var(--abyss)}.nav.solid .nav-links a.nl-cta.hot,.page .nav .nav-links a.nl-cta.hot{color:var(--bg)}.cursor,.cursor-dot,#wake{display:none!important}@media (max-width:760px){.nav{grid-template-columns:1fr auto auto}.nav-links{display:flex}.nav-links a:not(.nl-cv):not(.nl-cta),.nav-links .sep{display:none}.nav{gap:8px}.nav-links a.nl-cv .dl{display:none}.nav-links a{padding:7px 11px;font-size:13px}}
.appbar{display:none}@media (max-width:760px){html,html body{overflow-x:clip}html body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}html .appbar{z-index:200;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 78%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-radius:22px;grid-template-columns:repeat(5,1fr);padding:6px;display:grid;position:fixed;box-shadow:0 18px 40px -18px #03161a73}html .appbar a{color:var(--ink-3);letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;border-radius:16px;justify-items:center;gap:3px;padding:7px 0 6px;font-size:10.5px;font-weight:500;transition:background .3s,color .3s;display:grid}html .appbar a svg{width:21px;height:21px}html .appbar a[aria-current=page]{background:var(--accent-soft);color:var(--ink)}html .appbar a:active{transform:scale(.94)}html .nav-links a.nl-cta,html .cursor,html .cursor-dot,html .gauge{display:none!important}html .cases,html .wcases,html .contact-row{scrollbar-width:none}html .cases::-webkit-scrollbar{display:none}html .wcases::-webkit-scrollbar{display:none}html .j-track::-webkit-scrollbar{display:none}html .sec{padding-block:56px}html .sec-head{gap:14px;margin-bottom:24px}html .h2{font-size:clamp(34px,10.5vw,46px)}html .marquee{padding:16px 0}html .statement{font-size:clamp(23px,6.6vw,28px)}html .statement-foot{grid-template-columns:1fr 1fr;gap:18px 14px;margin-top:32px;padding-top:20px}html .fact .mono{margin-bottom:6px;font-size:10px}html .fact strong{font-size:16px}html .cases{scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) 6px;scroll-padding-inline:var(--gutter);grid-template-columns:none;gap:12px;display:flex;overflow-x:auto}html .cases>*{scroll-snap-align:start;flex:0 0 84%}html .frame .ph{height:200px}html .about{gap:20px}html .about-photo{aspect-ratio:4/3;max-width:none}html .about-photo .hint{display:none}html .about-lede{font-size:clamp(24px,7vw,30px)}html .about-body{margin-top:14px;font-size:15px}html .facts{border-top:0;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}html .fact-row{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:1fr;gap:4px;padding:14px}html .fact-row:last-child{grid-column:1/-1}html .fact-row dt{font-size:10px}html .fact-row dd{font-size:15px;line-height:1.3}html .fact-row:hover dd{transform:none}html .fact-row:before{display:none}html .fact-row .chips{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;display:flex;overflow:visible}html .fact-row .chips .chip,html .fact-row .chips>*{white-space:nowrap;flex:none;height:auto;padding:6px 11px;font-size:12px;line-height:1.2;color:var(--ink-2)!important;border-color:var(--line-2)!important;background:0 0!important}html .journey{margin:10px 8px}html .j-pin{padding-bottom:28px}html .j-hud{align-items:flex-end;padding:32px 20px 22px;flex-direction:row!important}html .j-h{margin-top:12px;font-size:36px}html .journey:after{content:"Swipe →";font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-photo-2);font-size:10px;position:absolute;top:36px;right:20px}html .j-track{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;gap:12px;scroll-padding-inline:20px;overflow-x:auto;padding:4px 20px 8px!important;display:flex!important}html .j-track:before,html .j-node,html .j-stamp,html .j-photo figcaption{display:none!important}html .j-stop,html .j-stop.up,html .j-stop.down{scroll-snap-align:start;background:#bbd6e40f;border:1px solid #bbd6e429;border-radius:22px;flex-direction:column;flex:0 0 82%;min-height:0;padding:20px 18px 18px;margin:0!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important}html .j-yr,html .j-stop.up .j-yr,html .j-stop.down .j-yr{color:var(--glint);-webkit-text-stroke:0;order:-2;margin:0;font-size:54px;line-height:.9;opacity:1!important;position:static!important}html .j-photo,html .j-stop.up .j-photo,html .j-stop.down .j-photo{padding:4px 4px 12px;right:16px;transform:rotate(4deg);opacity:1!important;width:70px!important;position:absolute!important;top:16px!important;bottom:auto!important;left:auto!important}html .j-card,html .j-stop .j-card,html .j-stop.up .j-card,html .j-stop.down .j-card{-webkit-backdrop-filter:none;background:0 0;border:0;border-top:1px solid #bbd6e424;border-radius:0;flex:1;margin-top:16px;opacity:1!important;width:auto!important;padding:16px 0 0!important;position:static!important;transform:none!important}html .j-card .top{margin-bottom:10px;font-size:10px}html .j-card h3{margin-bottom:8px;font-size:24px}html .j-card p{font-size:14px;line-height:1.5}html .j-tags{margin-top:14px}html .contact{margin:10px 8px;padding:48px 18px 0}html .contact-h{font-size:clamp(52px,16vw,72px)}html .contact-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}html .c-card{border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;padding:14px}html .c-card strong{word-break:break-word;font-size:14px}html .c-card .arr{order:-1;width:28px;height:28px}html .foot-links{display:none}html .foot-word{margin-top:36px;font-size:24vw}html .foot-bar{background:0 0;grid-template-columns:1fr auto;gap:8px 12px;padding:16px 0 20px;font-size:10.5px;display:grid}html .foot-bar>:nth-child(2){grid-area:2/1}html .foot-bar>a{grid-area:1/2/3;align-self:center}html .wcases{scroll-snap-type:x mandatory;padding:40px var(--gutter) 6px;scroll-padding-inline:var(--gutter);gap:12px;display:flex;overflow-x:auto}html .wcase{scroll-snap-align:start;flex:0 0 86%}html .wc-meta{display:none}html .next{margin:40px var(--gutter);padding:22px}html .aw-grid{grid-template-columns:1fr 1fr!important;grid-auto-rows:210px!important;gap:8px!important}html .aw.wide{grid-column:1/-1!important}html .aw-top{flex-wrap:wrap;gap:4px;font-size:9px;top:10px;left:10px;right:10px}html .aw-cap{padding:12px}html .aw h3,html .aw.wide h3{font-size:18px}html .aw p{display:none}html .aw-meta{font-size:9px}html .board-bar .filters{scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}html .filters button{flex:none}html .xp{gap:18px;margin-top:48px}html .xp-title{font-size:34px}html .xp-list{scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) 6px;scroll-padding-inline:var(--gutter);scrollbar-width:none;border-top:0;gap:10px;display:flex;overflow-x:auto}html .xp-list::-webkit-scrollbar{display:none}html .xp-list:before,html .xp-list:after{display:none}html .xp-row{scroll-snap-align:start;border:1px solid var(--line);background:var(--surface);border-radius:18px;flex:0 0 84%;padding:18px}html .xp-row:before{display:none}html .xp-dot{top:20px;left:auto;right:16px}html .xp-co{font-size:22px}html .xp-desc{-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}html .xp-row:hover .xp-main{transform:none}html .hero{height:calc(100svh - 82px - env(safe-area-inset-bottom,0px));min-height:560px}html .foot-word{letter-spacing:-.07em;font-size:21vw}html .fn-head{padding-bottom:28px}html .fan{height:300px}html .faces{padding-block:24px 40px}html .face{width:62vw}html .trip{padding:36px var(--gutter);gap:16px}html .trip-no{font-size:52px}html .grid{scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) 6px;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}html .grid::-webkit-scrollbar{display:none}html .shot,html .shot.t,html .shot.h,html .shot.w{aspect-ratio:3/4;scroll-snap-align:start;flex:none;width:auto;height:300px}html .shot.w{aspect-ratio:4/3}html .xp-list .rv,html .cases .rv,html .wcases .rv,html .xp-row{opacity:1!important;translate:none!important}html .xp-list{padding-top:4px}html .xp-dot{top:22px}html .frame{width:max-content}html .frame figcaption{white-space:nowrap;text-overflow:ellipsis;width:0;min-width:100%;overflow:hidden}html .frame figcaption span{text-overflow:ellipsis;overflow:hidden}html .contact{padding-bottom:4px}html .foot-word{text-align:left;margin-top:40px}html .foot-bar{border-top:1px solid #bbd6e424}}