:root{--bg: #0A0B0D;--ink: #C9D2DC;--dim: #5b6570;--line: #1b1f25;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.6;padding:0 clamp(20px,5vw,64px) 0;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}body>*{position:relative;z-index:1}.masthead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:22px 0 0;font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--dim)}.masthead .mark{color:var(--ink)}.lede{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end;padding:clamp(56px,13vh,130px) 0 clamp(48px,9vh,96px);border-bottom:1px solid var(--line)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,9.5vw,132px);line-height:.93;letter-spacing:-.02em;text-wrap:balance}h1 em{font-style:italic;color:#fff}.lede-text{max-width:46ch;color:#9aa5b1;padding-bottom:.6em}.lede-text p+p{margin-top:1em}.lede-text .meta{margin-top:1.6em;font-family:var(--mono);font-size:10px;line-height:1.9;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.work{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,40px) clamp(20px,2.4vw,34px) clamp(30px,4vw,46px);background:var(--bg);transition:background .4s}.work:hover,.work:focus-within{background:#0e1014}.go{color:inherit;text-decoration:none}.go:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.frame{display:block;position:relative;aspect-ratio:5 / 3;overflow:hidden;background:#07080a;border:1px solid var(--line);transition:border-color .4s}.work:hover .frame,.work:focus-within .frame{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.preview{display:block;width:100%;height:100%}.num{margin-top:6px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--accent)}.work h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.01em}.blurb{font-size:15px;line-height:1.62;color:#8d97a3;max-width:42ch}.way{display:block;margin:auto 0 0;padding-top:24px;font-family:var(--serif);font-style:italic;font-size:clamp(23px,2.5vw,33px);line-height:1.12;letter-spacing:-.01em;color:var(--ink);text-decoration:none;text-wrap:balance;transition:color .3s}.way .aside{font-size:.88em;color:#8d97a3;transition:color .3s}.way:after{content:"→";display:inline-block;margin-left:.42em;font-style:normal;color:var(--accent);transition:transform .3s}.way:hover,.way:focus-visible,.work:hover .way{color:#fff}.way:hover .aside,.way:focus-visible .aside,.work:hover .way .aside{color:var(--ink)}.way:hover:after,.way:focus-visible:after,.work:hover .way:after{transform:translate(.22em)}.way:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 18px}.cta{display:inline-block;padding:15px 26px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:background .3s,color .3s,border-color .3s}.cta.lead{background:var(--accent);color:#08090b}.cta.lead:hover,.cta.lead:focus-visible{background:#fff}.cta.second{border-color:var(--line);color:var(--ink)}.cta.second:hover,.cta.second:focus-visible{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent)}.cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.piece main{padding-bottom:10px}.hero{padding:clamp(52px,12vh,116px) 0 clamp(32px,5vh,54px);border-bottom:1px solid var(--line)}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.piece h1{margin:18px 0 22px;font-size:clamp(52px,11vw,148px)}.standfirst{max-width:52ch;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:#9aa5b1}.cue-line{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.stage{padding:clamp(28px,5vh,56px) 0}.stage-link{display:block;text-decoration:none;color:var(--dim)}.stage .preview{display:block;width:100%;aspect-ratio:16 / 7;border:1px solid var(--line);background:#07080a;transition:border-color .4s}.stage-link:hover .preview,.stage-link:focus-visible .preview{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.stage-note{display:block;margin-top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.tale-lead{display:flex;align-items:center;gap:16px;padding:clamp(18px,4vh,40px) 0 0;font-family:var(--mono);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);text-decoration:none;transition:color .3s}.tale-lead:after{content:"";flex:1;height:1px;background:linear-gradient(to right,color-mix(in srgb,var(--accent) 35%,var(--line)),transparent 72%)}.tale-lead:hover,.tale-lead:focus-visible{color:var(--accent)}.tale-page{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,6vw,96px);padding:clamp(28px,5vh,56px) 0 clamp(48px,9vh,100px);scroll-margin-top:24px}.tale-page:focus{outline:none}.tale-head{position:sticky;top:clamp(24px,6vh,56px);align-self:start}.tale-page h2{margin:14px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.6vw,46px);line-height:1.06;letter-spacing:-.01em;max-width:16ch;text-wrap:balance}.note{border-top:1px solid var(--line);padding:22px 0 26px}.note:first-child{border-top:none;padding-top:0}.note-label{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}.note-num{color:var(--accent)}.tale-page p{max-width:62ch;color:#9aa5b1}.note p+p{margin-top:1em}.tale-page code{font-family:var(--mono);font-size:.84em;color:color-mix(in srgb,var(--accent) 72%,var(--ink));word-break:break-word}.tale-page .cta{grid-column:2;justify-self:start;margin-top:28px}@media(max-width:860px){.tale-page{grid-template-columns:minmax(0,1fr)}.tale-head{position:static;margin-bottom:30px}.tale-page h2{max-width:20ch}.tale-page .cta{grid-column:1}}.back-index{text-decoration:none}.back-index:before{content:"← ";color:var(--dim)}.back-index:hover,.back-index:focus-visible{color:var(--accent)}footer a{color:var(--dim);text-decoration:none;transition:color .3s}footer a:hover,footer a:focus-visible{color:var(--ink)}.credit{color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#2b313a;transition:color .3s,text-decoration-color .3s}.credit:hover,.credit:focus-visible{text-decoration-color:currentColor}.credit:focus-visible{outline:2px solid currentColor;outline-offset:4px}footer{display:flex;padding:26px 0 34px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}@media(max-width:980px){.lede{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px}.works{grid-template-columns:minmax(0,1fr);row-gap:clamp(34px,7vh,64px);background:none}.work{padding:28px 22px 34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}