:root{--bg: #050505;--bg-soft: #0b0b0c;--text: #f4efe9;--muted: rgba(244, 239, 233, .58);--line: rgba(255, 255, 255, .12);--accent: #f4c700;--accent-rgb: 244, 199, 0;--display: "Space Grotesk", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--serif: "Instrument Serif", Georgia, "Times New Roman", serif;--about-accent: #b9a4ff;--pad: clamp(1.1rem, 4vw, 3.5rem);--gutter: clamp(.6rem, 1.6vw, 1.4rem);--maxw: 1480px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);background:transparent;font-family:var(--display);font-weight:400;line-height:1.4;cursor:auto}body.has-custom-cursor,body.has-custom-cursor *{cursor:none!important}a{color:inherit;text-decoration:none}::selection{background:rgba(var(--accent-rgb),.85);color:#000}.glow{position:fixed;left:0;top:0;width:min(44vw,500px);aspect-ratio:1;z-index:-3;pointer-events:none;will-change:transform}@property --glow-color{syntax: "<color>"; inherits: false; initial-value: #96b4dc;}.glow__core{--glow-color: #96b4dc;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--glow-color) 60%,transparent),color-mix(in srgb,var(--glow-color) 34%,transparent) 55%,transparent 72%);filter:saturate(1.05);animation:glow-rotate 30s linear infinite;transition:--glow-color .55s var(--ease)}body.is-work-glow .glow__core{--glow-color: var(--work-accent, #96b4dc)}@keyframes glow-rotate{to{rotate:360deg}}.glow-blur{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;backdrop-filter:blur(90px);-webkit-backdrop-filter:blur(90px);background:#0505056b}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:1000;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 60px)}.cursor{position:fixed;left:0;top:0;z-index:2000;pointer-events:none;visibility:hidden;mix-blend-mode:difference}.cursor__dot{position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:transparent;border:1.5px solid #fff;transition:width .32s var(--ease),height .32s var(--ease),background-color .3s var(--ease),border-color .3s var(--ease),opacity .25s var(--ease)}.cursor.is-hover .cursor__dot{width:10px;height:10px;background:#fff;border-color:#fff}.cursor.is-down:not(.is-hover) .cursor__dot{width:32px;height:32px}.cursor.is-hover.is-down .cursor__dot{width:8px;height:8px}.cursor.is-engulf .cursor__dot{opacity:0}.topbar{position:fixed;inset:0 0 auto 0;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,2.4vw,1.7rem) var(--pad);transition:background-color .4s var(--ease),backdrop-filter .4s var(--ease),padding .4s var(--ease)}body.at-work .topbar{pointer-events:none}.topbar.is-scrolled{background:#0505058c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-top:clamp(.85rem,2vw,1.4rem);padding-bottom:clamp(.85rem,2vw,1.4rem)}.topbar__lead{display:flex;align-items:center;gap:.85rem;min-width:0}.topbar__brand{font-weight:500;font-size:1.02rem;letter-spacing:-.02em;white-space:nowrap}.topbar__sep{flex:none;width:1px;height:1.1em;background:var(--line)}.topbar__tagline{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.topbar__right{display:flex;align-items:center;gap:clamp(1.4rem,3vw,2.4rem)}.topbar__nav{display:flex;gap:clamp(1rem,2vw,2rem);font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.topbar__nav a{position:relative;color:var(--muted);transition:color .25s var(--ease)}.topbar__nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.topbar__nav a:hover{color:var(--text)}.topbar__nav a:hover:after{transform:scaleX(1)}.topbar__actions{display:flex;align-items:center;gap:.6rem}.topbar__cta,.topbar__resume{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border:1px solid var(--line);border-radius:999px;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:var(--text);transition:color .3s var(--ease),border-color .3s var(--ease),background-color .3s var(--ease)}.topbar__resume{color:var(--muted)}.topbar__cta:hover,.topbar__resume:hover{color:var(--text);border-color:#fff6;background:#ffffff0d}.topbar__cta svg,.topbar__resume svg{width:15px;height:15px;transition:transform .3s var(--ease)}.topbar__cta:hover svg{transform:translate(4px)}.topbar__resume:hover svg{transform:translateY(3px)}.topbar__menu-toggle,.mobile-menu,.browser__mobile-label{display:none}.hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:var(--pad)}.hero__inner{width:100%;max-width:var(--maxw);text-align:center}.hero__title{margin:0;font-weight:500;font-size:clamp(2.3rem,7.3vw,7.6rem);line-height:.96;letter-spacing:-.045em;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .3em}.hero__static{visibility:hidden}.hero__static .char{display:inline-block;will-change:transform}.hero__dynamic{display:inline-flex;align-items:baseline;min-width:1ch}.hero__type{display:inline-block;font-weight:600;transition:color .3s var(--ease)}.hero__caret{display:inline-block;width:.5ch;height:.82em;margin-left:.06em;translate:0 .04em;background:var(--text);opacity:0}.hero__caret.is-typing{opacity:.9}.hero__caret.is-blinking{animation:caret-blink 1.05s steps(1) infinite}@keyframes caret-blink{0%,49%{opacity:.9}50%,to{opacity:0}}.hero__dynamic.is-done .hero__type{display:none}.hero__blank{position:relative;display:inline-flex;align-items:flex-end}.hero__blank-btn{position:relative;display:inline-flex;align-items:flex-end;gap:0;padding:.53em .09em .03em;margin:-.53em -.09em -.03em;border:1px solid transparent;border-radius:.12em;background:none;color:inherit;font:inherit;cursor:pointer;transition:background-color .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}.hero__blank-caret{margin-bottom:.04em;transition:margin-left .45s var(--ease)}.hero__blank.is-glass .hero__blank-caret{margin-left:.18em}.hero__blank-fill{display:inline-block;width:clamp(2.6ch,6vw,5ch);height:.09em;min-height:5px;margin-bottom:.02em;border-radius:0;background:var(--text)}.hero__blank.is-glass .hero__blank-btn{background:linear-gradient(180deg,#ffffff0f,#ffffff04),#0a0a0c42;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff29;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}.hero__blank-btn:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s var(--ease)}.hero__blank.is-glass .hero__blank-btn:after{opacity:1;animation:blank-pulse 2.4s ease-in-out infinite}@keyframes blank-pulse{0%,to{box-shadow:0 0 0 1px #ffffff24,0 0 8px #ffffff0d}50%{box-shadow:0 0 0 1px #ffffff5c,0 0 26px 4px #ffffff3d}}.hero__blank.is-glass .hero__blank-btn:hover,.hero__blank.is-open .hero__blank-btn{background:linear-gradient(180deg,#ffffff2b,#ffffff0d),#1414186b;border-color:#ffffff6b}.hero__blank.is-glass .hero__blank-btn:hover:after,.hero__blank.is-open .hero__blank-btn:after{animation:none;box-shadow:0 0 0 1px #ffffff73,0 0 30px 6px #ffffff4d}.hero__menu{position:absolute;top:calc(100% + .7rem);left:0;padding:.35rem;display:grid;gap:.1rem;background:linear-gradient(180deg,#ffffff17,#ffffff05),#0c0c0e66;border:1px solid rgba(255,255,255,.26);border-radius:16px;box-shadow:0 22px 60px #00000080,inset 0 1px #ffffff40;backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);z-index:30;text-align:left;font-family:var(--display);font-size:.95rem;font-weight:400;letter-spacing:0;line-height:1.2;text-transform:none}.hero__menu:before{content:"";position:absolute;left:0;right:0;top:-1.2rem;height:1.2rem}.hero__menu-item{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:12px;transition:background-color .2s var(--ease)}.hero__menu-item:hover{background:#ffffff12}.hero__menu-label{flex:1;color:var(--text);font-weight:500}.hero__menu-arrow{width:16px;height:16px;color:var(--c);opacity:.85;transition:transform .25s var(--ease),opacity .25s var(--ease)}.hero__menu-item:hover .hero__menu-arrow{opacity:1;transform:translate(3px)}.hero__scroll{position:absolute;left:50%;bottom:clamp(1.4rem,4vh,2.6rem);translate:-50% 0;display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;padding:.4rem;background:none;border:0;color:var(--muted);font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.22em;opacity:0}.hero__scroll-chevron{width:.6rem;height:.6rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);animation:scroll-bob 1.6s var(--ease) infinite}@keyframes scroll-bob{0%,to{transform:rotate(45deg) translate(-1px,-1px);opacity:.45}50%{transform:rotate(45deg) translate(2px,2px);opacity:1}}.work{position:relative;height:100svh;min-height:660px;padding:calc(var(--gutter) + 3.4rem) var(--gutter) var(--gutter);display:flex;transition:padding .45s var(--ease)}body.at-work .work{padding-top:var(--gutter)}.browser{--viewport-bg: rgba(255, 255, 255, .06);position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#ffffff14,#ffffff05 60%),#0a0a0c42;box-shadow:0 40px 120px #0000008c,inset 0 1px #ffffff29;backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);will-change:transform,opacity}.browser__bar{display:flex;align-items:flex-end;gap:.9rem;padding:.5rem .85rem 0;background:#ffffff09;border-bottom:1px solid var(--line)}.browser__dots{display:flex;align-items:center;gap:.5rem;height:40px}.browser__dots span{width:12px;height:12px;border-radius:50%;opacity:.9}.browser__dots span:nth-child(1){background:#ff5f57}.browser__dots span:nth-child(2){background:#febc2e}.browser__dots span:nth-child(3){background:#28c840}.browser__tabs{display:flex;align-items:flex-end;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.browser__tabs::-webkit-scrollbar{display:none}.browser__tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:clamp(92px,12vw,170px);height:40px;padding:0 .95rem;border:0;background:transparent;color:var(--muted);font-family:var(--mono);font-size:.8rem;letter-spacing:.02em;text-transform:lowercase;border-radius:11px 11px 0 0;transition:color .25s var(--ease),background-color .25s var(--ease)}.browser__tab:hover{color:var(--text);background:#ffffff0d}.browser__tab-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.55;transition:opacity .25s var(--ease),box-shadow .25s var(--ease)}.browser__tab.is-active{color:var(--text);background:var(--viewport-bg);margin-bottom:-1px;z-index:1}.browser__tab.is-active .browser__tab-dot{opacity:1;box-shadow:0 0 10px 1px var(--accent)}.browser__tab.is-active:before,.browser__tab.is-active:after{content:"";position:absolute;bottom:0;width:11px;height:11px;background:var(--viewport-bg)}.browser__tab.is-active:before{left:-11px;-webkit-mask:radial-gradient(circle at top left,transparent 11px,#000 11px);mask:radial-gradient(circle at top left,transparent 11px,#000 11px)}.browser__tab.is-active:after{right:-11px;-webkit-mask:radial-gradient(circle at top right,transparent 11px,#000 11px);mask:radial-gradient(circle at top right,transparent 11px,#000 11px)}.browser__address{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.35rem .8rem;max-width:clamp(140px,22vw,280px);border-radius:999px;background:#ffffff0d;font-family:var(--mono);font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser__lock{width:7px;height:7px;border-radius:50%;background:rgba(var(--accent-rgb),.9);flex:none}.browser__address span:last-child{overflow:hidden;text-overflow:ellipsis}.browser__viewport{position:relative;flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);padding:clamp(1.1rem,2.4vw,2.1rem)}.projects{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(1.2rem,3vh,2.4rem);min-height:0}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,1.5vh,1.4rem) clamp(.9rem,1.4vw,1.5rem);align-content:center;min-height:0}.pcard{display:flex;flex-direction:column;gap:.55rem;padding:6px;border-radius:14px;text-decoration:none;color:var(--text);background:transparent;border:1px solid transparent;transition:transform .3s var(--ease),background-color .3s var(--ease),border-color .3s var(--ease);will-change:transform}.pcard:hover{transform:translateY(-4px);background:#ffffff09;border-color:rgba(var(--accent-rgb),.22)}.pcard__thumb{position:relative;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#d8d8d8;transition:box-shadow .3s var(--ease)}.pcard__media{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#d8d8d8;background-size:cover;background-position:center;transition:transform .45s var(--ease)}.pcard:hover .pcard__media{transform:scale(1.06)}.pcard:hover .pcard__thumb{box-shadow:0 14px 34px #00000073,0 0 0 1px rgba(var(--accent-rgb),.55),0 0 26px rgba(var(--accent-rgb),.28)}.pcard__body{display:flex;flex-direction:column;gap:.2rem;padding:0 .15rem}.pcard__head{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem}.pcard__title{font-weight:500;font-size:clamp(.92rem,1.05vw,1.05rem);letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard__year{flex:none;font-family:var(--mono);font-size:.74rem;letter-spacing:.02em;color:var(--muted)}.pcard__meta{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:center;gap:.35rem}.pager__nums{display:flex;align-items:center;gap:.2rem}.pager__arrow,.pager__num{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 .4rem;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--mono);font-size:.8rem;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),opacity .2s var(--ease)}.pager__arrow svg{width:16px;height:16px}.pager__arrow:hover:not(:disabled),.pager__num:hover{color:var(--text);background:#ffffff0f}.pager__arrow:disabled{opacity:.3;cursor:default}.pager__num.is-active{color:#0a0a0c;background:var(--accent);border-color:transparent}.about{position:relative;min-height:100svh}.about__inner{position:relative;min-height:inherit;padding:clamp(5.5rem,13vh,9rem) var(--pad) clamp(2.5rem,7vh,5rem);display:grid;grid-template-columns:minmax(0,1fr) var(--about-portrait-w);grid-template-rows:auto auto;column-gap:clamp(2rem,5vw,5rem);row-gap:clamp(1rem,2.4vh,1.7rem);--about-portrait-w: clamp(340px, 42vw, 560px)}.about__headline{grid-column:1 / -1;grid-row:1;margin:0;max-width:calc(100% - var(--about-portrait-w) * 2 / 3);text-wrap:balance;font-family:var(--display);font-weight:500;font-size:clamp(2.4rem,6vw,6rem);line-height:1.03;letter-spacing:-.035em}.about__accent{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.08em;letter-spacing:0;color:var(--about-accent);text-decoration:underline;text-decoration-thickness:.045em;text-underline-offset:.1em}.about__headline .about__split-line{overflow:hidden}.about__lower{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;min-height:0}.about__meta{margin:0;margin-top:clamp(7rem,24vh,15rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.4rem,3.4vh,2.2rem) clamp(1.6rem,3vw,3.2rem);max-width:540px}.about__meta-item{display:flex;flex-direction:column;gap:.5rem}.about__meta-key{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.about__meta-val{margin:0;font-size:clamp(.95rem,1.15vw,1.12rem);letter-spacing:-.005em;color:var(--text)}.about__portrait{grid-column:2;grid-row:2;align-self:start;position:relative;margin:0;width:100%;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 110px #00000080}.about__portrait-media{position:absolute;top:-10%;right:0;bottom:-10%;left:0;background:url(/media/portrait.jpg) center 22% / cover no-repeat,radial-gradient(115% 80% at 72% 16%,rgba(244,138,57,.55),transparent 58%),radial-gradient(110% 95% at 26% 92%,rgba(210,69,141,.4),transparent 62%),linear-gradient(155deg,#241813,#0c0b0d 70%);transition:filter .5s var(--ease)}.about__portrait:hover .about__portrait-media{filter:brightness(1.08) saturate(1.05)}.about__mail{margin-top:auto;display:inline-flex;align-items:center;gap:.04em;font-weight:600;font-size:clamp(1.9rem,6vw,4.8rem);letter-spacing:-.035em;line-height:1.1;color:#ffffff8c}.about__mail-label{background:linear-gradient(120deg,#fff,#ffffff8c);-webkit-background-clip:text;background-clip:text;color:transparent}.about__mail-arrow{flex:none;width:.92em;height:.92em;transition:transform .35s var(--ease)}.about__mail:hover .about__mail-arrow{transform:translate(.12em,-.12em)}.site-footer{padding:0 var(--pad) clamp(2rem,6vh,3.5rem)}.site-footer__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;padding-top:1.6rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;color:var(--muted)}.site-footer__credit{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .95rem}.site-footer__name{color:var(--text)}.site-footer__divider{width:1px;height:1.05em;background:var(--line)}.site-footer__place{display:inline-flex;align-items:center;gap:.6em}.site-footer__clock{display:inline-flex;align-items:center;gap:.45em}.site-footer__time{color:var(--text);font-variant-numeric:tabular-nums}.site-footer__colon{animation:footer-colon 1.2s ease-in-out infinite}@keyframes footer-colon{0%,to{opacity:1}50%{opacity:.18}}.site-footer__socials{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.social{display:inline-flex;align-items:center;gap:.55em;padding:.5rem .9rem;border:1px solid var(--line);border-radius:999px;background:#ffffff04;color:var(--muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;line-height:1;text-decoration:none;transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)}.social__icon{width:15px;height:15px;flex:none}.social:hover{color:var(--text);border-color:#ffffff57;background:#ffffff0d;box-shadow:0 10px 26px #0006}.social:focus-visible{outline:none;color:var(--text);border-color:rgba(var(--accent-rgb),.75);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.22)}.embed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:grid;place-items:center;padding:clamp(.8rem,3vw,2.5rem)}.embed[hidden]{display:none}.embed__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0404059e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .35s var(--ease)}.embed.is-open .embed__backdrop{opacity:1}.embed__window{position:relative;width:min(1120px,100%);height:min(82vh,720px);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#ffffff14,#ffffff05 60%),#0a0a0c80;box-shadow:0 40px 120px #0009,inset 0 1px #ffffff29;backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .4s var(--ease),transform .4s var(--ease)}.embed.is-open .embed__window{opacity:1;transform:none}.embed__bar{display:flex;align-items:center;gap:.85rem;padding:.6rem .8rem;background:#ffffff09;border-bottom:1px solid var(--line)}.embed__dots{display:flex;gap:.5rem;flex:none;padding-left:.2rem}.embed__dot{position:relative;width:13px;height:13px;padding:0;border:0;border-radius:50%;opacity:.92;transition:opacity .2s var(--ease),transform .2s var(--ease)}.embed__dot:hover{opacity:1;transform:scale(1.12)}.embed__dot:nth-child(1){background:#ff5f57}.embed__dot:nth-child(2){background:#febc2e}.embed__dot:nth-child(3){background:#28c840}.embed__dot:before{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:9px;font-weight:700;line-height:1;color:#0009;opacity:0;transition:opacity .2s var(--ease)}.embed__dots:hover .embed__dot:before{opacity:1}.embed__dot:nth-child(1):before,.embed__dot:nth-child(2):before{content:"×"}.embed__dot:nth-child(3):before{content:"↗"}.embed__address{display:inline-flex;align-items:center;gap:.5rem;flex:1;min-width:0;padding:.4rem .85rem;border-radius:999px;background:#ffffff0d;font-family:var(--mono);font-size:.74rem;color:var(--muted)}.embed__lock{width:7px;height:7px;border-radius:50%;background:rgba(var(--accent-rgb),.9);flex:none}.embed__address span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embed__viewport{position:relative;flex:1;min-height:0;background:#000}.embed__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}@media(max-width:960px){:root{--pad: clamp(1.1rem, 4.8vw, 2.5rem);--gutter: clamp(.65rem, 2vw, 1rem)}.topbar{padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}.topbar__tagline,.topbar__sep{display:none}.work{height:auto;min-height:0;padding:calc(var(--gutter) + 3.4rem) var(--gutter) var(--gutter);scroll-margin-top:0}body.at-work .work{padding-top:calc(var(--gutter) + 3.4rem)}.browser{flex:none;width:100%}.browser__viewport,.projects{display:block}.projects__grid{grid-template-columns:repeat(2,1fr);align-content:start;margin-bottom:1.2rem}.pager__arrow,.pager__num{min-width:38px;height:38px}.about{min-height:auto}.about__inner{display:flex;flex-direction:column;min-height:auto;padding-top:clamp(6rem,14vh,9rem);row-gap:clamp(2rem,5vh,3rem)}.about__headline{max-width:none}.about__portrait{width:100%;max-width:520px;aspect-ratio:4 / 5;align-self:flex-end}.about__lower{gap:clamp(2rem,5vh,3rem)}.about__meta{margin-top:0;max-width:none}.about__mail{margin-top:0}}@media(max-width:620px){:root{--pad: clamp(1rem, 5vw, 1.3rem);--gutter: clamp(.45rem, 2vw, .7rem)}.glow{width:min(92vw,440px)}.glow-blur{backdrop-filter:blur(64px);-webkit-backdrop-filter:blur(64px)}.topbar,.topbar.is-scrolled{gap:.7rem;padding-top:max(.8rem,env(safe-area-inset-top));padding-bottom:.8rem}.topbar__lead{flex:1}.topbar__brand{overflow:hidden;text-overflow:ellipsis}.portfolio .topbar__right,.topbar__nav{display:none}.topbar__menu-toggle{position:relative;flex:none;display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffff09;color:var(--text)}.topbar__menu-icon{position:relative;display:block;width:17px;height:10px}.topbar__menu-icon span{position:absolute;left:0;width:100%;height:1px;background:currentColor}.topbar__menu-icon span:first-child{top:1px}.topbar__menu-icon span:last-child{right:0;bottom:1px;left:auto;width:68%}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:grid;grid-template-columns:minmax(0,1fr) min(88vw,380px);pointer-events:none}.mobile-menu__backdrop{grid-column:1 / -1;grid-row:1;padding:0;border:0;background:#020203ad;opacity:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .35s var(--ease)}.mobile-menu__panel{grid-column:2;grid-row:1;min-width:0;height:100dvh;padding:max(1.1rem,env(safe-area-inset-top)) max(1.1rem,env(safe-area-inset-right)) max(1.1rem,env(safe-area-inset-bottom)) 1.1rem;display:flex;flex-direction:column;overflow-y:auto;border-left:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#ffffff17,#ffffff06 48%),#08080ae0;box-shadow:-30px 0 90px #0000007a,inset 1px 0 #ffffff14;backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);transform:translate(102%);transition:transform .42s var(--ease)}.mobile-menu.is-open{pointer-events:auto}.mobile-menu.is-open .mobile-menu__backdrop{opacity:1}.mobile-menu.is-open .mobile-menu__panel{transform:translate(0)}.mobile-menu__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}.mobile-menu__eyebrow,.mobile-menu__group-label{font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.mobile-menu__close{position:relative;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffff09;color:var(--text)}.mobile-menu__close span:before,.mobile-menu__close span:after{content:"";position:absolute;top:50%;left:50%;width:15px;height:1px;background:currentColor}.mobile-menu__close span:before{transform:translate(-50%,-50%) rotate(45deg)}.mobile-menu__close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.mobile-menu__nav{display:grid;margin-top:clamp(1.5rem,7vh,3rem)}.mobile-menu__link,.mobile-menu__category{display:flex;align-items:center;gap:.75rem;min-height:48px;border-bottom:1px solid var(--line)}.mobile-menu__link{justify-content:space-between;font-size:clamp(1.45rem,7vw,2rem);letter-spacing:-.03em}.mobile-menu__link small,.mobile-menu__category small{margin-left:auto;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;color:var(--muted)}.mobile-menu__group{display:grid;gap:.65rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}.mobile-menu__categories{display:grid}.mobile-menu__category{border-bottom-color:#ffffff12;font-size:1.05rem}.mobile-menu__category:last-child{border-bottom:0}.mobile-menu__category-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--category-accent);box-shadow:0 0 12px color-mix(in srgb,var(--category-accent) 55%,transparent)}.mobile-menu__actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:auto;padding-top:1.5rem}.mobile-menu__action{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:46px;padding:.7rem .85rem;border:1px solid var(--line);border-radius:999px;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}.mobile-menu__action--primary{border-color:#ffffff4d;background:var(--text);color:var(--bg)}html.is-menu-lock,html.is-menu-lock body{overflow:hidden}.topbar__resume span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar__resume{justify-content:center;min-width:40px;min-height:40px;padding:.5rem}.hero{padding:max(5.5rem,calc(var(--pad) + env(safe-area-inset-top))) var(--pad) max(4.5rem,calc(var(--pad) + env(safe-area-inset-bottom)))}.hero__title{gap:.05em 0;font-size:clamp(2.2rem,11.5vw,4.6rem);line-height:.98}.hero__static,.hero__dynamic{flex-basis:100%}.hero__dynamic{justify-content:center;min-height:1em}.hero__dynamic.is-done{display:block;min-height:0;text-align:center}.hero__dynamic.is-done .hero__blank{display:inline-flex;vertical-align:baseline}.hero__blank-btn{justify-content:center;align-items:flex-end;min-width:clamp(6.5rem,32vw,9rem)}.hero__blank-fill{width:clamp(3.8rem,18vw,5.5rem)}.hero__blank-caret{display:none}.hero__scroll{bottom:max(1.15rem,env(safe-area-inset-bottom))}.hero__menu{min-width:0;max-width:calc(100vw - 1.5rem);padding:.25rem;border-radius:8px;font-size:.86rem}.hero__menu-item{min-height:44px;gap:0;padding:.55rem .65rem;border-radius:6px}.hero__menu-arrow{display:none}.work,body.at-work .work{padding-top:calc(4.35rem + env(safe-area-inset-top))}.browser{border-radius:14px}.browser__bar{align-items:center;gap:.55rem;padding:.75rem .8rem}.browser__dots{gap:.35rem;height:auto}.browser__dots span{width:10px;height:10px}.browser__address,.browser__tabs{display:none}.browser__mobile-label{display:block;flex:1;font-family:var(--mono);font-size:.68rem;text-align:right;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.browser__viewport{padding:clamp(.7rem,3.5vw,1rem)}.projects{gap:1rem}.projects__grid{grid-template-columns:1fr;gap:1.25rem}.projects__grid.is-category-feed{display:flex;flex-direction:column;gap:clamp(2.5rem,12vw,4rem)}.work-group{display:grid;gap:1rem;scroll-margin-top:calc(4.75rem + env(safe-area-inset-top))}.work-group__head{padding:0 .25rem .45rem}.work-group__head h2{margin:0;font-size:clamp(1.35rem,6vw,1.75rem);font-weight:500;letter-spacing:-.025em}.work-group__grid{display:grid;gap:1.25rem}.work-group__pager{display:flex;align-items:center;justify-content:center;gap:.2rem}.work-group__pager-arrow,.work-group__pager-number{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--mono);font-size:.8rem}.work-group__pager-arrow{font-size:1.15rem}.work-group__pager-arrow:disabled{opacity:.3}.work-group__pager-number{background:#ffffff14;color:var(--text)}.work-group__empty{margin:0;padding:1.5rem .25rem;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pcard{gap:.65rem;padding:4px;border-radius:12px}.pcard__thumb{border-radius:9px}.pcard__head{align-items:flex-start}.pcard__title{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.pcard__meta{overflow-wrap:anywhere}.pager,.pager__nums{flex-wrap:wrap;justify-content:center}.pager{display:none}.about__inner{padding-top:max(5.25rem,calc(4.5rem + env(safe-area-inset-top)));padding-bottom:3rem;row-gap:clamp(1.75rem,7vw,2.5rem)}.about__headline{font-size:clamp(2.3rem,11vw,4.2rem);line-height:1}.about__portrait{align-self:stretch;max-width:none;border-radius:14px}.about__meta{gap:1.35rem 1rem}.about__mail{max-width:100%;font-size:clamp(1.05rem,5.5vw,2.4rem)}.about__mail-label{min-width:0;overflow-wrap:anywhere}.embed__window{height:min(82svh,720px);border-radius:14px}.embed{padding:max(.6rem,env(safe-area-inset-top)) max(.6rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left))}.embed__bar{gap:.6rem;padding:.55rem .65rem}.embed__address{padding-inline:.65rem}.site-footer__row{flex-direction:column;align-items:flex-start;gap:1.3rem}.site-footer__credit{flex-direction:column;align-items:flex-start;gap:.55rem}.site-footer__divider{display:none}.site-footer__socials{width:100%}.social{flex:1 1 8.5rem;justify-content:center;min-height:42px}.site-footer{padding-bottom:max(2rem,calc(1.2rem + env(safe-area-inset-bottom)))}}@media(max-width:420px){.topbar{gap:.6rem}.topbar__lead{flex:1}.topbar__brand{font-size:.92rem;overflow:hidden;text-overflow:ellipsis}.topbar__right{gap:.6rem}.topbar__actions{gap:.45rem}.topbar__cta{justify-content:center;min-width:40px;min-height:40px;padding:.5rem}.topbar__cta span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar__cta svg{width:15px;height:15px}.about__meta{grid-template-columns:1fr}.site-footer__place{flex-wrap:wrap}}@media(max-width:960px)and (max-height:500px)and (orientation:landscape){.hero{min-height:100svh;padding-top:4.5rem;padding-bottom:2.5rem}.hero__title{font-size:clamp(2rem,8.5vw,3.6rem)}.hero__scroll-label{display:none}}@media(pointer:coarse){html.is-embed-lock,html.is-embed-lock body{overflow:hidden}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.glow__core{animation:none}.hero__static{visibility:visible}.hero__scroll{opacity:1}}