:root{--bg: #0c0b0a;--bg-2: #141210;--ink: #efeae2;--muted: #8f8a82;--faint: #5c5852;--line: rgba(239, 234, 226, .1);--accent: #c6b9a3;--serif: "Fraunces", "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;--sans: "Source Sans 3", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--pad: clamp(1.1rem, 4vw, 3.5rem);--max: 72rem;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color:var(--ink);scroll-behavior:smooth;hanging-punctuation:first last;overflow-x:hidden}html,body{margin:0;min-height:100%}body{font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.55;letter-spacing:.01em;background:radial-gradient(1200px 700px at 12% -10%,rgba(198,185,163,.07),transparent 55%),radial-gradient(900px 600px at 110% 8%,rgba(198,185,163,.04),transparent 50%),var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:var(--pad);top:.6rem;z-index:80;background:var(--ink);color:var(--bg);padding:.4rem .7rem}.site-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.85rem var(--pad);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:.85rem 1.15rem;flex-wrap:wrap;min-width:0}.mark{font-family:var(--serif);font-size:1.15rem;font-weight:500;letter-spacing:.08em;text-decoration:none;flex:none}.tagline{margin:0;font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(.92rem,1.8vw,1.08rem);line-height:1.35;color:var(--muted);max-width:28rem}.nav-links{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;flex:none}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink)}.wrap{width:min(var(--max),calc(100% - 2 * var(--pad)));margin-inline:auto}.hero{padding:2.5rem var(--pad) .5rem}.kicker{font-family:var(--mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 1.4rem}.hero h1{margin:0;font-family:var(--serif);font-weight:300;font-optical-sizing:auto;font-size:clamp(3.4rem,12vw,9.2rem);line-height:.86;letter-spacing:-.035em}.hero-lead{max-width:34rem;margin:1.8rem 0 0;color:var(--muted);font-size:clamp(1.05rem,2.1vw,1.28rem);font-weight:300;line-height:1.5}.meta-row{display:flex;flex-wrap:wrap;gap:.7rem 1.6rem;margin-top:2.4rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.section{padding:2.4rem var(--pad) 1.2rem}.section:first-of-type{padding-top:1.4rem}.section+.section{border-top:1px solid var(--line)}.section header{display:flex;align-items:baseline;gap:.85rem;margin-bottom:1.1rem}.section header .kicker{margin:0}.section h2{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.15rem,2.4vw,1.45rem);letter-spacing:-.02em;line-height:1.2}.subhead{margin:1.8rem 0 .85rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.section p,.prose p{color:var(--muted);font-weight:300;max-width:42rem}.idea{margin:1.4rem 0 0;font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--ink);max-width:36rem}.note{margin-top:1.3rem;padding:.9rem 0 0;border-top:1px solid var(--line);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;line-height:1.7;color:var(--faint);max-width:40rem}.work-list{display:grid;gap:1.1rem}.work{display:grid;grid-template-columns:minmax(7.5rem,.7fr) minmax(0,1.4fr);gap:0;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-2) 70%,transparent);min-height:7.5rem;text-decoration:none;overflow:hidden}.work:nth-child(2n){grid-template-columns:minmax(0,1.4fr) minmax(7.5rem,.7fr)}.work:nth-child(2n) .work-preview{order:2}.work-preview{min-height:7.5rem;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--c1, #c6b9a3) 22%,transparent),transparent 42%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--c2, #8f8a82) 16%,transparent),transparent 46%),var(--c0, #141210);position:relative}.work-preview img{width:100%;height:100%;object-fit:cover;opacity:.88;position:absolute;inset:0}.work-copy{padding:1.1rem 1.25rem;display:flex;flex-direction:column;justify-content:center}.work-copy .who{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .55rem}.work-copy h3{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.15rem,2.2vw,1.55rem);letter-spacing:-.02em;line-height:1.15}.enter{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}.enter span{width:1.6rem;height:1px;background:var(--accent);transition:width .4s var(--ease)}.work:hover .enter span,.work:focus-visible .enter span{width:2.6rem}.gap-grid{display:grid;gap:.7rem;margin-top:1.4rem}.gap{border:1px dashed var(--line);padding:.9rem 1rem;color:var(--faint);font-family:var(--mono);font-size:.72rem;letter-spacing:.08em}.closing{padding:5.5rem var(--pad) 6rem;border-top:1px solid var(--line)}.closing h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 1.2rem}.credits{margin-top:2.4rem;display:grid;gap:.35rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;color:var(--faint)}.launch{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}.launch-main{display:grid;align-content:center;padding:3rem var(--pad) 4rem}.launch-main h1{margin:.3rem 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,7vw,4.6rem);letter-spacing:-.03em;line-height:1.02;max-width:16ch}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.7rem 1.15rem;border:1px solid var(--line);background:transparent;color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn:hover,.btn:focus-visible{border-color:var(--accent)}.play-stage{margin:0;background:#000;height:100svh;overflow:hidden}.play-stage iframe{position:fixed;inset:0;width:100%;height:100%;border:0;background:#000}.return-pill{position:fixed;top:max(.7rem,env(safe-area-inset-top));left:max(.7rem,env(safe-area-inset-left));z-index:50;display:inline-flex;align-items:center;gap:.45rem;min-height:2.1rem;padding:.35rem .75rem;border:1px solid rgba(239,234,226,.18);background:#0c0b0a9e;color:#efeae2;text-decoration:none;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(10px)}.return-pill:hover,.return-pill:focus-visible{background:#0c0b0adb}.prose{padding:6.5rem var(--pad) 5rem}.prose h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,6vw,3.6rem);letter-spacing:-.03em;margin:0 0 1.4rem}.prose h2{font-family:var(--serif);font-weight:400;font-size:1.5rem;margin:2.4rem 0 .7rem}.prose ul{color:var(--muted);font-weight:300;padding-left:1.1rem}.site-foot{padding:1.4rem var(--pad) 2.2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.site-foot a{color:var(--muted);text-decoration:none}@media(max-width:860px){.site-nav{align-items:flex-start}.tagline{max-width:22rem}.work,.work:nth-child(2n){grid-template-columns:1fr}.work:nth-child(2n) .work-preview{order:0}.work-preview{min-height:6.5rem}.nav-links{justify-content:flex-end}}.glyph-ex{width:min(var(--max),calc(100% - 2 * var(--pad)));margin-inline:auto;padding:1.4rem 0 3.5rem;overflow-x:hidden}.glyph-hero h1{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,9vw,6.2rem);letter-spacing:-.04em;line-height:.9}.glyph-sub{margin:.85rem 0 0;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.glyph-lead{margin:1.6rem 0 0;font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1.35;color:var(--ink);max-width:28rem}.glyph-note{margin:1.1rem 0 0;color:var(--muted);font-weight:300;max-width:42rem}.glyph-figures{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin:2.4rem 0 0;padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.glyph-figures div{min-width:0}.glyph-figures strong{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.35rem,3vw,1.9rem);letter-spacing:-.03em}.glyph-figures span{display:block;margin-top:.25rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.glyph-gallery,.glyph-archives{margin-top:2.6rem}.glyph-batch-list{display:grid;grid-template-columns:1fr;gap:1.4rem;margin-top:1.2rem}.glyph-batch{margin:0;border:1px solid var(--line);background:#12141a;overflow:hidden}.glyph-batch figcaption,.glyph-sheet figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.75rem .95rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.glyph-batch img,.glyph-sheet img{width:100%;height:auto;max-height:min(70vh,34rem);object-fit:contain;background:#12141a}.glyph-links{margin:1rem 0 1.6rem;padding-left:1.1rem;color:var(--muted);font-weight:300}.glyph-links a{color:var(--ink)}.glyph-sheet{margin:0;border:1px solid var(--line);overflow:hidden}.work-glyph-entry .work-preview img{object-fit:cover;image-rendering:auto}@media(max-width:860px){.glyph-figures{grid-template-columns:1fr 1fr}}@media(max-width:520px){.glyph-figures{grid-template-columns:1fr}.nav-links{width:100%;justify-content:flex-start}.glyph-hero h1{font-size:clamp(2.1rem,12vw,3.4rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.enter span{transition:none}}
