:root{--bg:#f7f8fa;--surface:#fff;--line:#e3e7ee;--line-2:#cbd2de;--ink:#0f1626;--ink-2:#4b5468;--ink-3:#8a93a6;--accent:#7c5cff;--accent-ink:#5b3de0;--accent-soft:#7c5cff1f;--magenta:#ff3d8a;--magenta-soft:#ff3d8a1f;--yellow:#ffd233;--yellow-soft:#ffd23338;--grid:#0f16260d;--font-display:"Bricolage Grotesque","DM Sans",system-ui,sans-serif;--font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--radius:20px;--radius-sm:12px;--pad-x:clamp(1.25rem,5vw,4rem);--max:1200px;--nav-h:64px;--ease:cubic-bezier(0.22,1,0.36,1);--shadow:0 1px 2px #0f16260a,0 12px 32px -12px #0f16261f;--shadow-lg:0 2px 6px #0f16260d,0 32px 64px -24px #0f162638}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:#f7f8fa;background:var(--bg);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f1626;color:var(--ink);font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;overflow-x:hidden}body:before{background-image:linear-gradient(#0f16260d 1px,#0000 0),linear-gradient(90deg,#0f16260d 1px,#0000 0);background-image:linear-gradient(var(--grid) 1px,#0000 1px),linear-gradient(90deg,var(--grid) 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0,#000 20%,#0000 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0,#000 20%,#0000 100%);z-index:-2}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed}body:after{background:radial-gradient(640px 420px at 8% -5%,#7c5cff29,#0000 65%),radial-gradient(520px 420px at 100% 105%,#ff3d8a1a,#0000 65%);z-index:-1}a{text-decoration:none}a,button{color:inherit}button{background:none;border:0;cursor:pointer;font:inherit}img{display:block;height:auto;max-width:100%}ul{list-style:none}::selection{background:#7c5cff1f;background:var(--accent-soft);color:#0f1626;color:var(--ink)}:focus-visible{border-radius:4px;outline:2px solid #7c5cff;outline:2px solid var(--accent);outline-offset:3px}.container{margin:0 auto;max-width:1200px;max-width:var(--max);padding:0 clamp(1.25rem,5vw,4rem);padding:0 var(--pad-x);width:100%}.section{padding:clamp(5rem,10vw,8.5rem) 0;scroll-margin-top:64px;scroll-margin-top:var(--nav-h)}.t-display{font-family:Bricolage Grotesque,DM Sans,system-ui,sans-serif;font-family:var(--font-display);font-variation-settings:"opsz" 96;font-weight:700;letter-spacing:-.03em;line-height:1.02}.t-section{font-size:clamp(2.2rem,4.6vw,3.6rem)}.eyebrow,.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono)}.eyebrow{align-items:center;color:#4b5468;color:var(--ink-2);display:inline-flex;font-size:.72rem;font-weight:500;gap:.55rem;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{background:#7c5cff;background:var(--accent);border-radius:2px;content:"";flex:none;height:8px;width:8px}.tag{background:#fff;background:var(--surface);border:1px solid #e3e7ee;border:1px solid var(--line);border-radius:999px;color:#4b5468;color:var(--ink-2);font-size:.72rem;letter-spacing:.02em;padding:.3rem .6rem;white-space:nowrap}.link-arrow,.tag{align-items:center;display:inline-flex;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono)}.link-arrow{border-bottom:1px solid #cbd2de;border-bottom:1px solid var(--line-2);color:#0f1626;color:var(--ink);font-size:.82rem;font-weight:500;gap:.4rem;padding-bottom:2px;transition:border-color .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1);transition:border-color .25s var(--ease),color .25s var(--ease)}.link-arrow svg{height:14px;transition:transform .3s cubic-bezier(.22,1,.36,1);transition:transform .3s var(--ease);width:14px}.link-arrow:hover{border-color:#7c5cff;border-color:var(--accent);color:#5b3de0;color:var(--accent-ink)}.link-arrow:hover svg{transform:translate(2px,-2px)}.btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #cbd2de;border:1px solid var(--line-2);border-radius:999px;color:#0f1626;color:var(--ink);display:inline-flex;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:500;gap:.5rem;padding:.7rem 1.1rem;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .25s,background .25s,color .25s;transition:transform .3s var(--ease),border-color .25s,background .25s,color .25s}.btn:hover{transform:translateY(-2px)}.btn-primary,.btn:hover{border-color:#0f1626;border-color:var(--ink)}.btn-primary{background:#0f1626;background:var(--ink);color:#fff}.btn-primary:hover{background:#5b3de0;background:var(--accent-ink);border-color:#5b3de0;border-color:var(--accent-ink)}.btn svg{height:15px;width:15px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important}}.App{min-height:100vh;padding-bottom:96px}.nav-progress{background:var(--accent);height:2px;transform-origin:0 50%;z-index:60}.nav-progress,.nav-top{left:0;position:fixed;right:0;top:0}.nav-top{border-bottom:1px solid #0000;height:var(--nav-h);transition:background .3s,border-color .3s;z-index:50}.nav-top.is-scrolled{-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);background:#f7f8fac7;border-color:var(--line)}.nav-top-inner{align-items:center;display:flex;height:100%;justify-content:space-between}.nav-brand{align-items:center;display:inline-flex;font-size:.85rem;font-weight:500;gap:.55rem;letter-spacing:.14em}.nav-brand-dot{animation:nav-blink 2.4s ease-in-out infinite;background:var(--accent);border-radius:3px;height:10px;width:10px}@keyframes nav-blink{0%,to{opacity:1}50%{opacity:.35}}.nav-cta{padding:.55rem .95rem}.nav-modes{bottom:max(16px,env(safe-area-inset-bottom));left:50%;max-width:calc(100vw - 1.5rem);position:fixed;transform:translateX(-50%);z-index:50}.nav-modes ul{-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);background:#ffffff8c;border:1px solid #0f162614;border-radius:999px;box-shadow:0 10px 30px -14px #0f162647;display:flex;gap:2px;overflow-x:auto;padding:4px;scrollbar-width:none}.nav-modes ul::-webkit-scrollbar{display:none}.nav-mode{align-items:center;border-radius:999px;color:var(--ink-2);display:inline-flex;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;padding:.55rem .95rem;position:relative;text-transform:uppercase;transition:color .25s;white-space:nowrap}.nav-mode.is-active,.nav-mode:hover{color:var(--ink)}.nav-mode-pill{background:var(--yellow);border-radius:999px;inset:0;position:absolute}.nav-mode-label{position:relative;z-index:1}.nav-mode:focus-visible{outline-color:var(--accent)}@media (max-width:640px){.nav-mode{font-size:.66rem;padding:.5rem .7rem}.nav-modes ul{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);padding:4px 14px}}.hero{display:flex;min-height:100svh;padding:calc(var(--nav-h) + 2rem) 0 3rem;position:relative}.hero,.hero-grid{align-items:center}.hero-grid{grid-column-gap:clamp(2rem,5vw,5rem);grid-row-gap:1.4rem;column-gap:clamp(2rem,5vw,5rem);display:grid;grid-template-areas:"top scene" "bottom scene";grid-template-columns:1.05fr .95fr;row-gap:1.4rem}.hero-copy{display:flex;flex-direction:column;gap:1.4rem}.hero-copy--top{align-self:end;grid-area:top}.hero-copy--bottom{align-self:start;grid-area:bottom}.hero-scene{grid-area:scene}.hero-name{font-size:clamp(3.4rem,9vw,7.2rem);font-weight:800;letter-spacing:-.045em;line-height:.95}.hero-name-line{display:block;margin-bottom:-.08em;overflow:hidden;padding-bottom:.08em}.hero-name-line>span{display:inline-block}.hero-sub{font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:600;letter-spacing:-.02em;line-height:1.25;max-width:24ch}.hero-sub em{color:var(--accent-ink);font-style:normal;position:relative;white-space:nowrap}.hero-sub em:after{background:var(--yellow);border-radius:2px;bottom:-.05em;content:"";height:.16em;left:0;position:absolute;right:0;z-index:-1}.hero-body{color:var(--ink-2);max-width:54ch}.hero-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:.25rem}.hero-scene{align-items:center;display:flex;flex-direction:column;gap:1rem}.scene{aspect-ratio:2/3;background:#e9e4d8;border-radius:24px;box-shadow:var(--shadow-lg);isolation:isolate;max-height:76vh;max-width:440px;overflow:hidden;position:relative;width:100%}.scene-img{height:100%;object-fit:cover;width:100%}.scene-vignette{background:linear-gradient(0deg,#0f162661,#0000 42%);inset:0;pointer-events:none;position:absolute}.scene-scan{background:var(--accent);box-shadow:0 0 18px 4px #7c5cffa6;height:2px;left:0;position:absolute;right:0;z-index:4}.scene-box{border:2px solid var(--c);border-radius:4px;position:absolute;z-index:3}.scene-box.tone-accent{--c:var(--accent)}.scene-box.tone-magenta{--c:var(--magenta)}.scene-box.tone-yellow{--c:var(--yellow)}.scene-tag{background:var(--c);border-radius:4px 4px 4px 0;color:var(--ink);font-size:.68rem;font-weight:500;left:-2px;padding:.2rem .45rem;position:absolute;top:-2px;transform:translateY(-100%);white-space:nowrap}.scene-tag b{font-weight:500;opacity:.7}.scene-box.tone-yellow .scene-tag{border-radius:4px 4px 0 4px;left:auto;right:-2px}.scene-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:14px;bottom:14px;box-shadow:var(--shadow);left:14px;padding:.9rem 1rem;position:absolute;right:14px;z-index:5}.scene-caption-eyebrow{color:var(--accent-ink);display:block;font-size:.64rem;letter-spacing:.14em;margin-bottom:.35rem;text-transform:uppercase}.scene-caption p{font-size:.95rem;line-height:1.45}.scene-status{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1626c7;border-radius:999px;bottom:14px;color:#fff;display:inline-flex;font-size:.66rem;gap:.45rem;letter-spacing:.08em;padding:.3rem .6rem;position:absolute;right:14px;z-index:5}.scene-status-dot{background:#fff6;border-radius:50%;height:6px;width:6px}.scene-status-dot.is-on{animation:scene-pulse 1.6s ease-in-out infinite;background:var(--accent)}@keyframes scene-pulse{0%,to{box-shadow:0 0 0 3px #7c5cff40}50%{box-shadow:0 0 0 6px #7c5cff0d}}.scene-toggle{background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);display:inline-flex;gap:2px;padding:4px}.scene-toggle-btn{border-radius:999px;color:var(--ink-2);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;padding:.5rem 1rem;position:relative;text-transform:uppercase;transition:color .25s}.scene-toggle-btn.is-active{color:#fff}.scene-toggle-pill{background:var(--ink);border-radius:999px;inset:0;position:absolute}.scene-toggle-label{position:relative;z-index:1}@media (max-width:900px){.hero{padding-top:calc(var(--nav-h) + 1rem)}.hero-grid{grid-template-areas:"top" "scene" "bottom";grid-template-columns:1fr;row-gap:2rem}.hero-copy--bottom,.hero-copy--top{align-self:auto}.hero-scene{align-items:flex-start}.scene{max-height:60vh;max-width:340px}.hero-name{font-size:clamp(3rem,14vw,5rem)}}.sh{display:flex;flex-direction:column;gap:1rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.sh--center{align-items:center;text-align:center}.sh-title{max-width:18ch}.sh--center .sh-title{max-width:22ch}.sh-word{display:inline-block;margin-bottom:-.12em;margin-right:.26em;overflow:hidden;padding-bottom:.12em;vertical-align:bottom}.sh-word:last-child{margin-right:0}.sh-lede{color:var(--ink-2);font-size:1.05rem;max-width:56ch}.has-corners{position:relative}.corners{inset:0;pointer-events:none;position:absolute;z-index:3}.corners i{border:2px solid var(--accent);height:12px;opacity:0;position:absolute;transition:opacity .25s var(--ease),transform .4s var(--ease);width:12px}.corners i:first-child{border-bottom:0;border-right:0;left:10px;top:10px;transform:translate(8px,8px)}.corners i:nth-child(2){border-bottom:0;border-left:0;right:10px;top:10px;transform:translate(-8px,8px)}.corners i:nth-child(3){border-right:0;border-top:0;bottom:10px;left:10px;transform:translate(8px,-8px)}.corners i:nth-child(4){border-left:0;border-top:0;bottom:10px;right:10px;transform:translate(-8px,-8px)}.has-corners:focus-visible .corners i,.has-corners:focus-within .corners i,.has-corners:hover .corners i{opacity:1;transform:translate(0)}.about-grid{grid-gap:clamp(2rem,6vw,6rem);align-items:start;display:grid;gap:clamp(2rem,6vw,6rem);grid-template-columns:5fr 7fr}.about-pull{position:sticky;top:calc(var(--nav-h) + 2rem)}.about-quote{border-left:3px solid var(--accent);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;padding-left:1.25rem}.about-text{display:flex;flex-direction:column;gap:1.35rem}.about-p{color:var(--ink-2);font-size:1.08rem}.about-p strong{color:var(--ink);font-weight:600}@media (max-width:900px){.about-grid{grid-template-columns:1fr}.about-pull{position:static}}.skills-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.skills-filter{align-items:center;background:var(--surface);border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);display:inline-flex;font-family:var(--font-mono);font-size:.76rem;gap:.5rem;letter-spacing:.06em;padding:.55rem .95rem;position:relative;text-transform:uppercase;transition:color .25s,border-color .25s}.skills-filter:hover{border-color:var(--ink);color:var(--ink)}.skills-filter.is-active{border-color:var(--ink);color:#fff}.skills-filter-pill{background:var(--ink);border-radius:999px;inset:-1px;position:absolute}.skills-filter-count,.skills-filter-label{position:relative;z-index:1}.skills-filter-count{font-size:.66rem;opacity:.6}.skills-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.skill{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.1rem 1rem;transition:border-color .25s,transform .3s var(--ease),box-shadow .3s}.skill:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.skill-icon{color:var(--accent-ink);display:flex;font-size:1.5rem}.skill-name{font-size:.98rem;font-weight:600;letter-spacing:-.01em}.skill-cat{color:var(--ink-3);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.skills-count{color:var(--ink-3);font-size:.72rem;letter-spacing:.08em;margin-top:1.25rem}.exp-list{padding-left:2.25rem;position:relative}.exp-rail{background:var(--line-2);left:7px;position:absolute;top:0;width:2px}.exp-rail,.exp-rail-fg{border-radius:2px;height:100%}.exp-rail-fg{background:var(--accent);transform-origin:top;width:100%}.exp-row{border-bottom:1px solid var(--line);position:relative}.exp-row:first-child{border-top:1px solid var(--line)}.exp-dot{border:2px solid var(--bg);border-radius:50%;box-shadow:0 0 0 1px var(--line-2);height:12px;left:calc(-2.25rem + 2px);position:absolute;top:1.85rem;width:12px;z-index:1}.exp-row.is-open .exp-dot{box-shadow:0 0 0 4px var(--accent-soft)}.exp-head{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:180px 1fr auto;padding:1.4rem 0;text-align:left;width:100%}.exp-period{color:var(--ink-3);font-size:.74rem;letter-spacing:.06em}.exp-main{display:flex;flex-direction:column;gap:.2rem}.exp-company{font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600;letter-spacing:-.02em;transition:color .25s}.exp-head:hover .exp-company{color:var(--accent-ink)}.exp-role{color:var(--ink-2)}.exp-meta{align-items:center;display:flex;gap:.9rem}.exp-type--current{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.exp-plus{align-items:center;border:1px solid var(--line-2);border-radius:50%;color:var(--ink);display:inline-flex;font-family:var(--font-mono);font-size:1.1rem;height:34px;justify-content:center;line-height:1;transition:border-color .25s,background .25s;width:34px}.exp-head:hover .exp-plus{border-color:var(--ink)}.exp-row.is-open .exp-plus{background:var(--ink);border-color:var(--ink);color:#fff}.exp-panel{overflow:hidden}.exp-panel p{color:var(--ink-2);margin-left:calc(180px + 1.5rem);max-width:64ch;padding:0 0 1.6rem}@media (max-width:760px){.exp-head{gap:.5rem 1rem;grid-template-columns:1fr auto}.exp-period{grid-column:1/-1}.exp-panel p{margin-left:0}.exp-type{display:none}}.proj-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr)}.proj{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:.7rem;grid-column:span 2;padding:1.5rem;transition:border-color .25s,box-shadow .3s}.proj:focus-visible,.proj:hover{border-color:var(--accent);box-shadow:var(--shadow-lg)}.proj--featured{background:linear-gradient(145deg,color-mix(in srgb,var(--pc) 10%,var(--surface)),var(--surface) 60%);grid-column:span 3}.proj-top{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.proj-icon{align-items:center;background:color-mix(in srgb,var(--pc) 16%,#fff);border:1px solid color-mix(in srgb,var(--pc) 30%,#fff);border-radius:14px;display:inline-flex;font-size:1.5rem;height:52px;justify-content:center;transition:transform .4s var(--ease);width:52px}.proj:hover .proj-icon{transform:rotate(-6deg) scale(1.06)}.proj-icon--lg{flex:none;font-size:2rem;height:68px;width:68px}.proj-badge{background:var(--magenta-soft);border-color:var(--magenta);color:var(--magenta);font-weight:500}.proj-title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.proj--featured .proj-title{font-size:clamp(1.5rem,2.4vw,2rem)}.proj-sub{line-height:1.4}.proj-desc,.proj-sub{color:var(--ink-2);font-size:.95rem}.proj-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.proj--featured .proj-desc{-webkit-line-clamp:4}.proj-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.4rem}.tag--more{color:var(--ink-3)}.proj-open{align-items:center;color:var(--accent-ink);display:inline-flex;font-size:.74rem;gap:.35rem;letter-spacing:.08em;margin-top:.3rem;text-transform:uppercase}.proj-open svg{height:13px;transition:transform .3s var(--ease);width:13px}.proj:hover .proj-open svg{transform:translate(2px,-2px)}.proj-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f16268c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:80}.proj-modal{border-radius:24px;box-shadow:var(--shadow-lg);max-height:min(88vh,100%);overflow:auto;padding:clamp(1.5rem,4vw,2.5rem);position:relative;width:min(760px,100%)}.proj-close,.proj-modal{background:var(--surface)}.proj-close{align-items:center;border:1px solid var(--line-2);border-radius:50%;display:flex;font-size:1.4rem;height:38px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:border-color .25s,transform .3s var(--ease);width:38px}.proj-close:hover{border-color:var(--ink);transform:rotate(90deg)}.proj-modal-head{align-items:flex-start;display:flex;gap:1.25rem;margin-bottom:1.25rem;padding-right:3rem}.proj-modal-title{font-size:clamp(1.6rem,3vw,2.3rem);margin:.2rem 0 .3rem}.proj-modal-desc{color:var(--ink-2);margin-bottom:1.4rem}.proj-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.4rem}.proj-stat{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1rem}.proj-stat b{color:var(--ink);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.proj-stat span{color:var(--ink-3);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.proj-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}@media (min-width:961px){.proj--wide{grid-column-gap:2.5rem;grid-row-gap:.7rem;align-items:start;column-gap:2.5rem;display:grid;grid-column:span 6;grid-template-areas:"top desc" "title desc" "sub desc" "tags open";grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding:2rem;row-gap:.7rem}.proj--wide .proj-top{grid-area:top}.proj--wide .proj-title{font-size:clamp(1.8rem,2.8vw,2.4rem);grid-area:title}.proj--wide .proj-sub{font-size:1.02rem;grid-area:sub}.proj--wide .proj-desc{-webkit-line-clamp:7;font-size:.98rem;grid-area:desc}.proj--wide .proj-tags{align-self:end;grid-area:tags;margin-top:.5rem}.proj--wide .proj-open{align-self:end;grid-area:open;justify-self:end;margin-top:0}}@media (max-width:960px){.proj,.proj--featured{grid-column:span 3}}@media (max-width:620px){.proj,.proj--featured{grid-column:span 6}.proj-modal-head{flex-direction:column;gap:.8rem;padding-right:0;padding-top:2.25rem}}.learn-grid{grid-gap:clamp(2rem,5vw,4rem);align-items:start;display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:1fr 1fr}.learn-col-title{border-bottom:1px solid var(--line);color:var(--ink-3);font-size:.72rem;letter-spacing:.14em;margin-bottom:1rem;padding-bottom:.75rem;text-transform:uppercase}.learn-list{display:flex;flex-direction:column;gap:.75rem}.learn-item{grid-gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);display:grid;gap:1rem;grid-template-columns:44px 1fr;padding:1.1rem 1.2rem;transition:border-color .25s,transform .3s var(--ease)}.learn-item:hover{border-color:var(--accent);transform:translateX(4px)}.learn-badge{align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;display:flex;font-size:1.3rem;height:44px;justify-content:center;overflow:hidden;width:44px}.learn-badge img{border-radius:3px;height:20px;object-fit:cover;width:28px}.learn-period{color:var(--ink-3);font-size:.7rem;letter-spacing:.08em}.learn-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:-.015em;margin:.15rem 0 .1rem}.learn-sub{color:var(--ink-2);font-size:.92rem}.learn-desc{color:var(--ink-2);font-size:.9rem;margin-top:.4rem}@media (max-width:860px){.learn-grid{grid-template-columns:1fr}}.gal .sh{margin-bottom:1.5rem}.gal-viewport{cursor:grab;overflow:hidden;padding:1.5rem 0 2rem}.gal-viewport:active{cursor:grabbing}.gal-track{display:flex;gap:1.5rem;padding:0 var(--pad-x);width:max-content}.gal-card{flex:none;width:260px}.gal-card--wide{width:440px}.gal-card.gal-card--wide img{aspect-ratio:16/9}.gal-card figure{background:#fff;border-radius:6px;box-shadow:0 1px 2px #0f16260f,0 18px 40px -18px #0f16264d;padding:12px 12px 14px}.gal-card img{aspect-ratio:1;border-radius:2px;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.gal-card figcaption{color:var(--ink-2);display:flex;flex-direction:column;font-size:.72rem;gap:.1rem;line-height:1.4;margin-top:.7rem}.gal-card figcaption span{color:var(--ink-3)}@media (max-width:640px){.gal-card{width:220px}.gal-card--wide{width:300px}}.foot{border-top:1px solid var(--line);margin-top:2rem;padding:clamp(4rem,8vw,7rem) 0 2rem}.foot-top{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.foot-title{font-size:clamp(2.6rem,7vw,5.5rem)}.foot-mail{align-items:center;color:var(--accent-ink);display:inline-flex;font-size:clamp(1.1rem,2.6vw,1.9rem);font-weight:600;gap:.6rem;letter-spacing:-.02em;width:fit-content;word-break:break-all}.foot-mail svg{flex:none;height:.8em;transition:transform .3s var(--ease);width:.8em}.foot-mail:hover svg{transform:translate(4px,-4px)}.foot-bottom{align-items:center;border-top:1px solid var(--line);gap:1rem;justify-content:space-between;padding-top:1.5rem}.foot-bottom,.foot-links{display:flex;flex-wrap:wrap}.foot-links{gap:1.25rem}.foot-meta{color:var(--ink-3);font-size:.72rem;letter-spacing:.06em}.gp-page{color:var(--ink);min-height:100vh;padding-top:60px}.gp-container{margin:0 auto;max-width:1100px}.gp-section{padding:6rem 2rem;position:relative}.gp-section+.gp-section{border-top:1px solid var(--line)}.gp-nav{border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:background .3s ease,border-color .3s ease;z-index:100}.gp-nav--scrolled{-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);background:#f7f8fac7;border-bottom-color:var(--line)}.gp-nav-inner{align-items:center;display:flex;gap:1.25rem;margin:0 auto;max-width:1100px;padding:.75rem 2rem}.gp-back-btn{align-items:center;background:var(--surface);border:1px solid var(--line-2);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-mono);font-size:.78rem;font-weight:500;gap:.4rem;padding:.45rem .95rem;transition:border-color .2s ease,transform .3s var(--ease);white-space:nowrap}.gp-back-btn:hover{border-color:var(--ink);transform:translateY(-1px)}.gp-nav-brand{color:var(--ink);flex-shrink:0;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.gp-nav-links{align-items:center;display:flex;flex-wrap:nowrap;gap:.2rem;overflow-x:auto;scrollbar-width:none}.gp-nav-links::-webkit-scrollbar{display:none}.gp-nav-link{background:none;border:none;border-radius:999px;color:var(--ink-2);cursor:pointer;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.08em;padding:.4rem .75rem;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.gp-nav-link:hover{background:var(--accent-soft);color:var(--ink)}.gp-nav-link--active{background:var(--yellow);color:var(--ink)}.gp-section-label{align-items:center;color:var(--ink-2);display:inline-flex;font-family:var(--font-mono);font-size:.72rem;font-weight:500;gap:.55rem;letter-spacing:.14em;margin-bottom:1rem;text-transform:uppercase}.gp-section-label:before{background:var(--accent);border-radius:2px;content:"";flex:none;height:8px;width:8px}.gp-section-h2{color:var(--ink);font-family:var(--font-display);font-size:2.6rem;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:1.25rem}.gp-section-intro{color:var(--ink-2);font-size:1.05rem;line-height:1.8;margin-bottom:3rem;max-width:820px}.gp-btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.82rem;font-weight:500;gap:.5rem;padding:.75rem 1.4rem;text-decoration:none;transition:transform .3s var(--ease),background .25s,border-color .25s,color .25s}.gp-btn--primary{background:var(--ink);border-color:var(--ink);color:#fff}.gp-btn--primary:hover{background:var(--accent-ink);border-color:var(--accent-ink);transform:translateY(-2px)}.gp-btn--ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink)}.gp-btn--ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.gp-btn--loading,.gp-btn--loading:hover{cursor:wait;opacity:.6;transform:none}.gp-pill{border:1px solid var(--line);border-radius:999px;color:var(--ink-2);display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.03em;padding:.3rem .7rem}.gp-card,.gp-pill{background:var(--surface)}.gp-card{border:1px solid var(--line);border-radius:20px;padding:1.75rem;transition:transform .3s var(--ease),border-color .25s,box-shadow .3s}.gp-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.gp-card--featured{background:linear-gradient(145deg,var(--accent-soft),var(--surface) 65%);border-color:#7c5cff59}.gp-card--featured:hover{border-color:var(--accent)}.gp-card-emoji{display:block;font-size:2rem;margin-bottom:.75rem}.gp-card-title{color:var(--ink);font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.015em;margin-bottom:.6rem}.gp-card-text{color:var(--ink-2);font-size:.92rem;line-height:1.75}.gp-2x2-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.gp-3-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.gp-4-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-top:2.5rem}.gp-fullwidth-img-wrap{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);margin-bottom:2.5rem;overflow:hidden}.gp-fullwidth-img{display:block;height:auto;width:100%}.gp-img-caption{background:var(--bg);border-top:1px solid var(--line);color:var(--ink-3);flex-shrink:0;font-family:var(--font-mono);font-size:.74rem;line-height:1.6;padding:.75rem 1rem;text-align:center}.gp-insight-box{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;color:var(--ink-2);font-size:.95rem;line-height:1.8;margin-top:2rem;padding:1.25rem 1.5rem}.gp-insight-box strong{color:var(--accent-ink)}.gp-hero{align-items:center;display:flex;min-height:calc(100vh - 60px);padding:4rem 2rem}.gp-hero-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;width:100%}.gp-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.gp-hero-h1{display:block;font-family:var(--font-display);font-size:3.4rem;font-weight:700;letter-spacing:-.035em;line-height:1.05;margin-bottom:1.5rem}.gp-h1-main{color:var(--ink);display:block;font-size:5rem;font-weight:800;letter-spacing:-.045em;line-height:.95;margin-bottom:.35rem}.gp-h1-muted{color:var(--ink-3);display:block;font-size:2rem;font-weight:500}.gp-h1-accent{color:var(--accent-ink);display:inline-block;font-size:2.4rem;font-weight:700;position:relative}.gp-h1-accent:after{background:var(--yellow);border-radius:2px;bottom:-.02em;content:"";height:.16em;left:0;position:absolute;right:0;z-index:-1}.gp-hero-desc{color:var(--ink-2);font-size:1.05rem;line-height:1.8;margin-bottom:2rem;max-width:500px}.gp-hero-btns{display:flex;flex-wrap:wrap;gap:1rem}.gp-hero-right{align-items:center;display:flex;flex-direction:column;gap:2rem}.gp-iphone{flex-shrink:0;margin:0 auto;position:relative;transition:transform .4s var(--ease);width:320px}.gp-iphone:hover{transform:translateY(-8px) rotate(-1deg)}.gp-iphone-btn-mute,.gp-iphone-btn-side,.gp-iphone-btn-vol-1,.gp-iphone-btn-vol-2{background:linear-gradient(180deg,#48484a,#5a5a5c 50%,#48484a);position:absolute;width:5px;z-index:2}.gp-iphone-btn-side{border-radius:0 5px 5px 0;box-shadow:3px 0 6px #0f162640;height:80px;right:-5px;top:150px}.gp-iphone-btn-mute{border-radius:5px 0 0 5px;box-shadow:-3px 0 6px #0f162640;height:30px;left:-5px;top:78px}.gp-iphone-btn-vol-1{top:128px}.gp-iphone-btn-vol-1,.gp-iphone-btn-vol-2{border-radius:5px 0 0 5px;box-shadow:-3px 0 6px #0f162640;height:48px;left:-5px}.gp-iphone-btn-vol-2{top:190px}.gp-iphone-frame{background:linear-gradient(145deg,#ffffff12,#0000 35%,#ffffff08),linear-gradient(180deg,#2e2e30,#1a1a1c 25%,#161618 60%,#2a2a2c);border-radius:52px;box-shadow:inset 0 1px 0 #ffffff29,inset 1px 0 0 #ffffff17,inset 0 -1px 0 #ffffff0a,inset -1px 0 0 #ffffff0a,0 0 0 1px #0f162699,0 0 0 2.5px #48484a80,0 32px 80px -16px #0f162673,0 12px 32px -8px #0f16264d,0 0 60px #7c5cff2e;padding:10px 15px 22px;position:relative;transition:box-shadow .4s var(--ease)}.gp-iphone:hover .gp-iphone-frame{box-shadow:inset 0 1px 0 #ffffff2e,inset 1px 0 0 #ffffff1a,inset 0 -1px 0 #ffffff0d,inset -1px 0 0 #ffffff0d,0 0 0 1px #0f162699,0 0 0 2.5px #48484a80,0 48px 100px -20px #0f162680,0 20px 48px -10px #0f162652,0 0 80px #7c5cff47}.gp-iphone-screen{background:#050508;border-radius:40px;box-shadow:inset 0 0 0 1px #ffffff0a;overflow:hidden;position:relative}.gp-iphone-screen:after{background:linear-gradient(130deg,#ffffff0f,#ffffff05 25%,#0000 50%);border-radius:40px;content:"";inset:0;pointer-events:none;position:absolute;z-index:6}.gp-iphone-island{background:#000;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff0a,0 2px 8px #0009;height:24px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:96px;z-index:10}.gp-hero-img{display:block;height:auto;width:100%}.gp-iphone-home-bar{background:#ffffff38;border-radius:999px;height:5px;margin:14px auto 2px;width:126px}.gp-meta-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;max-width:360px;width:100%}.gp-meta-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem;transition:border-color .25s,transform .3s var(--ease)}.gp-meta-item:hover{border-color:var(--accent);transform:translateY(-2px)}.gp-meta-val{color:var(--ink);font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.gp-meta-lbl{color:var(--ink-3);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.gp-stats-section{padding:3rem 2rem}.gp-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(5,1fr)}.gp-stat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:1.5rem 1.25rem;position:relative;text-align:center;transition:transform .3s var(--ease),border-color .25s,box-shadow .3s}.gp-stat-card:before{background:var(--accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.gp-stat-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-5px)}.gp-stat-value{font-family:var(--font-display);font-size:1.9rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:.5rem}.gp-stat-label{color:var(--ink);font-size:.82rem;font-weight:600;line-height:1.3;margin-bottom:.4rem}.gp-stat-note{color:var(--ink-3);font-size:.72rem;line-height:1.4}.gp-loop-diagram{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-bottom:2rem;padding:2.5rem 2rem}.gp-loop-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.gp-loop-row--rev{flex-direction:row-reverse}.gp-loop-sides{display:flex;justify-content:space-between;padding:.6rem 3.5rem}.gp-loop-node{align-items:center;background:var(--accent-soft);border:1px solid #7c5cff4d;border-radius:14px;display:flex;flex:0 0 auto;flex-direction:column;gap:.4rem;min-width:120px;padding:1rem 1.25rem;transition:transform .3s var(--ease),border-color .25s,background .25s}.gp-loop-node:hover{background:#7c5cff33;border-color:var(--accent);transform:scale(1.04)}.gp-loop-emoji{font-size:1.6rem}.gp-loop-label{color:var(--accent-ink);font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-align:center}.gp-loop-arr{color:var(--accent);flex:1 1;font-size:1.4rem;text-align:center}.gp-loop-side-arr{color:var(--accent);font-size:1.5rem;font-weight:700}.gp-mechanics-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.gp-screenshots-label{color:var(--ink-3);font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase}.gp-slider{display:flex;flex-direction:column;gap:0}.gp-slider-track{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.gp-slide{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.gp-slide:first-child{position:relative}.gp-slide--active{opacity:1;pointer-events:auto}.gp-slide:not(:first-child).gp-slide--active{inset:0;position:absolute}.gp-slide-img{display:block;height:auto;max-width:100%;width:100%}.gp-slider-arrow{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border:1px solid var(--line-2);border-radius:50%;color:var(--ink);cursor:pointer;display:flex;font-size:1.5rem;height:38px;justify-content:center;line-height:1;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:38px;z-index:10}.gp-slider-arrow:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff}.gp-slider-arrow:disabled{cursor:default;opacity:.25}.gp-slider-arrow--prev{left:10px}.gp-slider-arrow--next{right:10px}.gp-screenshot-caption{background:var(--bg);border:1px solid var(--line);border-radius:0 0 12px 12px;border-top:none;color:var(--ink-3);font-family:var(--font-mono);font-size:.72rem;line-height:1.4;padding:.6rem .9rem;transition:opacity .3s ease}.gp-slider-dots{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:12px}.gp-dot{background:var(--line-2);border:1px solid #0000;border-radius:999px;cursor:pointer;height:8px;padding:0;transition:all .25s ease;width:8px}.gp-dot--active{background:var(--accent);width:22px}.gp-mechanic-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:1rem;padding:1.25rem 1.5rem;transition:transform .3s var(--ease),border-color .25s,box-shadow .3s}.gp-mechanic-card:last-child{margin-bottom:0}.gp-mechanic-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-4px)}.gp-mechanic-card--featured{background:linear-gradient(145deg,var(--accent-soft),var(--surface) 65%);border-color:#7c5cff59}.gp-mechanic-card--featured:hover{border-color:var(--accent)}.gp-mechanic-header{align-items:flex-start;display:flex;gap:.85rem;margin-bottom:.85rem}.gp-mechanic-emoji{flex-shrink:0;font-size:1.5rem;margin-top:.1rem}.gp-mechanic-titles{flex:1 1}.gp-mechanic-title{align-items:center;color:var(--ink);display:flex;flex-wrap:wrap;font-family:var(--font-display);font-size:1.05rem;font-weight:600;gap:.5rem;letter-spacing:-.01em;line-height:1.3}.gp-mechanic-subtitle{color:var(--accent-ink);font-size:.8rem;font-style:italic;margin-top:.2rem}.gp-sig-badge{background:var(--yellow);border-radius:999px;color:var(--ink);flex-shrink:0;font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.08em;padding:.2rem .55rem;text-transform:uppercase}.gp-mechanic-text{color:var(--ink-2);font-size:.88rem;line-height:1.72;margin-bottom:.75rem}.gp-mechanic-tag{background:var(--accent-soft);border:1px solid #7c5cff4d;border-radius:999px;color:var(--accent-ink);display:inline-block;font-family:var(--font-mono);font-size:.68rem;font-weight:500;padding:.25rem .65rem}.gp-skin-card:hover{border-color:var(--skin-accent,var(--accent))}.gp-skin-badge{background:var(--accent-soft);border:1px solid #7c5cff4d;border-radius:999px;color:var(--accent-ink);display:inline-block;font-family:var(--font-mono);font-size:.64rem;font-weight:500;letter-spacing:.08em;margin-bottom:.85rem;padding:.28rem .65rem;text-transform:uppercase}.gp-kpi-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(5,1fr)}.gp-kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;border-top:3px solid var(--kpi-color);display:flex;flex-direction:column;gap:.6rem;padding:1.5rem 1.25rem;transition:transform .3s var(--ease),border-color .25s,box-shadow .3s}.gp-kpi-card:hover{border-color:var(--kpi-color);box-shadow:var(--shadow);transform:translateY(-5px)}.gp-kpi-value{color:var(--kpi-color);font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1}.gp-kpi-metric{color:var(--ink);font-size:.88rem;font-weight:600}.gp-kpi-why{color:var(--ink-2);flex:1 1;font-size:.8rem;line-height:1.65}.gp-kpi-why strong{color:var(--ink-3);display:block;font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.1em;margin-bottom:.3rem;text-transform:uppercase}.gp-kpi-why p{margin:0}.gp-kpi-bench{border-top:1px solid var(--line);color:var(--ink-3);font-size:.72rem;line-height:1.5;padding-top:.5rem}.gp-table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:0;overflow-x:auto}.gp-table{border-collapse:collapse;font-size:.88rem;width:100%}.gp-table thead tr{background:var(--bg)}.gp-table th{font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.1em;padding:.9rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.gp-table td,.gp-table th{border-bottom:1px solid var(--line);color:var(--ink-2)}.gp-table td{padding:.85rem 1rem;vertical-align:middle}.gp-table tbody tr{transition:background .2s ease}.gp-table tbody tr:hover{background:var(--bg)}.gp-table tbody tr:last-child td{border-bottom:none}.gp-row--featured{background:var(--accent-soft)}.gp-row--featured td{color:var(--ink)}.gp-table-emoji{margin-right:.3rem}.gp-score-cell{color:var(--accent-ink)!important}.gp-phase-badge,.gp-score-cell{font-family:var(--font-mono);font-weight:500}.gp-phase-badge{border-radius:999px;display:inline-block;font-size:.64rem;letter-spacing:.04em;padding:.25rem .6rem;white-space:nowrap}.gp-phase-p0{background:#ef44441f;border:1px solid #ef44444d;color:#b91c1c}.gp-phase-p1{background:#eab30829;border:1px solid #eab30866;color:#92400e}.gp-phase-p2{background:#22c55e1f;border:1px solid #22c55e4d;color:#15803d}.gp-phase-p3{background:#14b8a61f;border:1px solid #14b8a64d;color:#0f766e}.gp-mono-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1.2fr .8fr}.gp-moment-card{align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;gap:1rem;margin-bottom:1rem;padding:1.1rem 1.25rem;transition:transform .3s var(--ease),border-color .25s}.gp-moment-card:hover{border-color:var(--accent);transform:translateX(4px)}.gp-moment-num{color:var(--accent);flex-shrink:0;font-family:var(--font-display);font-size:1.4rem;font-weight:700;line-height:1;margin-top:.1rem}.gp-moment-body{flex:1 1}.gp-moment-title{color:var(--ink);font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:.45rem}.gp-moment-text{color:var(--ink-2);font-size:.85rem;line-height:1.7}.gp-funnel-title{color:var(--ink-2);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;margin-bottom:1.5rem;text-transform:uppercase}.gp-funnel{gap:.85rem}.gp-funnel,.gp-funnel-step{display:flex;flex-direction:column}.gp-funnel-step{gap:.3rem}.gp-funnel-bar-wrap{background:var(--line);border-radius:999px;height:10px;overflow:hidden;width:100%}.gp-funnel-bar{border-radius:999px;height:100%}.gp-funnel-labels{align-items:center;display:flex;justify-content:space-between}.gp-funnel-label{color:var(--ink-2);font-size:.8rem}.gp-funnel-pct{font-family:var(--font-mono);font-size:.8rem;font-weight:500}.gp-funnel-note{color:var(--ink-3);font-size:.75rem;font-style:italic;line-height:1.6;margin-top:1.25rem}.gp-risk-list{display:flex;flex-direction:column;gap:1rem}.gp-risk-row{grid-gap:1.5rem;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:0 14px 14px 0;display:grid;gap:1.5rem;grid-template-columns:1fr 1.2fr;padding:1.25rem 1.5rem;transition:border-color .25s,background .25s}.gp-risk-row:hover{background:#ef44440a;border-left-color:#dc2626}.gp-risk-title{color:var(--ink);font-size:.95rem;font-weight:600;line-height:1.45;margin-bottom:.65rem}.gp-risk-pills{display:flex;flex-wrap:wrap;gap:.5rem}.gp-risk-pill{border-radius:999px;font-family:var(--font-mono);font-size:.64rem;font-weight:500;letter-spacing:.04em;padding:.22rem .6rem}.gp-pill-high{background:#ef44441f;border:1px solid #ef44444d;color:#b91c1c}.gp-pill-medium{background:#eab30829;border:1px solid #eab30866;color:#92400e}.gp-pill-low{background:#22c55e1f;border:1px solid #22c55e4d;color:#15803d}.gp-risk-mitigation{color:var(--ink-2);font-size:.88rem;line-height:1.72}.gp-risk-mitigation strong{color:var(--accent-ink);display:block;font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.1em;margin-bottom:.25rem;text-transform:uppercase}.gp-roadmap-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);position:relative}.gp-roadmap-grid:before{background:linear-gradient(90deg,var(--line),var(--line-2),var(--line));content:"";height:2px;left:5%;position:absolute;right:5%;top:28px;z-index:0}.gp-phase-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;border-top:3px solid var(--phase-color);padding:1.5rem 1.25rem;position:relative;transition:transform .3s var(--ease),border-color .25s,box-shadow .3s;z-index:1}.gp-phase-card:hover{border-color:var(--phase-color);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.gp-phase-dot{border-radius:50%;box-shadow:0 0 0 4px var(--surface),0 0 0 5px var(--line-2);height:14px;margin-bottom:1rem;width:14px}.gp-phase-name{color:var(--ink);font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.14em;margin-bottom:.25rem;text-transform:uppercase}.gp-phase-period{color:var(--ink-3);font-size:.8rem;margin-bottom:1.1rem}.gp-phase-items{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0 0 1.25rem;padding:0}.gp-phase-items li{color:var(--ink-2);font-size:.82rem;line-height:1.4;padding-left:1rem;position:relative}.gp-phase-items li:before{color:var(--phase-color);content:"·";font-weight:700;left:0;position:absolute}.gp-phase-exit{border-top:1px solid var(--line);color:var(--ink-2);font-size:.78rem;line-height:1.5;padding-top:.9rem}.gp-phase-exit strong{color:var(--phase-color);display:block;font-family:var(--font-mono);font-size:.64rem;font-weight:500;letter-spacing:.1em;margin-bottom:.2rem;text-transform:uppercase}.gp-tradeoff-table{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.gp-tradeoff-header{grid-gap:0;background:var(--bg);border-bottom:1px solid var(--line);display:grid;gap:0;grid-template-columns:1.2fr 1fr 1fr 2fr;padding:.85rem 1.25rem}.gp-tradeoff-header span{color:var(--ink-2);font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.gp-tradeoff-row{grid-gap:0;border-top:1px solid var(--line);display:grid;font-size:.88rem;gap:0;grid-template-columns:1.2fr 1fr 1fr 2fr;padding:1rem 1.25rem;transition:background .2s ease}.gp-tradeoff-row:first-of-type{border-top:none}.gp-tradeoff-row:hover{background:var(--bg)}.gp-tradeoff-decision{color:var(--ink);font-weight:600}.gp-tradeoff-chose{color:#15803d;font-weight:600}.gp-tradeoff-chose:before{content:"✓ ";opacity:.7}.gp-tradeoff-rejected{color:var(--ink-3);text-decoration:line-through}.gp-tradeoff-reason{color:var(--ink-2);line-height:1.55}.gp-cta-section{background:radial-gradient(ellipse at 50% 50%,#7c5cff1a 0,#0000 65%);padding:7rem 2rem}.gp-cta-inner{margin:0 auto;max-width:700px;text-align:center}.gp-cta-label{color:var(--ink-2);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;margin-bottom:1.25rem;text-transform:uppercase}.gp-cta-h2{color:var(--ink);font-family:var(--font-display);font-size:2.8rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.25rem}.gp-accent{color:var(--accent-ink)}.gp-cta-desc{color:var(--ink-2);font-size:1rem;line-height:1.8;margin-bottom:2.5rem}.gp-cta-btns{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.gp-reveal{opacity:0;transform:translateY(24px)}.gp-reveal.gp-visible{opacity:1;transform:translateY(0);transition:opacity .6s var(--ease) 0s,transform .6s var(--ease) 0s;transition:opacity .6s var(--ease) calc(var(--i, 0)*.07s),transform .6s var(--ease) calc(var(--i, 0)*.07s)}@media (prefers-reduced-motion:reduce){.gp-reveal{opacity:1;transform:none;transition:none}}@media (max-width:1024px){.gp-section-h2{font-size:2.1rem}.gp-hero-grid{gap:2.5rem;grid-template-columns:1fr 1fr}.gp-h1-main{font-size:3.8rem}.gp-kpi-grid,.gp-stats-grid{grid-template-columns:repeat(3,1fr)}.gp-roadmap-grid{grid-template-columns:1fr 1fr}.gp-roadmap-grid:before{display:none}.gp-4-grid{grid-template-columns:repeat(2,1fr)}.gp-nav-brand{display:none}}@media (max-width:768px){.gp-page{padding-top:52px}.gp-section{padding:4rem 1.5rem}.gp-hero{min-height:auto;padding:3rem 1.5rem}.gp-hero-grid{gap:2.5rem;grid-template-columns:1fr}.gp-h1-main{font-size:3.2rem}.gp-h1-muted{font-size:1.6rem}.gp-h1-accent{font-size:1.9rem}.gp-hero-right{order:-1}.gp-iphone{width:240px}.gp-meta-grid{max-width:100%}.gp-section-h2{font-size:1.8rem}.gp-2x2-grid,.gp-3-grid{grid-template-columns:1fr}.gp-4-grid{gap:1rem}.gp-4-grid,.gp-kpi-grid,.gp-stats-grid{grid-template-columns:1fr 1fr}.gp-mechanics-grid{gap:2rem;grid-template-columns:1fr}.gp-mono-grid{gap:2.5rem;grid-template-columns:1fr}.gp-risk-row{gap:.85rem}.gp-risk-row,.gp-roadmap-grid{grid-template-columns:1fr}.gp-tradeoff-header{display:none}.gp-tradeoff-row{gap:.4rem;grid-template-columns:1fr;padding:1rem 1.25rem}.gp-tradeoff-decision{color:var(--accent-ink);font-size:.9rem;font-weight:700}.gp-loop-diagram{padding:1.5rem 1rem}.gp-loop-row{flex-wrap:wrap;justify-content:center}.gp-loop-sides{display:none}.gp-loop-row--rev{flex-direction:row}.gp-loop-node{min-width:90px;padding:.75rem}.gp-cta-h2{font-size:2rem}.gp-nav-links{display:none}}@media (max-width:480px){.gp-section{padding:3rem 1rem}.gp-section-h2{font-size:1.55rem}.gp-h1-main{font-size:2.7rem}.gp-h1-muted{font-size:1.3rem}.gp-h1-accent{font-size:1.5rem}.gp-4-grid,.gp-kpi-grid,.gp-stats-grid{grid-template-columns:1fr}.gp-hero-btns{align-items:stretch;flex-direction:column}.gp-hero-btns .gp-btn{justify-content:center}.gp-cta-btns{align-items:stretch;flex-direction:column}.gp-cta-btns .gp-btn{justify-content:center}.gp-cta-h2{font-size:1.6rem}.gp-section-intro{font-size:.95rem}.gp-table td,.gp-table th{font-size:.8rem;padding:.65rem .75rem}}@media (max-width:360px){.gp-section{padding:2.5rem .75rem}.gp-h1-main{font-size:2.2rem}.gp-iphone{width:200px}.gp-section-h2{font-size:1.4rem}}
/*# sourceMappingURL=main.36c3d278.css.map*/