:root { --ink:#090a0d; --paper:#eee9df; --muted:#aaa49c; --gold:#c39b61; --line:rgba(238,233,223,.2); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font:16px/1.55 Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.eyebrow { margin:0; color:var(--gold); font:11px "DM Mono",monospace; letter-spacing:.1em; }
.site-nav { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:25px clamp(22px,5vw,78px); border-bottom:1px solid var(--line); }
.wordmark { font:500 17px "DM Mono",monospace; letter-spacing:.08em; }
.site-nav div { display:flex; gap:24px; font:11px "DM Mono",monospace; letter-spacing:.06em; }
.site-nav a:hover { color:var(--gold); }
.project-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr); min-height:620px; }
.project-hero-copy { display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(65px,9vw,140px) clamp(22px,8vw,125px); }
.project-number { color:var(--gold); font:11px "DM Mono",monospace; letter-spacing:.1em; margin-bottom:50px; }
h1,h2,h3 { font-family:"Playfair Display",Georgia,serif; font-weight:500; letter-spacing:-.045em; }
h1 { max-width:760px; margin:13px 0 25px; font-size:clamp(58px,8vw,130px); line-height:.9; }
h1 em,h2 em { color:var(--gold); font-weight:500; }
.project-intro { max-width:510px; margin:0; color:rgba(238,233,223,.72); font-size:18px; }
.project-hero-image { min-height:520px; overflow:hidden; }
.project-hero-image img { width:100%; height:100%; display:block; object-fit:cover; }
.project-body { padding:clamp(75px,10vw,145px) clamp(22px,8vw,125px); background:#151419; }
.project-details { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); gap:45px; max-width:1100px; }
.project-details h2 { margin:0; font-size:clamp(38px,5vw,68px); line-height:1; }
.project-details p:not(.eyebrow) { margin:0; max-width:590px; color:rgba(238,233,223,.73); font-size:18px; }
.project-gallery { display:grid; grid-template-columns:1.15fr .85fr; gap:18px; padding:0 clamp(22px,8vw,125px) clamp(82px,10vw,135px); background:#151419; }
.project-gallery figure { min-height:420px; margin:0; overflow:hidden; background:#242129; }
.project-gallery figure:first-child { grid-row:span 2; min-height:790px; }
.project-gallery img { width:100%; height:100%; display:block; object-fit:cover; }
.gallery-caption { padding:14px 0 0; color:var(--muted); font:11px "DM Mono",monospace; letter-spacing:.07em; }
.project-footer { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:28px clamp(22px,5vw,78px); background:var(--paper); color:var(--ink); }
.project-footer a { font:11px "DM Mono",monospace; letter-spacing:.06em; }
.project-footer a:hover { color:#8a6839; }
.archive-hero { padding:clamp(80px,11vw,160px) clamp(22px,8vw,125px) clamp(65px,8vw,110px); }
.archive-hero h1 { max-width:900px; }
.archive-hero p:not(.eyebrow) { max-width:520px; color:rgba(238,233,223,.72); font-size:18px; }
.archive-list { padding:0 clamp(22px,8vw,125px) clamp(90px,12vw,165px); }
.archive-item { display:grid; grid-template-columns:80px minmax(0,1fr) minmax(190px,.42fr) 32px; gap:25px; align-items:center; padding:28px 0; border-top:1px solid var(--line); transition:padding .25s ease,color .25s ease; }
.archive-item:hover { padding-left:12px; color:var(--gold); }
.archive-item:last-child { border-bottom:1px solid var(--line); }
.archive-item b { color:var(--gold); font:11px "DM Mono",monospace; font-weight:400; letter-spacing:.08em; }
.archive-item h2 { margin:0; font-size:clamp(28px,3.5vw,49px); line-height:1; }
.archive-item p { margin:0; color:var(--muted); font-size:13px; }
.archive-item i { font-size:22px; font-style:normal; }
.dance-hero { min-height:720px; position:relative; display:flex; align-items:flex-end; overflow:hidden; }
.dance-hero-media { position:absolute; inset:0; width:100%; height:100%; }
.dance-hero-media { overflow:hidden; background:#090a0d; }
.dance-hero-media img,.dance-hero-media iframe { position:absolute; top:50%; left:50%; display:block; width:100%; height:100%; border:0; transform:translate(-50%,-50%); }
.dance-hero-media img { object-fit:cover; }
.dance-hero-media iframe { width:177.78vh; min-width:100%; height:56.25vw; min-height:100%; pointer-events:none; }
.dance-intro { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr); gap:clamp(35px,7vw,110px); padding:clamp(75px,10vw,145px) clamp(22px,8vw,125px); background:#151419; }
.dance-intro h2 { margin:0; font-size:clamp(42px,5.4vw,76px); line-height:.98; }
.dance-intro p:not(.eyebrow) { max-width:620px; margin:0; color:rgba(238,233,223,.75); font-size:18px; }
.dance-film { display:grid; grid-template-columns:1.15fr .85fr; background:#eee9df; color:#090a0d; }
.dance-film-media { min-height:560px; position:relative; overflow:hidden; }
.dance-film-media img { width:100%; height:100%; display:block; object-fit:cover; }
.dance-film-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(55px,8vw,125px); }
.dance-film-copy h2 { margin:0 0 24px; font-size:clamp(42px,5vw,72px); line-height:.98; }
.dance-film-copy p:not(.eyebrow) { max-width:420px; margin:0 0 26px; color:#514d47; }
.dance-film-links { display:flex; flex-wrap:wrap; gap:12px 22px; }
.dance-film-links a { padding-bottom:5px; border-bottom:1px solid currentColor; font:11px "DM Mono",monospace; letter-spacing:.05em; }
.dance-film-links a:hover { color:#8a6839; }
.dance-artists { padding:clamp(78px,11vw,150px) clamp(22px,8vw,125px); background:#101218; }
.dance-artists-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:52px; }
.dance-artists-heading h2 { max-width:680px; margin:0; font-size:clamp(48px,6.5vw,94px); line-height:.93; }
.dance-artists-heading > p { max-width:360px; margin:0; color:rgba(238,233,223,.7); }
.dance-people { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.dance-person { background:#1a1821; }
.dance-person figure { margin:0; aspect-ratio:4 / 5; overflow:hidden; background:#29262c; }
.dance-person figure img { width:100%; height:100%; display:block; object-fit:cover; }
.dance-person:first-child figure img { object-position:center 30%; }
.dance-person:last-child figure img { object-position:center 50%; }
.dance-person-copy { padding:28px clamp(24px,4vw,50px) 40px; }
.dance-person-copy h3 { margin:0 0 9px; font-size:clamp(31px,3.3vw,49px); line-height:1; }
.dance-person-copy > p { max-width:590px; margin:0; color:rgba(238,233,223,.72); }
.dance-person details { margin-top:23px; border-top:1px solid rgba(238,233,223,.22); }
.dance-person summary { display:flex; justify-content:space-between; gap:18px; padding:14px 0 2px; cursor:pointer; list-style:none; color:#c39b61; font:11px "DM Mono",monospace; letter-spacing:.07em; text-transform:uppercase; }
.dance-person summary::-webkit-details-marker { display:none; }
.dance-person summary span { font-size:18px; line-height:1; }
.dance-person details[open] summary span { transform:rotate(45deg); }
.dance-person .full-bio { padding:18px 0 0; }
.dance-person .full-bio p { margin:0 0 17px; color:rgba(238,233,223,.7); }
@media (max-width:720px) { .dance-hero { min-height:620px; } .dance-intro,.dance-film,.dance-people { grid-template-columns:1fr; } .dance-film-media { min-height:390px; } .dance-artists-heading { display:block; } .dance-artists-heading > p { margin-top:24px; } .dance-person figure { aspect-ratio:3 / 4; } .work-card-actions { gap:0 16px; } }
@media (max-width:720px) { .site-nav div { gap:14px; }  .project-hero { grid-template-columns:1fr; } .project-hero-image { min-height:440px; } .project-details { grid-template-columns:1fr; gap:26px; } .project-gallery { grid-template-columns:1fr; } .project-gallery figure:first-child { grid-row:auto; min-height:520px; } .project-gallery figure { min-height:420px; } .archive-item { grid-template-columns:42px minmax(0,1fr) 22px; gap:16px; } .archive-item p { display:none; } }

/* Title-only project entries and compact navigation. */
.archive-item { grid-template-columns:minmax(0,1fr) 32px; }
.site-nav div { flex-wrap:wrap; }
@media(max-width:600px) { .site-nav { align-items:flex-start; flex-direction:column; gap:16px; } .site-nav div { gap:14px; } }

.feyyaz-page { min-height:calc(100svh - 90px); display:flex; align-items:center; justify-content:flex-end; padding:clamp(28px,6vw,90px); background:linear-gradient(90deg,rgba(9,10,13,.04),rgba(9,10,13,.87)),url('../assets/feyyaz-water-portrait.jpg') center 38% / cover no-repeat; }
.feyyaz-bio { width:min(540px,100%); padding:30px; background:rgba(9,10,13,.45); }
.feyyaz-bio h1 { font-size:clamp(56px,7vw,94px); }
.feyyaz-bio p { font-size:clamp(17px,1.6vw,21px); line-height:1.7; }
@media(max-width:650px) { .feyyaz-page { align-items:flex-end; padding:300px 20px 30px; background-position:40% top; } .feyyaz-bio { padding:22px; background:rgba(9,10,13,.8); } }

/* Phone navigation: every destination stays visible and easy to tap. */
a,summary { -webkit-tap-highlight-color:rgba(195,155,97,.25); touch-action:manipulation; }
a:focus-visible,summary:focus-visible { outline:3px solid var(--gold); outline-offset:5px; }
@media(max-width:760px) {
 html { scroll-padding-top:185px; }
 .site-nav { position:sticky; top:0; z-index:50; flex-direction:column; align-items:stretch; gap:10px; padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left)); background:#090a0d; box-shadow:0 5px 20px #0005; }
 .site-nav .wordmark { display:flex; align-items:center; min-height:36px; font-size:16px; }
 .site-nav div { display:grid; grid-template-columns:1fr 1fr; gap:8px; width:100%; }
 .site-nav div a { display:flex; align-items:center; justify-content:center; min-height:48px; padding:10px 8px; border:1px solid #77716a; border-radius:6px; background:#1a1821; color:#eee9df; font-size:12px; letter-spacing:0; text-align:center; line-height:1.3; }
 .site-nav div a:last-child { background:var(--paper); color:var(--ink); border-color:var(--paper); }
 .site-nav div a[aria-current="page"] { border-color:var(--gold); box-shadow:inset 0 -3px var(--gold); }
 .project-footer { flex-wrap:wrap; gap:12px; padding:20px 16px max(20px,env(safe-area-inset-bottom)); }
 .project-footer a { display:flex; align-items:center; justify-content:center; flex:1 1 140px; min-height:48px; padding:12px; border:1px solid #918a80; border-radius:6px; text-align:center; line-height:1.4; }
 .project-hero { grid-template-columns:1fr; min-height:0; }
 .project-hero-copy { padding:44px 20px 30px; }
 h1 { font-size:clamp(43px,10vw,72px); line-height:1.03; overflow-wrap:break-word; }
 .archive-hero { padding:44px 20px 32px; }
 .archive-hero h1 { font-size:clamp(40px,9vw,64px) !important; }
 .archive-list { padding:0 20px 48px; }
 .archive-item { min-height:80px; grid-template-columns:minmax(0,1fr) 24px; gap:14px; padding:24px 0; }
 .archive-item h2 { font-size:clamp(26px,6.5vw,38px); line-height:1.15; overflow-wrap:break-word; }
 .project-hero-image { min-height:0; }
 .project-hero-image img { height:auto; max-height:75svh; object-fit:contain; background:#090a0d; }
 .project-gallery { grid-template-columns:1fr; gap:16px; padding:20px 16px 48px; }
 .project-gallery figure,.project-gallery figure:first-child { min-height:0; grid-row:auto; }
 .project-gallery img { height:auto; object-fit:contain; }
 .dance-hero { min-height:0; height:52svh; }
 .dance-intro,.dance-film { grid-template-columns:1fr; }
 .dance-intro { padding:40px 20px; gap:24px; }
 .dance-film-media { min-height:0; }
 .dance-film-media img { height:auto; }
 .dance-film-copy { padding:36px 20px; }
 .dance-film-links { display:grid; gap:12px; width:100%; }
 .dance-film-links a { display:flex; align-items:center; min-height:48px; padding:14px; border:1px solid #514d47; border-radius:6px; font-size:12px; line-height:1.5; }
 .dance-artists { padding:40px 16px; }
 .dance-person summary { align-items:center; min-height:48px; padding:14px 0; font-size:12px; }
 .dance-person-copy { padding:24px 20px; }
 .feyyaz-page { padding:260px 16px 24px; }
 .feyyaz-bio { width:100%; padding:22px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }

/* Shared dark surfaces for navigation, footer and action buttons. */
:root { --control-bg:#1a1821; --control-border:#77716a; }
.project-footer { background:var(--ink); color:var(--paper); border-top:1px solid var(--line); }
.project-footer a,.dance-film-links a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 16px; border:1px solid var(--control-border); border-radius:6px; background:var(--control-bg); color:var(--paper); }
.project-footer a:hover,.dance-film-links a:hover { color:var(--paper); border-color:var(--gold); background:#28232c; }
.archive-item { grid-template-columns:minmax(0,1fr); }
@media(max-width:760px) {
 .site-nav div a,.site-nav div a:last-child { background:var(--control-bg); color:var(--paper); border-color:var(--control-border); }
 .site-nav div a[aria-current="page"] { border-color:var(--gold); }
 .archive-item { grid-template-columns:minmax(0,1fr); }
 .project-footer a { border-color:var(--control-border); }
}

/* Figure chapter: paired studies with full-width reclining compositions. */
.figure-chapter { background:var(--ink); }
.figure-chapter .project-hero { max-width:1440px; margin:auto; min-height:0; }
.figure-chapter .project-hero-image { min-height:0; padding:32px 24px; }
.figure-chapter .project-hero-image img { width:100%; height:auto; max-height:760px; object-fit:contain; }
.figure-sequence { max-width:1440px; margin:auto; background:var(--ink); grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(24px,4vw,64px); padding:clamp(24px,5vw,72px) clamp(20px,5vw,78px) clamp(48px,7vw,100px); align-items:center; }
.figure-sequence figure,.figure-sequence figure:first-child { min-height:0; grid-row:auto; margin:0; background:transparent; }
.figure-sequence img { width:100%; height:auto; object-fit:contain; }
.figure-sequence .sequence-wide { grid-column:1 / -1; }
@media(max-width:760px) { .figure-chapter .project-hero-image { padding:0 16px 24px; } .figure-sequence { grid-template-columns:1fr; gap:28px; padding:16px 16px 48px; } }