:is(html:has(.bio),body:has(.bio)){background:var(--brand-black)}.bio{--bio-card:oklch(100% 0 0);--night-2:oklch(24% .003 286);--on-night:oklch(97% .004 95);--on-night-2:oklch(80% .006 95);--shade:var(--brand-black);--col:480px;--gutter:20px;max-width:var(--col);background:var(--paper);color:var(--ink);font:16px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0 auto;overflow-x:clip}.bio *,.bio :before,.bio :after{box-sizing:border-box;margin:0;padding:0}.bio a{color:inherit;text-decoration:none}.bio img{max-width:100%;display:block}.bio button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.bio :focus-visible{outline:2px solid var(--orange);outline-offset:3px}.bio .micro{letter-spacing:.16em;text-transform:uppercase;font-size:11px}.bio .wrap{width:100%;padding:0 var(--gutter)}.bio-hero{min-height:100svh;color:var(--on-night);isolation:isolate;background:var(--brand-black);flex-direction:column;display:flex;position:relative;overflow:hidden}.bio .reel{z-index:-2;position:absolute;inset:0}.bio .reel img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.6s var(--ease);position:absolute;inset:0;transform:scale(1.08)}.bio .reel img.on{opacity:1;animation:9s linear forwards bio-drift}@keyframes bio-drift{0%{transform:scale(1.08)}to{transform:scale(1)}}.bio-hero:after{content:"";z-index:-1;background:linear-gradient(180deg, color-mix(in oklab, var(--shade) 55%, transparent) 0%, color-mix(in oklab, var(--shade) 50%, transparent) 20%, color-mix(in oklab, var(--shade) 84%, transparent) 44%, color-mix(in oklab, var(--shade) 94%, transparent) 72%, var(--shade) 100%);position:absolute;inset:0}.bio-hero .wrap{padding-top:max(18px, env(safe-area-inset-top));flex-direction:column;flex:1;padding-bottom:28px;display:flex}.bio .top{justify-content:space-between;align-items:center;gap:8px;display:flex}.bio .logo{background:0/contain no-repeat;flex:none;width:124px;height:44px}.bio .socials{gap:4px;display:flex}.bio .socials a{width:44px;height:44px;color:var(--on-night);border-radius:50%;place-items:center;transition:background .3s;display:grid}.bio .socials a:hover{background:color-mix(in oklab, var(--on-night) 12%, transparent)}.bio .socials svg{width:18px;height:18px}.bio .who{align-items:center;gap:14px;margin-top:auto;padding-top:40px;display:flex}.bio .ring{background:var(--brand-grad);border-radius:50%;flex:none;width:72px;height:72px;padding:3px}.bio .ring img{object-fit:cover;object-position:50% 18%;border:3px solid var(--brand-black);border-radius:50%;width:100%;height:100%}.bio .who-name{font:22px/1.1 var(--font-display)}.bio .who-meta{color:var(--on-night-2);margin-top:3px;font-size:13px}.bio .kicker{color:var(--orange);margin-top:26px}.bio h1{font:400 clamp(40px, 11vw, 52px)/1 var(--font-display);letter-spacing:-.015em;margin-top:10px}.bio h1 em,.bio .quote blockquote em{background:var(--brand-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.bio .sub{color:var(--on-night-2);max-width:36ch;margin-top:14px;font-size:16px}.bio .cta{gap:10px;margin-top:24px;display:grid}.bio .btn{min-height:58px;transition:transform .5s var(--ease), box-shadow .5s var(--ease);justify-content:space-between;align-items:center;gap:12px;padding:0 20px;font-size:16px;font-weight:600;display:flex}.bio .btn-main{background:var(--brand-grad);color:var(--brand-black)}.bio .btn-main:hover{transform:translateY(-2px)}.bio .btn-main small{opacity:.8;margin-top:1px;font-size:12px;font-weight:500;display:block}.bio .btn-ghost{border:1px solid color-mix(in oklab, var(--on-night) 45%, transparent);color:var(--on-night);min-height:52px;font-weight:500}.bio .btn-ghost:hover{background:color-mix(in oklab, var(--on-night) 8%, transparent)}.bio .arrow{transition:transform .5s var(--ease)}.bio .btn:hover .arrow{transform:translate(4px)}.bio .proofline{color:var(--on-night-2);flex-wrap:wrap;gap:6px 14px;margin-top:20px;display:flex}.bio .proofline span{letter-spacing:.14em;text-transform:uppercase;font-size:11px}.bio .proofline b{color:var(--on-night);font-weight:500}.bio-body{background:var(--paper);padding:44px 0 36px}.bio .sec+.sec{margin-top:52px}.bio h2{font:400 32px/1.05 var(--font-display);letter-spacing:-.01em}.bio .sec-sub{color:var(--ink-2);margin-top:8px;font-size:15px}.bio .after-quote{padding-top:44px}.bio .chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.bio .chip{border:1px solid var(--faint);background:var(--bio-card);min-height:44px;transition:all .35s var(--ease);padding:0 16px;font-size:15px}.bio .chip:hover{border-color:var(--ink)}.bio .chip[aria-pressed=true]{background:var(--ink);color:var(--bio-card);border-color:var(--ink)}.bio .panel{background:var(--bio-card);border:1px solid var(--line);transition:grid-template-rows .55s var(--ease);grid-template-rows:0fr;margin-top:14px;display:grid;overflow:hidden}.bio .panel:not(.open){border-color:#0000}.bio .panel.open{grid-template-rows:1fr}.bio .panel>div{min-height:0}.bio .panel-in{padding:18px}.bio .panel-say{font:italic 22px/1.2 var(--font-display)}.bio .picks{border-top:1px solid var(--line);margin-top:12px;list-style:none}.bio .picks a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;font-size:15px;display:flex}.bio .panel .btn{margin-top:14px}.bio .rail{scroll-snap-type:x mandatory;margin:18px calc(var(--gutter) * -1) 0;padding:0 var(--gutter) 6px;scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.bio .rail::-webkit-scrollbar{display:none}.bio .place{scroll-snap-align:start;aspect-ratio:4/5;color:var(--on-night);background:var(--night-2);flex:0 0 72%;position:relative;overflow:hidden}.bio .place img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);position:absolute;inset:0}.bio .place:hover img{transform:scale(1.05)}.bio .place:after{content:"";background:linear-gradient(180deg, transparent 45%, color-mix(in oklab, var(--shade) 82%, transparent));position:absolute;inset:0}.bio .place-txt{z-index:1;position:absolute;bottom:14px;left:16px;right:16px}.bio .place-txt b{font:400 28px/1 var(--font-display);display:block}.bio .place-txt span{color:color-mix(in oklab, var(--on-night) 85%, transparent);font-size:13px}.bio .rail-hint{color:var(--ink-2);margin-top:10px;font-size:12px}.bio .quote{background:var(--brand-black);color:var(--on-night);margin-top:52px;padding:48px 0}.bio .quote blockquote{font:400 34px/1.08 var(--font-display);letter-spacing:-.01em}.bio .quote cite{color:var(--on-night-2);margin-top:14px;font-size:13px;font-style:normal;display:block}.bio .reads{border-top:1px solid var(--line-strong);margin-top:16px;list-style:none}.bio .read{border-bottom:1px solid var(--line-strong);grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:12px 0;display:grid}.bio .read img{object-fit:cover;background:var(--paper-2);width:76px;height:76px}.bio .read b{font:400 19px/1.15 var(--font-display);display:block}.bio .read span{color:var(--ink-2);font-size:12px}.bio .tiles{gap:10px;margin-top:16px;display:grid}.bio .tile{background:var(--bio-card);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:0 18px;font-size:15px;transition:border-color .3s;display:flex}.bio .tile-gap{margin-top:12px}.bio .tile:hover{border-color:var(--ink)}.bio .tile small{color:var(--ink-2);font-size:12px;display:block}.bio details.shop{background:var(--bio-card);border:1px solid var(--line)}.bio details.shop summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:60px;padding:0 18px;font-size:15px;list-style:none;display:flex}.bio details.shop summary::-webkit-details-marker{display:none}.bio details.shop summary .plus{transition:transform .4s var(--ease)}.bio details.shop[open] summary .plus{transform:rotate(45deg)}.bio .shop-list{padding:0 18px 8px;list-style:none}.bio .shop-list a{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:14px;display:flex}.bio .shop-note{color:var(--ink-2);padding:0 18px 14px;font-size:12px}.bio .proof{border-top:1px solid var(--line-strong);text-align:center;margin-top:52px;padding-top:28px}.bio .proof-est{color:var(--ink-2)}.bio .badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:14px;display:flex}.bio .badges img{filter:grayscale();opacity:.8;width:auto;height:34px}.bio .proof p:not(.micro){color:var(--ink-2);margin-top:14px;font-size:13px}.bio-foot{background:var(--paper);padding:0 0 calc(110px + env(safe-area-inset-bottom))}.bio .foot{color:var(--ink-2);text-align:center;justify-items:center;font-size:13px;display:grid}.bio .foot a{text-underline-offset:3px;align-items:center;min-height:44px;padding:0 8px;text-decoration:underline;display:inline-flex}.bio .dock{z-index:20;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:color-mix(in oklab, var(--shade) 86%, transparent);-webkit-backdrop-filter:blur(12px);transition:transform .6s var(--ease);position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.bio .dock.show{transform:none}.bio .dock .btn{max-width:calc(var(--col) - 40px);min-height:52px;margin:0 auto}.bio .rv{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(18px)}.bio .rv.in{opacity:1;transform:none}@media (width<=359px){.bio .logo{width:96px}.bio .socials{gap:0}}@media (width>=700px){.bio .place{flex-basis:60%}}@media (prefers-reduced-motion:reduce){.bio *,.bio :before,.bio :after{transition:none!important;animation:none!important}.bio .rv{opacity:1;transform:none}}.bio .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bio .now-card{background:var(--bio-card);color:var(--ink);border:1px solid var(--line);transition:transform .5s var(--ease);margin-top:14px;display:block;overflow:hidden}.bio .now-card:hover{transform:translateY(-2px)}.bio .now-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.bio .now-txt{gap:4px;padding:16px 18px 18px;display:grid}.bio .now-k{color:var(--pink)}.bio .now-txt b{font:400 26px/1.08 var(--font-display)}.bio .now-sub{color:var(--ink-2);font-size:14px}.bio .now-btn{background:var(--ink);min-height:48px;color:var(--bio-card);justify-content:space-between;align-items:center;margin-top:10px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.bio .signup{margin-top:16px}.bio .signup-row{flex-wrap:wrap;gap:8px;display:flex}.bio .signup input{border:1px solid var(--line-strong);background:var(--bio-card);min-width:0;min-height:52px;color:var(--ink);font:inherit;border-radius:0;flex:180px;padding:0 14px;font-size:16px}.bio .signup input:focus{outline:2px solid var(--orange);outline-offset:0}.bio .signup .btn{flex:none;justify-content:center;min-height:52px}.bio .signup .btn:disabled{opacity:.6}.bio .signup-consent{color:var(--ink-2);margin-top:10px;font-size:12px}.bio .signup-err{color:var(--pink);margin-top:8px;font-size:13px}.bio .signup-done{font:italic 22px/1.2 var(--font-display);margin-top:14px}
