:root{--canvas:#05050b;--surface:#0b0b13;--surface-2:#121222;--text:#f4f1ff;--soft:#c7c1d8;--muted:#8c88a0;--line:rgba(155,114,255,.32);--blue:#0000ee;--purple:#9b72ff;--purple-soft:rgba(155,114,255,.13);--content-width:960px;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--sans)}button,input{font:inherit}button{cursor:pointer}.section{min-height:100svh}.landing{display:grid;place-items:center;padding:8vw}.landing-content{width:min(100%,760px)}.kicker{margin:0 0 1rem;color:var(--purple);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.65rem,5vw,5.4rem);font-weight:650;letter-spacing:-.07em;line-height:.94}.roles{margin:2rem 0 0;color:var(--muted);font-size:.75rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase}.summary{display:grid;place-items:center;padding:8vw}.summary-content{display:grid;gap:1.8rem;width:min(100%,600px)}.summary p{margin:0;font-size:clamp(1.45rem,2.2vw,2.2rem);font-weight:500;letter-spacing:-.045em;line-height:1.18}.summary p+p{color:var(--muted);font-size:clamp(1rem,1.45vw,1.35rem);font-weight:400;letter-spacing:-.025em;line-height:1.35}.rail-nav{position:fixed;z-index:5;left:16px;top:50%;display:grid;gap:.85rem;transform:translateY(-50%)}.rail-nav::before{position:absolute;inset:-1rem -.5rem;border-left:1px solid rgba(255,255,255,.3);content:"";pointer-events:none}.rail-nav a{position:relative;color:var(--soft);font-size:.63rem;font-weight:700;letter-spacing:.06em;text-decoration:none}.rail-nav a:hover{color:var(--purple)}.portfolio{padding:clamp(5rem,11vw,10rem) max(8vw,calc((100vw - var(--content-width))/2))}.portfolio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.portfolio-head .kicker{margin:0}.portfolio-tabs{display:flex;gap:clamp(1.5rem,4vw,3.35rem)}.portfolio-tab{border:0;border-bottom:2px solid transparent;padding:0 0 .4rem;background:transparent;color:var(--text);font-size:clamp(1rem,1.65vw,1.5rem);font-weight:700;letter-spacing:-.04em}.portfolio-tab:disabled{cursor:default;opacity:.7}.portfolio-tab.is-active{border-color:var(--purple);color:var(--soft)}.selected-works{padding-top:clamp(5rem,9vw,8rem)}.selected-works-intro{display:grid;gap:1.55rem;max-width:900px;margin:0 auto}h2{margin:0;font-size:clamp(1.7rem,3vw,2rem);letter-spacing:-.05em;text-align:center}.search-field{display:block;border:1px solid var(--line);padding:0 1.75rem;background:var(--surface)}.search-field input{width:100%;height:56px;border:0;outline:0;background:transparent;color:var(--text);font-size:clamp(1rem,1.6vw,1.25rem);font-style:italic}.search-field input::placeholder{color:var(--soft);opacity:1}.result-count{min-height:1rem;margin:1.1rem 0 1.3rem;color:var(--muted);font-size:.71rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.entry-card{min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);padding:22px;background:var(--surface);color:var(--soft);text-align:left;transition:.18s}.entry-card:hover{border-color:var(--purple);background:var(--surface-2);transform:translateY(-2px)}.entry-type{color:var(--purple);font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.entry-card h3{margin:1.5rem 0 .4rem;color:var(--text);font-size:clamp(1.45rem,2.1vw,1.75rem);font-weight:650;letter-spacing:-.045em;line-height:1}.entry-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:.84rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.asset-pill{display:inline-block;margin-top:1rem;border:1px solid rgba(155,114,255,.48);padding:.33rem .48rem;color:var(--soft);font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.empty-state{grid-column:1/-1;margin:1rem 0;color:var(--muted)}.contact{display:grid;align-content:center;gap:.8rem;padding:8vw max(8vw,calc((100vw - var(--content-width))/2))}.contact .kicker{margin-bottom:.3rem}.contact a{width:fit-content;color:var(--soft);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;letter-spacing:-.05em;text-decoration:none}.contact a:hover{color:var(--purple)}
.compendium{position:fixed;z-index:10;inset:0;pointer-events:none}.compendium.is-open{pointer-events:auto}.compendium-scrim{position:absolute;inset:0;background:rgba(0,0,0,.76);opacity:0;transition:opacity .28s}.compendium.is-open .compendium-scrim{opacity:1}.compendium-sheet{position:absolute;top:0;right:0;width:min(760px,100%);height:100%;transform:translateX(102%);overflow-y:auto;background:var(--surface);color:var(--text);padding:clamp(4.7rem,8vw,6rem) clamp(1.4rem,6vw,3.5rem) 4rem;transition:transform .36s cubic-bezier(.2,.78,.24,1)}.compendium.is-open .compendium-sheet{transform:translateX(0)}.close-button{position:absolute;z-index:1;top:1rem;right:1.15rem;border:0;background:transparent;color:var(--soft);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.close-button:hover{color:var(--purple)}.close-button span{margin-left:.3rem;font-size:1.5rem;line-height:.4;vertical-align:-.15em}
.article-template{max-width:680px;margin:0 auto}.article-type-row,.section-label-row{display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:.64rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.article-type-row{margin-bottom:1.25rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.article-type-row small,.section-label-row small{color:var(--muted);font-size:.6rem;letter-spacing:.1em}.article-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,240px);gap:2rem;padding-bottom:2.7rem}.article-heading>i{display:block;width:34px;height:3px;margin-bottom:.8rem;background:var(--purple)}.article-heading h3{margin:0;color:var(--text);font-size:clamp(1.85rem,4vw,2.55rem);font-weight:650;letter-spacing:-.06em;line-height:.95}.article-heading p{margin:1rem 0 0;color:var(--soft);font-size:1.05rem;font-weight:600;letter-spacing:-.035em;line-height:1.28}.article-metadata{margin:0;border:1px solid var(--line);background:rgba(0,0,0,.14)}.metadata-row{display:grid;grid-template-columns:75px 1fr;gap:.75rem;padding:.7rem .72rem;border-bottom:1px solid rgba(155,114,255,.22)}.metadata-row:last-child{border-bottom:0}.metadata-row dt{color:var(--blue);font-size:.54rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.metadata-row dd{margin:0;color:var(--soft);font-size:.72rem;line-height:1.25;text-align:right}.metadata-context dd{color:var(--text)}
.article-body{border-top:1px solid var(--line)}.article-section{display:grid;grid-template-columns:43px 135px minmax(0,1fr);gap:1rem;padding:1.45rem 0;border-bottom:1px solid rgba(155,114,255,.2)}.section-sequence{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.section-sequence span{color:var(--blue);font-size:.62rem;font-weight:750;letter-spacing:.1em}.section-sequence i{width:1px;height:44px;background:var(--purple)}.article-section h4,.tag-group h4,.collection-item h4{margin:0;color:var(--text);font-size:.85rem;font-weight:700;letter-spacing:-.025em;line-height:1.18}.section-copy p,.collection-intro p{margin:0 0 .9rem;color:var(--soft);font-size:.91rem;line-height:1.58}.section-copy p:last-child,.collection-intro p:last-child{margin-bottom:0}.article-conclusion{margin:1.6rem 0 0;border-left:3px solid var(--purple);padding:1.05rem 1.15rem;background:var(--purple-soft);color:var(--text);font-size:1.04rem;font-weight:600;letter-spacing:-.02em;line-height:1.4}.quickie-reading{padding-top:.1rem}.quickie-reading .article-section{grid-template-columns:1fr;gap:.65rem}.quickie-reading .article-section h4{color:var(--blue);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.quickie-reading .section-copy{max-width:570px}
.article-artifacts,.article-related,.article-tags{margin-top:3rem;padding-top:1.05rem;border-top:1px solid var(--line)}.artifact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.artifact-card{min-width:0;margin:0;border:1px solid var(--line);background:var(--surface-2)}.artifact-visual{position:relative;display:grid;min-height:140px;place-items:center;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(0,0,238,.17),rgba(155,114,255,.11))}.artifact-placeholder{width:42%;aspect-ratio:1;border:1px solid rgba(155,114,255,.7);background:rgba(155,114,255,.12)}.artifact-kind{position:absolute;bottom:.55rem;left:.58rem;color:var(--blue);font-size:.55rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.play-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--purple);color:var(--text);font-size:.85rem;padding-left:2px}.artifact-card figcaption{padding:.7rem;color:var(--soft);font-size:.72rem;font-weight:600;line-height:1.25}.related-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.related-links button{border:1px solid var(--line);background:transparent;padding:.55rem .65rem;color:var(--soft);font-size:.73rem}.related-links button:hover{border-color:var(--purple);color:var(--text)}.related-links span{color:var(--purple)}
.collection-content{padding:1.45rem 0 0}.collection-intro{max-width:560px}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}.collection-item{border:1px solid var(--line);background:var(--surface-2)}.collection-item-visual{display:grid;min-height:135px;place-items:center;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(155,114,255,.17),rgba(0,0,238,.12));color:var(--soft);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.collection-item h4{padding:.78rem}.article-collection .article-related{margin-top:2.2rem}.tag-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.tag-group{min-width:0;border:1px solid var(--line);padding:.8rem;background:rgba(18,18,34,.7)}.tag-group h4{margin-bottom:.72rem;color:var(--muted);font-size:.57rem;letter-spacing:.12em;text-transform:uppercase}.tag-list{display:grid;gap:.35rem}.tag-list span{display:block;border:1px solid rgba(155,114,255,.45);padding:.38rem .45rem;background:var(--purple-soft);color:var(--soft);font-size:.66rem;line-height:1.25}.tag-list .tag-pending{border-style:dashed;background:transparent;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:820px){.rail-nav{display:none}.portfolio{padding-left:6vw;padding-right:6vw}.portfolio-head{align-items:flex-start;flex-direction:column}.portfolio-tabs{width:100%;justify-content:space-between;gap:1rem}.portfolio-tab{font-size:1rem}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-hero{grid-template-columns:1fr;gap:1.35rem}.metadata-row{grid-template-columns:90px 1fr}.artifact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.landing,.summary,.contact{min-height:80svh;padding:8vw 7vw}.selected-works{padding-top:4.2rem}.entry-grid{grid-template-columns:1fr}.entry-card{min-height:165px}.compendium-sheet{padding:4.5rem 1.25rem 3rem}.article-section{grid-template-columns:30px 1fr;gap:.7rem}.article-section h4,.article-section .section-copy{grid-column:2}.section-sequence{grid-row:1/span 2}.artifact-grid,.tag-groups,.collection-grid{grid-template-columns:1fr}.article-heading h3{font-size:2rem}}