.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{color-scheme:dark;--header-height: 58px;--mx: 50vw;--my: 50vh;--glow-opacity: .28;--glow-radius: 170px;--tech-hue: 145;--tech-grid-sat: 95%;--tech-grid-light: 68%;--tech-hue-shift: 10;--tech-grid-base-opacity: .23;--tech-grid-fx-opacity: .57;--tech-grid-fx-line-opacity: .34;--tech-grid-pulse-line-opacity: .44;--pulse-down-x: 50vw;--pulse-down-y: 50vh;--pulse-down-size: 0px;--pulse-down-opacity: 0;--pulse-up-x: 50vw;--pulse-up-y: 50vh;--pulse-up-size: 0px;--pulse-up-opacity: 0;--bg: #050505;--surface: #0d0d0d;--surface-strong: #121212;--surface-low: #0f0f0f;--surface-mid: #101010;--surface-deep: #080808;--surface-elevated: #090909;--surface-near-black: #060606;--line-dark: #1d1d1d;--black: #000000;--white: #ffffff;--text: #f2f2f2;--muted: #b3b3b3;--line: rgba(255, 255, 255, .2);--line-soft: rgba(255, 255, 255, .18);--line-subtle: rgba(255, 255, 255, .16);--line-soft-subtle: rgba(255, 255, 255, .19);--line-faint: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .34);--line-stronger: rgba(255, 255, 255, .45);--line-emphasis: rgba(255, 255, 255, .5);--line-accent: rgba(255, 255, 255, .65);--line-active: rgba(255, 255, 255, .7);--line-panel: rgba(255, 255, 255, .3);--line-divider: rgba(255, 255, 255, .22);--line-intense: rgba(255, 255, 255, .26);--line-max: rgba(255, 255, 255, .96);--line-grid: rgba(255, 255, 255, .02);--line-chip: rgba(255, 255, 255, .4);--line-control: rgba(255, 255, 255, .32);--surface-tint: rgba(255, 255, 255, .04);--line-low: rgba(255, 255, 255, .14);--scrollbar-color: rgba(255, 255, 255, .35);--scrollbar-thumb: rgba(255, 255, 255, .28);--text-dim: rgba(255, 255, 255, .72);--text-soft: rgba(255, 255, 255, .86);--text-soft-strong: rgba(255, 255, 255, .88);--text-soft-max: rgba(255, 255, 255, .9);--text-soft-plus: rgba(255, 255, 255, .92);--text-soft-peak: rgba(255, 255, 255, .94);--text-soft-fill: rgba(255, 255, 255, .87);--text-dim-low: rgba(255, 255, 255, .68);--text-dim-strong: rgba(255, 255, 255, .82);--text-muted-low: rgba(255, 255, 255, .74);--text-heading-muted: #d8d8d8;--text-heading-soft: #d7d7d7;--text-heading-strong: #f4f4f4;--text-link-strong: #f1f1f1;--text-muted-strong: rgba(255, 255, 255, .75);--overlay-98: rgba(0, 0, 0, .98);--overlay-95: rgba(0, 0, 0, .95);--overlay-86: rgba(0, 0, 0, .86);--overlay-72: rgba(0, 0, 0, .72);--overlay-62: rgba(0, 0, 0, .62);--overlay-50: rgba(0, 0, 0, .5);--overlay-36: rgba(0, 0, 0, .36);--overlay-28: rgba(0, 0, 0, .28);--overlay-10: rgba(0, 0, 0, .1);--overlay-00: rgba(0, 0, 0, 0);--glass-header: rgba(7, 9, 12, .52);--barrier-top: rgba(2, 4, 8, .12);--barrier-mid: rgba(2, 4, 8, .24);--barrier-deep: rgba(2, 4, 8, .56);--accent-glow: rgba(255, 138, 58, .28);--accent-soft: rgba(255, 138, 58, .24);--accent-soft-mid: rgba(255, 138, 58, .22);--accent-soft-low: rgba(255, 138, 58, .14);--accent: #ff8a3a;--pond-shell-top: rgba(14, 33, 35, .24);--pond-shell-bottom: rgba(6, 14, 16, .56);--pond-specular: rgba(209, 255, 242, .1);--pond-glow-idle: rgba(80, 236, 203, .08);--pond-glow-active: rgba(109, 255, 222, .15);--pond-rim: rgba(162, 255, 228, .16);--header-bg: var(--black);--font-body: "Plus Jakarta Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-display: "Cal Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-mono: "Atkinson Hyperlegible Mono", "Consolas", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}html{overflow-y:overlay;scrollbar-gutter:auto}@supports not (overflow: overlay){html{scrollbar-gutter:stable}}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.55;position:relative;-webkit-user-select:none;user-select:none}input,textarea,select,button,[contenteditable=true],pre,code,kbd,samp,.allow-select,.allow-select *,[data-allow-select],[data-allow-select] *{-webkit-user-select:text;user-select:text}.no-select,.no-select *{-webkit-user-select:none;user-select:none}::selection{background:var(--accent-glow);color:var(--white)}.tech-grid-base,.tech-grid-fx,.tech-grid-pulse{position:fixed;inset:0;pointer-events:none}.tech-grid-base{z-index:0;opacity:.17;background-image:linear-gradient(hsl(var(--tech-hue) var(--tech-grid-sat) var(--tech-grid-light) / var(--tech-grid-base-opacity)) 1px,transparent 1px),linear-gradient(90deg,hsl(calc(var(--tech-hue) + var(--tech-hue-shift)) var(--tech-grid-sat) var(--tech-grid-light) / var(--tech-grid-base-opacity)) 1px,transparent 1px);background-size:42px 42px,42px 42px;background-position:0 0,0 0}.tech-grid-fx{z-index:0;opacity:var(--glow-opacity);background-image:linear-gradient(hsl(var(--tech-hue) var(--tech-grid-sat) var(--tech-grid-light) / var(--tech-grid-fx-line-opacity)) 1px,transparent 1px),linear-gradient(90deg,hsl(calc(var(--tech-hue) + var(--tech-hue-shift)) var(--tech-grid-sat) var(--tech-grid-light) / var(--tech-grid-fx-line-opacity)) 1px,transparent 1px);background-size:42px 42px,42px 42px;background-position:0 0,0 0;-webkit-mask-image:radial-gradient(circle var(--glow-radius) at var(--mx) var(--my),var(--overlay-95) 0%,var(--overlay-62) 44%,transparent 100%);mask-image:radial-gradient(circle var(--glow-radius) at var(--mx) var(--my),var(--overlay-95) 0%,var(--overlay-62) 44%,transparent 100%)}.tech-grid-pulse{z-index:2;background-image:linear-gradient(hsl(var(--tech-hue) var(--tech-grid-sat) var(--tech-grid-light) / var(--tech-grid-pulse-line-opacity)) 1px,transparent 1px),linear-gradient(90deg,hsl(calc(var(--tech-hue) + var(--tech-hue-shift)) var(--tech-grid-sat) var(--tech-grid-light) / var(--tech-grid-pulse-line-opacity)) 1px,transparent 1px);background-size:42px 42px,42px 42px;background-position:0 0,0 0}.tech-grid-pulse-down{opacity:var(--pulse-down-opacity);-webkit-mask-image:radial-gradient(circle at var(--pulse-down-x) var(--pulse-down-y),transparent calc(var(--pulse-down-size) - 16px),var(--overlay-98) calc(var(--pulse-down-size) - 5px),var(--overlay-98) calc(var(--pulse-down-size) + 5px),transparent calc(var(--pulse-down-size) + 20px));mask-image:radial-gradient(circle at var(--pulse-down-x) var(--pulse-down-y),transparent calc(var(--pulse-down-size) - 16px),var(--overlay-98) calc(var(--pulse-down-size) - 5px),var(--overlay-98) calc(var(--pulse-down-size) + 5px),transparent calc(var(--pulse-down-size) + 20px))}.tech-grid-pulse-up{opacity:var(--pulse-up-opacity);-webkit-mask-image:radial-gradient(circle at var(--pulse-up-x) var(--pulse-up-y),transparent calc(var(--pulse-up-size) - 24px),var(--overlay-95) calc(var(--pulse-up-size) - 8px),var(--overlay-95) calc(var(--pulse-up-size) + 8px),transparent calc(var(--pulse-up-size) + 34px));mask-image:radial-gradient(circle at var(--pulse-up-x) var(--pulse-up-y),transparent calc(var(--pulse-up-size) - 24px),var(--overlay-95) calc(var(--pulse-up-size) - 8px),var(--overlay-95) calc(var(--pulse-up-size) + 8px),transparent calc(var(--pulse-up-size) + 34px))}@media(prefers-reduced-motion:reduce){.tech-grid-fx,.tech-grid-pulse{display:none}.project-card,.project-thumb img{transition:none}}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-color) transparent}html::-webkit-scrollbar{width:11px;height:11px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-track-piece{background:transparent}html::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.container{width:min(1160px,92%);margin:0 auto}.site-header-wrap{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--glass-header);-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);border-bottom:0;transition:transform 70ms linear;will-change:transform;box-shadow:0 8px 28px var(--overlay-36)}.site-header-wrap.is-hidden{transform:translateY(-105%)}.site-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:.9rem;min-height:var(--header-height);width:100%;max-width:none;margin:0;padding-inline:clamp(.8rem,2.6vw,2rem)}.site-title{color:var(--white);text-decoration:none;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;font-family:var(--font-body)}.site-logo-link{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;overflow:hidden;flex:0 0 auto;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s linear}.site-logo-link img{width:100%;height:100%;object-fit:cover;margin:0;border:0}.site-logo-link:hover,.site-logo-link:focus-visible{box-shadow:0 0 0 2px var(--accent)}.site-header nav{display:flex;flex-wrap:wrap;gap:.35rem;justify-self:center;justify-content:center}.site-header nav a{color:var(--accent);text-decoration:none;font-size:clamp(1rem,1.7vw,1.28rem);letter-spacing:.045em;text-transform:uppercase;padding:.2rem .52rem;border:0;border-radius:0;line-height:1}.site-header nav a:hover,.site-header nav a.active{color:var(--text);background:transparent;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.site-header-spacer{width:42px;height:42px}.site-header-wrap.header-pond{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:0;pointer-events:none;padding-top:clamp(.25rem,1vw,.65rem);transition:transform .16s cubic-bezier(.2,.68,.25,1),opacity .12s linear}.site-header-wrap.header-pond.is-hidden{transform:translateY(-165%);opacity:0}.site-header-wrap.header-pond .site-header{width:max-content;margin:0 auto;min-height:auto;padding-block:0;gap:.34rem;display:flex;align-items:center;justify-content:center;pointer-events:none}.site-header-wrap.header-pond .site-header-spacer{display:none}.site-header-wrap.header-pond .site-logo-link,.site-header-wrap.header-pond .site-nav-pill{pointer-events:auto;position:relative;overflow:clip;isolation:isolate;border-radius:999px;border:1px solid var(--pond-rim);background:radial-gradient(120% 88% at 24% 16%,var(--pond-specular) 0%,transparent 56%),linear-gradient(162deg,var(--pond-shell-top) 0%,var(--pond-shell-bottom) 100%);box-shadow:0 8px 14px var(--overlay-36),0 0 10px var(--overlay-28),inset 0 0 0 1px var(--overlay-10),inset 0 -10px 14px var(--overlay-50);-webkit-backdrop-filter:blur(6px) saturate(124%);backdrop-filter:blur(6px) saturate(124%);transform-origin:center center;transition:transform .14s cubic-bezier(.22,.72,.2,1),box-shadow .18s ease,border-color .18s ease,color .16s ease,background .28s ease}.site-header-wrap.header-pond .site-logo-link:before,.site-header-wrap.header-pond .site-nav-pill:before{content:"";position:absolute;inset:7% 14% auto;height:30%;border-radius:999px;background:linear-gradient(180deg,var(--pond-specular) 0%,transparent 100%);opacity:.45;pointer-events:none}.site-header-wrap.header-pond .site-logo-link:after,.site-header-wrap.header-pond .site-nav-pill:after{content:"";position:absolute;inset:-40%;border-radius:999px;background:radial-gradient(circle,var(--pond-glow-active) 0%,transparent 76%);opacity:0;transform:scale(.92);transition:opacity .22s ease,transform .32s ease;pointer-events:none}.site-header-wrap.header-pond .site-logo-link{width:47px;height:45px}.site-header-wrap.header-pond .site-logo-link img{border-radius:inherit}.site-header-wrap.header-pond .site-header nav{position:relative;display:flex;gap:.32rem;padding:.22rem .3rem;border-radius:999px;background:linear-gradient(180deg,var(--overlay-36) 0%,var(--overlay-62) 100%);border:1px solid var(--overlay-28);box-shadow:inset 0 0 0 1px var(--overlay-10),0 8px 14px var(--overlay-36);overflow:clip;isolation:isolate}.site-header-wrap.header-pond .site-header nav:before,.site-header-wrap.header-pond .site-header nav:after{content:"";position:absolute;pointer-events:none;border-radius:999px}.site-header-wrap.header-pond .site-header nav:before{inset:34% 5% 27%;background:radial-gradient(42% 108% at 16% 52%,var(--pond-glow-idle) 0%,transparent 66%),radial-gradient(48% 112% at 52% 48%,var(--pond-glow-active) 0%,transparent 68%),radial-gradient(44% 104% at 86% 54%,var(--pond-glow-idle) 0%,transparent 67%);background-size:170% 100%,165% 100%,172% 100%;background-repeat:repeat-x;filter:blur(6px);opacity:.45;animation:pond-fluid-current 8.2s cubic-bezier(.34,.02,.26,.98) infinite}.site-header-wrap.header-pond .site-header nav:after{inset:16% 8% 52%;background:linear-gradient(90deg,transparent 0%,var(--pond-specular) 50%,transparent 100%);opacity:.14;animation:pond-fluid-sheen 6.2s ease-in-out infinite}.site-header-wrap.header-pond .site-header nav a{color:var(--text-soft);text-decoration:none;min-width:66px;height:42px;padding:0 .84rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.04em;text-transform:none;border-radius:999px;font-size:clamp(.75rem,.95vw,.85rem);font-family:var(--font-mono);border:1px solid var(--overlay-28);background:linear-gradient(180deg,var(--overlay-36) 0%,var(--overlay-62) 100%)}.site-header-wrap.header-pond .site-header nav a:hover,.site-header-wrap.header-pond .site-header nav a.active{color:var(--white);text-decoration:none;border-color:var(--pond-rim);box-shadow:0 5px 10px var(--overlay-36),0 0 8px var(--pond-glow-active),inset 0 -8px 12px var(--overlay-50)}.site-header-wrap.header-pond .site-header nav a:hover:after,.site-header-wrap.header-pond .site-header nav a.active:after,.site-header-wrap.header-pond .site-logo-link:hover:after{opacity:.36;transform:scale(1)}.site-header-wrap.header-pond .site-nav-pill.is-wobbling{animation:droplet-jelly .26s cubic-bezier(.2,.72,.2,1)}.site-header-wrap.header-pond .site-nav-pill.is-wobbling-strong{animation:droplet-jelly-strong .32s cubic-bezier(.2,.72,.2,1)}.site-header-wrap.header-pond .site-nav-pill.is-wobbling-strong:after{opacity:.42;transform:scale(1.03)}.site-header-wrap.header-pond+.site-main{padding-top:0}@keyframes pond-fluid-current{0%{background-position:0 0,0 0,0 0;opacity:.32}42%{background-position:18px 0,-10px 0,14px 0;opacity:.46}to{background-position:36px 0,-20px 0,28px 0;opacity:.32}}@keyframes pond-fluid-sheen{0%,to{transform:translate(-8%);opacity:.08}50%{transform:translate(8%);opacity:.18}}@media(prefers-reduced-motion:reduce){.site-header-wrap.header-pond .site-header nav:before,.site-header-wrap.header-pond .site-header nav:after{animation:none}}@keyframes droplet-jelly{0%{transform:scale(1) skew(0)}34%{transform:scale(1.016,.992) skew(-.65deg)}64%{transform:scale(.995,1.008) skew(.45deg)}to{transform:scale(1) skew(0)}}@keyframes droplet-jelly-strong{0%{transform:scale(1) skew(0)}24%{transform:scale(1.028,.982) skew(-1.2deg)}54%{transform:scale(.985,1.018) skew(.8deg)}to{transform:scale(1) skew(0)}}.site-main{padding:var(--header-height) 0 3rem;background:transparent;position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation:none}}.page-transition-barrier{position:fixed;inset:0;z-index:240;pointer-events:none;opacity:0;background:linear-gradient(180deg,var(--barrier-top) 0%,var(--barrier-mid) 45%,var(--barrier-deep) 100%),repeating-linear-gradient(180deg,var(--line-grid) 0 1px,transparent 1px 3px);transition:opacity .26s cubic-bezier(.22,.61,.36,1)}.page-transition-barrier__scan{position:absolute;inset:-52% 0 auto;height:72%;opacity:0;background:linear-gradient(180deg,transparent 0%,hsl(var(--tech-hue) var(--tech-grid-sat) var(--tech-grid-light) / .12) 18%,hsl(var(--tech-hue) var(--tech-grid-sat) var(--tech-grid-light) / .34) 48%,hsl(var(--tech-hue) var(--tech-grid-sat) var(--tech-grid-light) / .12) 78%,transparent 100%);transform:translateY(-112%);will-change:transform,opacity;mix-blend-mode:screen}:root.is-route-transitioning .page-transition-barrier{opacity:.98}:root.is-route-transitioning .page-transition-barrier__scan{opacity:.92;animation:barrier-scan-wipe .98s cubic-bezier(.2,.55,.28,1) 1 both}@media(prefers-reduced-motion:reduce){.page-transition-barrier,.page-transition-barrier__scan{transition:none}}@keyframes barrier-scan-wipe{0%{transform:translateY(-112%);opacity:0}10%{opacity:.86}48%{opacity:.98}84%{opacity:.82}to{transform:translateY(228%);opacity:0}}.page-home .site-main{padding:0}.page-hero,.project-hero-inner{padding-top:1.6rem;padding-bottom:1.1rem}.page-hero-inner{position:relative;z-index:1}.page-hero-media{position:relative;width:100%;min-height:clamp(260px,38vw,520px);background-image:var(--hero-image);background-size:cover;background-position:center center;display:flex;align-items:end}.page-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,var(--overlay-28) 0%,var(--overlay-50) 55%,var(--overlay-72) 100%)}.page-hero h1,.project-hero h1{margin:0;font-size:clamp(2rem,4.4vw,3.6rem);letter-spacing:-.02em;line-height:1.06;font-family:var(--font-display);font-weight:400}.page-hero p,.project-hero p{margin:.7rem 0 0;color:var(--muted);max-width:70ch}.page-layout.has-hero .page-hero h1,.page-layout.has-hero .page-hero p{color:var(--white);text-shadow:0 1px 8px var(--overlay-50)}.page-content,.project-content{background:none;border:1px solid var(--line);border-radius:0;padding:1.1rem clamp(.9rem,2.5vw,2rem) 2rem}.page-work .page-content,.page-play .page-content{width:min(96vw,1480px);max-width:none;margin-left:auto;margin-right:auto;padding:0;border:0;background:transparent}.page-about .page-content{width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent}.page-layout.hero-overlay .page-content{margin-top:clamp(-70px,-8vw,-44px);position:relative;z-index:2}body.page-about,body.page-work,body.page-play{background:var(--black);color:var(--text)}body.page-about .site-main,body.page-work .site-main,body.page-play .site-main{background:transparent}body.page-about .page-hero,body.page-work .page-hero,body.page-play .page-hero{border-bottom:1px solid var(--line-soft)}.project-hero{position:relative;min-height:clamp(300px,42vw,800px);width:100%;background:var(--surface-deep);display:flex;align-items:end;overflow:hidden}.project-hero.has-cover{background-image:var(--project-hero-image);background-size:cover;background-position:center center;background-attachment:fixed}.project-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,var(--overlay-00) 0%,var(--overlay-10) 80%,var(--overlay-86) 100%)}.project-hero-inner{position:relative;z-index:1;color:var(--white);width:100%;padding-top:clamp(3rem,7vw,5rem);padding-bottom:clamp(1.2rem,3vw,2rem)}.project-hero p{color:var(--text-soft-max)}h1,h2,h3,h4{line-height:1.18}h2{margin:1.6rem 0 .6rem;font-size:clamp(1.2rem,2vw,1.7rem);font-family:var(--font-display);font-weight:400}h3{margin:1.15rem 0 .5rem;color:var(--text-heading-muted);font-family:var(--font-mono);font-weight:400;letter-spacing:.01em;font-size:.98rem}p,ul{margin:.7rem 0}ul{padding-left:1.2rem}a{color:var(--accent);text-underline-offset:.12em}img{max-width:100%;height:auto;display:block}.page-content img,.project-content img{margin:.65rem 0;border-radius:10px;border:1px solid var(--line)}.page-content>section,.project-content>section{margin-top:1.2rem}.media-embed{margin:1rem 0;width:100%}.video-embed{position:relative;aspect-ratio:16 / 9;border:1px solid var(--line);background:var(--surface-deep)}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.project-layout{margin-top:none;width:100%}.project-photo-header{width:min(1160px,92%);margin:0 auto;padding-top:clamp(1rem,2vw,1.4rem);padding-bottom:clamp(.55rem,1.5vw,1rem)}.project-photo-header h1{margin:0;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.05}.project-photo-header p{margin:.55rem 0 0}.project-photo-content{width:100%;max-width:none;margin:0;border:0;padding:0;background:transparent}.project-artifact{padding:clamp(.9rem,2.2vw,1.3rem) clamp(.9rem,2.2vw,1.5rem) clamp(1.3rem,2.4vw,1.9rem)}.project-header-compact{margin-bottom:.85rem}.project-header-label{margin:0;color:var(--text-dim-low);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.project-header-compact h1{margin:.28rem 0 0;font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.02}.project-header-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.project-header-play{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.42rem .82rem;border:1px solid var(--accent);background:var(--accent-soft-low);color:var(--white);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.project-header-play:hover,.project-header-play:focus-visible{color:var(--white);text-decoration:none;background:var(--accent-soft)}.project-header-summary{margin:.55rem 0 0;color:var(--text-soft);max-width:74ch}.project-meta-row{margin:.55rem 0 0;display:flex;flex-wrap:wrap;gap:.35rem}.project-meta-row span{border:1px solid var(--line-intense);background:var(--surface-tint);color:var(--text-soft-max);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;padding:.15rem .38rem;text-transform:uppercase}.play-module{margin:none;padding:none;border:1px solid var(--line);background:var(--surface-elevated)}.play-module-stage{width:100%}.play-module-crop{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--line-soft);background:var(--black)}.play-module-crop iframe{position:absolute;inset:-3.5%;width:107%;height:107%;border:0;transform:scale(1.02);transform-origin:center center}.project-body{margin-top:.95rem}.project-body-intro{margin-bottom:.8rem}.project-section{border:1px solid var(--line-low);background:var(--line-grid);margin-top:.55rem}.project-section>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:.55rem .68rem;font-family:var(--font-mono);font-size:.8rem;color:var(--line-max);letter-spacing:.04em;text-transform:uppercase}.project-section>summary::-webkit-details-marker{display:none}.project-section>summary:after{content:"+";color:var(--text-dim-strong);font-size:1rem;line-height:1}.project-section[open]>summary{border-bottom:1px solid var(--line-faint)}.project-section[open]>summary:after{content:"-"}.project-section-body{padding:.5rem .72rem .8rem}.project-section-body>:first-child{margin-top:.2rem}.project-section-body>:last-child{margin-bottom:0}.image-gallery{display:grid;gap:.65rem;margin:1rem 0}.photo-composition{margin:1rem 0}.project-photo-content .photo-composition{margin:0}.project-photo-content .photo-composition-rows{gap:clamp(.35rem,1vw,.6rem);padding-inline:clamp(.3rem,.9vw,.65rem)}.project-photo-content .photo-composition-row{gap:clamp(.35rem,1vw,.6rem)}.project-photo-content .photo-composition-trigger{border:0}.photo-composition-title{margin:0 0 .6rem}.photo-composition-rows{display:grid;gap:.5rem}.photo-composition-row{display:grid;grid-template-columns:repeat(var(--photo-row-cols),minmax(0,1fr));gap:.5rem}.photo-composition-item{margin:0}.photo-composition-trigger{display:block;width:100%;height:var(--photo-row-height);border:1px solid var(--line);padding:0;margin:0;background:var(--surface-deep);cursor:zoom-in;overflow:hidden}.photo-composition-trigger img{width:100%;height:100%;object-fit:cover;border:0;margin:0;transition:transform .22s ease}.photo-composition-trigger:hover img,.photo-composition-trigger:focus-visible img{transform:scale(1.03)}.photo-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;background:var(--overlay-98);padding:0;color:var(--white)}.photo-lightbox::backdrop{background:var(--overlay-95)}.photo-lightbox-shell{position:relative;width:100%;height:100%;overflow:hidden}.photo-lightbox-stage{position:absolute;inset:0;display:grid;place-items:center;touch-action:none;cursor:default}.photo-lightbox-stage.is-pan-enabled{cursor:grab}.photo-lightbox-stage.is-panning{cursor:grabbing}.photo-lightbox-ui{position:absolute;left:0;right:0;z-index:3;display:flex;align-items:center;gap:.55rem;padding:clamp(.45rem,1.4vw,.85rem) clamp(.55rem,1.8vw,1.05rem);transition:opacity .22s ease,transform .22s ease}.photo-lightbox-ui-top{top:0;justify-content:space-between;background:linear-gradient(180deg,var(--overlay-62),transparent)}.photo-lightbox-ui-bottom{bottom:0;flex-direction:column;align-items:center;background:linear-gradient(0deg,var(--overlay-72),transparent)}.photo-lightbox-ui-hidden .photo-lightbox-ui{opacity:0;pointer-events:none}.photo-lightbox-counter,.photo-lightbox-caption{margin:0;color:var(--text-soft-strong);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.03em}.photo-lightbox-caption{text-align:center;max-width:min(92vw,980px)}.photo-lightbox-controls{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}.photo-lightbox-close,.photo-lightbox-nav,.photo-lightbox-zoom{border:1px solid var(--line-stronger);background:var(--overlay-50);color:var(--white);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;min-height:36px;min-width:36px;padding:.35rem .62rem;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}.photo-lightbox-nav{min-width:58px}.photo-lightbox-close:hover,.photo-lightbox-close:focus-visible,.photo-lightbox-nav:hover,.photo-lightbox-nav:focus-visible,.photo-lightbox-zoom:hover,.photo-lightbox-zoom:focus-visible{background:var(--accent-soft-mid);border-color:var(--accent);color:var(--white);transform:translateY(-1px)}.photo-lightbox-zoom:disabled{opacity:.45;cursor:not-allowed;transform:none}.photo-lightbox-figure{margin:0;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.photo-lightbox-figure img{width:auto;max-width:96vw;height:auto;max-height:90dvh;object-fit:contain;margin:0;border:0;transform-origin:center center;will-change:transform;transition:transform .12s ease}.image-gallery.gallery-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.image-gallery.gallery-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.image-gallery.gallery-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.image-gallery figure{margin:0}.image-gallery img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--line);border-radius:0}.image-gallery figcaption{margin-top:.25rem;color:var(--text-muted-low);font-size:.8rem;font-family:var(--font-mono)}.content-callout{margin:1rem 0;padding:.75rem .85rem;border-left:2px solid var(--line-chip);background:var(--surface-tint)}.content-callout h4{margin:0 0 .4rem;font-family:var(--font-display);font-size:1rem}.content-callout-body>:first-child{margin-top:0}.content-callout-body>:last-child{margin-bottom:0}.content-callout-accent{border-left-color:var(--accent)}.project-index{margin-top:2rem;padding-top:0;border-top:0}.project-index>h2{margin-top:0}.project-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.project-card{display:grid;gap:.58rem;background:var(--surface-strong);border:1px solid var(--line);border-radius:0;padding:.8rem;transition:transform .19s ease,border-color .19s ease,border-radius .22s ease,box-shadow .19s ease;will-change:transform;-webkit-user-select:none;user-select:none;position:relative;isolation:isolate;overflow:clip}.project-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;padding:1px;background:linear-gradient(130deg,hsl(var(--tech-hue) var(--tech-grid-sat) var(--tech-grid-light) / .88),hsl(calc(var(--tech-hue) + var(--tech-hue-shift)) var(--tech-grid-sat) var(--tech-grid-light) / .72));-webkit-mask:linear-gradient(var(--black) 0 0) content-box,linear-gradient(var(--black) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .15s ease,border-radius .22s ease}.project-thumb{display:block;border-radius:0;overflow:hidden;border:1px solid var(--line);aspect-ratio:1 / 1;background:var(--surface-mid);transition:border-color .19s ease,border-radius .22s ease}.project-thumb img{width:100%;height:100%;object-fit:cover;margin:0;border:0;transition:transform .22s ease;-webkit-user-drag:none;user-select:none;pointer-events:none}.project-card:hover .project-thumb img{transform:scale(1.03)}.project-card:hover,.project-card:focus-within{transform:translateY(-4px);border-color:var(--line-strong);border-radius:12px;box-shadow:0 12px 28px var(--overlay-36)}.project-card:hover:before,.project-card:focus-within:before{opacity:1}.project-card:hover .project-thumb,.project-card:focus-within .project-thumb{border-radius:12px;border-color:var(--line-panel)}.project-label{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.project-card h2{margin:0;font-size:1.05rem;font-family:var(--font-display);font-weight:400}.project-card p{margin:0;color:var(--muted);font-size:.95rem}.project-card-summary{opacity:0;min-height:1.25rem;overflow:hidden}.project-card-summary-text{display:block;max-width:100%;overflow:visible;white-space:normal;width:auto;border-right:0}.project-card.is-summary-active .project-card-summary{opacity:1}.project-card-bw{background:var(--black);border-color:var(--text-dim)}.project-card-bw h2{color:var(--white)}.project-card-bw p{color:var(--text-heading-soft)}.project-card-placeholder{background:var(--surface-near-black);border-color:var(--line-emphasis)}.project-link{width:fit-content;text-decoration:none;color:var(--text-link-strong);border-bottom:1px solid var(--line-accent);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}.project-link:hover{color:var(--accent);border-color:var(--accent)}.page-work .project-card,.page-play .project-card{background:var(--surface-strong)}.project-rows{margin-top:.15rem}.project-row-list{display:grid;gap:.9rem}.project-row{position:relative;min-height:195px;border-radius:0;overflow:hidden;border:1px solid var(--line-subtle);background:var(--surface-strong)}.project-row-link{display:block;min-height:inherit;color:inherit;text-decoration:none}.project-row-link:visited,.project-row-link:hover,.project-row-link:focus-visible{color:inherit;text-decoration:none}.project-row-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border:0;transform:scale(1.01);transition:transform .26s ease;-webkit-user-drag:none;user-select:none;pointer-events:none}.project-row-overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--overlay-86) 0%,var(--overlay-72) 48%,var(--overlay-36) 100%)}.project-row-content{position:relative;z-index:1;color:var(--white);width:min(82%,960px);padding:1rem 5.8rem 1rem 1.2rem;transform:none;opacity:1;transition:none}.project-row h3{margin:.3rem 0 .25rem;color:var(--white);font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.85rem);line-height:1.1}.project-row p{margin:0;color:var(--text-soft-fill)}.project-row-meta{margin:0 0 .24rem;display:flex;flex-wrap:wrap;gap:.25rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.02em}.project-row-meta span{background:var(--line-faint);padding:.13rem .35rem}.project-row-project{margin:0 0 .32rem;color:var(--text-soft-peak);font-family:var(--font-mono);font-size:.78rem}.project-row-summary{opacity:0;max-height:1.3rem;overflow:hidden}.project-row-summary-text{display:block;overflow:visible;white-space:normal;width:auto;border-right:0}.project-row-cta{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);z-index:2;color:var(--white);text-decoration:none;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-stronger);background:var(--overlay-36);border-radius:999px;padding:.46rem .82rem;opacity:0;pointer-events:none;transition:opacity .18s ease,color .18s ease,border-color .18s ease}.project-row:hover .project-row-image{transform:scale(1.02)}.project-row:hover .project-row-summary,.project-row:focus-within .project-row-summary,.project-row.is-summary-active .project-row-summary{opacity:1}.project-row:hover .project-row-cta,.project-row:focus-within .project-row-cta{opacity:1;pointer-events:auto;border-color:var(--accent);color:var(--accent)}.site-footer-wrap{margin-top:0;border-top:0;background:none;position:relative;z-index:1}.site-footer{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;max-width:none;margin:0;padding:.7rem clamp(.8rem,2.6vw,2rem)}.site-footer p{margin:0;font-size:.8rem;color:var(--text-muted-strong);font-family:var(--font-mono)}.account-buttons{display:flex;flex-wrap:wrap;gap:.45rem}.account-buttons a{text-decoration:none;border:0;border-radius:999px;width:36px;height:36px;display:block;padding:0;background:transparent;overflow:hidden;transition:transform 70ms ease,box-shadow .12s linear;box-shadow:inset 0 0 0 1px transparent}.account-buttons a:hover,.account-buttons a:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 2px var(--accent)}.account-buttons a img{width:100%;height:100%;object-fit:cover;margin:0;border:0}.page-work .page-content h2,.page-play .page-content h2{margin-top:2rem;padding-top:0;border-top:0}.page-play .page-content img{background:var(--surface-strong);border-color:var(--line-dark)}.page-about .page-content>h2:first-of-type,.page-work .page-content>h2:first-of-type,.page-play .page-content>h2:first-of-type{margin-top:.4rem}.page-play .project-grid{grid-template-columns:repeat(auto-fill,minmax(230px,280px));justify-content:start;gap:.95rem}.page-play .project-card{width:100%;max-width:280px;min-height:360px;padding:.66rem;background:var(--surface-low)}.page-about .page-content,.page-work .page-content,.page-play .page-content{border-color:var(--line)}.page-about .page-content,.page-work .page-content,.page-play .page-content,.page-about .project-index,.page-work .project-index,.page-play .project-index{background:transparent;border-top-color:var(--line-divider)}.page-about .page-content h2,.page-about .page-content h3,.page-work .page-content h2,.page-work .page-content h3,.page-play .page-content h2,.page-play .page-content h3{color:var(--text-heading-strong)}.page-about .page-content p,.page-about .page-content li,.page-work .page-content p,.page-work .page-content li,.page-play .page-content p,.page-play .page-content li{color:var(--text-soft-max)}.page-about .page-content a,.page-work .page-content a,.page-play .page-content a{color:var(--accent)}.page-about .page-content img{border-color:var(--line);width:100%;max-height:clamp(280px,44vw,620px);object-fit:cover}.about-bands{display:grid;gap:0;width:100%;margin:0}.about-band{position:relative;min-height:clamp(440px,70svh,820px);border:0;overflow:hidden;background-image:var(--about-band-image);background-size:cover;background-position:center center;background-attachment:fixed;display:flex;align-items:center}.about-band-overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--overlay-86) 0%,var(--overlay-62) 10%,var(--overlay-00) 100%)}.about-band-content{position:relative;z-index:1;color:var(--white);width:min(760px,78vw);padding:clamp(1.4rem,3vw,2.8rem)}.about-band-content.container{max-width:none;margin:0}.about-band-content h2{margin:0 0 .65rem;color:var(--white);font-size:clamp(1.5rem,3vw,2.4rem)}.about-band-content p{margin:.45rem 0;color:var(--text-soft-plus);max-width:78ch}.about-logo-band{width:100%;margin:0;border:0;background:var(--surface-strong);padding:clamp(1.2rem,2.8vw,2.2rem) 0}.about-logo-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.about-logo-grid a{display:grid;place-items:center;aspect-ratio:1 / 1;background:var(--black);border:1px solid var(--line-subtle);border-radius:0;padding:.45rem;text-decoration:none}.about-logo-grid a:hover{border-color:var(--accent)}.about-logo-grid img{width:100%;height:100%;object-fit:contain;margin:0;border:0}.home-hero{position:relative;min-height:calc(100vh - var(--header-height));width:100%;background-image:var(--home-hero-image);background-size:cover;background-position:center center;background-attachment:fixed;display:flex;align-items:center}.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(334deg,var(--overlay-00) 0%,var(--overlay-10) 70%,var(--overlay-86) 100%)}.home-hero-content{position:relative;z-index:1;padding-top:0;padding-bottom:0;width:100%;max-width:none;margin:0;padding-inline:clamp(.8rem,2.6vw,2rem)}.home-hero-content h1{margin:0;color:var(--white);font-size:clamp(4rem,9.2vw,7.8rem);letter-spacing:-.02em;line-height:1.03;font-family:var(--font-display);font-weight:600}.home-name-line{display:block}.play-super-title{margin:.1rem 0;font-size:clamp(2rem,5.8vw,4.4rem);line-height:.92;color:var(--white);letter-spacing:-.03em;text-align:right}.play-super-title span{display:block}.work-super-title{margin:.3rem 0 1rem;font-size:clamp(1.6rem,4.4vw,3.2rem);line-height:.95;text-align:right;letter-spacing:-.02em;color:var(--white)}.play-category-title{margin:clamp(2.6rem,6.2vw,4.2rem) 0 .9rem;font-size:clamp(1.3rem,2.8vw,2rem);color:var(--white);letter-spacing:.03em;scroll-margin-top:calc(68px + 1.2rem)}.page-work .page-content>h2{text-align:right}.page-play .project-card{background:var(--surface-low);border-color:var(--line-soft-subtle);gap:.36rem;grid-template-areas:"title" "thumb" "summary";align-content:start}.page-play .project-label{color:var(--text-dim)}.page-play .project-card h2{grid-area:title;order:1;margin:0;line-height:1.05}.page-play .project-card .project-thumb{grid-area:thumb;order:2;border-radius:10px}.page-play .project-card .project-thumb img{border-radius:10px}.page-play .project-card .project-card-summary{grid-area:summary;order:3;opacity:0;min-height:1.25rem;margin-top:.08rem}.page-play .project-card .project-card-summary-text{display:block;overflow:visible;white-space:normal;width:auto;border-right:0}.page-play .project-card:hover .project-card-summary,.page-play .project-card:focus-within .project-card-summary,.page-play .project-card.is-summary-active .project-card-summary{opacity:1}.page-play .project-card h2{color:var(--white)}.page-play .project-card p{color:var(--text-soft)}.page-play .project-link{color:var(--white);border-color:var(--line-active)}.page-play .project-link:hover{color:var(--accent);border-color:var(--accent)}.page-work .project-row{border:0;transition:min-height .18s ease}.page-work .project-row-overlay{background:linear-gradient(90deg,var(--overlay-95) 0%,var(--overlay-62) 45%,var(--overlay-00) 100%)}.page-work .project-row-content{opacity:1}.page-work .project-row-cta{background:var(--overlay-62)}.page-work .project-row-list{gap:0}.work-panels{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.work-panel{background:var(--surface-low);border:0;border-radius:0;padding:.8rem .9rem}.work-panel h3{margin:0 0 .25rem;color:var(--white);font-family:var(--font-display);font-size:1.1rem}.work-panel-meta{margin:.12rem 0;color:var(--text-soft);font-family:var(--font-mono);font-size:.76rem}.work-panel ul{margin:.45rem 0 0}body.page-about .site-footer-wrap,body.page-work .site-footer-wrap,body.page-play .site-footer-wrap{background:none;border-top-color:transparent}body.page-about .site-footer p,body.page-work .site-footer p,body.page-play .site-footer p{color:var(--text-muted-strong)}@media(max-width:1200px){.page-work .project-row{min-height:min(72svh,620px)}.page-work .project-row.is-summary-active{min-height:min(82svh,760px)}.page-play .project-grid{grid-template-columns:1fr}.page-play .project-card{max-width:none;min-height:min(72svh,680px)}}@media(max-width:820px){.site-header{grid-template-columns:42px 1fr 42px;padding-block:.55rem}.site-header-wrap.header-pond{padding-top:.35rem}.site-header-wrap.header-pond .site-header{gap:.26rem}.site-header-wrap.header-pond .site-header nav{gap:.22rem}.site-header-wrap.header-pond .site-header nav a{min-width:62px;height:40px;padding-inline:.68rem;font-size:.72rem;letter-spacing:.05em}.site-header-wrap.header-pond .site-logo-link{width:40px;height:40px}.page-work .page-content,.page-play .page-content{width:min(96vw,1200px)}.project-row{min-height:220px}.page-work .project-row{min-height:min(76svh,620px)}.project-row-content{width:calc(100% - 1rem);padding-right:1rem}.project-row-summary{opacity:0;max-height:none}.project-row-summary-text{display:block;max-width:100%;width:auto;white-space:normal;overflow:visible;border-right:0;animation:none}.page-work .project-row.is-summary-active{min-height:min(88svh,760px)}.page-work .project-row.is-summary-active .project-row-summary{opacity:1}.page-work .project-row.is-summary-active .project-row-summary-text{display:block;width:auto;max-width:100%;white-space:normal;overflow:visible;border-right:0;animation:none;transform:none;padding-right:0}.project-row-cta{top:auto;right:.75rem;bottom:.75rem;transform:none;opacity:1;pointer-events:auto}.site-footer{flex-direction:column;align-items:center}.page-layout.hero-overlay .page-content{margin-top:-18px}.image-gallery.gallery-cols-2,.image-gallery.gallery-cols-3,.image-gallery.gallery-cols-4,.photo-composition-row{grid-template-columns:1fr}.photo-composition-trigger{height:auto;min-height:clamp(220px,56vw,420px)}.photo-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.photo-lightbox-ui-top,.photo-lightbox-ui-bottom{padding-inline:.5rem}.photo-lightbox-controls{gap:.32rem}.photo-lightbox-close,.photo-lightbox-nav,.photo-lightbox-zoom{min-height:34px;font-size:.68rem;padding:.32rem .5rem}.photo-lightbox-caption{font-size:.72rem}.play-module-crop{aspect-ratio:4 / 3;min-height:min(72vh,520px)}.project-header-top{align-items:flex-start;flex-direction:column;gap:.45rem}.project-header-play{width:100%}.page-play .project-card .project-card-summary{opacity:0;min-height:0}.page-play .project-card .project-card-summary-text{display:block;max-width:100%;width:auto;white-space:normal;overflow:visible;border-right:0;animation:none}.page-play .project-card{max-width:none;min-height:min(82svh,720px)}.page-play .project-card.is-summary-active .project-card-summary{opacity:1}.page-play .project-card.is-summary-active .project-card-summary-text{display:block;white-space:normal;overflow:visible;width:auto;max-width:100%;transform:none;animation:none}}@media(prefers-reduced-motion:reduce){.project-card.is-summary-active .project-card-summary-text,.project-row.is-summary-active .project-row-summary-text{animation:none;transform:none}}.page-play .page-content{width:100%}.play-layout{display:grid;grid-template-columns:clamp(140px,15vw,220px) minmax(0,1480px);gap:clamp(.7rem,1.8vw,1.2rem);width:100%;padding-inline:clamp(.8rem,2.6vw,2rem);align-items:start}.play-toc{grid-column:1;justify-self:start;width:100%;position:sticky;top:calc(var(--header-height) + .8rem);align-self:start;padding:.2rem 0}.play-toc-header{display:block}.play-toc-title{margin:0 0 .45rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.play-toc nav{display:grid;gap:.28rem}.play-toc a{display:block;width:100%;max-width:100%;color:var(--text-soft-strong);text-decoration:none;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.play-toc a:hover,.play-toc a:focus-visible{color:var(--accent);text-decoration:underline;overflow:visible;width:max-content;max-width:none;background:var(--black);z-index:6;padding-right:.25rem}.play-sections{grid-column:2;width:100%;min-width:0}.play-sections .project-grid{margin-bottom:clamp(1.8rem,4.6vw,3.2rem)}.play-sections .project-grid:last-child{margin-bottom:0}.play-toc-toggle,.play-toc-close,.play-toc-backdrop{display:none}.play-toc a.is-active{color:var(--white);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}@media(max-width:1100px){.home-hero,.project-hero.has-cover{background-attachment:scroll}.play-layout{grid-template-columns:1fr;padding-inline:0}.play-toc-toggle{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin:0 0 .8rem;padding:.4rem .75rem;border:1px solid var(--line-strong);background:var(--overlay-72);color:var(--white);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;position:sticky;top:calc(var(--header-height) + .65rem);z-index:81;backdrop-filter:blur(7px);pointer-events:auto;touch-action:manipulation;transition:top .14s ease}:root.is-header-hidden .play-toc-toggle{top:.65rem}.play-toc-backdrop{display:block;position:fixed;inset:0;background:var(--overlay-50);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:84}.play-layout.play-toc-open .play-toc-backdrop{opacity:1;pointer-events:auto}.play-toc{position:fixed;top:var(--header-height);left:0;z-index:85;width:min(82vw,320px);max-width:100%;height:calc(100dvh - var(--header-height));margin:0;padding:.85rem .8rem 1rem;background:var(--overlay-95);border-right:1px solid var(--line-soft);transform:translate(-105%);transition:transform .18s ease;overflow-y:auto;overscroll-behavior:contain}.play-layout.play-toc-open .play-toc{transform:translate(0)}.play-toc-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}.play-toc-title{margin:0}.play-toc-close{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .52rem;border:1px solid var(--line-control);background:transparent;color:var(--white);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.play-toc nav{display:grid;grid-template-columns:1fr;gap:.36rem}.play-toc a{white-space:normal;overflow:visible;text-overflow:initial}.play-sections{grid-column:1}body.play-toc-lock{overflow:hidden}}