:root{--intro:2.6s;--ink:#0a1a24;--ink-soft:#2b3f4b;--muted:#5c707b;--paper:#f3f0e8;--paper-2:#e9e4d8;--paper-3:#d9d2c0;--card:#fbfaf6;--line:#0a1a241a;--line-strong:#0a1a2433;--night:#07141d;--night-2:#0d2230;--night-3:#163246;--teal:#007683;--teal-hi:#0a8e9b;--teal-brand:#008996;--teal-text:#006672;--aqua:#86dbe4;--gold:#d9b46c;--gold-hi:#e6c88d;--gold-deep:#9a762f;--free:#1c8c5a;--sold:#8b95a0;--hold:#b9822a;--font-sans:"Hanken Grotesk", system-ui, sans-serif;--font-it:"Instrument Serif", Georgia, serif;--font-mark:"Bodoni Moda", "Didot", Georgia, serif;--r-sm:10px;--r:16px;--r-lg:24px;--r-xl:34px;--gutter:clamp(16px, 4vw, 48px);--max:1320px;--header-h:76px;--ease:cubic-bezier(.22, 1, .36, 1);--shadow:0 0 #0000;--shadow-lg:0 0 #0000;--column:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 144'%3E%3Crect width='100' height='6'/%3E%3Crect y='138' width='100' height='6'/%3E%3Cpath d='M6 19H94V31H88V25H6Z'/%3E%3Cpath d='M6 125H94V113H88V119H6Z'/%3E%3Crect x='12' y='37' width='7' height='70'/%3E%3Crect x='31' y='37' width='7' height='70'/%3E%3Cpath d='M50 53H75V66H69V60H50Z'/%3E%3Cpath d='M50 78H75V91H69V85H50Z'/%3E%3C/svg%3E")}@media (max-width:860px){:root{--header-h:64px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 40px)}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;margin:0;font-size:17px;font-weight:450;line-height:1.55;display:flex;overflow-x:clip}img,video,svg,canvas,iframe{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p,figure,dl,dd,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}::selection{background:var(--gold);color:var(--night)}:focus-visible{outline:2.5px solid var(--teal);outline-offset:3px;border-radius:6px}.dark :focus-visible,.onphoto :focus-visible{outline-color:var(--gold)}.wrap{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.wrap-wide{width:100%;max-width:1680px;padding:0 var(--gutter);margin:0 auto}.section{padding:clamp(80px,11vw,150px) 0}.section-tight{padding:clamp(56px,7vw,96px) 0}.tint{background:var(--paper-2)}section[id]{scroll-margin-top:calc(var(--header-h) + 24px)}.dark{background:var(--night);color:#e8f2f5}.dark .muted{color:#e8f2f59e}.dark .eyebrow,.onphoto .eyebrow{color:#e8f2f5e6}.display{font-family:var(--font-sans);letter-spacing:-.042em;text-wrap:balance;font-weight:540;line-height:.97}.display em,.it{font-family:var(--font-it);letter-spacing:-.015em;font-size:1.1em;font-style:italic;font-weight:400;line-height:.8}.h1{font-size:clamp(54px,8vw,142px)}.h2{font-size:clamp(40px,5.2vw,88px)}.h3{letter-spacing:-.03em;font-size:clamp(28px,2.6vw,42px);line-height:1.04}.lead{max-width:58ch;color:var(--ink-soft);text-wrap:pretty;font-size:clamp(18px,1.35vw,21px);line-height:1.55}.dark .lead,.onphoto .lead{color:#e8f2f5d6}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);align-self:flex-start;align-items:center;gap:10px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.eyebrow:before{content:"";background:var(--teal-brand);width:11px;height:16px;-webkit-mask:var(--column) center / contain no-repeat;-webkit-mask:var(--column) center / contain no-repeat;mask:var(--column) center / contain no-repeat;flex:none}.dark .eyebrow:before,.onphoto .eyebrow:before{background:var(--gold)}.muted{color:var(--muted)}.tnum{font-feature-settings:"tnum" 1}.prose p+p{margin-top:1em}.prose{max-width:64ch}a.inline{color:var(--teal-text);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent)}a.inline:hover{text-decoration-color:currentColor}.dark a.inline{color:var(--aqua)}.btn{--bg:var(--ink);--fg:#fff;background:var(--bg);min-height:56px;color:var(--fg);text-transform:uppercase;letter-spacing:.1em;transition:transform .35s var(--ease), background .25s;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:11px;padding:0 28px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn svg{transition:transform .35s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn:disabled{opacity:.45;pointer-events:none}.btn-teal{--bg:var(--teal);--fg:#fff}.btn-teal:hover{background:var(--teal-hi)}.btn-gold{--bg:var(--gold);--fg:var(--night)}.btn-gold:hover{background:var(--gold-hi)}.btn-light{--bg:#fff;--fg:var(--ink)}.btn-wa{--bg:#1faa59;--fg:#fff}.btn-wa:hover{background:#25c066}.btn-wa:hover svg{transform:none}.btn-ghost{--bg:transparent;--fg:currentColor;box-shadow:inset 0 0 0 2px}.btn-ghost:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.btn-sm{gap:8px;min-height:44px;padding:0 20px;font-size:12.5px}.chip{background:color-mix(in srgb, currentColor 8%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;height:32px;padding:0 13px;font-size:14px;font-weight:600;display:inline-flex}.link-arrow{text-decoration:underline;-webkit-text-decoration-color:var(--teal-brand);text-decoration-color:var(--teal-brand);text-underline-offset:6px;align-self:flex-start;align-items:center;gap:8px;font-weight:650;text-decoration-thickness:2px;transition:text-decoration-color .3s;display:inline-flex}.dark .link-arrow,.onphoto .link-arrow{-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.link-arrow:hover{text-decoration-color:currentColor}.link-arrow svg{transition:transform .3s var(--ease)}.link-arrow:hover svg{transform:translate(4px)}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line), var(--shadow)}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;margin-bottom:clamp(36px,4.4vw,64px);display:flex}.head>div:first-child{flex-direction:column;gap:20px;max-width:900px;display:flex}.pagehead{padding-top:calc(var(--header-h) + clamp(40px, 6vw, 84px));padding-bottom:clamp(28px,4vw,52px)}.pagehead .wrap{flex-direction:column;gap:20px;display:flex}.keynums{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));border-top:1px solid var(--line-strong);display:grid}.keynums li{flex-direction:column;gap:6px;padding:24px 20px 0 0;display:flex}.keynums li>b{letter-spacing:-.045em;font-feature-settings:"tnum" 1;font-size:clamp(40px,4.4vw,72px);font-weight:500;line-height:.95}.keynums li>span{color:var(--muted);max-width:24ch;font-size:14.5px;font-weight:600;line-height:1.35}.dark .keynums{border-color:#ffffff29}.dark .keynums li>span{color:#e8f2f59e}@media (max-width:860px){.keynums{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}}.reveal-init{opacity:0;transform:translateY(28px)}.reveal-init.reveal-in{opacity:1;transition:opacity .9s var(--ease), transform 1s var(--ease);transition-delay:var(--d,0s);transform:none}.zoomin{overflow:hidden}.zoomin img{transition:transform 1.6s var(--ease);transform:scale(1.08)}.zoomin.reveal-in img,.zoomin:not(.reveal-init) img{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (pointer:fine){html{scrollbar-width:none}html::-webkit-scrollbar{display:none}}.scroll-pill{display:none}@media (pointer:fine){.scroll-pill{z-index:90;opacity:.5;cursor:grab;touch-action:none;width:7px;height:44px;transition:opacity .4s, width .25s var(--ease), right .25s var(--ease);background:#0e14126b;border-radius:999px;display:block;position:fixed;top:0;right:5px;box-shadow:inset 0 0 0 1px #ffffff52}.scroll-pill:before{content:"";position:absolute;inset:-4px -6px -4px -10px}.scroll-pill.pill-on,.scroll-pill:hover{opacity:1}.scroll-pill:hover,.scroll-pill.pill-drag{width:10px;right:4px}.scroll-pill.pill-drag{cursor:grabbing;opacity:1}}html[data-seen]{--intro:0s}@keyframes twinkle{50%{opacity:.15}}.btn-night{--bg:var(--night);--fg:#fff}.btn-night:hover{background:var(--night-3)}
