@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}img,svg{max-width:100%;display:block}button,input{font:inherit}[hidden]{display:none!important}}@layer theme{:root{color-scheme:dark;--bg:#07111f;--surface:#0c1929;--surface-strong:#102238;--raised:#142a44;--text:#eef6ff;--muted:#9baec5;--line:#223851;--accent:#62adff;--accent-strong:#2f83ec;--accent-soft:#62adff1a;--accent-2:#73e2ff;--accent-text:#061321;--shadow:0 24px 80px #0006;--radius:20px;--small-radius:11px;--space:clamp(1.25rem, 4vw, 3rem);--max:1160px;--font:"Segoe UI Variable Text", "Aptos", "Segoe UI", system-ui, sans-serif;--display-font:"Segoe UI Variable Display", "Aptos Display", var(--font)}:root[data-theme=light]{color-scheme:light;--bg:#f4f8ff;--surface:#fff;--surface-strong:#f8fbff;--raised:#e7f1ff;--text:#0b1b31;--muted:#52677f;--line:#ccdaeb;--accent:#1e6fd3;--accent-strong:#1454a3;--accent-soft:#1e6fd314;--accent-2:#078cae;--accent-text:#fff;--shadow:0 24px 70px #234a751a}@media (prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bg:#f4f8ff;--surface:#fff;--surface-strong:#f8fbff;--raised:#e7f1ff;--text:#0b1b31;--muted:#52677f;--line:#ccdaeb;--accent:#1e6fd3;--accent-strong:#1454a3;--accent-soft:#1e6fd314;--accent-2:#078cae;--accent-text:#fff;--shadow:0 24px 70px #234a751a}}}@layer base{html{font-family:var(--font);background:var(--bg);color:var(--text);scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 0%, var(--accent-soft), transparent 30rem), radial-gradient(circle at 88% 28%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 28rem), var(--bg);background-attachment:fixed;min-width:320px;font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{color:inherit}:focus-visible{outline:3px solid var(--text);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-text)}h1,h2,h3{font-family:var(--display-font);letter-spacing:-.05em;text-wrap:balance;font-weight:720;line-height:1.12}h1{font-size:clamp(2.8rem,7.3vw,6.1rem)}h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}h3{font-size:1.35rem}p{color:var(--muted)}main{min-height:65vh;overflow:clip}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}@layer components{.container{width:min(var(--max), calc(100% - 2 * var(--space)));margin-inline:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:94px;display:flex}.wordmark{letter-spacing:-.06em;align-items:center;gap:.7rem;font-size:1.4rem;font-weight:700;display:inline-flex}.brand-mark{background:var(--accent);color:var(--accent-text);border-radius:9px;flex-shrink:0;place-items:center;width:2.0625rem;height:2.0625rem;line-height:1;display:grid}.brand-dot{color:var(--muted);align-self:flex-start;margin-left:-.5rem;font-size:.7rem}.desktop-nav{color:var(--muted);gap:1.65rem;font-size:.9rem;display:flex}nav a{padding-block:.65rem}nav a:hover,nav a[aria-current]{color:var(--text)}nav a[aria-current]{text-underline-offset:.6rem;text-decoration:underline;text-decoration-color:var(--accent)}.header-actions{align-items:center;gap:1rem;display:flex}.contact-link{font-size:.9rem}.contact-link span{margin-left:.5rem}.theme-toggle{border:1px solid var(--line);background:0 0;border-radius:50%;flex-shrink:0;width:2.75rem;height:2.75rem;font-size:1.4rem}.mobile-menu{display:none}.skip-link{z-index:100;background:var(--accent);color:var(--accent-text);padding:.75rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.6rem;font-family:ui-monospace,monospace;font-size:.78rem;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero{padding-block:clamp(3.5rem,8vw,6rem) 3rem}.hero-grid{flex-wrap:wrap;align-items:center;gap:4rem;display:flex}.hero-grid>div:first-child{flex:1.5 28rem;min-width:0}.hero-grid>.hero-index{flex:23rem;min-width:0}.hero h1{margin-top:1.6rem}.hero h1 span{color:var(--muted)}.hero-copy{max-width:460px;margin-top:1.75rem;font-size:1.1rem}.actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.button{border:1px solid var(--line);border-radius:var(--small-radius);background:var(--surface);justify-content:center;align-items:center;gap:1.5rem;min-height:48px;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;transition:border-color .18s,transform .18s;display:inline-flex}.button:hover{border-color:var(--muted);transform:translateY(-2px)}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.hero-index{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1.6rem;transform:rotate(-2deg)}.index-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-bottom:1.5rem;font-family:ui-monospace,monospace;font-size:.8rem;display:flex}.index-row{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr auto;align-items:center;gap:1rem;padding-block:1.6rem;display:grid}.index-row:last-child{border:0;padding-bottom:.3rem}.index-row>span:first-child{color:var(--muted);font-family:ui-monospace,monospace;font-size:.8rem}.index-row strong{font-size:1.2rem;font-weight:500;display:block}.index-row small{color:var(--muted);font-size:.875rem}.index-row:hover strong{text-underline-offset:.3rem;text-decoration:underline}.hero-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:4.5rem;padding-top:1.4rem;font-family:ui-monospace,monospace;font-size:.78rem;display:flex}.section{padding-block:3rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.8rem;display:flex}.section-heading .eyebrow{margin-bottom:.8rem}.text-link{white-space:nowrap;text-underline-offset:.35rem;text-decoration:underline;text-decoration-color:var(--line);padding-block:.6rem;font-size:.9rem}.text-link:hover{text-decoration-color:currentColor}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.3rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;transition:border-color .2s,transform .2s;display:block;overflow:hidden}a.card:hover{border-color:var(--muted);transform:translateY(-3px)}.card-body{padding:1.5rem}.card-body h3{justify-content:space-between;gap:1rem;display:flex}.card-body p{margin-block:.75rem 1.2rem}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:.2rem .5rem;font-family:ui-monospace,monospace;font-size:.75rem}.project-cover{color:#d1e3cf;background:#202923;flex-direction:column;justify-content:space-between;gap:1rem;min-height:235px;padding:1.7rem;display:flex}.project-cover[data-visual=memory]{color:#c9c5ff;background:#25243a}.cover-top{text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font:.75rem ui-monospace,monospace;display:flex}.cover-title{letter-spacing:-.07em;font-size:clamp(2.5rem,5vw,4.4rem);font-weight:650;line-height:1}.cover-bottom{font:.75rem ui-monospace,monospace}.page-intro{max-width:760px;padding-block:4.5rem 3rem}.page-intro h1{margin-block:1rem 1.5rem;font-size:clamp(2.6rem,6vw,4.5rem)}.page-intro>p:last-child{max-width:620px;font-size:1.1rem}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:clamp(1.5rem,4vw,3rem)}.panel h2+p{margin-top:1rem}.auth-page,.account-page{padding-block:clamp(3rem,8vw,6rem)}.auth-card{width:min(100%,34rem);margin-inline:auto}.auth-card h1{margin-block:1rem;font-size:clamp(2.5rem,8vw,4.2rem)}.auth-form{gap:.65rem;margin-top:2rem;display:grid}.auth-form label{margin-top:.45rem;font-weight:650}.auth-form input{border:1px solid var(--line);border-radius:var(--small-radius);width:100%;min-height:48px;color:var(--text);background:var(--raised);padding:.75rem .85rem}.auth-form input:focus-visible{border-color:var(--accent)}.auth-form small,.auth-feedback,.auth-secondary{color:var(--muted);font-size:.88rem}.auth-form .button{margin-top:.8rem}.auth-form button:disabled,.account-card button:disabled{cursor:wait;opacity:.6;transform:none}.auth-feedback{min-height:1.45em}.auth-secondary{margin-top:1.25rem}.auth-secondary a{color:var(--text);text-underline-offset:.25rem;text-decoration:underline}.account-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:1rem;display:grid}.account-card{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.account-details{width:100%;margin:0}.account-details div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding-block:.75rem;display:flex}.account-details dt{color:var(--muted)}.account-details dd{text-align:right;overflow-wrap:anywhere;margin:0}.empty-cloud-saves{text-align:center;align-items:center}.empty-cloud-saves>span{color:var(--accent);font-size:3rem;line-height:1}.cloud-save-list{gap:.85rem;display:grid}.cloud-save-card{justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:flex}.cloud-save-card h2{margin-block:.35rem;font-size:clamp(1.1rem,3vw,1.4rem)}.cloud-save-card .actions{flex-shrink:0}.account-save-actions{margin-top:1.5rem}.turnstile-slot{min-height:65px;margin-top:.75rem;overflow:hidden}@media (width<=640px){.cloud-save-card{flex-direction:column;align-items:flex-start}}.split{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:2.5rem;display:grid}.photo-teaser{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;min-height:245px;display:flex}.photo-teaser h2{margin-block:1rem}.photo-counter{letter-spacing:-.1em;color:var(--muted);font:5rem/1 ui-monospace,monospace}.prose{max-width:720px}.prose>*+*{margin-top:1.3rem}.prose h2{margin-top:2.5rem}.prose a{text-underline-offset:.3rem;text-decoration:underline}.prose li{color:var(--muted);margin-block:.4rem}.notice{border-left:3px solid var(--accent);background:var(--surface);color:var(--muted);padding:1rem 1.25rem}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:2rem;margin-top:4rem;padding-block:2.5rem;display:flex}.site-footer p{margin-top:.5rem;font-size:.875rem}.footer-links{flex-wrap:wrap;align-items:center;gap:1.5rem;font-size:.875rem;display:flex}.footer-links>span{color:var(--muted)}@media (width<=900px){.contact-link,.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{align-items:center;gap:.75rem;padding:.6rem;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{z-index:20;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;width:min(260px,100vw - 2.5rem);padding:1rem 1.5rem;display:flex;position:absolute;top:calc(100% + 1rem);right:0;box-shadow:0 16px 40px #0004}.hero-grid{gap:2rem}.hero-index{padding:1.2rem}}@media (width<=680px){.header-inner{min-height:78px}.contact-link{display:none}.header-actions{gap:.3rem}.wordmark{gap:.5rem;font-size:1.2rem}.hero-grid,.card-grid,.split{grid-template-columns:1fr}.hero-index{margin-top:1rem;transform:none}.hero-bottom{margin-top:2.5rem}.section{padding-block:2rem}.section-heading{flex-direction:column;align-items:start;gap:.65rem}.site-footer{flex-direction:column}.page-intro{padding-block:3rem 2rem}.photo-teaser{flex-direction:column;align-items:start}.photo-counter{display:none}}}@layer refresh{.site-header{z-index:40;border-bottom-color:color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--bg) 84%, transparent);backdrop-filter:blur(18px)saturate(140%);position:sticky;top:0}.reading-progress{--scroll-progress:0;z-index:80;top:env(safe-area-inset-top,0px);pointer-events:none;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:2px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 38%, transparent);transform:scaleX(var(--scroll-progress));transform-origin:0;position:fixed;left:0;right:0}.header-inner{min-height:80px}.wordmark{letter-spacing:-.045em;gap:.75rem;font-size:1.16rem}.brand-mark{width:2.25rem;height:2.25rem;box-shadow:none;background:0 0;border:0;border-radius:50%;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.desktop-nav{border:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:color-mix(in srgb, var(--surface) 64%, transparent);border-radius:999px;gap:.25rem;padding:.25rem}.desktop-nav a{border-radius:999px;padding:.5rem .85rem;transition:color .18s,background .18s}nav a[aria-current]{text-decoration:none}.desktop-nav a:hover,.desktop-nav a[aria-current],.desktop-nav a[data-section-active]{background:var(--raised)}.desktop-nav a[data-section-active]{color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}.contact-link{border:1px solid #0000;border-radius:999px;padding:.55rem .85rem;transition:border-color .18s,color .18s}.account-link{border:1px solid var(--line);border-radius:999px;padding:.55rem .85rem;font-size:.9rem}.account-link:hover,.account-link[aria-current=page]{border-color:var(--accent);color:var(--text)}.contact-link:hover{color:var(--accent);border-color:var(--line)}.theme-toggle{border-color:color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--surface) 72%, transparent);place-items:center;font-size:1.1rem;transition:border-color .18s,transform .18s,background .18s;display:grid}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft);transform:rotate(12deg)}.mobile-menu summary{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 76%, transparent);border-radius:999px;font-size:.86rem;font-weight:650}.menu-icon{width:.9rem;height:.7rem;position:relative}.menu-icon:before,.menu-icon:after{content:"";background:currentColor;border-radius:2px;width:100%;height:1px;transition:transform .18s;position:absolute;right:0}.menu-icon:before{top:.15rem}.menu-icon:after{width:70%;bottom:.15rem}.mobile-menu[open] .menu-icon:before{top:.34rem;transform:rotate(45deg)}.mobile-menu[open] .menu-icon:after{width:100%;bottom:.29rem;transform:rotate(-45deg)}.eyebrow{color:color-mix(in srgb, var(--accent) 70%, var(--muted));font-weight:650}.status-dot{background:var(--accent-2);width:8px;height:8px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-2) 14%, transparent)}.hero{padding-block:clamp(4.5rem,9vw,7.5rem) 3.5rem}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(23rem,.88fr);gap:clamp(3rem,8vw,7rem);display:grid}.hero h1{letter-spacing:-.075em;max-width:720px;margin-top:1.5rem;font-size:clamp(3.4rem,7.2vw,6.65rem)}.hero h1 span{color:#0000;background:linear-gradient(105deg, var(--accent), var(--accent-2));-webkit-background-clip:text;background-clip:text}.hero-copy{max-width:520px;color:color-mix(in srgb, var(--text) 68%, var(--muted));font-size:clamp(1.05rem,1.5vw,1.2rem)}.hero-signals{flex-wrap:wrap;gap:.55rem;margin-top:1.4rem;display:flex}.hero-signals span{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);color:var(--muted);background:color-mix(in srgb, var(--surface) 64%, transparent);border-radius:999px;padding:.35rem .65rem;font:600 .72rem/1.2 ui-monospace,monospace}.button{border-color:color-mix(in srgb, var(--line) 85%, transparent);background:linear-gradient(180deg, var(--surface-strong), var(--surface));transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000014}.button:after{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff1f,#0000 75%);transition:transform .5s;position:absolute;inset:0;transform:translate(-120%)}.button:hover:after{transform:translate(120%)}.button:hover{border-color:var(--accent);box-shadow:0 13px 34px color-mix(in srgb, var(--accent) 14%, transparent)}.button-primary{border-color:color-mix(in srgb, var(--accent) 76%, white 12%);background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 12px 32px color-mix(in srgb, var(--accent) 24%, transparent)}.hero-index{isolation:isolate;border-color:color-mix(in srgb, var(--accent) 22%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 94%, var(--accent) 6%), var(--surface)), var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden;transform:rotate(-1.25deg)}.hero-index:after{content:"";z-index:-1;opacity:.32;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:38px 38px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 72%)}.index-glow{z-index:-1;aspect-ratio:1;background:color-mix(in srgb, var(--accent) 32%, transparent);filter:blur(55px);border-radius:50%;width:16rem;position:absolute;top:-7rem;right:-5rem}.index-head i{background:var(--accent-2);width:7px;height:7px;box-shadow:0 0 12px var(--accent-2);border-radius:50%;margin-right:.35rem;display:inline-block}.index-row{border-radius:10px;margin-inline:-.65rem;padding-inline:.65rem;transition:background .18s,padding-inline .18s;position:relative}.index-row:hover{background:var(--accent-soft);padding-inline:.85rem .45rem}.index-row strong{font-weight:650}.hero-bottom{color:color-mix(in srgb, var(--muted) 82%, var(--accent));border-top-color:color-mix(in srgb, var(--line) 74%, transparent)}.section{padding-block:clamp(2.75rem,6vw,5rem);scroll-margin-top:6rem}.reveal-pending{opacity:0;transition:opacity .58s ease-out var(--reveal-delay,0s), transform .68s cubic-bezier(.2, .75, .25, 1) var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(18px)}.reveal-pending.is-visible{opacity:1;transform:translate(0,0)}[data-parallax]{transform:translate3d(0, var(--parallax-y,0px), 0) scale(1.035);will-change:transform}.section-heading{margin-bottom:2.15rem}.section-heading h2{font-size:clamp(2rem,4vw,3.1rem)}.text-link{color:color-mix(in srgb, var(--text) 88%, var(--accent));text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);transition:color .18s,text-decoration-color .18s}.text-link:hover{color:var(--accent)}.card-grid{gap:1.5rem}.card{isolation:isolate;border-color:color-mix(in srgb, var(--line) 82%, transparent);background:linear-gradient(160deg, var(--surface-strong), var(--surface));position:relative;box-shadow:0 18px 50px #00000017}.card:before{content:"";z-index:2;opacity:0;background:linear-gradient(90deg, transparent, var(--accent), transparent);width:70%;height:1px;transition:opacity .2s;position:absolute;top:0;left:15%}a.card:hover,.game-card:hover{border-color:color-mix(in srgb, var(--accent) 52%, var(--line));box-shadow:0 26px 70px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-5px)}.card:hover:before{opacity:1}.card-body{padding:1.65rem}.card-arrow{width:2rem;height:2rem;color:var(--accent);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;transition:transform .2s;display:grid}.card:hover .card-arrow{transform:translate(2px,-2px)}.tag{border-color:color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--raised) 45%, transparent);border-radius:999px}.project-cover{isolation:isolate;color:#cfeaff;background:radial-gradient(circle at 82% 18%,#73e2ff40,#0000 28%),linear-gradient(145deg,#0e3154,#0a2037);min-height:265px;position:relative;overflow:hidden}.project-cover:before{content:"";z-index:-1;background-image:linear-gradient(#80c5ff1a 1px,#0000 1px),linear-gradient(90deg,#80c5ff1a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;mask-image:linear-gradient(125deg,#000,#0000 70%)}.project-cover[data-visual=memory]{color:#d8d6ff;background:radial-gradient(circle at 78% 22%,#8b7cff52,#0000 31%),linear-gradient(145deg,#1b2351,#111936)}.cover-orbit{z-index:-1;aspect-ratio:1;opacity:.22;border:1px solid;border-radius:50%;width:13rem;position:absolute;bottom:-4.5rem;right:-2rem}.cover-orbit:before,.cover-orbit:after{content:"";border-radius:inherit;border:1px solid;position:absolute;inset:18%}.cover-orbit:after{inset:38%}.cover-orbit span{background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute}.cover-orbit span:first-child{top:8%;left:28%}.cover-orbit span:nth-child(2){top:40%;right:-3px}.cover-orbit span:nth-child(3){bottom:16%;left:12%}.cover-title{text-shadow:0 12px 42px #0008}.page-intro{padding-block:clamp(4rem,9vw,7rem) clamp(2.5rem,5vw,4rem);position:relative}.page-intro:before{content:"";background:linear-gradient(90deg, transparent, var(--accent));width:2.5rem;height:1px;position:absolute;top:30%;left:-4rem}.page-intro h1{letter-spacing:-.07em;max-width:800px;font-size:clamp(3rem,7vw,5.5rem)}.panel{border-color:color-mix(in srgb, var(--line) 82%, transparent);background:linear-gradient(145deg, var(--surface-strong), var(--surface));box-shadow:0 20px 56px #00000012}.photo-teaser{isolation:isolate;background:radial-gradient(circle at 80% 30%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 28%), linear-gradient(130deg, var(--surface-strong), var(--surface));min-height:310px;position:relative;overflow:hidden}.photo-teaser:after{content:"";z-index:-1;opacity:.42;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:36px 36px;position:absolute;inset:0 0 0 52%;mask-image:linear-gradient(90deg,#0000,#000)}.photo-visual{border:1px solid color-mix(in srgb, var(--accent) 46%, var(--line));width:min(100%,300px);min-height:190px;color:var(--accent-2);background:color-mix(in srgb, var(--accent-soft) 70%, transparent);box-shadow:inset 0 0 45px color-mix(in srgb, var(--accent) 9%, transparent);border-radius:16px;place-items:center;display:grid;position:relative}.photo-visual>span{color:var(--muted);letter-spacing:.12em;font:600 .65rem ui-monospace,monospace;position:absolute;top:1rem;left:1rem}.photo-visual strong{opacity:.22;font:700 3.5rem/1 var(--display-font);position:absolute;bottom:.4rem;right:1rem}.focus-frame{aspect-ratio:1;border:1px solid;border-radius:50%;width:4.5rem;position:relative}.focus-frame:before,.focus-frame:after{content:"";background:currentColor;position:absolute}.focus-frame:before{width:calc(100% + 2.7rem);height:1px;top:50%;left:-1.35rem}.focus-frame:after{width:1px;height:calc(100% + 2.7rem);top:-1.35rem;left:50%}.focus-frame i{background:currentColor;border-radius:50%;position:absolute;inset:42%;box-shadow:0 0 20px}.site-footer{border-top-color:color-mix(in srgb, var(--line) 74%, transparent);padding-block:3rem}.site-footer .brand-mark{border-radius:9px;width:1.9rem;height:1.9rem}@media (width<=900px){.account-link{display:none}.hero-grid{grid-template-columns:1fr;gap:3.5rem}.hero-grid>div:first-child{max-width:720px}.hero-index{width:min(100%,680px);transform:none}.mobile-menu nav{border-color:color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.mobile-menu nav a{border-bottom:1px solid color-mix(in srgb, var(--line) 65%, transparent);font-weight:600}.mobile-menu nav a:last-child{border-bottom:0}.mobile-menu nav a[data-section-active]{color:var(--text);background:var(--accent-soft)}[data-parallax]{will-change:auto;transform:none}}@media (width<=680px){.header-inner{min-height:70px}.brand-mark{width:2rem;height:2rem}.wordmark{font-size:1.05rem}.hero{padding-block:3.5rem 2.5rem}.hero h1{font-size:clamp(3.1rem,15vw,4.6rem)}.hero-signals span:nth-child(3){display:none}.hero-index{margin-top:0}.index-row{margin-inline:-.35rem;padding-inline:.35rem}.hero-bottom{flex-direction:column;align-items:flex-start}.section{padding-block:2.75rem}.card-body{padding:1.35rem}.project-cover{min-height:220px}.photo-teaser{min-height:auto}.photo-visual{width:100%;min-height:160px}.page-intro:before{display:none}.site-footer{gap:1.6rem}}@media (prefers-reduced-motion:reduce){.reveal-pending,.reveal-pending.is-visible{opacity:1;will-change:auto;transform:none}[data-parallax]{will-change:auto;transform:none}}}