:root{--bg:#f4f4f4;--card:#fff;--card2:#ebebeb;--ink:#0e0e0e;--ink2:#0e0e0e8c;--ink3:#0e0e0e59;--line:#00000014;--glass:#f4f4f4a8;--hdr:clamp(56px,7vh,64px);--accent:#0e0e0e;--accent-ink:#fff;--accent-soft:#0e0e0e14;--ease:cubic-bezier(.2,.8,.25,1);--gutter:clamp(16px,4vw,48px);--frame:1400px}[data-theme=dark]{--bg:#0e0e0e;--card:#1a1a1a;--card2:#242424;--ink:#fff;--ink2:#ffffff8c;--ink3:#ffffff4d;--line:#ffffff14;--glass:#0e0e0e99;--accent:#fff;--accent-ink:#0e0e0e;--accent-soft:#ffffff1a}html,body{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}a{color:var(--ink);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input::placeholder{color:var(--ink2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes wordIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page{background:var(--bg);min-height:100dvh;color:var(--ink);padding:calc(var(--hdr) + clamp(20px,4.5vh,48px)) var(--gutter) calc(clamp(12px,2.5vh,40px) + env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;transition:background .6s,color .6s;display:flex}.page[data-fold="1"]{padding-bottom:calc(96px + env(safe-area-inset-bottom))}@media (width>=901px){.page[data-fold="1"]{padding-bottom:calc(clamp(12px,2.5vh,40px) + env(safe-area-inset-bottom))}}.frame{width:100%;max-width:var(--frame);flex-direction:column;flex:1;margin:0 auto;display:flex}.stageWrap{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;display:grid}.column{z-index:1;flex-direction:column;align-items:center;width:100%;min-width:0;max-width:1100px;display:flex;position:relative}.wordmark{height:var(--hdr);top:0;left:max(var(--gutter),calc((100vw - var(--frame)) / 2));z-index:20;letter-spacing:-.03em;background:linear-gradient(90deg,var(--ink2) 0%,var(--ink) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;font-size:clamp(24px,2.2vw,34px);font-weight:700;display:flex;position:fixed}.glass{z-index:18;pointer-events:none;background:var(--glass);backdrop-filter:blur(18px)saturate(1.4);position:fixed;left:0;right:0}.glass.top{height:var(--hdr);top:0}.glass.bottom{height:calc(64px + env(safe-area-inset-bottom));transition:opacity .4s;display:none;bottom:0}@media (width<=900px){.glass.bottom{display:block}}.hairline{background:linear-gradient(90deg,transparent 0%,var(--line) 18%,var(--line) 82%,transparent 100%);height:1px;position:absolute;left:0;right:0}.glass.top .hairline{bottom:0}.glass.bottom .hairline{top:0}.themeBtn{top:calc((var(--hdr) - 42px) / 2);z-index:20;width:42px;height:42px;color:var(--ink2);background:var(--card);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;transition:color .2s,transform .3s;display:flex;position:fixed;right:clamp(14px,3vw,28px)}.themeBtn:hover{color:var(--ink);transform:rotate(15deg)}.orbit{pointer-events:none;z-index:21;transition:opacity .5s var(--ease);position:fixed;inset:0}.orbit>*{pointer-events:auto;width:clamp(42px,2.4vw,60px);height:clamp(42px,2.4vw,60px);color:var(--ink2);touch-action:manipulation;background:0 0;border-radius:16px;place-items:center;transition:background .2s,color .2s;display:grid;position:absolute;transform:translate(-50%,-50%)}.orbit>:hover,.orbit>.on{color:var(--ink);background:var(--card2)}.orbit[data-quiet="1"]>*{pointer-events:none}.canvas{pointer-events:none;z-index:0;width:100vw;height:100vh;transition:opacity 1.2s var(--ease);position:fixed;top:0;left:0}.stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.stage.home{height:min(clamp(260px,calc(100dvh - var(--hdr) - 220px),820px),100vw)}.stage.answer{height:auto;min-height:min(clamp(260px,calc(100dvh - var(--hdr) - 220px),820px),100vw)}.stage.closed{height:0}.avatarSrc{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.answer{box-sizing:border-box;z-index:3;will-change:opacity,transform;flex-direction:column;align-items:center;gap:clamp(12px,1.6vh,20px);width:min(720px,88%);display:flex}.answer.on{opacity:1;padding:clamp(24px,5vh,48px) 0;transition:opacity .45s cubic-bezier(.2,.7,.2,1) .2s,transform .5s cubic-bezier(.2,.7,.2,1) .2s;position:relative;transform:none}.answer.off{opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;position:absolute;top:0;left:0;transform:translateY(10px)}.q{background:var(--accent-soft);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:82%;padding:clamp(7px,.6vw,10px) clamp(15px,1.3vw,20px);font-size:clamp(13px,1vw,16px);font-weight:500;overflow:hidden}.dots{gap:5px;padding:6px 14px;display:flex}.dots span{background:var(--ink2);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.reply{text-align:center;text-wrap:pretty;max-width:38em;font-size:clamp(16px,1.5vw,24px);font-weight:500;line-height:1.55}.reply span{white-space:pre;opacity:0;animation:.4s cubic-bezier(.2,.7,.2,1) both wordIn;display:inline-block}.actions{opacity:0;flex-wrap:wrap;justify-content:center;gap:clamp(8px,.7vw,12px);animation:.45s both rise;display:flex}.chip{white-space:nowrap;box-sizing:border-box;background:var(--card);border:1px solid var(--line);min-height:40px;color:var(--ink2);border-radius:999px;align-items:center;padding:clamp(9px,.8vw,12px) clamp(14px,1.3vw,22px);font-size:clamp(13px,1vw,16px);font-weight:500;transition:color .2s,border-color .2s;display:flex}.chip:hover{color:var(--ink);border-color:var(--ink2)}.ask{z-index:2;width:100%;max-width:clamp(320px,62vw,780px);max-height:400px;transition:opacity .45s var(--ease),transform .55s var(--ease),max-height .5s var(--ease);margin-top:clamp(4px,1.5vh,16px);position:relative}.ask.off{opacity:0;pointer-events:none;max-height:0;margin-top:0;overflow:hidden;transform:translateY(28px)scale(.98)}.bar{background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:clamp(6px,.6vw,9px) clamp(6px,.6vw,9px) clamp(6px,.6vw,9px) clamp(18px,2vw,28px);display:flex;box-shadow:0 24px 60px -32px #00000080}.bar input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:clamp(10px,1vw,14px) 0;font-size:clamp(16px,1.3vw,20px)}.askBtn{background:var(--accent);color:var(--accent-ink);white-space:nowrap;box-sizing:border-box;border-radius:999px;align-items:center;min-height:44px;padding:clamp(12px,1vw,16px) clamp(18px,2vw,30px);font-size:clamp(14px,1.05vw,17px);font-weight:600;transition:opacity .2s;display:flex}.askBtn:hover{opacity:.85}@media (width<=900px){.ask{max-width:90vw}}.chips{flex-wrap:wrap;justify-content:center;gap:clamp(6px,.6vw,10px);margin-top:clamp(14px,2vh,22px);display:flex}@media (width<=900px){.chips{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-left:-4px;margin-right:-4px;padding:2px 4px 6px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.chips::-webkit-scrollbar{display:none}.chips>*{flex:none}}.view{box-sizing:border-box;flex-direction:column;align-items:center;gap:clamp(20px,3.4vh,40px);width:100%;max-width:min(1480px,100%);margin:0 auto;padding:clamp(32px,5.5vh,72px) 0 0;transition:opacity .3s,transform .3s;animation:.3s fadeUp;display:flex}.view.leaving{opacity:0;pointer-events:none;transform:translateY(12px)}@media (width<=900px){.view{padding-top:28px}}.viewHead{justify-content:space-between;align-items:flex-end;gap:16px;width:100%;display:flex}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);font-size:12px}.sectionTitle{letter-spacing:-.02em;font-size:clamp(20px,1.5vw,28px);font-weight:600}.note{color:var(--ink2);margin-top:6px;font-size:14px}.back{box-sizing:border-box;background:var(--card2);min-height:40px;color:var(--ink2);border-radius:999px;flex:none;align-items:center;padding:8px 18px;font-size:13px;transition:color .2s;display:flex}.back:hover{color:var(--ink)}.back:active{transform:scale(.97)}.card{background:var(--card);box-sizing:border-box;text-wrap:pretty;border-radius:22px;flex-direction:column;gap:12px;max-width:720px;padding:28px;font-size:16px;line-height:1.6;display:flex}.profile{text-align:center;opacity:0;animation:rise .55s var(--ease) 40ms both;flex-direction:column;align-items:center;gap:clamp(12px,1.8vh,20px);display:flex}.portraitWrap{place-items:center;margin-bottom:clamp(4px,1vh,10px);display:grid;position:relative}.portrait{object-fit:cover;background:var(--card);border-radius:50%;flex:none;width:clamp(112px,13vw,184px);height:clamp(112px,13vw,184px)}.ring{border:1px solid var(--line);border-radius:50%;animation:30s linear infinite spin;position:absolute;inset:clamp(-22px,-1.6vw,-13px)}.ring:before,.ring:after{content:"";background:var(--ink3);border-radius:50%;position:absolute}.ring:before{background:var(--ink2);width:7px;height:7px;top:-3.5px;left:calc(50% - 3.5px)}.ring:after{width:4px;height:4px;bottom:4%;left:12%}.pName{letter-spacing:-.038em;text-wrap:balance;margin:0;font-size:clamp(32px,4.6vw,68px);font-weight:600;line-height:1}.pRole{max-width:44ch;color:var(--ink2);text-wrap:pretty;font-size:clamp(13px,1vw,17px)}.lead{letter-spacing:-.022em;text-align:center;text-wrap:balance;opacity:0;max-width:min(780px,92%);animation:rise .55s var(--ease) .13s both;margin:clamp(4px,1.4vh,16px) 0 0;font-size:clamp(19px,2.1vw,32px);font-weight:500;line-height:1.34}.notes{border-top:1px solid var(--line);opacity:0;width:100%;max-width:1100px;animation:rise .55s var(--ease) .22s both;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,48px);padding-top:clamp(20px,3.2vh,38px);display:grid}.nIdx{letter-spacing:.09em;color:var(--ink3);font-size:12px}.nTitle{letter-spacing:-.012em;margin-top:10px;font-size:clamp(15px,1.05vw,18px);font-weight:600}.nBody{color:var(--ink2);text-wrap:pretty;margin:8px 0 0;font-size:clamp(13px,.92vw,15px);line-height:1.62}@media (width<=900px){.notes{grid-template-columns:1fr;gap:26px}}@media (prefers-reduced-motion:reduce){.ring{animation:none}.profile,.lead,.notes{opacity:1;animation:none}}.panels{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(10px,1vw,20px);width:100%;max-width:1100px;display:grid}.panel{background:var(--card);box-sizing:border-box;border-radius:22px;flex-direction:column;gap:12px;padding:clamp(18px,1.6vw,28px);display:flex}.pLabel{letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);font-size:12px}.panel ul{text-wrap:pretty;flex-direction:column;gap:8px;margin:0;padding:0;font-size:15px;line-height:1.5;list-style:none;display:flex}.legal{max-width:64ch;color:var(--ink3);text-align:center;font-size:12px;line-height:1.7}.linkBento{grid-template-columns:repeat(3,1fr);gap:clamp(10px,1vw,20px);width:100%;max-width:1100px;display:grid}.linkTile{background:var(--card);min-height:clamp(118px,15vh,168px);color:var(--ink3);box-sizing:border-box;transition:background .25s,transform .25s var(--ease);border-radius:22px;flex-direction:column;justify-content:space-between;gap:clamp(14px,2vh,28px);padding:clamp(16px,1.6vw,28px);display:flex;position:relative;overflow:hidden}.linkTile:hover{background:var(--card2);transform:translateY(-4px)}.linkTile:active{background:var(--card2);transform:scale(.985)}.ghost{aspect-ratio:1;width:62%;height:auto;color:var(--ink);opacity:.07;pointer-events:none;transition:opacity .25s;position:absolute;bottom:-26%;right:-7%}.linkTile:hover .ghost{opacity:.13}.ghost[data-fill="1"]{opacity:.055}.linkTile:hover .ghost[data-fill="1"]{opacity:.1}.linkTile .arrow{align-self:flex-end;position:relative}.lCopy{color:var(--ink);flex-direction:column;gap:4px;display:flex;position:relative}.lName{letter-spacing:-.02em;font-size:clamp(17px,1.15vw,22px);font-weight:600}.lValue{color:var(--ink2);overflow-wrap:anywhere;font-size:clamp(12px,.8vw,14px)}@media (width<=900px){.linkBento{grid-template-columns:1fr 1fr}}@media (width<=560px){.linkBento{grid-template-columns:1fr}}.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(clamp(120px,17vh,200px),auto);gap:clamp(10px,1vw,20px);width:100%;display:grid}@media (width>=901px){.bento{grid-auto-rows:minmax(clamp(140px,19vh,230px),auto)}}.tile{background:var(--card);min-height:0;color:var(--ink3);box-sizing:border-box;user-select:none;touch-action:manipulation;transition:background .25s,transform .25s var(--ease);border-radius:22px;flex-direction:column;justify-content:space-between;gap:clamp(12px,2vh,32px);padding:clamp(16px,1.6vw,32px);display:flex;position:relative;overflow:hidden}.tile:hover{background:var(--card2);transform:translateY(-4px)}.tile:active{background:var(--card2);transform:scale(.985)}.tile svg{align-self:flex-end}.tileCopy{color:var(--ink);flex-direction:column;gap:clamp(4px,.6vh,10px);display:flex}.tName{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(19px,1.45vw,30px);font-weight:600}.tTag{letter-spacing:-.01em;text-wrap:pretty;font-size:clamp(13px,.95vw,18px);font-weight:500}.tDesc{-webkit-line-clamp:var(--lines,3);max-width:36ch;color:var(--ink2);text-wrap:pretty;-webkit-box-orient:vertical;font-size:clamp(12px,.85vw,15px);line-height:1.55;display:-webkit-box;overflow:hidden}.tDomain{color:var(--ink3);margin-top:2px;font-size:clamp(11px,.75vw,14px)}.tile:first-child{grid-area:span 2/span 2}.tile:nth-child(2),.tile:last-child{grid-column:span 2}.tile:first-child .tName{font-size:clamp(26px,2.6vw,48px)}.tile:first-child .tDesc{--lines:4;max-width:48ch;font-size:clamp(13px,.95vw,17px)}.tile:nth-child(2) .tDesc{--lines:2;max-width:none}.tile:not(:first-child):not(:nth-child(2)):not(:last-child) .tDesc{display:none}@media (width>=901px){.bento:has(.tile:nth-child(5):last-child) .tile:last-child{grid-column:span 4}.bento:has(.tile:nth-child(5):last-child) .tile:last-child .tDesc{--lines:2;max-width:none}}@media (width<=1100px){.tile .tDesc{display:none}.tile:first-child .tDesc{display:-webkit-box}}@media (width<=900px){.bento{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.tile:first-child{grid-area:span 1/span 2}.tile:nth-child(2),.tile:last-child{grid-column:span 2}.tile:first-child .tName{font-size:26px}}@media (width<=560px){.bento{grid-template-columns:1fr}.tile:first-child,.tile:nth-child(2),.tile:last-child{grid-column:span 1}}
