.studio-nav { position: relative; z-index: 10; display:flex; align-items:center; justify-content:space-between; padding:2rem max(5vw,1.25rem); border-bottom:1px solid var(--line); background:var(--black); }
.studio-mark { font-size:1.3rem; font-weight:800; letter-spacing:-.07em; text-decoration:none; }
.studio-nav div { display:flex; gap:clamp(1rem,3vw,2.8rem); }
.studio-nav div a { font-size:.65rem; letter-spacing:.16em; text-transform:uppercase; text-decoration:none; color:var(--muted); }
.studio-nav a:hover,.studio-nav a:focus-visible { color:var(--gold-bright); }
.studio-page main { min-height:70svh; }
.booking-interlude { padding:12svh max(7vw,1.5rem); border-block:1px solid var(--line); background:var(--ink); display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }
.booking-interlude h2 { font-family:var(--serif); font-weight:400; font-size:clamp(3rem,6vw,6rem); line-height:.95; letter-spacing:-.06em; margin:1rem 0 0; }
.booking-interlude p:not(.kicker) { color:var(--muted); line-height:1.7; max-width:32rem; }
.booking-interlude a { display:inline-block; margin:1rem 1.5rem 0 0; }
.booking-page { display:grid; grid-template-columns:1.1fr 1fr; gap:9vw; padding:12svh max(7vw,1.5rem); }
.booking-heading h1 { font-family:var(--serif); font-size:clamp(3.8rem,6.7vw,8rem); font-weight:400; letter-spacing:-.065em; line-height:.93; margin:2rem 0; }
.booking-heading h1 em { color:var(--gold-bright); font-weight:400; }
.booking-heading > p:not(.kicker) { color:var(--muted); line-height:1.6; }
.booking-email { display:inline-block; font-family:var(--serif); font-style:italic; color:var(--gold-bright); font-size:clamp(1.1rem,2vw,1.6rem); text-decoration:none; margin-top:2rem; }
.booking-note { margin-top:3rem; font-size:.7rem; text-transform:uppercase; letter-spacing:.13em; }
.booking-form { align-self:start; display:grid; gap:1.8rem; padding-top:.7rem; }
.booking-form label { display:grid; gap:.7rem; font-size:.68rem; letter-spacing:.08em; color:var(--muted); }
.booking-form input,.booking-form textarea,.booking-form select { width:100%; min-width:0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; color:var(--cream); font:1rem var(--sans); padding:.65rem 0; outline:none; }
.booking-form textarea { resize:vertical; }
.booking-form select option { background:var(--ink); }
.booking-form input:focus,.booking-form textarea:focus,.booking-form select:focus { border-color:var(--gold-bright); }
.booking-form ::placeholder { color:#746e63; font-size:.9rem; }
.form-pair { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.studio-button { display:inline-flex; gap:2rem; align-items:center; justify-content:space-between; border:1px solid var(--gold); padding:1rem 1.4rem; background:transparent; color:var(--cream); font-size:.7rem; text-transform:uppercase; letter-spacing:.13em; text-decoration:none; cursor:pointer; }
.studio-button:hover,.studio-button:focus-visible { background:var(--gold); color:var(--black); }
.form-note { color:var(--muted); font-size:.75rem; line-height:1.6; margin:0; }
.studio-footer { display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; margin:0 max(5vw,1.25rem); padding:2rem 0; border-top:1px solid var(--line); font-size:.65rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.studio-footer a { text-transform:none; text-decoration:none; }
.client-heading { padding:12svh max(7vw,1.5rem) 8svh; max-width:85rem; }
.client-heading h1 { margin:1.5rem 0 2rem; font:400 clamp(3rem,7vw,7.5rem)/.95 var(--serif); letter-spacing:-.06em; overflow-wrap:anywhere; }
.collection-meta { display:flex; gap:2rem; color:var(--gold); font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; }
.client-intro { color:var(--muted); font-size:.85rem; margin-top:2rem; }
.client-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:3rem 2rem; padding:0 max(5vw,1.25rem) 12svh; }
.client-photo { border:0; padding:0; display:block; width:100%; background:transparent; color:var(--muted); cursor:zoom-in; text-align:left; }
.client-photo img { width:100%; height:auto; background:var(--ink); }
.client-photo span { display:block; margin-top:.7rem; font-size:.6rem; letter-spacing:.15em; }
.client-photo:focus-visible { outline:1px solid var(--gold); outline-offset:.5rem; }
.photo-viewer { padding:3rem; width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; margin:0; border:0; background:#070604; color:var(--cream); }
.photo-viewer[open] { display:flex; align-items:center; justify-content:center; }
.photo-viewer::backdrop { background:#000; }
.photo-viewer img { max-height:calc(100dvh - 8rem); max-width:calc(100vw - 8rem); width:auto; height:auto; object-fit:contain; }
.photo-viewer button { position:absolute; border:0; background:#070604bb; color:var(--cream); cursor:pointer; padding:.9rem; font-size:1.2rem; }
.viewer-close { top:1rem; right:1rem; font-size:.75rem !important; letter-spacing:.08em; }
.viewer-prev { left:.5rem; top:calc(50% - 1.5rem); }
.viewer-next { right:.5rem; top:calc(50% - 1.5rem); }
.viewer-count { position:absolute; bottom:1rem; left:0; right:0; text-align:center; color:var(--muted); font-size:.7rem; letter-spacing:.12em; }
@media(max-width:800px) { .booking-page,.booking-interlude { grid-template-columns:1fr; gap:4rem; } .booking-heading h1 { font-size:clamp(3.5rem,11vw,6rem); } .client-grid { gap:1.5rem 1rem; } }
@media(max-width:480px) { .form-pair,.client-grid { grid-template-columns:1fr; } .studio-nav { padding-block:1.4rem; } .studio-nav div a { font-size:.58rem; letter-spacing:.08em; } .photo-viewer { padding:1rem; } .photo-viewer img { max-width:100%; } .collection-meta { gap:1rem; flex-wrap:wrap; } }


.studio-nav{position:sticky;top:0;z-index:60;background:rgba(7,6,4,.96);backdrop-filter:blur(20px)}
.studio-nav .studio-nav-book{border:1px solid var(--gold);padding:.8rem 1rem;background:rgba(208,164,90,.15);color:var(--cream);font-weight:700}.studio-nav .studio-nav-book:hover,.studio-nav .studio-nav-book:focus-visible{background:var(--gold);color:var(--black);outline:2px solid var(--gold-bright);outline-offset:3px}
.booking-interlude{min-height:70svh;background:radial-gradient(circle at 80% 40%,rgba(208,164,90,.13),transparent 40%),var(--ink)}.booking-interlude .studio-button{margin-top:2rem;background:var(--gold);color:var(--black);font-weight:700;padding:1.3rem 1.7rem}.booking-interlude .studio-button:hover{background:var(--gold-bright)}
@media(max-width:580px){.studio-nav{padding:1rem}.studio-nav div{gap:.8rem}.studio-nav div a{font-size:.65rem}.studio-nav .studio-nav-book{padding:.7rem}.booking-interlude{min-height:unset}}

.hero-book-link{display:inline-flex!important;padding:1rem 1.45rem!important;background:var(--gold)!important;color:var(--black)!important;font:700 .9rem var(--sans)!important;text-transform:uppercase;letter-spacing:.13em;text-shadow:none;text-decoration:none!important}.hero-book-link:hover,.hero-book-link:focus-visible{background:var(--gold-bright)!important;outline:2px solid var(--cream);outline-offset:4px}

.reel-work-link{margin-top:2rem}
.contact-seo-links{margin-top:1.25rem;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.contact-seo-links a{text-decoration:none}
.editorial-page{background:var(--black);color:var(--cream)}
.work-index-heading,.project-heading,.about-editorial{padding:12svh max(7vw,1.5rem) 8svh}
.work-index-heading{max-width:86rem}.work-index-heading h1,.project-heading h1,.about-editorial h1{font:400 clamp(3.6rem,7.5vw,8.5rem)/.92 var(--serif);letter-spacing:-.065em;margin:1.25rem 0 2rem}.work-index-heading h1 em,.about-editorial h1 em{font-weight:400;color:var(--gold-bright)}.work-index-heading>p:not(.kicker){max-width:42rem;color:var(--muted);line-height:1.75}
.work-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5rem 2rem;padding:0 max(5vw,1.25rem) 12svh}.work-card{grid-column:span 6}.work-card:nth-child(3n){grid-column:3/span 8}.work-card a{text-decoration:none;display:block}.work-card img{width:100%;height:auto;display:block;background:var(--ink);transition:transform .5s ease,filter .5s ease}.work-card a:hover img,.work-card a:focus-visible img{transform:scale(.995);filter:brightness(1.05)}.work-card-copy{display:grid;grid-template-columns:1fr auto;gap:.65rem 1.5rem;padding-top:1rem;border-top:1px solid var(--line)}.work-card-copy .kicker{grid-column:1/-1;margin:0}.work-card-copy h2{font:400 clamp(2rem,3.5vw,4rem)/1 var(--serif);letter-spacing:-.04em;margin:0}.work-card-copy p:not(.kicker){grid-column:1/2;color:var(--muted);line-height:1.6;margin:.4rem 0 0}.work-card-copy span{grid-column:2;grid-row:2/4;align-self:end;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright)}
.work-cta{margin:0 max(5vw,1.25rem) 12svh;padding:10svh max(2vw,1rem);border-block:1px solid var(--line);text-align:center}.work-cta h2{font:400 clamp(2.6rem,5vw,5.6rem)/1 var(--serif);letter-spacing:-.05em;margin:1rem auto 2rem;max-width:60rem}
.project-heading{max-width:92rem}.project-heading h1{max-width:80rem}.project-dek{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.8fr);gap:7vw;align-items:start}.project-dek>p{font:400 clamp(1.25rem,2vw,2rem)/1.45 var(--serif);max-width:52rem;margin:0}.project-dek dl{margin:0;display:grid;gap:1rem}.project-dek dl div{border-top:1px solid var(--line);padding-top:.7rem;display:grid;grid-template-columns:7rem 1fr;gap:1rem}.project-dek dt{color:var(--muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em}.project-dek dd{margin:0;font-size:.75rem;line-height:1.5}
.project-gallery{display:grid;gap:7svh;padding:0 max(5vw,1.25rem) 12svh}.project-frame{margin:0}.project-frame img{width:100%;height:auto;display:block;background:var(--ink)}.project-frame figcaption{display:flex;justify-content:space-between;gap:2rem;padding-top:.75rem;color:var(--muted);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.project-frame figcaption p{margin:0;text-transform:none;letter-spacing:0}.project-frame:nth-child(even){width:min(88%,90rem);margin-left:auto}.project-frame:nth-child(3n){width:min(78%,78rem)}
.related-work{margin:0 max(5vw,1.25rem) 10svh;padding:3rem 0;border-block:1px solid var(--line)}.related-work>div{display:flex;gap:1rem 2rem;flex-wrap:wrap;margin-top:1.5rem}.related-work a{font:400 clamp(1.5rem,3vw,3rem)/1 var(--serif);text-decoration:none}
.about-editorial{max-width:92rem}.about-editorial header{max-width:80rem}.about-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 7vw;max-width:75rem;margin-top:5rem}.about-copy p{margin:0;color:var(--muted);font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.8}.about-copy strong{color:var(--cream)}.about-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:4rem}
@media(max-width:800px){.work-card{grid-column:1/-1}.work-card:nth-child(3n){grid-column:1/-1}.project-dek{grid-template-columns:1fr;gap:3rem}.project-frame:nth-child(even),.project-frame:nth-child(3n){width:100%;margin-left:0}.about-copy{grid-template-columns:1fr}.work-card-copy{grid-template-columns:1fr}.work-card-copy span{grid-column:1;grid-row:auto;margin-top:.5rem}}

.hero-media::before{background-image:url("/media/hero/downe-6x6-hero-960.webp")}
@media(min-width:900px){.hero-media::before{background-image:url("/media/hero/downe-6x6-hero-1440.webp")}}
@media(min-width:1500px){.hero-media::before{background-image:url("/media/hero/downe-6x6-hero.webp")}}

.services-heading{padding:12svh max(7vw,1.5rem) 8svh;max-width:92rem}.services-heading h1{font:400 clamp(3.6rem,7.5vw,8.5rem)/.92 var(--serif);letter-spacing:-.065em;margin:1.25rem 0 2rem;max-width:78rem}.services-heading h1 em{font-weight:400;color:var(--gold-bright)}.services-heading>p:not(.kicker){max-width:48rem;color:var(--muted);line-height:1.75;font-size:clamp(1rem,1.35vw,1.25rem)}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);margin:0 max(5vw,1.25rem) 10svh;border:1px solid var(--line)}.service-card{background:var(--black);padding:clamp(2rem,4vw,4rem);min-height:27rem;display:flex;flex-direction:column}.service-number{font-size:.62rem;letter-spacing:.16em;color:var(--gold);margin:0 0 auto}.service-card h2{font:400 clamp(2rem,3.6vw,4rem)/.98 var(--serif);letter-spacing:-.045em;margin:2rem 0 1.25rem}.service-card>p:not(.service-number):not(.service-area){color:var(--muted);line-height:1.7;margin:0}.service-area{margin:2rem 0 .8rem;color:var(--gold);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.service-card a{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;margin-top:auto;padding-top:1.5rem}
.service-process{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:10svh max(7vw,1.5rem);margin-bottom:8svh;border-block:1px solid var(--line);background:var(--ink)}.service-process h2{font:400 clamp(2.7rem,5vw,5.6rem)/.96 var(--serif);letter-spacing:-.055em;margin:1.2rem 0 0}.service-process>div:last-child{display:grid;gap:1.5rem;align-content:center}.service-process>div:last-child p{color:var(--muted);line-height:1.8;margin:0}.service-email{display:block;margin-top:1.4rem;font-family:var(--serif);font-style:italic;color:var(--gold-bright);text-decoration:none}
@media(max-width:850px){.services-grid{grid-template-columns:1fr}.service-card{min-height:22rem}.service-process{grid-template-columns:1fr;gap:3rem}.studio-nav div{gap:.65rem}.studio-nav div a{font-size:.58rem}}
