/* The approved night studio carries the identity; surrounding typography stays quiet. */
body.studio-refined{--ink:#10171f;--ivory:#f5eee4;--gold:#d9bd7b;--muted:#a7b1bb;background:var(--ink)}
.studio-refined .floating-nav{background:#fcf5e9;box-shadow:0 3px 24px #00000014}
.studio-refined .floating-nav>a:not(.brand){font-family:var(--sans);font-size:15px}
.studio-refined .floating-nav .nav-contact{font-family:var(--sans)}
.studio-refined .flow-heading .eyebrow,.studio-refined .archive-heading>.eyebrow{display:none}
.studio-refined .flow-heading h2{font-size:clamp(31px,3.3vw,52px);letter-spacing:.025em;line-height:1.2;margin:0;font-weight:400}
.studio-refined .flow-heading>div:last-child>.text-link{font-family:var(--sans);font-size:13px;gap:12px;border-color:#f5eee440}
.studio-refined .work-flow>.flow-heading{padding-bottom:34px}
.studio-refined .work-flow>.flow-directory{border-bottom-color:#f5eee426;padding-bottom:52px;margin-bottom:80px;gap:8%}
.studio-refined .directory-instruction{font-size:12px;letter-spacing:0;margin-bottom:10px;color:var(--muted)}
.studio-refined .directory-links>a{padding:15px 0;border-color:#f5eee423;gap:18px}
.studio-refined .directory-links>a>strong{font-size:clamp(23px,2.1vw,32px);line-height:1.25;letter-spacing:.015em;transition:transform .25s,color .25s}
.studio-refined .directory-links>a:hover>strong,.studio-refined .directory-links>a:focus-visible>strong{transform:translateX(5px)}
.studio-refined .directory-links>a>.directory-count{font-size:11px;color:var(--muted)}
.studio-refined .directory-links>a>img{width:16px;height:16px;opacity:.65;transition:transform .25s,opacity .25s}
.studio-refined .directory-links>a:hover>img,.studio-refined .directory-links>a:focus-visible>img{transform:translate(2px,-2px);opacity:1}
.studio-refined .directory-links>a.is-previewed{color:var(--ivory)}
.studio-refined .directory-links>a.is-previewed>strong{color:var(--gold)}
.studio-refined .directory-preview-meta{border-top:1px solid #f5eee423;padding-top:17px;margin-top:19px}
.studio-refined .directory-preview-meta>.category-label{font-size:19px;letter-spacing:.025em;color:var(--ivory)}
.studio-refined .directory-project-count{font-size:11px}
.studio-refined .lead-caption h2{font-size:clamp(34px,4.1vw,64px);letter-spacing:.045em;line-height:1.3;margin:12px 0 0}
.studio-refined .lead-caption .category-label{font-family:var(--sans);font-size:12px;letter-spacing:.03em;color:var(--muted)}
.studio-refined .lead-caption>span{font-family:var(--sans);font-size:12px}
.studio-refined .project-scene{padding:66px 0 40px;margin-top:65px;border-top:none}
.studio-refined .project-scene.category-start{margin-top:110px;padding-top:48px;border-top:1px solid #f5eee426}
.studio-refined .story-heading{gap:10px;margin-bottom:28px;align-items:end}
.studio-refined .story-number{color:var(--muted);font:12px/1.6 var(--sans);letter-spacing:.04em}
.studio-refined .story-heading h2{font-size:clamp(26px,2.7vw,42px);line-height:1.4;letter-spacing:.015em}
.studio-refined .story-open{font:12px/1.6 var(--sans);border-color:#f5eee440;gap:14px;padding-bottom:8px}
.studio-refined .story-open:hover{border-color:var(--gold)}
.studio-refined .mode-offset .story-heading{margin-left:auto;margin-right:0}
.studio-refined .mode-overview .story-heading{margin-bottom:56px}
.studio-refined .overview-hint{letter-spacing:.01em;color:var(--muted);font-size:11px}
.studio-refined .reveal-scene.is-visible .story-heading,.studio-refined .flow-lead.is-visible .lead-media,.studio-refined .mode-offset.is-visible .story-board{animation:none}
.studio-refined .home-next{animation:none}
.studio-refined .home-shade::after{content:'';position:absolute;left:0;right:0;bottom:0;height:clamp(120px,20svh,210px);background:linear-gradient(180deg,rgb(16 23 31 / 0) 0%,rgb(16 23 31 / .12) 22%,rgb(16 23 31 / .65) 58%,#10171f 91%,#10171f 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(180deg,transparent 0%,#000 50%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 50%,#000 100%);pointer-events:none}
.studio-refined .mode-poster{padding:0}
.studio-refined .mode-poster.category-start{padding-top:0}
.studio-refined .mode-poster .story-heading{padding:0;margin:0}
.studio-refined .poster-track{gap:32px}
@media(min-width:801px){.studio-refined .poster-track{margin-inline:auto}}
@media(min-width:801px){.studio-refined .mode-offset .story-board,.studio-refined .mode-offset .story-heading{width:100%;margin-left:0;margin-right:0}}
@media(max-width:800px){.studio-refined .poster-viewport{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline:0}.studio-refined .poster-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;width:100%;gap:0;margin:0}.studio-refined .poster-card{width:100%;min-width:0;max-width:none;align-items:center;scroll-snap-align:start;scroll-snap-stop:always}.studio-refined .poster-card>img{max-width:100%;object-fit:contain}}
.studio-refined .poster-card>span{color:var(--muted);letter-spacing:.08em;font-size:10px}
.studio-refined .track-hint{font-size:11px;color:var(--muted)}
.studio-refined .mobile-hint{display:none}
@media(max-width:800px),(prefers-reduced-motion:reduce){.studio-refined .desktop-hint{display:none}.studio-refined .mobile-hint{display:inline}}
.studio-refined .mode-photos{padding:28px 0 35px}
.studio-refined .mode-photos .story-heading{gap:9px;margin-bottom:22px}
.studio-refined .event-main-caption .eyebrow{display:none}
.studio-refined .event-main-caption h3{margin-top:0;font-size:clamp(21px,2vw,31px)}
.studio-refined .event-main-caption p{letter-spacing:.01em}
.studio-refined .return-directory{background:#10171ff2;border-color:#f5eee438;box-shadow:0 4px 16px #0002;padding:13px 17px}
.studio-refined .about{border-top:1px solid #f5eee426;margin-top:80px;padding-top:105px}
.studio-refined .about-image>.eyebrow{display:none}
.studio-refined .about-copy>.eyebrow{font-family:var(--sans);letter-spacing:.04em;font-size:12px;color:var(--muted)}
.studio-refined .about-copy h2{font-size:clamp(32px,3.3vw,54px);line-height:1.45;letter-spacing:.01em;margin:18px 0 24px}
.studio-refined .about-copy>p{font-family:var(--sans);font-size:clamp(14px,1.1vw,18px);line-height:1.95;color:#cbd0d3}
.studio-refined .about-directions{font-size:18px;border-color:#f5eee432;padding:23px 0}
.studio-refined .timeline>div{border-color:#f5eee432}
.studio-refined .timeline dd small{font:13px/1.7 var(--sans);color:var(--muted);margin-top:7px}
.studio-refined .resume-download-note{color:var(--muted)}
.studio-refined .contact{border-color:#f5eee432}
.studio-refined .archive-heading h2{letter-spacing:.015em}
.studio-refined .category-filters{font-family:var(--sans)}
.studio-refined .index-row{border-color:#f5eee426;font-size:16px}
.studio-refined .index-list-top,.studio-refined .preview-meta .category-label,.studio-refined .index-preview>p{font-family:var(--sans);color:var(--muted);letter-spacing:.02em}
.studio-refined .lightbox-header,.studio-refined .lightbox-footer,.studio-refined .lightbox-hint{font-family:var(--sans)}
@media(max-width:1150px){.studio-refined .floating-nav>a:not(.brand){font-size:14px}.studio-refined .about-copy h2{font-size:33px}.studio-refined .about-directions{font-size:16px}}
@media(max-width:800px){.studio-refined .floating-nav>a:not(.brand){font-size:12px}.studio-refined .work-flow>.flow-heading{padding-bottom:26px}.studio-refined .flow-heading h2{font-size:31px}.studio-refined .flow-heading>div:last-child>.text-link{font-size:11px;gap:7px}.studio-refined .work-flow>.flow-directory{margin-bottom:48px;padding-bottom:30px}.studio-refined .directory-links>a{padding:16px 0}.studio-refined .directory-links>a>strong{font-size:23px}.studio-refined .directory-links>a>.directory-count{font-size:10px}.studio-refined .project-scene{margin-top:45px;padding:40px 0 25px}.studio-refined .project-scene.category-start{margin-top:65px;padding-top:35px}.studio-refined .story-heading{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center}.studio-refined .story-number{grid-column:1/-1;font-size:11px}.studio-refined .story-heading h2{font-size:24px}.studio-refined .story-heading .story-open{font-size:10px;justify-self:end;gap:7px}.studio-refined .story-open img{width:14px;height:14px}.studio-refined .mode-offset .story-heading{width:100%}.studio-refined .mode-overview .story-heading{margin-bottom:51px}.studio-refined .lead-caption h2{font-size:33px}.studio-refined .lead-caption>span{font-size:10px}.studio-refined .mode-poster{padding-top:0}.studio-refined .mode-poster .story-heading{padding-bottom:23px}.studio-refined .mode-photos{padding:30px 0}.studio-refined .mode-photos .story-heading h2{font-size:23px}.studio-refined .about{margin-top:45px;padding-top:80px}.studio-refined .about-copy h2{font-size:33px}.studio-refined .about-copy>p{font-size:14px}.studio-refined .about-directions{font-size:16px}.studio-refined .return-directory{font-size:11px;padding:12px 15px}}
@media(max-width:380px){.studio-refined .story-heading{grid-template-columns:1fr}.studio-refined .story-heading .story-open{justify-self:start}}
@media(prefers-reduced-motion:reduce){.studio-refined .directory-links>a>strong,.studio-refined .directory-links>a>img{transition:none}.studio-refined .directory-links>a:hover>strong,.studio-refined .directory-links>a:hover>img{transform:none}}
