:root{--bg:#070909;--surface:#0d1111;--surface-2:#131818;--text:#f7f5f1;--muted:#a2aaa7;--line:rgba(255,255,255,.13);--accent:#e50914;--accent-soft:#ff3942;--teal:#36d0bd;--pointer-x:54%;--pointer-y:32%;--pointer-x-alt:16%;--pointer-y-alt:74%;--max:1240px;--nav-height:78px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{position:relative;isolation:isolate;min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:"Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:fixed;z-index:-1;inset:-12vmax;pointer-events:none;background:radial-gradient(48vmax circle at var(--pointer-x) var(--pointer-y),rgba(54,208,189,.105),rgba(23,92,85,.04) 28%,transparent 66%),radial-gradient(44vmax circle at var(--pointer-x-alt) var(--pointer-y-alt),rgba(164,12,39,.1),rgba(92,8,28,.035) 32%,transparent 68%),linear-gradient(145deg,#080a0a 0%,#070909 52%,#0b0708 100%);filter:blur(10px);transform:translateZ(0)}img{display:block;max-width:100%}a{color:inherit}.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}.skip-link{position:fixed;top:10px;left:10px;z-index:9999;padding:.8rem 1rem;background:white;color:black;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-nav{position:fixed;inset:0 0 auto;z-index:1000;height:var(--nav-height);padding:0 clamp(1.2rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(4,6,6,.92),rgba(4,6,6,.15));border-bottom:1px solid transparent;transition:background .3s,border-color .3s}.site-nav.scrolled{background:rgba(7,9,9,.9);border-color:var(--line);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);font-family:"Manrope",sans-serif;font-size:.76rem;font-weight:800;letter-spacing:.08em}.brand-name{font-family:"Manrope",sans-serif;font-weight:700;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem)}.nav-links a{color:#e2e5e3;text-decoration:none;font-size:.86rem;font-weight:600}.nav-links a:hover,.nav-links a:focus-visible{color:white}.nav-contact{border:1px solid var(--line);padding:.7rem 1rem;border-radius:999px}.nav-toggle{display:none;background:none;border:0;width:42px;height:42px;color:white}.nav-toggle>span:not(.sr-only){display:block;width:24px;height:1px;margin:6px auto;background:currentColor}
.portfolio-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:calc(var(--nav-height) + 5rem) clamp(1.2rem,6vw,6rem) 9rem;isolation:isolate}.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.76) contrast(1.06) brightness(.68);transform:scale(1.015)}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(2,4,4,.97) 0%,rgba(2,4,4,.78) 42%,rgba(2,4,4,.18) 72%),linear-gradient(0deg,#070909 0%,transparent 36%),radial-gradient(circle at 74% 46%,transparent 0,rgba(0,0,0,.3) 68%)}.hero-copy{width:min(810px,75vw)}.eyebrow{margin:0 0 1.2rem;display:flex;align-items:center;gap:.65rem;color:#d0d6d3;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow>span{width:28px;height:2px;background:var(--accent)}.hero-copy h1,.section h2{font-family:"Manrope",sans-serif;letter-spacing:-.055em;line-height:.98}.hero-copy h1{margin:0;max-width:790px;font-size:clamp(3.25rem,7.4vw,7.2rem)}.hero-lede{max-width:690px;margin:1.65rem 0 0;color:#d4d8d6;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.7}.hero-actions{margin-top:2.1rem;display:flex;flex-wrap:wrap;gap:.8rem}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.2rem;border-radius:4px;text-decoration:none;font-size:.9rem;font-weight:800;transition:transform .25s var(--ease),background .25s,color .25s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--text);color:#090b0b}.button-primary:hover{background:var(--accent-soft);color:white}.button-ghost{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.button-ghost:hover{background:rgba(255,255,255,.14)}.hero-proof{position:absolute;left:clamp(1.2rem,6vw,6rem);right:clamp(1.2rem,6vw,6rem);bottom:2rem;display:flex;gap:clamp(1.2rem,4vw,4rem);padding-top:1.25rem;border-top:1px solid var(--line)}.hero-proof div{display:flex;align-items:baseline;gap:.65rem}.hero-proof strong{font-family:"Manrope",sans-serif;font-size:1.15rem}.hero-proof span{color:var(--muted);font-size:.75rem}.scroll-cue{position:absolute;right:clamp(1.2rem,4vw,4rem);bottom:2rem;width:32px;height:32px;border:1px solid var(--line);border-radius:50%}.scroll-cue span{position:absolute;width:6px;height:6px;left:12px;top:10px;border-right:1px solid white;border-bottom:1px solid white;transform:rotate(45deg)}
.section{width:min(calc(100% - 2.4rem),var(--max));margin:0 auto;padding:clamp(5.5rem,10vw,9rem) 0}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:end;margin-bottom:2.4rem}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:-.8rem}.section h2{margin:0;font-size:clamp(2.7rem,6vw,5.8rem)}.section-heading>p:last-child{margin:0 0 .35rem;color:var(--muted);line-height:1.7}.featured-section{border-bottom:1px solid var(--line)}.feature-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);background:var(--surface);border:1px solid var(--line);overflow:hidden}.feature-image{position:relative;min-height:520px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.feature-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.52),transparent 45%)}.feature-image:hover img{transform:scale(1.035);filter:brightness(1.08)}.play-chip{position:absolute;z-index:1;left:1.4rem;bottom:1.4rem;display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:rgba(7,9,9,.72);border:1px solid rgba(255,255,255,.25);border-radius:999px;backdrop-filter:blur(12px);font-size:.82rem;font-weight:800}.feature-details{padding:clamp(2rem,4vw,4.2rem);display:flex;flex-direction:column;justify-content:center}.project-kicker{color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.feature-details h3{margin:.55rem 0 1.2rem;font-family:"Manrope",sans-serif;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.12;letter-spacing:-.04em}.feature-details>p:not(.project-kicker){margin:0;color:var(--muted);line-height:1.72}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.8rem 0}.tag-list li{padding:.52rem .7rem;border:1px solid var(--line);border-radius:999px;color:#d7dcda;font-size:.72rem}.placeholder-section{min-height:40vh;border-bottom:1px solid var(--line)}
@media(max-width:900px){.nav-toggle{display:block}.nav-links{position:fixed;inset:var(--nav-height) 0 auto;padding:1.2rem;flex-direction:column;align-items:stretch;background:rgba(7,9,9,.98);border-bottom:1px solid var(--line);transform:translateY(-120%);opacity:0;transition:.35s var(--ease)}.nav-links.open{transform:translateY(0);opacity:1}.nav-links a{padding:.8rem}.nav-contact{text-align:center}.portfolio-hero{padding-bottom:11rem}.hero-copy{width:100%}.hero-shade{background:linear-gradient(90deg,rgba(2,4,4,.93),rgba(2,4,4,.45)),linear-gradient(0deg,#070909 0%,transparent 55%)}.hero-proof{flex-wrap:wrap;gap:.75rem 1.4rem}.hero-proof div{flex-direction:column;gap:.1rem}.scroll-cue{display:none}.section-heading,.feature-card{grid-template-columns:1fr}.feature-image{min-height:420px}}
@media(max-width:560px){.brand-name{display:none}.portfolio-hero{min-height:860px;padding-top:8rem}.hero-media img{object-position:62% center}.hero-copy h1{font-size:clamp(3.1rem,15vw,4.7rem)}.hero-lede{font-size:.96rem}.hero-actions .button{width:100%}.hero-proof span{max-width:110px}.feature-image{min-height:320px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Shared interaction and editorial sections */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.visible{opacity:1;transform:none}
.text-link{width:fit-content;text-decoration:none;padding-bottom:.25rem;border-bottom:1px solid var(--accent);font-size:.84rem;font-weight:800}.text-link span{margin-left:.35rem}
.work-section,.experience-section,.resume-section,.about-section{border-bottom:1px solid var(--line)}
.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}.filter-button{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:.72rem 1rem;font:700 .76rem "Inter",sans-serif;cursor:pointer;transition:.25s}.filter-button:hover,.filter-button:focus-visible,.filter-button.active{background:var(--text);border-color:var(--text);color:#070909}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.work-card{grid-column:span 4}.work-card:nth-child(1),.work-card:nth-child(6),.work-card:nth-child(11),.work-card:nth-child(16),.work-card:nth-child(21){grid-column:span 8}.work-card[hidden]{display:none}.media-button{position:relative;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#111;overflow:hidden;cursor:zoom-in}.media-button img,.media-button video{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:transform .65s var(--ease),filter .4s}.media-button:hover img,.media-button:hover video{transform:scale(1.04);filter:saturate(1) brightness(1.06)}.media-button::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%);pointer-events:none}.media-type{position:absolute;z-index:1;left:1rem;bottom:1rem;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.work-card h3{margin:1rem 0 .35rem;font:700 1.15rem "Manrope",sans-serif;letter-spacing:-.025em}.work-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.6}
.discipline-band{overflow:hidden;border-block:1px solid var(--line);background:#0b0e0e}.discipline-track{width:max-content;display:flex;align-items:center;gap:2.2rem;padding:1.35rem 0;animation:drift 24s linear infinite;font:700 clamp(1rem,2vw,1.5rem) "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.discipline-track i{color:var(--accent);font-size:.5rem}@keyframes drift{to{transform:translateX(-25%)}}
.experience-list{border-top:1px solid var(--line)}.experience-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:2rem;align-items:center;padding:2.3rem 0;border-bottom:1px solid var(--line)}.experience-number{color:#626b68;font:600 .78rem "Manrope",sans-serif}.experience-card h3{margin:.35rem 0 .6rem;font:700 clamp(1.5rem,3vw,2.35rem) "Manrope",sans-serif;letter-spacing:-.04em}.experience-card p:not(.project-kicker){max-width:780px;margin:0;color:var(--muted);line-height:1.65}.circle-link{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;text-decoration:none;font-size:1.1rem;transition:.25s}.circle-link:hover{background:var(--accent);border-color:var(--accent);transform:rotate(10deg)}.status-chip{padding:.6rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.7rem;white-space:nowrap}
.resume-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.resume-card{min-height:215px;padding:1.7rem;display:flex;flex-direction:column;background:var(--surface);text-decoration:none;transition:background .3s,transform .3s}.resume-card:hover{background:#19201f;transform:translateY(-3px)}.resume-card>span{color:var(--accent);font-size:.7rem;font-weight:800}.resume-card h3{margin:auto 0 1.6rem;font:700 1.4rem/1.15 "Manrope",sans-serif;letter-spacing:-.035em}.resume-card b{color:var(--muted);font-size:.72rem}.resume-card:hover b{color:white}
.about-section{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,8vw,8rem);align-items:center}.about-copy h2{margin:0 0 2rem;font:700 clamp(3rem,6vw,6rem)/.98 "Manrope",sans-serif;letter-spacing:-.06em}.about-copy>p:not(.eyebrow){max-width:680px;color:var(--muted);line-height:1.8}.social-links{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2rem}.social-links a{font-size:.8rem;font-weight:800;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:.3rem}.site-build-card{padding:clamp(2rem,4vw,3.5rem);background:linear-gradient(145deg,#161b1a,#0c1010);border:1px solid var(--line)}.site-build-card h3{margin:.7rem 0 1rem;font:700 clamp(2rem,4vw,3.3rem)/1.02 "Manrope",sans-serif;letter-spacing:-.05em}.site-build-card>p:not(.project-kicker){color:var(--muted);line-height:1.7}.site-build-card ul{margin:1.6rem 0 2rem;padding:0;list-style:none}.site-build-card li{padding:.65rem 0;border-bottom:1px solid var(--line);color:#dbe0de;font-size:.82rem}
.contact-section{padding:clamp(6rem,13vw,12rem) 1.2rem;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(229,9,20,.14),transparent 37%),#080a0a}.contact-inner{width:min(100%,980px);margin:auto}.contact-inner .eyebrow{justify-content:center}.contact-inner h2{margin:0 auto 2.2rem;font:700 clamp(3rem,8vw,7rem)/.96 "Manrope",sans-serif;letter-spacing:-.065em}.site-footer{min-height:90px;padding:1.3rem clamp(1.2rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.site-footer a{text-decoration:none}
.lightbox{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:3.5rem 1.2rem 1.5rem;background:rgba(3,4,4,.94);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:.3s}.lightbox.open{opacity:1;visibility:visible}.lightbox-stage{width:min(1200px,94vw);height:min(76vh,800px);display:grid;place-items:center}.lightbox-stage img,.lightbox-stage video{max-width:100%;max-height:100%;object-fit:contain}.lightbox-close{position:absolute;top:1.2rem;right:1.5rem;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#111;color:white;font-size:1.7rem;cursor:pointer}.lightbox-title{margin:.8rem 0 0;color:#dbe0de;font-size:.8rem;font-weight:700}

/* Case study */
.case-study-page{background:#080a0a}.case-nav{display:flex;align-items:center;gap:1.3rem}.case-nav a{color:#e3e6e5;text-decoration:none;font-size:.82rem;font-weight:700}.case-hero{position:relative;min-height:100svh;padding:calc(var(--nav-height) + 5rem) clamp(1.2rem,6vw,6rem) 10rem;display:flex;align-items:flex-end;isolation:isolate}.case-hero-media,.case-hero-shade{position:absolute;inset:0;z-index:-2}.case-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.62) saturate(.78)}.case-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(2,4,4,.94),rgba(2,4,4,.22) 70%),linear-gradient(0deg,#080a0a,transparent 45%)}.case-hero-copy{max-width:900px}.case-hero-copy h1{margin:0;font:800 clamp(4.8rem,12vw,11.5rem)/.78 "Manrope",sans-serif;letter-spacing:-.085em;text-transform:uppercase}.case-hero-copy>p:last-child{max-width:650px;color:#d4d8d6;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}.case-meta{position:absolute;left:clamp(1.2rem,6vw,6rem);right:clamp(1.2rem,6vw,6rem);bottom:2rem;display:grid;grid-template-columns:1.6fr .7fr .7fr 1fr;gap:1.5rem;padding-top:1.3rem;border-top:1px solid var(--line)}.case-meta div{display:flex;flex-direction:column;gap:.35rem}.case-meta span{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.11em}.case-meta strong{font-size:.78rem;line-height:1.4}
.case-section{width:min(calc(100% - 2.4rem),var(--max));margin:0 auto;padding:clamp(5.5rem,10vw,9rem) 0;border-bottom:1px solid var(--line)}.case-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,9vw,9rem)}.case-statement h2,.story-heading h2,.outcome-copy h2{margin:0;font:700 clamp(2.8rem,6vw,5.8rem)/.98 "Manrope",sans-serif;letter-spacing:-.06em}.case-body p{margin:0 0 1.3rem;color:var(--muted);font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.85}.contribution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;background:var(--line);border:1px solid var(--line)}.contribution-card{min-height:310px;padding:2rem;background:var(--surface)}.contribution-card>span{color:var(--accent);font-size:.7rem;font-weight:800}.contribution-card h3{margin:4rem 0 1rem;font:700 1.55rem "Manrope",sans-serif;letter-spacing:-.04em}.contribution-card p{color:var(--muted);line-height:1.7;font-size:.88rem}
.story-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:end;margin-bottom:3rem}.story-heading .eyebrow{grid-column:1/-1;margin-bottom:-.3rem}.story-heading>p:last-child{margin:0;color:var(--muted);line-height:1.75}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.compact-pair{grid-template-columns:1.35fr .65fr}.gallery-figure{margin:0}.gallery-figure button,.outcome-image button{width:100%;padding:0;border:0;background:#101313;cursor:zoom-in;overflow:hidden}.gallery-figure button{aspect-ratio:16/10}.gallery-figure img,.outcome-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .4s}.gallery-figure button:hover img,.outcome-image button:hover img{transform:scale(1.025);filter:brightness(1.08)}.gallery-figure figcaption{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:.9rem 0}.gallery-figure figcaption span{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.gallery-figure figcaption p{margin:0;color:var(--muted);font-size:.78rem;text-align:right}.dark-panel{position:relative}.dark-panel::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#0b0e0e}.process-grid,.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.comparison-row{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:1.5rem;margin-bottom:3rem}.comparison-arrow{display:grid;place-items:center;width:52px;height:52px;margin:auto;border:1px solid var(--line);border-radius:50%;color:var(--accent)}.reference-figure{position:relative}.reference-figure::before{content:"External reference";position:absolute;z-index:2;left:.8rem;top:.8rem;padding:.45rem .6rem;background:#080a0a;border:1px solid var(--line);font-size:.62rem;font-weight:800;text-transform:uppercase}.asset-grid{grid-template-columns:repeat(4,1fr)}.asset-grid .gallery-figure button{aspect-ratio:1/1}.outcome-section{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,7vw,7rem);align-items:center}.outcome-image button{aspect-ratio:1/1}.outcome-copy p:not(.eyebrow){color:var(--muted);line-height:1.8;margin:1.5rem 0 2rem}

@media(max-width:900px){.work-card,.work-card:nth-child(1),.work-card:nth-child(6),.work-card:nth-child(11),.work-card:nth-child(16),.work-card:nth-child(21){grid-column:span 6}.resume-grid{grid-template-columns:repeat(2,1fr)}.about-section,.case-intro,.outcome-section{grid-template-columns:1fr}.case-meta{grid-template-columns:1.5fr 1fr 1fr}.case-meta div:last-child{display:none}.contribution-grid{grid-template-columns:1fr}.contribution-card{min-height:220px}.contribution-card h3{margin-top:2.5rem}.story-heading{grid-template-columns:1fr}.story-heading .eyebrow{grid-column:auto}.process-grid{grid-template-columns:1fr 1fr}.asset-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.work-grid{gap:2rem}.work-card,.work-card:nth-child(1),.work-card:nth-child(6),.work-card:nth-child(11),.work-card:nth-child(16),.work-card:nth-child(21){grid-column:span 12}.experience-card{grid-template-columns:32px 1fr;gap:1rem}.experience-card>:last-child{grid-column:2}.resume-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}.case-nav .nav-contact{display:none}.case-hero{padding-bottom:12rem}.case-hero-copy h1{font-size:18vw}.case-meta{grid-template-columns:1fr 1fr;gap:1rem}.case-meta div:first-child{grid-column:1/-1}.media-pair,.compact-pair,.process-grid{grid-template-columns:1fr}.comparison-row{grid-template-columns:1fr}.comparison-arrow{transform:rotate(90deg)}.asset-grid{grid-template-columns:1fr}.gallery-figure figcaption{grid-template-columns:1fr}.gallery-figure figcaption p{text-align:left}}

.archive-hero{min-height:72vh;padding:calc(var(--nav-height) + 6rem) clamp(1.2rem,6vw,6rem) 5rem;display:flex;align-items:flex-end;background:radial-gradient(circle at 70% 30%,rgba(229,9,20,.14),transparent 36%),linear-gradient(135deg,#121616,#070909)}.archive-hero>div{width:min(100%,var(--max));margin:auto}.archive-hero h1{margin:0;font:800 clamp(4.5rem,12vw,11rem)/.78 "Manrope",sans-serif;letter-spacing:-.085em;text-transform:uppercase}.archive-hero p:last-child{max-width:620px;margin:2rem 0 0;color:var(--muted);line-height:1.7}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.archive-card{margin:0}.archive-card button{width:100%;aspect-ratio:4/3;padding:0;border:0;background:#111;overflow:hidden;cursor:zoom-in}.archive-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:.55s var(--ease)}.archive-card button:hover img{transform:scale(1.035);filter:saturate(1)}.archive-card figcaption{padding:.75rem 0;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em}@media(max-width:820px){.archive-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.archive-grid{grid-template-columns:1fr}}

/* Conversion-focused portfolio additions */
.button-text{min-height:50px;padding-inline:.55rem;border-bottom:1px solid var(--line);border-radius:0;color:#e6e9e7}.work-facts{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 0;padding:0;list-style:none}.work-facts li{padding:.38rem .55rem;border:1px solid var(--line);border-radius:999px;color:#bbc2bf;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.archive-cta{margin-top:3rem;padding:1.7rem 0;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-block:1px solid var(--line)}.archive-cta h3{margin:.25rem 0 0;font:700 clamp(1.5rem,3vw,2.35rem) "Manrope",sans-serif;letter-spacing:-.04em}.archive-cta .project-kicker{margin:0}.work-archive-hero{background:radial-gradient(circle at 72% 32%,rgba(54,208,189,.12),transparent 30%),radial-gradient(circle at 25% 70%,rgba(229,9,20,.12),transparent 36%),linear-gradient(135deg,#121616,#070909)}.work-archive-section{padding-top:4rem}.archive-work-grid .work-card:nth-child(1),.archive-work-grid .work-card:nth-child(6),.archive-work-grid .work-card:nth-child(11),.archive-work-grid .work-card:nth-child(16),.archive-work-grid .work-card:nth-child(21){grid-column:span 4}

.technical-section{border-bottom:1px solid var(--line)}.technical-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.technical-card{min-height:320px;padding:clamp(1.7rem,3vw,3rem);display:flex;flex-direction:column;background:linear-gradient(145deg,#111616,#0b0e0e)}.technical-card>span{color:var(--teal);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.technical-card h3{max-width:520px;margin:2.8rem 0 1rem;font:700 clamp(1.7rem,3vw,2.65rem)/1.05 "Manrope",sans-serif;letter-spacing:-.045em}.technical-card p{max-width:610px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.75}.technical-card .text-link{margin-top:auto;padding-top:2rem}.system-flow{margin-top:auto;padding-top:2.2rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.55rem;align-items:center}.system-flow b{padding:.65rem .7rem;border:1px solid var(--line);background:#0a0d0d;text-align:center;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase}.system-flow i{color:var(--accent);font-style:normal}.code-proof{margin:1.5rem 0 0;padding:1rem 1.1rem;overflow:auto;border:1px solid var(--line);background:#070909;color:#b7e9df;font:500 .72rem/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.evidence-note{max-width:820px;margin:1.3rem 0 0;color:#7f8985;font-size:.72rem;line-height:1.65}.evidence-note a{color:var(--text);text-decoration-color:rgba(255,255,255,.28);text-underline-offset:.2em}.evidence-note a:hover{color:var(--teal)}

.damned-hero{overflow:hidden;background:radial-gradient(circle at 76% 45%,rgba(126,5,25,.3),transparent 30%),linear-gradient(115deg,#030404 0%,#0a0d0d 55%,#160508 100%)}.damned-hero .case-hero-copy,.damned-hero .case-meta{position:relative;z-index:2}.damned-hero .case-meta{position:absolute}.damned-hero .case-hero-shade{z-index:1;background:linear-gradient(90deg,rgba(2,4,4,.96),rgba(2,4,4,.34) 63%,rgba(2,4,4,.7)),linear-gradient(0deg,#080a0a,transparent 48%)}.damned-structure{position:absolute;z-index:0;right:clamp(1rem,8vw,9rem);top:17%;width:min(36vw,520px);height:62%;display:grid;grid-template-rows:repeat(4,1fr);gap:.65rem;perspective:900px;transform:rotateY(-9deg) rotateX(2deg)}.damned-structure span{border:1px solid rgba(255,255,255,.14);background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(229,9,20,.09));box-shadow:inset 0 0 42px rgba(0,0,0,.55),0 18px 50px rgba(0,0,0,.22)}.four-up{grid-template-columns:repeat(4,1fr)}.four-up .contribution-card{min-height:340px}.floor-stack{width:min(100%,980px);margin:0 auto;display:flex;flex-direction:column;gap:.55rem;perspective:900px}.floor-stack>div{min-height:92px;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid var(--line);background:linear-gradient(90deg,#161b1a,#0b0e0e);box-shadow:0 18px 45px rgba(0,0,0,.18);transform:perspective(900px) rotateX(1.5deg)}.floor-stack b{font:700 clamp(1.2rem,2vw,1.8rem) "Manrope",sans-serif}.floor-stack span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.level-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;background:var(--line);border:1px solid var(--line)}.level-principles article{padding:1.5rem;background:var(--surface)}.level-principles span{font-weight:800}.level-principles p{margin:.7rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.65}.system-evidence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.system-evidence{min-height:250px;padding:2rem;border:1px solid var(--line);background:linear-gradient(145deg,#111616,#0a0d0d)}.system-evidence>span{color:var(--accent);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.system-evidence h3{margin:2.8rem 0 .8rem;font:700 clamp(1.35rem,2.4vw,2rem)/1.15 "Manrope",sans-serif;letter-spacing:-.035em}.system-evidence p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.7}.asset-summary-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:center}.asset-total{display:flex;flex-direction:column}.asset-total strong{font:800 clamp(6rem,14vw,12rem)/.8 "Manrope",sans-serif;letter-spacing:-.09em;color:var(--text)}.asset-total span{margin-top:1.5rem;color:var(--muted);line-height:1.5}.asset-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.asset-breakdown>div{min-height:150px;padding:1.4rem;display:flex;flex-direction:column;justify-content:flex-end;background:var(--surface)}.asset-breakdown strong{font:700 2.2rem "Manrope",sans-serif}.asset-breakdown span{color:var(--muted);font-size:.72rem}.asset-breakdown>p{grid-column:1/-1;margin:0;padding:1.2rem;background:#0a0d0d;color:#7f8985;font-size:.7rem;line-height:1.6}.damned-outcome-mark{aspect-ratio:1/1;display:grid;place-content:center;text-align:center;border:1px solid var(--line);background:radial-gradient(circle,rgba(229,9,20,.15),transparent 60%),#0b0e0e}.damned-outcome-mark span{font:800 clamp(7rem,16vw,13rem)/.75 "Manrope",sans-serif;letter-spacing:-.1em}.damned-outcome-mark b{margin-top:1rem;color:var(--muted);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}

@media(max-width:1050px){.four-up{grid-template-columns:repeat(2,1fr)}.archive-work-grid .work-card:nth-child(1),.archive-work-grid .work-card:nth-child(6),.archive-work-grid .work-card:nth-child(11),.archive-work-grid .work-card:nth-child(16),.archive-work-grid .work-card:nth-child(21){grid-column:span 6}}
@media(max-width:760px){.archive-cta{align-items:flex-start;flex-direction:column}.technical-grid,.system-evidence-grid,.asset-summary-section{grid-template-columns:1fr}.technical-card{min-height:285px}.system-flow{grid-template-columns:1fr auto 1fr}.system-flow b:nth-of-type(3),.system-flow i:nth-of-type(2){display:none}.damned-structure{right:-14%;width:78vw;opacity:.55}.level-principles{grid-template-columns:1fr}.floor-stack>div{align-items:flex-start;flex-direction:column;gap:.35rem}.asset-breakdown{grid-template-columns:1fr}.asset-breakdown>p{grid-column:auto}.damned-outcome-mark{max-width:520px;width:100%;margin:auto}}
@media(max-width:600px){.four-up{grid-template-columns:1fr}.archive-work-grid .work-card:nth-child(1),.archive-work-grid .work-card:nth-child(6),.archive-work-grid .work-card:nth-child(11),.archive-work-grid .work-card:nth-child(16),.archive-work-grid .work-card:nth-child(21){grid-column:span 12}.work-archive-hero h1{font-size:16vw}.damned-hero .case-hero-copy h1{font-size:17vw}}

/* Recruiter reel and recovered About Damned Time evidence */
.reel-section{border-bottom:1px solid var(--line)}
.reel-frame{position:relative;overflow:hidden;border:1px solid var(--line);background:#020303;box-shadow:0 34px 90px rgba(0,0,0,.38)}
.reel-frame::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.045)}
.reel-frame video{display:block;width:100%;aspect-ratio:16/9;background:#020303}
.reel-details{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}
.reel-details p{display:flex;flex-direction:column;gap:.35rem;margin:0}
.reel-details strong{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.reel-details span{color:var(--muted);font-size:.78rem;line-height:1.6}
.reel-details .hero-actions{margin:0;flex-shrink:0}
.gallery-figure video{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .4s}
.gallery-figure button:hover video{transform:scale(1.025);filter:brightness(1.08)}
.damned-media-figure button{position:relative;aspect-ratio:16/9}
.damned-media-figure .play-chip{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%)}
.damned-hero{background:linear-gradient(90deg,rgba(2,4,4,.98) 0%,rgba(2,4,4,.74) 50%,rgba(14,3,6,.42) 100%),url("media/posters/spectral-veil.jpg") center/cover no-repeat}

@media(max-width:760px){.reel-details{align-items:flex-start;flex-direction:column}.technical-card{min-width:0}.damned-structure{opacity:.42}}