/* Black photo-led portfolio. All artwork is stored locally. */
:root{--bg:#060708;--text:#f1f0ec;--muted:#cececd;--accent:#bbd58a;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:20px/1.7 Arial,Helvetica,sans-serif}header{min-height:650px;min-height:min(82svh,800px);padding:100px max(6vw,24px) 70px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background:#060708 url('images/chemical-scene.jpg') center/cover no-repeat;position:relative}h1{font-size:clamp(44px,7.8vw,112px);line-height:.98;letter-spacing:-.055em;font-weight:850;max-width:900px;margin:0 0 35px;text-shadow:0 3px 22px #0008}nav{display:flex;flex-wrap:wrap;gap:32px}header nav{padding:17px 0;border-top:1px solid #ffffff66;font-size:17px;letter-spacing:.12em;text-transform:uppercase}a{color:var(--accent);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:white}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header a,footer a{color:#fff;text-decoration:none}header a:hover{color:var(--accent)}main{max-width:1440px;margin:auto;padding:0 46px}section{position:relative;isolation:isolate;padding:65px 32px;scroll-margin-top:15px}section+section{border-top:1px solid var(--line)}.backdrop:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(0deg,#060708 0%,#060708ce 20%,#060708d9 80%,#060708 100%),var(--scene);background-size:cover;background-position:center;pointer-events:none}.backdrop-portrait{--scene:url('images/background-portrait.jpg')}.backdrop-eye{--scene:url('images/chemical-scene.jpg')}.backdrop-code{--scene:url('images/unleashed-street.jpg')}.backdrop-work{--scene:url('images/unleashed-street.jpg')}.backdrop-history{--scene:url('images/empty-king.jpg')}.backdrop-museum{--scene:url('images/unleashed-street.jpg')}.backdrop-music{--scene:url('images/band-new.jpg')}.backdrop-live{--scene:url('images/empty-king.jpg')}.backdrop-band{--scene:url('images/band-new.jpg')}.backdrop-final-video{--scene:url('images/empty-king.jpg')}.backdrop-about{--scene:url('images/background-portrait.jpg')}h2{font-size:clamp(38px,5.6vw,76px);font-weight:800;line-height:1.1;letter-spacing:-.045em;margin:0 0 45px;color:#fff}h3{font-size:30px;line-height:1.25;font-weight:700;letter-spacing:-.025em;margin:14px 0;color:#fff}p{margin:12px 0}img{display:block;width:100%;height:auto}iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--line);background:#000}figure{margin:0;min-width:0}figcaption{font-size:19px;line-height:1.65;margin:18px 0;color:var(--muted)}.cards,.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.cards img{aspect-ratio:4/3;object-fit:cover}#about img{aspect-ratio:1}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.gallery img{aspect-ratio:4/3;object-fit:contain;background:transparent}.gallery figure:first-child{grid-column:1/-1}.gallery figure:first-child img{aspect-ratio:2/1}.photo,.gallery figure>a{display:block;background:transparent}.rows{display:grid;gap:55px}.rows article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.rows article:nth-child(even)>:first-child{order:2}.rows img{aspect-ratio:2/1;object-fit:cover}.copy{color:var(--muted);min-width:0}.project-link{display:table;max-width:100%;margin-top:20px;padding:11px 18px;border:1px solid #bcd68a88;background:#101710;color:var(--accent);font-size:17px;font-weight:700;line-height:1.5;text-decoration:none}.project-link:hover{background:var(--accent);color:#111}.full-width-video{width:100%}footer{max-width:1348px;margin:auto;padding:45px 32px 60px;text-align:center;color:#aaa;font-size:16px;border-top:1px solid var(--line)}footer nav{justify-content:center;margin-top:25px}#code>h2,#history>h2,#music>h2{min-height:260px;display:flex;align-items:flex-end;padding:25px;margin:-10px 0 45px;background:linear-gradient(0deg,#000c,transparent 90%),var(--title-scene) center/cover;border-left:0}#code{--title-scene:url('images/unleashed-street.jpg')}#history{--title-scene:url('images/empty-king.jpg')}#music{--title-scene:url('images/band-new.jpg')}@media(min-width:1500px){body{background-image:linear-gradient(#060708ed,#060708ed),url('images/chemical-scene.jpg');background-size:cover;background-attachment:fixed}}@media(max-width:900px){main{padding:0 22px}section{padding:45px 14px}.cards{grid-template-columns:1fr}.cards article+article{margin-top:18px}.cards img{max-height:500px;object-fit:contain}.rows article{gap:25px}header{min-height:520px;padding:80px 36px 50px}h1{max-width:650px}}@media(max-width:600px){body{font-size:19px}main{padding:0 16px}section{padding:35px 0}.gallery,.rows article{grid-template-columns:1fr}.gallery figure:first-child{grid-column:auto}.gallery figure:first-child img{aspect-ratio:4/3}.rows article:nth-child(even)>:first-child{order:0}.rows article{gap:15px}.gallery{gap:24px}header{min-height:470px;padding:65px 22px 35px;background-position:center,center,62% center}header nav{gap:20px;font-size:13px}h3{font-size:28px}nav{gap:18px}#code>h2,#history>h2,#music>h2{min-height:210px;padding:20px;margin-bottom:30px}.backdrop:before{background-position:60% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Crisp, unfiltered hero artwork; readability is confined to the text itself. */
header{filter:none;backdrop-filter:none}
header h1{background:#060708c9;padding:12px 20px;max-width:min(100%,950px);text-shadow:none}
header nav{background:#060708e8;padding:14px 20px;border-top:0}
@media(max-width:600px){header{background-position:35% center}header h1{padding:10px 14px}header nav{padding:12px 14px}}

/* Hero title sits at the upper right; navigation stays at the bottom. */
header{padding-top:32px}
header h1{align-self:flex-end;text-align:right;margin:0 0 auto;font-size:clamp(38px,5.8vw,84px);max-width:min(78%,850px)}
header nav{margin-top:40px}
.current-projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.project-art{display:block;background:transparent}
.project-art img{width:100%;aspect-ratio:16/10;object-fit:cover}
.social-icons{gap:18px}
.social-icons a{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid #ffffff40;border-radius:50%;color:#eee}
.social-icons a:hover{background:#bbd58a;color:#080a08;border-color:#bbd58a}
.social-icons svg{display:block}
@media(max-width:600px){header{padding-top:22px}header h1{max-width:100%;font-size:clamp(32px,8vw,46px)}.current-projects-grid{grid-template-columns:1fr;gap:22px}header nav{gap:14px;font-size:12px}}

/* Video links remain available if YouTube blocks embedded playback. */
.video-block{min-width:0;width:100%}.video-block iframe[hidden]{display:none}.video-fallback{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 18px;background:#101710;border:1px solid #ffffff30;font-size:17px;font-weight:700;text-decoration:none}.video-block iframe[hidden]+.video-fallback{aspect-ratio:16/9}.video-fallback:hover{background:#1c281c}

.current-project-links{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.current-project-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;height:100%;padding:18px 22px;background:#101710;border:1px solid #ffffff30;text-decoration:none;font-size:22px;font-weight:700}.current-project-links a:hover{background:#1c281c}.current-project-links li{min-width:0}@media(max-width:600px){.current-project-links{grid-template-columns:1fr}.current-project-links a{font-size:20px}}

#current-projects>h2{min-height:300px;display:flex;align-items:flex-end;padding:28px;background:linear-gradient(0deg,#060708e6,transparent 85%),url('images/project-banner.jpg') center/cover no-repeat}
.project-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-card{display:block;min-width:0;background:#060708;border:1px solid #ffffff26;text-decoration:none}.project-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#060708}.project-card-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-size:24px;font-weight:700}.project-card:hover{border-color:var(--accent);background:#101710}@media(max-width:600px){.project-card-grid{grid-template-columns:1fr;gap:24px}#current-projects>h2{min-height:230px;padding:20px}.project-card-title{font-size:22px}}