#project-05{padding:0 0 8vw 3vw;grid-template-columns:minmax(320px,38%) 1fr;gap:0;min-height:calc(100vh - 72px);scroll-margin-top:72px;background:#050505!important}
#project-05 .project-heading{height:calc(100svh - 72px);min-height:calc(100vh - 72px);position:sticky;top:72px;padding:10vh 4vw 92px 0;background:#050505}
#project-05 .project-number{color:var(--acid)!important}#project-05 h2{color:#f1efe9!important}#project-05 .project-type{color:#929292}#project-05 .project-description{color:#fff}
#project-05 .project-art{display:block;min-width:0}
#project-05 .project-art>.project-hero{display:block;width:100%;height:calc(100svh - 72px)!important;min-height:calc(100vh - 72px);object-fit:contain!important;object-position:center!important;background:#050505;margin:0 0 clamp(180px,28vh,320px)!important}
#project-05 .project-process-board{display:block;width:calc(100% - 4vw);height:auto;margin:0 2vw clamp(45px,6vw,90px)!important;filter:none}
#project-05 .scroll-cue{position:absolute;left:0;bottom:28px;display:inline-flex;color:#fff;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font:10px 'DM Mono',monospace;letter-spacing:.13em}
#project-05 .scroll-cue:hover{color:var(--acid)}#project-05-process{scroll-margin-top:96px}
@media(max-width:650px){#project-05{display:block;padding:100px 20px 50px;min-height:100vh}#project-05 .project-heading{height:auto;min-height:0;position:relative;top:auto;padding:0;background:transparent}#project-05 .project-art>.project-hero{height:auto!important;min-height:0;margin-bottom:90px!important}#project-05 .project-process-board{width:100%;margin:0 0 30px!important}#project-05 .scroll-cue{position:static;margin-top:32px}}
#project-04 .project-hero-pair{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr;gap:0!important;padding:0!important}
#project-04 .project-hero-pair img{width:100%!important;height:calc(100svh - 72px)!important;object-fit:contain!important}
#project-06{padding:0 0 8vw 3vw;grid-template-columns:minmax(320px,38%) 1fr;gap:0;min-height:calc(100vh - 72px);scroll-margin-top:72px;background:#050505!important}
#project-06 .project-heading{height:calc(100svh - 72px);min-height:calc(100vh - 72px);position:sticky;top:72px;padding:10vh 4vw 92px 0;background:#050505}
#project-06 .project-number{color:var(--acid)!important}#project-06 h2{color:#f1efe9!important}#project-06 .project-type{color:#929292}#project-06 .project-description{color:#fff}
#project-06 .project-art{display:block;min-width:0}
#project-06 .project-art>.project-hero{display:block;width:100%;height:calc(100svh - 72px)!important;min-height:calc(100vh - 72px);object-fit:contain!important;object-position:center!important;background:#050505;margin:0 0 clamp(180px,28vh,320px)!important}
#project-06 .project-process-board{display:block;width:calc(100% - 4vw);height:auto;margin:0 2vw clamp(45px,6vw,90px)!important;filter:none}
#project-06 .scroll-cue{position:absolute;left:0;bottom:28px;display:inline-flex;color:#fff;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font:10px 'DM Mono',monospace;letter-spacing:.13em}
#project-06 .scroll-cue:hover{color:var(--acid)}#project-06-process{scroll-margin-top:96px}
@media(max-width:650px){#project-04 .project-hero-pair{display:grid!important;grid-template-rows:auto auto}#project-04 .project-hero-pair img{height:auto!important}#project-06{display:block;padding:100px 20px 50px;min-height:100vh}#project-06 .project-heading{height:auto;min-height:0;position:relative;top:auto;padding:0;background:transparent}#project-06 .project-art>.project-hero{height:auto!important;min-height:0;margin-bottom:90px!important}#project-06 .project-process-board{width:100%;margin:0 0 30px!important}#project-06 .scroll-cue{position:static;margin-top:32px}}
#project-07{padding:0 0 8vw 3vw;grid-template-columns:minmax(320px,38%) 1fr;gap:0;min-height:calc(100vh - 72px);scroll-margin-top:72px;background:#050505!important}
#project-07 .project-heading{height:calc(100svh - 72px);min-height:calc(100vh - 72px);position:sticky;top:72px;padding:10vh 4vw 92px 0;background:#050505}
#project-07 .project-number{color:var(--acid)!important}#project-07 h2{color:#f1efe9!important}#project-07 .project-type{color:#929292}#project-07 .project-description{color:#fff}
#project-07 .project-art{display:block;min-width:0}
#project-07 .project-video-pair{height:calc(100svh - 72px);min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;background:#050505;margin-bottom:clamp(180px,28vh,320px)}
#project-07 .project-video-pair video{display:block;width:100%;height:calc(100svh - 72px);object-fit:contain;background:#050505}
#project-07 .project-process-board{display:block;width:calc(100% - 4vw);height:auto;margin:0 2vw clamp(45px,6vw,90px)!important;filter:none}
#project-07 .scroll-cue{position:absolute;left:0;bottom:28px;display:inline-flex;color:#fff;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font:10px 'DM Mono',monospace;letter-spacing:.13em}
#project-07 .scroll-cue:hover{color:var(--acid)}#project-07-process{scroll-margin-top:96px}
@media(max-width:650px){#project-04 .project-hero-pair{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr}#project-07{display:block;padding:100px 20px 50px;min-height:100vh}#project-07 .project-heading{height:auto;min-height:0;position:relative;top:auto;padding:0;background:transparent}#project-07 .project-video-pair{height:auto;min-height:0;grid-template-columns:1fr;gap:12px;margin-bottom:90px}#project-07 .project-video-pair video{height:auto}#project-07 .project-process-board{width:100%;margin:0 0 30px!important}#project-07 .scroll-cue{position:static;margin-top:32px}}
#project-03 .project-video,#project-07 .project-07-video,#project-08 .project-08-video{cursor:zoom-in}
#project-08{padding:0 0 8vw 3vw;grid-template-columns:minmax(320px,38%) 1fr;gap:0;min-height:calc(100vh - 72px);scroll-margin-top:72px;background:#6b2f12!important}
#project-08 .project-heading{height:calc(100svh - 72px);min-height:calc(100vh - 72px);position:sticky;top:72px;padding:10vh 4vw 92px 0;background:#6b2f12}
#project-08 .project-number{color:#ffb15a!important}#project-08 h2{color:#f8eadb!important}#project-08 .project-type{color:#e3b88f}#project-08 .project-description{color:#fff}
#project-08 .project-art{display:block;min-width:0}
#project-08 .project-art>.project-hero{display:block;width:100%;height:calc(100svh - 72px)!important;min-height:calc(100vh - 72px);object-fit:contain!important;object-position:center!important;background:#6b2f12;margin:0 0 clamp(180px,28vh,320px)!important}
#project-08 .project-process-board{display:block;width:calc(100% - 4vw);height:auto;margin:0 2vw clamp(45px,6vw,90px)!important;filter:none}
#project-08 .scroll-cue{position:absolute;left:0;bottom:28px;display:inline-flex;color:#fff;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font:10px 'DM Mono',monospace;letter-spacing:.13em}
#project-08 .scroll-cue:hover{color:#ffb15a}#project-08-process{scroll-margin-top:96px}
.video-lightbox{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:5vh 5vw;background:rgb(0 0 0 / .95)}.video-lightbox.open{display:flex}.video-lightbox video{display:block;max-width:100%;max-height:90vh;background:#000}.video-lightbox button{position:fixed;right:24px;top:22px;border:0;background:none;color:#fff;font:14px 'DM Mono',monospace;cursor:pointer}
@media(max-width:650px){#project-08{display:block;padding:100px 20px 50px;min-height:100vh}#project-08 .project-heading{height:auto;min-height:0;position:relative;top:auto;padding:0;background:transparent}#project-08 .project-art>.project-hero{height:auto!important;min-height:0;margin-bottom:90px!important}#project-08 .project-process-board{width:100%;margin:0 0 30px!important}#project-08 .scroll-cue{position:static;margin-top:32px}}
html{scroll-behavior:auto!important}
#project-09{padding:0 0 8vw 3vw;grid-template-columns:minmax(320px,38%) 1fr;gap:0;min-height:calc(100vh - 72px);scroll-margin-top:72px;background:#050505!important}
#project-09 .project-heading{height:calc(100svh - 72px);min-height:calc(100vh - 72px);position:sticky;top:72px;padding:10vh 4vw 92px 0;background:#050505}
#project-09 .project-number{color:var(--acid)!important}#project-09 h2{color:#f1efe9!important}#project-09 .project-type{color:#929292}
#project-09 .project-art{display:block;min-width:0}
#project-09 .project-art>.project-hero{display:block;width:100%;height:calc(100svh - 72px)!important;min-height:calc(100vh - 72px);object-fit:contain!important;object-position:center!important;background:#050505;margin:0 0 clamp(180px,28vh,320px)!important;cursor:zoom-in}
#project-09 .project-process-board{display:block;width:calc(100% - 4vw);height:auto;margin:0 2vw clamp(45px,6vw,90px)!important;filter:none}
#project-09 .scroll-cue{position:absolute;left:0;bottom:28px;display:inline-flex;color:#fff;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font:10px 'DM Mono',monospace;letter-spacing:.13em}
#project-09 .scroll-cue:hover{color:var(--acid)}#project-09-process{scroll-margin-top:96px}
@media(max-width:650px){#project-09{display:block;padding:100px 20px 50px;min-height:100vh}#project-09 .project-heading{height:auto;min-height:0;position:relative;top:auto;padding:0;background:transparent}#project-09 .project-art>.project-hero{height:auto!important;min-height:0;margin-bottom:90px!important}#project-09 .project-process-board{width:100%;margin:0 0 30px!important}#project-09 .scroll-cue{position:static;margin-top:32px}}
#project-09{background:#f5f4ef!important}#project-09 .project-heading{background:#f5f4ef}#project-09 .project-number{color:#ef6b19!important}#project-09 h2{color:#151515!important}#project-09 .project-type{color:#686868}#project-09 .project-description{color:#202020}#project-09 .project-art>.project-hero{background:#f5f4ef}
#project-10{padding:0 0 8vw 3vw;grid-template-columns:minmax(320px,38%) 1fr;gap:0;min-height:calc(100vh - 72px);scroll-margin-top:72px;background:#050505!important}
#project-10 .project-heading{height:calc(100svh - 72px);min-height:calc(100vh - 72px);position:sticky;top:72px;padding:10vh 4vw 92px 0;background:#050505}
#project-10 .project-number{color:var(--acid)!important}#project-10 h2{color:#f1efe9!important}#project-10 .project-type{color:#929292}#project-10 .project-description{color:#fff}
#project-10 h2{font-size:clamp(32px,4.45vw,72px);line-height:1.08;letter-spacing:-.065em;margin:clamp(24px,3vh,40px) 0}
#project-10 h2 .keep-line{white-space:nowrap}
#project-10 .project-description{margin-top:clamp(36px,5vh,58px);line-height:1.9}
#project-10 .project-art{display:block;min-width:0}#project-10 .project-art>.project-hero{display:block;width:100%;height:calc(100svh - 72px)!important;min-height:calc(100vh - 72px);object-fit:contain!important;object-position:center!important;background:#050505;margin:0 0 clamp(180px,28vh,320px)!important;cursor:zoom-in}
#project-10 .project-process-board{display:block;width:calc(100% - 4vw);height:auto;margin:0 2vw clamp(45px,6vw,90px)!important;filter:none}
#project-10 .scroll-cue{position:absolute;left:0;bottom:28px;display:inline-flex;color:#fff;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font:10px 'DM Mono',monospace;letter-spacing:.13em}#project-10 .scroll-cue:hover{color:var(--acid)}#project-10-process{scroll-margin-top:96px}
@media(max-width:650px){#project-10{display:block;padding:100px 20px 50px;min-height:100vh}#project-10 .project-heading{height:auto;min-height:0;position:relative;top:auto;padding:0;background:transparent}#project-10 .project-art>.project-hero{height:auto!important;min-height:0;margin-bottom:90px!important}#project-10 .project-process-board{width:100%;margin:0 0 30px!important}#project-10 .scroll-cue{position:static;margin-top:32px}}

/* Projects 11–12 use the dark presentation system. */
#project-11,#project-12{background:#050505!important;border-color:#252525!important}
#project-11 .project-heading,#project-12 .project-heading{background:#050505}
#project-11 .project-number,#project-12 .project-number{color:var(--acid)!important}
#project-11 h2,#project-12 h2{color:var(--white)!important}
#project-11 .project-type,#project-12 .project-type{color:var(--muted)!important}
#project-12{padding:0 0 8vw 3vw;grid-template-columns:minmax(320px,38%) 1fr;gap:0;min-height:calc(100vh - 72px);scroll-margin-top:72px}
#project-12 .project-heading{height:calc(100svh - 72px);min-height:calc(100vh - 72px);position:sticky;top:72px;padding:10vh 4vw 92px 0}
#project-12 .project-art{display:block;min-width:0}
#project-12 .project-art>.project-hero{display:block;width:100%;height:calc(100svh - 72px)!important;min-height:calc(100vh - 72px);object-fit:contain!important;object-position:center!important;background:#050505;margin:0 0 clamp(180px,28vh,320px)!important;cursor:zoom-in}
#project-12 .project-process-board{display:block;width:calc(100% - 4vw);height:auto;margin:0 2vw clamp(45px,6vw,90px)!important;filter:none}
#project-12 .scroll-cue{position:absolute;left:0;bottom:28px;display:inline-flex;color:#fff;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font:10px 'DM Mono',monospace;letter-spacing:.13em}
#project-12 .scroll-cue:hover{color:var(--acid)}#project-12-process{scroll-margin-top:96px}
#project-12 .project-description{color:#fff}
@media(max-width:650px){#project-12{display:block;padding:100px 20px 50px;min-height:100vh}#project-12 .project-heading{height:auto;min-height:0;position:relative;top:auto;padding:0;background:transparent}#project-12 .project-art>.project-hero{height:auto!important;min-height:0;margin-bottom:90px!important}#project-12 .project-process-board{width:100%;margin:0 0 30px!important}#project-12 .scroll-cue{position:static;margin-top:32px}}

/* Project 11: deep-green installation presentation. */
#project-11{padding:0 0 8vw 3vw;grid-template-columns:minmax(320px,38%) 1fr;gap:0;min-height:calc(100vh - 72px);scroll-margin-top:72px;background:#062e24!important;border-color:#19513f!important}
#project-11 .project-heading{height:calc(100svh - 72px);min-height:calc(100vh - 72px);position:sticky;top:72px;padding:10vh 4vw 92px 0;background:#062e24}
#project-11 .project-number{color:#b9ff70!important}#project-11 h2{color:#f2f4ed!important}#project-11 .project-type{color:#a9c5b8!important}#project-11 .project-description{color:#eef4ed}
#project-11 .project-art{display:block;min-width:0}
#project-11 .project-art>.project-hero{display:block;width:100%;height:calc(100svh - 72px)!important;min-height:calc(100vh - 72px);object-fit:contain!important;object-position:center!important;background:#062e24;margin:0 0 clamp(180px,28vh,320px)!important;cursor:zoom-in}
#project-11 .project-process-board{display:block;width:calc(100% - 4vw);height:auto;margin:0 2vw clamp(45px,6vw,90px)!important;filter:none}
#project-11 .scroll-cue{position:absolute;left:0;bottom:28px;display:inline-flex;color:#f2f4ed;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px;font:10px 'DM Mono',monospace;letter-spacing:.13em}
#project-11 .scroll-cue:hover{color:#b9ff70}#project-11-process{scroll-margin-top:96px}
@media(max-width:650px){#project-11{display:block;padding:100px 20px 50px;min-height:100vh}#project-11 .project-heading{height:auto;min-height:0;position:relative;top:auto;padding:0;background:transparent}#project-11 .project-art>.project-hero{height:auto!important;min-height:0;margin-bottom:90px!important}#project-11 .project-process-board{width:100%;margin:0 0 30px!important}#project-11 .scroll-cue{position:static;margin-top:32px}}

/* Projects 13–14: black internship process pages. */
#project-13,#project-14{padding:0 0 8vw 3vw;grid-template-columns:minmax(320px,38%) 1fr;gap:0;min-height:100vh;scroll-margin-top:72px;background:#050505!important;border-color:#252525!important}
#project-13 .project-heading,#project-14 .project-heading{position:sticky;top:72px;height:min-content;padding:10vh 4vw 10vh 0;background:#050505}
#project-13 .project-number,#project-14 .project-number{color:var(--acid)!important}
#project-13 h2,#project-14 h2{color:#f1efe9!important}
#project-13 .project-type,#project-14 .project-type{color:#929292!important}
#project-13 .project-description,#project-14 .project-description{color:#fff;line-height:1.85;margin-top:clamp(34px,4.5vh,54px)}
#project-13 .project-art,#project-14 .project-art{display:block;min-width:0;padding:6vh 0 0}
#project-13 .project-internship-board,#project-14 .project-internship-board{display:block;width:calc(100% - 4vw);height:auto;margin:0 2vw clamp(45px,6vw,90px)!important;filter:none}
@media(max-width:650px){#project-13,#project-14{display:block;padding:100px 20px 50px;min-height:100vh}#project-13 .project-heading,#project-14 .project-heading{position:relative;top:auto;padding:0;background:transparent;margin-bottom:50px}#project-13 .project-art,#project-14 .project-art{padding:0}#project-13 .project-internship-board,#project-14 .project-internship-board{width:100%;margin:0 0 30px!important}}

/* Final visual cleanup: remove the old purple page canvas and keep project colours intentional. */
body,#projects{background:#050505!important}.topbar{background:rgb(5 5 5 / .9)!important;border-color:#252525!important}#projects .project{background:#050505!important;border-color:#252525!important}
#projects .project-number{display:block;margin-bottom:30px;line-height:.82}
#projects .project h2{margin-top:0!important}
#projects #project-01,#projects #project-02,#projects #project-08{grid-template-columns:minmax(390px,44%) 1fr!important}
#projects #project-01 .project-description,#projects #project-02 .project-description,#projects #project-08 .project-description{max-width:56ch}
#projects #project-03,#projects #project-09{grid-template-columns:minmax(390px,40%) 1fr!important}
#projects #project-03 .project-description,#projects #project-09 .project-description{max-width:44ch}
#projects #project-01 .project-number,#projects #project-02 .project-number,#projects #project-03 .project-number{color:var(--acid)!important}
#projects #project-01 h2,#projects #project-02 h2,#projects #project-03 h2{color:#f1efe9!important}
#projects #project-01 .project-type,#projects #project-02 .project-type,#projects #project-03 .project-type{color:#929292!important}
#projects #project-04{background:#8d8942!important;border-color:#7f7a3d!important}#projects #project-04 .project-heading,#projects #project-04 .project-art,#projects #project-04 .project-hero-pair,#projects #project-04 .project-process-board{background:#8d8942!important}
#projects #project-08{background:#6b2f12!important;border-color:#8b4b27!important}#projects #project-08 .project-heading,#projects #project-08 .project-art,#projects #project-08 .project-art>.project-hero,#projects #project-08 .project-process-board{background:#6b2f12!important}
#projects #project-09{background:#f5f4ef!important;border-color:#ded8cb!important}#projects #project-09 .project-heading,#projects #project-09 .project-art,#projects #project-09 .project-art>.project-hero,#projects #project-09 .project-process-board{background:#f5f4ef!important}
#projects #project-11{background:#062e24!important;border-color:#19513f!important}#projects #project-11 .project-heading,#projects #project-11 .project-art,#projects #project-11 .project-art>.project-hero,#projects #project-11 .project-process-board{background:#062e24!important}
#projects #project-10,#projects #project-11{grid-template-columns:minmax(390px,46%) 1fr!important}
#projects #project-08 .project-number{color:var(--acid)!important}
#projects #project-09 .project-number{color:#708500!important}
#projects #project-09 .scroll-cue{color:#151515!important}
#projects #project-09 .scroll-cue:hover{color:var(--acid)!important}

/* Long copy remains readable inside its fixed left panel instead of being clipped below the viewport. */
#project-10 .project-heading{height:calc(100svh - 72px);min-height:0;overflow:visible!important;padding-bottom:40px}
#project-12 .project-heading{height:calc(100svh - 72px);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:40px}
#project-10 .project-description,#project-11 .project-description{max-width:56ch;margin-top:24px;font-size:clamp(12px,.88vw,14px);line-height:1.56}
#project-12 .project-description{max-width:46ch;margin-top:24px;font-size:clamp(12px,.94vw,15px);line-height:1.62}
#project-10 .scroll-cue,#project-12 .scroll-cue{position:static;display:inline-flex;margin-top:28px}
#project-10 h2{font-size:clamp(28px,3.8vw,60px);line-height:1.02;margin:20px 0}

#projects #project-13,#projects #project-14{background:#fff!important;border-color:#dedede!important}
#projects #project-13 .project-heading,#projects #project-14 .project-heading,#projects #project-13 .project-art,#projects #project-14 .project-art,#projects #project-13 .project-internship-board,#projects #project-14 .project-internship-board{background:#fff!important}
#projects #project-13 .project-number,#projects #project-14 .project-number{color:#9eb000!important}
#projects #project-13 h2,#projects #project-14 h2{color:#151515!important}
#projects #project-13 .project-type,#projects #project-14 .project-type{color:#686868!important}
#projects #project-13 .project-description,#projects #project-14 .project-description{color:#252525!important}
#project-13 .project-art{padding:13vh 0 0}
#project-13 .project-internship-board{width:calc(100% - 8vw);margin:0 auto clamp(50px,7vw,110px)!important}

/* Keep the contact page on uninterrupted black. */
.about{margin-top:0!important;background:#050505!important}.footer{background:#050505!important}
.about h2{font-size:clamp(20px,2.5vw,42px)!important;letter-spacing:-.045em!important}.about .contact-phone{font-size:clamp(18px,2.2vw,36px)!important}

@media(max-width:650px){
  #project-10 .project-heading,#project-12 .project-heading{height:auto;overflow:visible}
  #project-10 .project-description,#project-11 .project-description,#project-12 .project-description{max-width:none;font-size:13px}
  #project-13 .project-heading,#project-14 .project-heading{background:#fff!important}
  #project-13 .project-art{padding:0}
  #project-13 .project-internship-board,#project-14 .project-internship-board{width:100%;margin:0 0 30px!important}
  .about h2{font-size:22px!important;white-space:normal!important}
}