.portfolio-page{margin:160px var(--pad) 90px;min-height:60vh}.portfolio-page h1{font-size:clamp(25px,3vw,38px);font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:0}.portfolio-page h2{font-size:21px}.page-intro{font-size:14px;color:var(--muted);line-height:1.85;max-width:520px}.archive-heading,.project-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;margin-bottom:48px}.archive-heading .page-label{margin-bottom:20px}.archive-controls{border-top:1px solid var(--line);padding-top:25px;margin-bottom:45px}.archive-controls label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:12px}.search-field input{background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:18px Arial;padding:10px 0 18px;width:100%;border-radius:0}.archive-facets{display:flex;gap:24px;flex-wrap:wrap;margin-top:25px}.archive-facets select{background:var(--bg);color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:9px 24px 9px 0;font:13px Arial;min-width:135px}.archive-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.archive-card{min-width:0}.archive-card img,.art-pending{width:100%;aspect-ratio:1.4;object-fit:cover;background:#151b1f}.archive-card a{display:block}.archive-card img{transition:filter .25s}.archive-card a:hover img{filter:brightness(1.13)}.card-caption{display:flex;justify-content:space-between;gap:15px;align-items:center}.card-caption h2{font-size:17px;margin:17px 0 8px;font-weight:400}.card-caption>span{color:var(--accent)}.archive-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.art-pending{border:1px solid #ffffff13;display:flex;flex-direction:column;justify-content:space-between;padding:25px;background:linear-gradient(145deg,#19232a,#101416)}.art-pending span{color:#7a95a5;font:10px monospace;letter-spacing:1px}.art-pending em{font-size:13px;font-style:normal;color:#9bacae}.archive-link{display:inline-block;border-bottom:1px solid var(--line);padding:12px 0;margin:25px 0;font-size:12px}.content-needed{border-left:1px solid #38617b;background:#15202966;padding:18px 22px;color:#aebdc6;font-size:13px;line-height:1.8;margin:18px 0}.content-needed>span{display:block;color:#7fa5bd;font:10px monospace;letter-spacing:1px;margin-bottom:8px}.project-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.project-tags span{font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:7px}.project-stage>img{width:100%;max-height:78vh;object-fit:contain;background:#0c0f10}.project-stage>.art-pending{aspect-ratio:2.5}.project-editorial{display:grid;grid-template-columns:1fr 1.5fr;gap:8vw;margin-top:55px}.project-editorial img{width:100%;margin-bottom:25px}.content-checklist{font-size:12px;color:var(--muted);line-height:2;margin:40px 0}.content-checklist summary{cursor:pointer}.related-work{border-top:1px solid var(--line);padding-top:30px;margin-top:60px}.related-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.related-heading a{font-size:12px;color:var(--muted)}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.empty-results{grid-column:1/-1;padding:40px 0;color:var(--muted)}.empty-results button{text-decoration:underline}.music-collection{display:grid;grid-template-columns:280px 1fr;gap:6vw;padding:45px 0;border-top:1px solid var(--line);margin-top:45px}.record-sleeve{aspect-ratio:1;background:#14232d;position:relative;overflow:hidden;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.record-sleeve>span,.record-sleeve small{z-index:1;font-size:12px}.record-sleeve small{color:var(--muted);font-size:10px}.record-sleeve i{position:absolute;width:85%;aspect-ratio:1;border:1px solid #54758b44;border-radius:50%;left:35%;top:20%;box-shadow:0 0 0 25px #54758b09,0 0 0 50px #54758b09}.music-tracks h2{font-size:22px;font-weight:400}.track-pending{margin-top:45px;padding:20px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.track{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid var(--line);padding:18px 0;text-align:left}.music-player{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#14212a;border-top:1px solid #37637e;padding:18px var(--pad);display:flex;align-items:center;gap:20px;font-size:12px}.music-player[hidden]{display:none}.music-player label{display:flex;gap:8px;align-items:center}.music-player input{accent-color:var(--accent);max-width:160px}.has-player{padding-bottom:100px}.playing-title{margin-right:auto}.audio-status{font-size:11px}.header nav{gap:22px}.project-open{display:block}.archive-controls :focus-visible{outline:1px solid var(--accent);outline-offset:4px}
@media(max-width:900px){.archive-results{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-header-label{display:none}.header nav{gap:16px}.header .motion-button{display:none}}
@media(min-width:641px) and (max-width:900px){.hero{min-height:950px}.hero-art{top:470px;bottom:90px;right:0;width:100%}}
@media(max-width:640px){.header{height:auto;min-height:100px;flex-wrap:wrap;gap:20px;padding-top:20px;padding-bottom:20px}.header nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}.header nav .contact-nav{display:block}.portfolio-page{margin-top:155px}.archive-heading,.project-heading,.project-editorial{grid-template-columns:1fr;gap:20px}.archive-results,.related-grid{grid-template-columns:1fr}.archive-facets{gap:16px}.archive-facets label{width:calc(50% - 8px)}.archive-facets select{min-width:0;width:100%}.music-collection{grid-template-columns:1fr;gap:20px}.record-sleeve{max-width:300px}.related-heading{align-items:start;flex-direction:column}.music-player{flex-wrap:wrap;gap:12px}.music-player label input{width:70px}.playing-title{width:100%}.hero{padding-top:150px}}

/* Supplied wordmark; screen blend removes the black backing visually. */
.header .brand{display:block;width:clamp(190px,23vw,320px);flex-shrink:0;line-height:0}.brand-logo{display:block;width:100%;height:auto;mix-blend-mode:screen}.header .brand{mix-blend-mode:screen}
@media(max-width:640px){.header .brand{width:220px;max-width:80vw}}


.header .brand{background:var(--ink);mask-image:url('hadi-logo.png');mask-mode:luminance;mask-size:contain;mask-repeat:no-repeat;mask-position:center;mix-blend-mode:normal}.brand-logo{visibility:hidden}

/* Imported project stories and full artwork galleries. */
.project-stage{margin:0}.project-stage img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.project-story{display:grid;grid-template-columns:1fr 1.65fr;gap:8vw;margin:60px 0}.project-story p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 20px}.project-story h2{margin-top:0;font-size:24px}.project-story .tools-label{font:10px monospace;letter-spacing:1px;color:var(--accent);margin-top:28px;margin-bottom:10px}.project-story .project-tools{font-size:12px;max-width:280px}.artwork-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.artwork-gallery figure{margin:0;min-width:0}.artwork-gallery img{width:100%;height:auto;max-height:700px;object-fit:contain;background:#0d1011}.artwork-gallery figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:12px}.project-films{border-top:1px solid var(--line);padding-top:28px;margin-top:55px}.project-films h2{font-size:24px}.project-films p{font-size:13px;color:var(--muted)}.project-films a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;width:fit-content}.archive-card img{height:auto;aspect-ratio:1.4;object-fit:cover}.project-image img{height:100%;object-fit:cover}.content-note{font-size:12px!important;color:#7f9dad!important}.credit-note{font-size:12px!important}.project-stage.cgi{background:#0c0f10}
@media(max-width:640px){.project-story,.artwork-gallery{grid-template-columns:1fr}.project-story{gap:15px;margin:35px 0}.project-stage img{max-height:none}.artwork-gallery{gap:28px}}
/* Project navigation: a framed entry mark shared across all card layouts. */
.project-view-icon{display:block;width:23px;height:23px;flex:0 0 23px;overflow:visible;margin-top:8px}.project-view-icon path{stroke-width:1.25;stroke-linecap:square;transition:stroke .2s,transform .2s}.view-frame{stroke:#6d8b9e}.view-enter{stroke:#52a5d3}.archive-card a:hover .view-frame,.archive-card a:focus-visible .view-frame{stroke:var(--ink)}.archive-card a:hover .view-enter,.archive-card a:focus-visible .view-enter{transform:translateX(1px)}.project-action .project-view-icon{width:24px;height:24px;margin:0}.project-open:hover .view-frame{stroke:var(--ink)}
@media(max-width:640px){.project-view-icon{width:22px;height:22px;flex-basis:22px}}

/* Collection pages keep each character within one shared editorial story. */
.collection-nav{display:flex;flex-wrap:wrap;gap:10px 24px;padding:24px 0;border-top:1px solid var(--line,#29312f);border-bottom:1px solid var(--line,#29312f);margin-bottom:48px}
.collection-nav a{font-size:13px;color:var(--muted,#a6aaa5);text-decoration:none;padding:6px 0}
.collection-nav a:hover,.collection-nav a:focus-visible{color:var(--accent,#438db6)}
.collection-member{scroll-margin-top:110px;padding:0 0 64px;margin:0 0 48px;border-bottom:1px solid var(--line,#29312f)}
.member-heading{display:grid;grid-template-columns:1fr 2fr;gap:32px;margin-bottom:24px}
.member-heading h2{font-size:24px;font-weight:450;letter-spacing:-.02em;margin:0}
.member-heading p{max-width:660px;font-size:16px;line-height:1.7;color:var(--muted,#a6aaa5);margin:0 0 14px}
.member-heading .archive-link{font-size:12px}
.member-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.member-gallery figure{margin:0;min-width:0}
.member-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#191d1c}
@media(max-width:640px){.member-heading{grid-template-columns:1fr;gap:12px}.member-heading h2{font-size:21px}.member-gallery{grid-template-columns:1fr 1fr;gap:10px}.member-gallery figure:first-child{grid-column:1/-1}.collection-member{padding-bottom:36px;margin-bottom:36px}.collection-nav{gap:8px 20px}.member-heading p{font-size:15px}}