:root{color-scheme:light;--bg:#f5faff;--fg:#232b34;--muted:#596674;--line:#cad8e7;--pink:#77ace9;--berry:#31639c}body{background:radial-gradient(ellipse at 15% 4%,#d9ebff 0,transparent 38%),radial-gradient(ellipse at 94% 16%,#e1edfb 0,transparent 32%),#f5faff}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--pointer-x,70%) var(--pointer-y,20%),#a5caf433,transparent 28%)}header{height:98px;border-bottom:1px solid #cad8e788;background:#f8fbff99;backdrop-filter:blur(20px);position:relative;z-index:2}.brand{color:#35506e;letter-spacing:2.5px;font-size:12px}.menu-button span{background:#42658e;height:2px}.menu{background:linear-gradient(125deg,#f4f9ff,#d8e6f6);color:#36567a}.menu a:hover{color:#306cb1}.hero{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;padding:74px 0 110px}.hero-image{grid-column:2;grid-row:1;height:620px;max-height:68vh;aspect-ratio:1.15;object-fit:cover;border-radius:160px 160px 16px 16px;border:7px solid #ffffffbf;box-shadow:0 26px 65px #426c9b25,0 0 0 1px #aac2dd;transform:rotate(1.5deg);transition:transform .6s}.hero-image:hover{transform:rotate(0)}.intro{grid-column:1;grid-row:1;display:block;padding:0;position:relative}.intro::before{content:'ART DEPARTMENT • MELBOURNE';display:block;font-size:11px;color:var(--berry);letter-spacing:1.6px;margin-bottom:35px}h1{font-size:clamp(54px,6.5vw,104px);letter-spacing:-3px;line-height:.99}h1 em{font-weight:400;color:#4175b0;display:block}.intro p{font-family:'JetBrains Mono',monospace;font-size:14px;line-height:1.8;text-transform:none;max-width:460px;margin-top:30px}.button{border-radius:100px;background:linear-gradient(160deg,#f4f9ff 0%,#b6d4f6 50%,#81addf 100%);border:1px solid #a5c4e8;color:#244367;box-shadow:inset 0 2px 2px #ffffffef,0 8px 22px #4176b320;font-size:12px;letter-spacing:1.7px;padding:19px 26px;gap:30px;margin-top:30px;transition:transform .2s,box-shadow .2s}.button:hover{background:linear-gradient(160deg,#f4f9ff,#b6d4f6,#81addf);transform:translateY(-3px);box-shadow:inset 0 2px 2px #fff,0 12px 25px #4176b333}.button span{font-size:20px}.selected{padding:60px 0 95px;border-top:1px solid var(--line)}h2{color:#345071;font-size:clamp(44px,4.5vw,70px);letter-spacing:-2px}.selected h2::after{content:'✦';color:#71a1d8;font-size:28px;display:inline-block;margin-left:20px;vertical-align:middle}.grid{gap:58px 38px}.project{padding:12px 12px 28px;border:1px solid #d0ddec;border-radius:18px;background:linear-gradient(140deg,#fefeffae,#e9f2fca1);box-shadow:inset 0 1px 0 white,0 12px 36px #426c9b09;transition:transform .35s,box-shadow .35s}.project:hover{transform:translateY(-6px);box-shadow:0 20px 45px #426c9b1c}.project img{border-radius:9px}.project .role{font-size:11px;letter-spacing:.7px;padding:0 12px;color:#5d7289;margin-top:23px}.project h3{font-size:31px;text-transform:none;color:#324255;padding:0 12px;margin:10px 0 13px}.project .year{font-size:12px;padding:0 12px;color:#61748a}.more{margin-top:55px}footer{background:linear-gradient(125deg,#dce9f866,#f7fbff88);padding:65px 36px 28px;border:1px solid var(--line);border-radius:22px 22px 0 0}.email{color:#39608d}.social{color:#39608d;font-size:13px}.footer-bottom{margin-top:65px;font-size:11px}.footer-bottom strong{color:#3b5776}.label{font-size:11px;letter-spacing:2px}.page h1{font-size:clamp(48px,5.7vw,88px);line-height:1.1}.credit-row h3{color:#345071}.credit-row span{line-height:1.6}.gallery-image{overflow:hidden;border-radius:12px;background:#d9e6f5;padding:6px;border:1px solid #cad8e7;box-shadow:0 14px 40px #426c9b13}.gallery-image img{border-radius:7px;transition:transform .4s}.gallery-image:hover img{transform:scale(1.015)}.lightbox{background:#f4f9ff;box-shadow:0 20px 80px #16365b77;border-radius:16px}.lightbox-close{color:#345071}.lightbox::backdrop{background:#182635cb;backdrop-filter:blur(6px)}a:focus-visible,button:focus-visible{outline-color:#376eac}.sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sparkles i{position:absolute;color:#6896ca;font-style:normal;font-size:22px;opacity:.3;animation:shimmer 5s ease-in-out infinite}.sparkles i:nth-child(1){left:2%;top:5%}.sparkles i:nth-child(2){left:43%;top:16%;animation-delay:1s;font-size:14px}.sparkles i:nth-child(3){left:96%;top:8%;animation-delay:2s;font-size:30px}.sparkles i:nth-child(4){left:42%;top:88%;animation-delay:3s}.sparkles i:nth-child(5){left:8%;top:91%;animation-delay:2s;font-size:13px}.sparkles i:nth-child(6){left:93%;top:87%;animation-delay:4s;font-size:13px}@keyframes shimmer{0%,100%{opacity:.15;transform:scale(.7) rotate(0)}50%{opacity:.7;transform:scale(1.15) rotate(12deg)}}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}.gallery{align-items:start}.gallery-image{min-width:0}.gallery img{max-width:100%}
@media(max-width:900px){.hero{gap:35px}.hero-image{height:500px}.intro::before{font-size:9px}h1{font-size:clamp(48px,6.4vw,76px)}.intro p{font-size:12px}}@media(max-width:760px){header{height:80px}.brand{display:block;font-size:10px;letter-spacing:1.5px}header{justify-content:space-between}.hero{display:flex;flex-direction:column-reverse;padding:45px 0 65px;gap:38px;align-items:stretch}.hero-image{width:100%;height:370px;max-height:none;border-radius:100px 100px 14px 14px;transform:rotate(0)}.intro::before{margin-bottom:25px;font-size:9px}h1{font-size:clamp(54px,12vw,85px);letter-spacing:-2px}.intro p{font-size:13px;margin-top:25px}.button{font-size:11px;padding:18px 24px}.selected{padding-top:45px}.grid{gap:30px}.project .role{font-size:10px}.project h3{font-size:29px}.project .year{font-size:12px}.page h1{font-size:46px;overflow-wrap:anywhere}.detail-meta{font-size:12px;line-height:1.6}.email{font-size:clamp(19px,4.2vw,30px)}footer{padding:45px 20px 25px}.footer-bottom{gap:18px}.gallery-heading{font-size:12px;line-height:1.6}.gallery{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sparkles i{animation:none}.reveal{opacity:1;transform:none}}
:root{color-scheme:dark;--bg:#060708;--fg:#edf2f8;--muted:#a6b0bc;--line:#303c49;--pink:#97c0ee;--berry:#97c0ee}body{background:radial-gradient(ellipse at 12% 4%,#142b4550,transparent 35%),radial-gradient(ellipse at 94% 16%,#13243740,transparent 35%),#060708}header{background:#08090bcc;border-color:#303c4988}.brand,.menu-button{color:#c1d8f3}.menu-button span{background:#c1d8f3}.menu{background:linear-gradient(125deg,#0d1319,#152230);color:#c1d8f3}.menu a:hover{color:#fff}.hero-image{border-color:#a4b7cd4a;box-shadow:0 26px 65px #73aced1c,0 0 0 1px #7da1cb40}.intro::before{color:#9cc2ed}h1 em,h2,.email,.social{color:#a5c8f0}.button{background:linear-gradient(160deg,#e8f3ff 0%,#a5c9f2 48%,#6c9acf 100%);color:#182d45;border-color:#b5d2f3;box-shadow:inset 0 2px 2px #fff9,0 8px 28px #75a9e425}.project{background:linear-gradient(135deg,#212b3680,#0b0d10 75%);border-color:#46566860;box-shadow:inset 0 1px 0 #bbd1eb1a,0 12px 36px #0006}.project:hover{box-shadow:0 15px 50px #558ecf1c;border-color:#78a0cd6b}.project .role,.project .year{color:#93a6bc}.project h3{color:#dce6f2}footer{background:linear-gradient(125deg,#131d2990,#090b0d);border-color:#303c49}.footer-bottom strong{color:#bad1eb}.credit-row h3{color:#c3d8f0}.gallery-image{background:#131a21;border-color:#3c4957}.lightbox{background:#0b0d10}.lightbox-close{color:#a5c8f0}.lightbox::backdrop{background:#020305e6}.sparkles i{color:#a6c7ed}.process-section{padding:70px 0 110px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.process-copy h2{font-size:clamp(42px,4vw,65px);line-height:1.15;margin-bottom:30px}.process-copy h2 em{color:#dce6f2}.process-copy>p:not(.label){text-transform:none;font-size:14px;line-height:1.8;max-width:430px}.process-images{display:grid;grid-template-columns:1fr 1fr;gap:18px}.process-images img{width:100%;height:240px;object-fit:cover;border-radius:14px;border:1px solid #5063786b}.process-images img:first-child{grid-column:1/-1;height:310px}.archive{border-top:1px solid var(--line)}.archive-intro{font-size:14px;text-transform:none!important;line-height:1.8}.archive-filters{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.archive-filters button{border:1px solid #516275;border-radius:100px;padding:12px 18px;background:#11171d;color:#b3c4d7;font-size:12px;cursor:pointer}.archive-filters button[aria-pressed=true]{background:#abcbef;color:#18293d;border-color:#abcbef}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.archive-image{border:1px solid #303c49;padding:5px;background:#11161b;border-radius:10px;cursor:zoom-in;overflow:hidden}.archive-image img{width:100%;height:255px;object-fit:cover;border-radius:5px;display:block;transition:transform .4s}.archive-image:hover img{transform:scale(1.04)}.load-more[hidden]{display:none}.set-video{width:100%;max-height:650px;border-radius:14px;background:#0d1116;border:1px solid #303c49;margin-top:30px}.video-label{font-size:14px;letter-spacing:1px;color:#a7c0dc;margin:40px 0 0;text-transform:uppercase}@media(max-width:760px){.process-section{grid-template-columns:1fr;gap:35px;padding:50px 0 70px}.process-images img{height:200px}.process-images img:first-child{height:260px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.archive-image img{height:220px}.archive-filters{gap:8px}.archive-filters button{font-size:10px;padding:10px 13px}}

body{background:radial-gradient(ellipse at 9% 8%,#15325370 0%,transparent 40%),radial-gradient(ellipse at 98% 34%,#1c2f4448 0%,transparent 30%),#070809}.hero::after{content:"";position:absolute;width:40%;height:70%;right:0;top:5%;z-index:-1;border-radius:50%;background:#5491d720;filter:blur(80px);pointer-events:none}.hero-image{min-width:0}.grid,.intro{min-width:0}.project h3{overflow-wrap:anywhere}

@media(min-width:761px){.grid,.gallery,.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project h3{font-size:clamp(23px,2.1vw,32px)}.gallery-image img{max-height:500px}.archive-image img{height:300px}}

.contact-links{display:grid;gap:14px;max-width:620px}.contact-link{display:grid;grid-template-columns:52px minmax(0,1fr) 28px;align-items:center;gap:20px;padding:18px 22px;border:1px solid #91b9ea38;border-radius:17px;background:linear-gradient(125deg,#8ab7ed15,#0c141e85 70%);box-shadow:inset 0 1px 0 #d5e7ff10;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}.contact-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;border:1px solid #9dc5f24a;background:linear-gradient(150deg,#b9d8ff22,#45698f14);color:#aacef5;box-shadow:inset 0 1px 0 #e8f3ff22;transition:box-shadow .25s,color .25s}.contact-icon svg{display:block;width:24px;height:24px}.contact-text{display:flex;flex-direction:column;gap:7px;min-width:0}.contact-kind{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#96adc8}.contact-value{font-family:'JetBrains Mono',monospace;font-size:16px;line-height:1.4;color:#e1edfc;overflow-wrap:anywhere}.contact-arrow{display:grid;place-items:center;width:28px;height:28px;font-size:21px;color:#aacef5;transition:transform .25s}.contact-link:hover{border-color:#9dc5f28a;background:linear-gradient(125deg,#8ab7ed25,#10203395 70%);transform:translateX(4px);box-shadow:0 8px 30px #4583c414,inset 0 1px 0 #d5e7ff18}.contact-link:hover .contact-icon{color:#e2f0ff;box-shadow:0 0 20px #7bb1ed22,inset 0 1px 0 #e8f3ff33}.contact-link:hover .contact-arrow{transform:translate(2px,-2px)}@media(max-width:760px){.contact-link{padding:16px 14px;gap:13px;grid-template-columns:52px minmax(0,1fr) 22px}.contact-value{font-size:13px}.contact-kind{font-size:9px}.contact-arrow{width:22px;font-size:19px}}

.project-frame{width:100%;aspect-ratio:1.82;overflow:hidden;border-radius:9px}.project .project-frame img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;object-position:50% 40%}.project[data-project="/sing-me-to-my-death/"] img{object-position:50% 28%}.project[data-project="/the-things-we-forgot/"] img{object-position:50% 30%}.project[data-project="/project-1-1-1/"] img{object-position:50% 38%}.project[data-project="/project-1-1/"] img{object-position:50% 12%}.project[data-project="/project-1-1-1-1/"] img{object-position:50% 42%;transform:scale(1.28);transform-origin:50% 42%}.project[data-project="/night-shift/"] img{object-position:50% 28%}

.project[data-project="/sing-me-to-my-death/"] img,.project[data-project="/project-1-1-1/"] img{object-position:50% 0%}

.project[data-project="/project-1-1/"] img{object-position:50% 28%}
.contact-links{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}@media(max-width:540px){.contact-link{grid-template-columns:1fr;gap:12px;padding:15px 12px}.contact-arrow{display:none}.contact-value{font-size:11px}.contact-icon{width:44px;height:44px}}
.credit-row{display:grid;grid-template-columns:1.35fr 1fr 1.2fr .3fr;column-gap:38px;align-items:center;padding:35px 0}.credit-row .credit-year{text-align:right}@media(max-width:760px){.credit-row{grid-template-columns:1fr 1fr;gap:16px 24px}.credit-row h3{grid-column:1/-1}.credit-row .credit-year{text-align:left}}
.gallery[data-project="/sing-me-to-my-death/"] .gallery-image{width:100%;display:block}.gallery[data-project="/sing-me-to-my-death/"] img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%}.gallery[data-project="/sing-me-to-my-death/"] .gallery-image:nth-child(9) img{object-position:50% 42%}.gallery[data-project="/sing-me-to-my-death/"] .gallery-image:nth-child(10) img{object-position:50% 58%}.gallery[data-project="/sing-me-to-my-death/"] .gallery-image:nth-child(7) img{object-position:50% 52%}.gallery[data-project="/sing-me-to-my-death/"] .gallery-image:nth-child(8) img{object-position:50% 52%}.gallery[data-project="/sing-me-to-my-death/"] .gallery-image:nth-child(11) img{object-position:50% 52%}.gallery[data-project="/sing-me-to-my-death/"] .gallery-image:nth-child(12) img{object-position:50% 50%}
.gallery[data-project="/project-1-1/"] .gallery-image,.gallery[data-project="/night-shift/"] .gallery-image{width:100%;display:block}.gallery[data-project="/project-1-1/"] img{display:block;width:100%;height:auto;aspect-ratio:1170/572;object-fit:cover}.gallery[data-project="/night-shift/"] img{display:block;width:100%;height:auto;aspect-ratio:7/4;object-fit:cover}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(1) img{object-position:50% 50%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(2) img{object-position:50% 50%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(3) img{object-position:50% 32%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(4) img{object-position:50% 55%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(5) img{object-position:50% 49%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(6) img{object-position:50% 47%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(7) img{object-position:50% 34%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(8) img{object-position:50% 43%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(9) img{object-position:50% 44%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(10) img{object-position:50% 64%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(11) img{object-position:50% 60%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(12) img{object-position:50% 57%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(13) img{object-position:50% 68%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(14) img{object-position:50% 52%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(15) img{object-position:50% 37%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(16) img{object-position:50% 45%}.gallery[data-project="/night-shift/"] .gallery-image:nth-child(1) img{object-position:50% 50%}.gallery[data-project="/night-shift/"] .gallery-image:nth-child(2) img{object-position:50% 55%}.gallery[data-project="/night-shift/"] .gallery-image:nth-child(3) img{object-position:50% 43%}.gallery[data-project="/night-shift/"] .gallery-image:nth-child(4) img{object-position:50% 51%}
.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(5) img{object-position:50% 38%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(6) img{object-position:50% 36%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(7) img{object-position:50% 15%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(8) img{object-position:50% 29%}.gallery[data-project="/project-1-1/"] .gallery-image:nth-child(10) img{object-position:50% 55%}
.gallery[data-project="/night-shift/"] .gallery-image:nth-child(3) img{object-position:50% 28%}.gallery[data-project="/night-shift/"] .gallery-image:nth-child(4) img{object-position:50% 40%}
.gallery[data-project="/sing-me-to-my-death/"] .gallery-image:nth-child(12) img{transform:scale(1.1);transform-origin:50% 50%}.gallery[data-project="/sing-me-to-my-death/"] .gallery-image:nth-child(12):hover img{transform:scale(1.12)}.gallery[data-project="/sing-me-to-my-death/"] .gallery-image:nth-child(12) img{object-position:50% 75%;transform-origin:20% 50%}
.gallery[data-project="/sing-me-to-my-death/"] .gallery-image:nth-child(11) img{object-position:50% 44%}
.gallery[data-project="/project-1-1-1-1/"] .gallery-image:nth-child(5) img{transform:scale(1.28);transform-origin:50% 42%}.gallery[data-project="/project-1-1-1-1/"] .gallery-image:nth-child(5):hover img{transform:scale(1.3)}
.gallery-section+.gallery-section{margin-top:65px}.gallery.bts[data-project="/project-1-1/"] img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none}
.gallery.bts[data-project="/project-1-1/"] img{max-height:none}
.gallery.bts[data-project="/project-1-1/"] img{aspect-ratio:4/3;object-fit:cover;max-height:none}.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(1) img{object-position:50% 50%}.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(2) img{object-position:50% 55%}.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(3) img{object-position:50% 40%}.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(4) img{object-position:50% 58%}.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(5) img{object-position:50% 56%}.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(6) img{object-position:50% 65%}
.gallery.stills[data-project="/project-1-1/"] .gallery-image:nth-child(3) img{object-position:50% 25%}.gallery.stills[data-project="/project-1-1/"] .gallery-image:nth-child(4) img{object-position:50% 25%}.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(7) img{object-position:50% 23%}
.gallery.stills[data-project="/project-1-1/"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:600px){.gallery.stills[data-project="/project-1-1/"]{grid-template-columns:1fr;gap:18px}}
.gallery[data-project="/night-shift/"] .gallery-image:nth-child(3) img{object-position:50% 80%}.gallery[data-project="/night-shift/"] .gallery-image:nth-child(4) img{object-position:50% 86%}
.gallery.stills[data-project="/project-1-1/"] .gallery-image:last-child:nth-child(3){grid-column:1/-1;width:calc((100% - 24px)/2);justify-self:center}@media(max-width:600px){.gallery.stills[data-project="/project-1-1/"] .gallery-image:last-child:nth-child(3){width:100%;grid-column:auto}}
.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(3) img{object-position:50% 58%}.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(4) img{object-position:50% 56%}.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(5) img{object-position:50% 65%}.gallery.bts[data-project="/project-1-1/"] .gallery-image:nth-child(6) img{object-position:50% 23%}
.gallery-note{font-size:13px;color:var(--muted);margin:-12px 0 30px;line-height:1.6}
.gallery-section .gallery-heading,.gallery-section .gallery-note{text-align:center}
.gallery[data-project="/night-shift/"] .gallery-image:nth-child(4) img{object-position:50% 68%}
.gallery-section .gallery-note{max-width:none;width:100%}
.lightbox{width:min(1200px,96vw);max-width:96vw;max-height:94dvh;padding:18px 20px 14px;border:1px solid #a5c8f033;color:#e1edfc}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.lightbox-title{font-size:13px;letter-spacing:1px}.lightbox .lightbox-close{position:static;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#a5c8f012;line-height:1}.lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px}.lightbox .lightbox-stage img{width:100%;height:72dvh;max-height:72dvh;max-width:100%;object-fit:contain}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #a5c8f066;border-radius:50%;background:#080d16d9;color:#dcecff;font-size:36px;line-height:1;cursor:pointer;box-shadow:0 4px 20px #0006}.lightbox-nav:hover,.lightbox .lightbox-close:hover{background:#254565}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-nav[hidden]{display:none}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;color:#a8bed7;font-size:12px}.lightbox-counter{font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:600px){.lightbox{padding:12px 10px;width:96vw}.lightbox-title{font-size:11px}.lightbox .lightbox-stage img{height:65dvh;max-height:65dvh}.lightbox-nav{width:40px;height:40px;font-size:30px}.lightbox-prev{left:4px}.lightbox-next{right:4px}.lightbox-bottom{font-size:10px;gap:12px}}
.gallery[data-project="/night-shift/"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:600px){.gallery[data-project="/night-shift/"]{grid-template-columns:1fr;gap:18px}}
.credit-row{grid-template-columns:2fr 1fr 1.2fr 1.4fr .45fr;gap:24px}.credit-type{display:flex;flex-direction:column;gap:4px}.credit-type small{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}@media(max-width:760px){.credit-row{grid-template-columns:1fr 1fr;gap:16px}.credit-row h3{grid-column:1/-1}.credit-year{grid-column:2}}
.detail-meta.detail-meta-spaced{display:flex;align-items:stretch;gap:0;margin-top:32px;margin-bottom:58px;text-transform:none}.detail-meta-spaced>span{display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.7;color:#dce8f7}.detail-meta-spaced>span:first-child{padding-right:60px;max-width:560px}.detail-meta-spaced>span+span{border-left:1px solid #a5c8f033;padding-left:40px}.detail-meta-spaced small{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8ba7c9}@media(max-width:600px){.detail-meta-spaced>span:first-child{padding-right:24px;max-width:75%}.detail-meta-spaced>span+span{padding-left:24px}.detail-meta-spaced>span{font-size:12px}}
.page:has(.detail-meta-spaced){display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:48px;align-items:center}.page:has(.detail-meta-spaced)>a:first-child{grid-column:1/-1;justify-self:start}.page:has(.detail-meta-spaced)>h1{font-size:clamp(42px,4.5vw,66px);margin:40px 0 52px!important;line-height:1.08}.page .detail-meta.detail-meta-spaced{margin:40px 0 52px}.detail-meta-spaced>span:first-child{padding-right:28px;max-width:none}.detail-meta-spaced>span+span{padding-left:28px}.page:has(.detail-meta-spaced)>.gallery-section,.page:has(.detail-meta-spaced)>.button{grid-column:1/-1}.page:has(.detail-meta-spaced)>.button{justify-self:start}@media(max-width:1000px){.page:has(.detail-meta-spaced){display:block}.page:has(.detail-meta-spaced)>h1{margin-bottom:28px!important}.page .detail-meta.detail-meta-spaced{margin:0 0 58px}}
@media(min-width:1001px){.page .detail-meta.detail-meta-spaced{transform:translateY(9px)}}
.project-credits{grid-column:1/-1;margin-top:64px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-credits h2{font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:2px;text-transform:uppercase;text-align:center;margin:0 0 30px}.project-credits dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0}.project-credits dl:has(>div:last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.project-credits dt{font-size:11px;letter-spacing:1px;color:#9fb6d1;line-height:1.6;text-align:center}.project-credits dd{margin:12px 0 0;text-align:center;font-size:15px;line-height:1.6}.project-credits dd:empty{display:none}@media(max-width:600px){.project-credits dl,.project-credits dl:has(>div:last-child:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}
.project-credits{margin-top:0;margin-bottom:48px}
#projects{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}#projects>.project{grid-column:span 2}#projects>.project:nth-child(n+4){grid-column:span 3}@media(max-width:900px){#projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#projects>.project,#projects>.project:nth-child(n+4){grid-column:span 1}#projects>.project:first-child{grid-column:1/-1}}@media(max-width:600px){#projects{grid-template-columns:1fr;gap:28px}#projects>.project,#projects>.project:first-child,#projects>.project:nth-child(n+4){grid-column:auto}}
@media(min-width:901px){#projects>.project:nth-child(4){grid-column:2/span 2}#projects>.project:nth-child(5){grid-column:4/span 2}}

/* Four selected projects, evenly balanced. */
#projects{grid-template-columns:repeat(2,minmax(0,1fr))}
#projects>.project,#projects>.project:first-child,#projects>.project:nth-child(n+4),#projects>.project:nth-child(4),#projects>.project:nth-child(5){grid-column:auto}
@media(max-width:600px){#projects{grid-template-columns:1fr}}

.credits-back{margin-bottom:32px}

/* Homepage specialisms and credited hero photograph. */
.intro::before{content:none;display:none}
.intro .hero-specialism{font-size:15px;line-height:1.7;color:#c1d8f3;margin:24px 0 0;max-width:460px;letter-spacing:.3px}
.hero-figure{grid-column:2;grid-row:1;margin:0;min-width:0}
.hero-figure .hero-image{width:100%}
.hero-figure figcaption{margin-top:22px;padding:0 8px;font-size:11px;line-height:1.7;color:#a6b0bc}
.hero-figure figcaption a{display:block;font-size:13px;color:#dce6f2;margin-bottom:4px;width:fit-content}
.hero-figure figcaption a:hover{color:#a5c8f0;text-decoration:underline;text-underline-offset:4px}
.hero-figure figcaption>span{display:block}
@media(max-width:900px){.intro .hero-specialism{font-size:13px}}
@media(max-width:760px){.hero-figure{width:100%}.hero-figure figcaption{margin-top:16px;padding:0;font-size:10px}.intro .hero-specialism{font-size:14px;margin-top:22px}}

/* Selected project responsibilities. */
.key-responsibilities{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;padding:32px;margin:0 0 52px;border:1px solid #91b9ea30;border-radius:18px;background:linear-gradient(135deg,#8ab7ed0d,#0c141e55)}
.key-responsibilities h2{font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1.6;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 16px;color:#c1d8f3}
.key-responsibilities .responsibilities-example{font-size:11px;line-height:1.7;text-transform:none;color:#8ba0ba;margin:0;max-width:300px}
.key-responsibilities ul{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.key-responsibilities li{position:relative;padding-left:20px;color:#d0dcea;font-size:13px;line-height:1.8}
.key-responsibilities li::before{content:'';position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:#97c0ee}
@media(max-width:760px){.key-responsibilities{grid-template-columns:1fr;gap:24px;padding:24px 20px;margin-bottom:40px}.key-responsibilities .responsibilities-example{max-width:none}.key-responsibilities li{font-size:12px}}

.gallery-section+.key-responsibilities{margin-top:48px}

/* Compact responsibilities, with the heading above the full-width list. */
.key-responsibilities{display:block;padding:26px 30px;margin-bottom:36px}
.key-responsibilities .responsibilities-intro{margin-bottom:22px}
.key-responsibilities h2{margin-bottom:0}
.key-responsibilities .responsibilities-example{margin-top:8px;max-width:none}
.key-responsibilities ul{display:block;columns:2;column-gap:40px}
.key-responsibilities li{break-inside:avoid;margin:0 0 14px;line-height:1.65}
.key-responsibilities li:last-child{margin-bottom:0}
@media(max-width:760px){.key-responsibilities{padding:22px 20px}.key-responsibilities ul{columns:1}.key-responsibilities .responsibilities-intro{margin-bottom:18px}.key-responsibilities li{margin-bottom:12px}}

/* Explicit balanced columns preserve a fuller left side and reading order. */
.key-responsibilities .contribution-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.key-responsibilities .contribution-columns ul{columns:auto;display:block}
@media(max-width:760px){.key-responsibilities .contribution-columns{grid-template-columns:1fr;gap:12px}}

/* Compact pre-production document previews. */
.preproduction-section{grid-column:1/-1;margin:48px 0 36px}
.preproduction-section>h2{font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:1.8px;text-transform:uppercase;color:#c1d8f3;margin:0 0 22px}
.document-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.document-card{min-width:0;overflow:hidden;border:1px solid #91b9ea30;border-radius:16px;background:linear-gradient(135deg,#8ab7ed0d,#0c141e55)}
.document-preview{display:block;position:relative;background:#e9edf0;padding:12px;height:190px}
.document-preview img{display:block;width:100%;height:100%;object-fit:contain}
.document-badge{position:absolute;right:12px;bottom:12px;border-radius:20px;background:#101a2ee6;color:#e1edfc;padding:6px 10px;font-size:10px}
.document-copy{padding:20px 22px}
.document-copy h3{font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:400;color:#dce6f2;margin:0 0 8px}
.document-copy p{font-size:11px;line-height:1.7;text-transform:none;margin:0;color:#a6b0bc;max-width:none}
.document-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:18px;font-size:11px;color:#a5c8f0}
.document-actions a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.document-cards{grid-template-columns:1fr;gap:20px}.document-preview{height:160px}.document-copy{padding:18px 20px}}

/* Collapsed pre-production materials. */
.preproduction-disclosure{border:1px solid #91b9ea30;border-radius:16px;background:linear-gradient(135deg,#8ab7ed0d,#0c141e55);overflow:hidden}
.preproduction-disclosure>summary{display:flex;align-items:center;gap:20px;padding:22px 24px;cursor:pointer;list-style:none;color:#dce6f2;font-size:13px}
.preproduction-disclosure>summary::-webkit-details-marker{display:none}
.preproduction-disclosure>summary:hover{background:#97c0ee0b}
.preproduction-disclosure>summary:focus-visible{outline:2px solid #97c0ee;outline-offset:-4px}
.disclosure-meta{margin-left:auto;color:#93a6bc;font-size:10px}
.disclosure-toggle{width:20px;flex-shrink:0;text-align:center;color:#a5c8f0;font-size:22px;line-height:1}
.disclosure-toggle::before{content:'+'}
.preproduction-disclosure[open] .disclosure-toggle::before{content:'−'}
.preproduction-disclosure[open]>summary{border-bottom:1px solid #91b9ea30}
.preproduction-disclosure>.document-cards{padding:24px}
@media(max-width:600px){.preproduction-disclosure>summary{padding:20px;font-size:12px;flex-wrap:wrap;gap:10px}.disclosure-meta{order:3;width:100%;margin:0}.disclosure-toggle{margin-left:auto}.preproduction-disclosure>.document-cards{padding:18px}}

/* Shared tabbed document preview. */
.document-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.document-tabs button{border:1px solid #91b9ea38;border-radius:30px;padding:12px 18px;background:#101821;color:#a6bdd7;font-size:11px;cursor:pointer}
.document-tabs button[aria-selected=true]{background:#abcbef;color:#18293d;border-color:#abcbef}
.document-panel[hidden]{display:none}
.document-panel .document-preview{height:240px}
.document-panel .document-copy{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px}
.document-panel .document-actions{margin-top:0;flex-shrink:0}
@media(max-width:600px){.document-panel .document-preview{height:190px}.document-panel .document-copy{display:block}.document-panel .document-actions{margin-top:14px}.document-tabs button{padding:11px 14px;font-size:10px}}

/* Compact preparation images with full drawing proportions. */
.gallery.prep-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery.prep-gallery .gallery-image{padding:8px;background:#101820}
.gallery.prep-gallery .gallery-image img{height:180px;width:100%;aspect-ratio:auto;object-fit:contain;transform:none;max-height:none}
.gallery-image[data-crop] img{opacity:0}
@media(max-width:760px){.gallery.prep-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery.prep-gallery .gallery-image img{height:150px}}
@media(max-width:420px){.gallery.prep-gallery{grid-template-columns:1fr}.gallery.prep-gallery .gallery-image img{height:180px}}

/* Visible desktop navigation; existing menu retained for mobile. */
.desktop-nav{display:flex;align-items:center;gap:32px}
.desktop-nav a{font-size:11px;letter-spacing:1px;color:#b9cee8;line-height:1.6;padding:10px 0;transition:color .2s}
.desktop-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}
header .menu-button{display:none}
@media(max-width:760px){.desktop-nav{display:none}header .menu-button{display:flex}}

.location-before{margin:0 0 30px}
.location-before a{display:block;width:min(100%,640px);border:1px solid #91b9ea30;border-radius:12px;overflow:hidden;cursor:zoom-in}
.location-before img{display:block;width:100%;height:auto}
.location-before figcaption{font-size:11px;line-height:1.7;color:#a6b0bc;margin-top:12px}

.document-cards.with-location-photo{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.location-card-preview img{object-fit:cover}
.with-location-photo .document-copy h3{font-size:22px}
.with-location-photo .document-actions{gap:12px 18px}
@media(max-width:760px){.document-cards.with-location-photo{grid-template-columns:1fr}}

.credit-director{display:flex;flex-direction:column;gap:12px}
.credit-hod{display:flex;flex-direction:column;gap:4px}
.credit-hod small{font-size:9px;letter-spacing:.7px;color:#8ba7c9;line-height:1.5}

/* Uniform credit rows with crew credits side by side. */
.credit-row{grid-template-columns:minmax(0,1.65fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,2.3fr) minmax(0,.35fr);gap:24px;min-height:174px;padding:28px 0}
.credit-row h3{font-size:26px;line-height:1.2;overflow-wrap:anywhere}
.credit-row>span{font-size:12px}
.credit-row .credit-director{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.credit-row .credit-hod{gap:7px;min-width:0;font-size:12px}
.credit-row .credit-hod small{font-size:9px;line-height:1.5}
@media(max-width:1000px) and (min-width:761px){.credit-row{gap:16px;min-height:190px;grid-template-columns:1.4fr .7fr 1.1fr 2.4fr .35fr}.credit-row h3{font-size:22px}.credit-row .credit-director{gap:12px}}
@media(max-width:760px){.credit-row{grid-template-columns:1fr 1fr;gap:18px 24px;min-height:270px;padding:28px 0}.credit-row h3{grid-column:1/-1;font-size:26px}.credit-row .credit-director{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.credit-row .credit-year{grid-column:2;grid-row:2;text-align:right}.credit-row .credit-role{grid-column:1/-1;grid-row:3}.credit-row .credit-type{grid-row:2}}

/* Compact stacked crew credits within uniformly spaced project rows. */
.credit-row{grid-template-columns:minmax(0,1.8fr) minmax(0,.85fr) minmax(0,1.35fr) minmax(0,1.45fr) minmax(0,.35fr);min-height:160px;padding:24px 0;align-items:center}
.credit-row .credit-director{display:flex;flex-direction:column;gap:10px;justify-content:center}
.credit-row .credit-hod{font-size:12px;line-height:1.45;gap:3px}
.credit-row .credit-hod small{font-size:8px;line-height:1.35;letter-spacing:.5px}
@media(max-width:1000px) and (min-width:761px){.credit-row{grid-template-columns:1.5fr .7fr 1.2fr 1.45fr .35fr;min-height:170px}}
@media(max-width:760px){.credit-row{grid-template-columns:1fr 1fr;min-height:274px;padding:24px 0;gap:14px 24px}.credit-row .credit-director{grid-column:1/-1;display:flex;gap:10px}.credit-row .credit-hod{font-size:12px}.credit-row .credit-hod small{font-size:8px}}