: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)}.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){.topbar__tagline,.topbar__sep{display:none}.work{height:auto;min-height:0;padding:calc(var(--gutter) + 3.4rem) var(--gutter) var(--gutter)}.browser__viewport,.projects{display:block}.projects__grid{grid-template-columns:repeat(2,1fr);align-content:start;margin-bottom:1.2rem}.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:440px;aspect-ratio:4 / 5}.about__lower{gap:clamp(2rem,5vh,3rem)}.about__meta{margin-top:0;max-width:none}.about__mail{margin-top:0}}@media(max-width:620px){.topbar__nav,.topbar__resume span{display:none}.topbar__resume{padding:.5rem .55rem}.browser__address{display:none}.browser__tab{min-width:78px;font-size:.72rem;padding:0 .6rem}.projects__grid{grid-template-columns:1fr}.hero__title{gap:0 .18em}.hero__menu{min-width:min(280px,86vw)}.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}}@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}}