/* Homepage composition audited against the current Retina master and its responsive frames. */
.home-preview-page .home-preview-selected-work{padding-inline:0}
.home-preview-page .home-preview-work-statement{padding-inline:20px;font-size:50.08px;line-height:67.84px}
.home-preview-page .home-preview-selected-work .home-preview-projects{box-sizing:border-box;display:grid;margin:0;width:100%;gap:0;justify-content:space-between;align-items:start}
.home-preview-page .home-preview-selected-work .home-preview-projects.project-pair-first{padding:0 2.5% 0 0;grid-template-columns:51.28205% 32.71795%}
.home-preview-page .home-preview-selected-work .home-preview-projects.project-pair-second{padding:0 0 0 2.5%;grid-template-columns:34% 50%}
.home-preview-page .home-preview-project-artwork{position:relative;aspect-ratio:auto;border-radius:0;overflow:hidden}
.home-preview-page .home-preview-selected-work .project-hso .home-preview-project-artwork{aspect-ratio:800 / 975;border-radius:0}
.home-preview-page .home-preview-selected-work .project-dy .home-preview-project-artwork{aspect-ratio:510.4 / 636.48;border-radius:32px}
.home-preview-page .home-preview-selected-work .project-pair-second .project-dy .home-preview-project-artwork{aspect-ratio:530.4 / 636.48}
.home-preview-page .home-preview-selected-work .project-pair-second .project-hso .home-preview-project-artwork{aspect-ratio:780 / 975}
.home-preview-page .home-preview-selected-work .project-dy .home-preview-project-artwork img{height:187.55%;object-fit:fill;object-position:top}
.home-preview-page .home-preview-project figcaption:has(.project-glass-label){position:absolute;left:16px;bottom:16px;margin:0}
.project-glass-label{display:inline-flex;align-items:center;gap:4px;padding:0;border-radius:0;background:none;color:#f7f1e8;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0;text-transform:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.project-glass-text,.project-glass-chevron{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;height:24px;background:rgb(34 36 40 / 40%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.project-glass-text{padding:4px 12px;border-radius:999px;white-space:nowrap}
.project-glass-chevron{width:38px;border-radius:999px}
.project-glass-chevron svg{display:block;width:12px;height:12px}
.home-project-details{font-size:14px;line-height:1.4;margin:14px 16px 0;color:#120d2d}
.home-preview-project-interlude{box-sizing:border-box;padding:64px 20px;font-size:32px;font-weight:400;line-height:1.3;letter-spacing:0;text-align:center}
.home-wide-feature{padding:40px 0}
.home-wide-feature img{display:block;width:100%;aspect-ratio:2 / 1;object-fit:cover}
.home-preview-page .home-preview-selected-work .home-preview-projects-three{padding:48px 20px 0;grid-template-columns:2fr 1fr 1fr!important;gap:20px!important}
.home-preview-page .home-preview-selected-work .home-preview-projects-three .home-preview-project-artwork{border-radius:32px;aspect-ratio:5 / 6}
.home-preview-page .home-preview-selected-work .home-preview-projects-three .project-gold .home-preview-project-artwork{aspect-ratio:4 / 5}
.home-preview-page .project-gold .home-preview-project-artwork img{position:absolute;width:490.76%;height:220.84%;max-width:none;left:-198.14%;top:-60.42%;object-fit:fill}
.home-bottom-reveal>span{filter:none;background:#120d2d;mask:url('./assets/manifest-wordmark.svg') center / contain no-repeat;-webkit-mask:url('./assets/manifest-wordmark.svg') center / contain no-repeat}
@media(max-width:1199px){.home-preview-page .home-preview-work-statement{font-size:32px;line-height:1.3}}
@media(min-width:640px) and (max-width:999px){.home-preview-page .home-preview-work-statement{font-size:36px}}
@media(max-width:639px){
 .home-preview-page .home-preview-work-statement{font-size:29px;line-height:1.13}
 .home-preview-page .home-preview-selected-work .home-preview-projects.project-pair-first{display:flex;flex-direction:column;gap:32px!important;padding:0 14px 0 0}
 .project-pair-first>.project-hso{width:100%}.project-pair-first>.project-dy{width:min(240px,100%)}
 .home-preview-page .home-preview-selected-work .home-preview-projects.project-pair-second{display:flex;flex-direction:column;gap:32px!important;padding:0 20px}
 .project-pair-second>.project-dy{width:min(240px,100%)}.project-pair-second>.project-hso{width:100%}
 .home-preview-page .home-preview-selected-work .home-preview-projects-three{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;padding:24px 20px 0}
 .home-preview-project-interlude{font-size:24px;padding:40px 20px}
 .home-wide-feature{padding:24px 0}
 .home-project-details{white-space:normal}
}

.home-preview-hero{padding-bottom:18px}
.home-preview-meta{min-height:28px;align-items:center}
.home-services-split>h2,.home-services-split .home-preview-services summary{font-family:Inter,Arial,sans-serif;font-weight:400;letter-spacing:0}
.home-services-split .home-preview-services details{padding:0}
.home-services-split .home-preview-services summary{min-height:104px;align-items:center}
@media(max-width:1199px){.home-services-split .home-preview-services summary{min-height:88px}}
@media(max-width:639px){.home-services-split .home-preview-services summary{min-height:72px}}
/* Keep the artifact crop identical in the footer strip, rather than showing its source board. */
.site-footer .social-monolith{position:relative}
.site-footer .social-monolith img{position:absolute;width:345.83%;height:155.56%;max-width:none;left:-121.58%;top:-24.9%;object-fit:fill}
.home-services-split .home-preview-services{padding-top:0}
.site-footer .home-preview-social-toggle:focus-visible + .home-preview-social-pause{position:static;width:auto;height:auto;clip-path:none;color:#f5f5f5}

.reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel-dialog video{display:block;width:100%;max-height:80svh}
@media(prefers-reduced-motion:reduce){.home-preview-reel-placeholder .reel-motion-toggle{display:block}}

.reel-dialog{box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;background:#120d2d}
.reel-dialog[open]{display:grid;place-items:center}
.reel-dialog video{width:100%;height:100%;max-height:none;object-fit:contain}
.reel-dialog>button{position:absolute;z-index:2;top:16px;right:20px;float:none;margin:0;width:44px;height:44px;border-radius:50%;background:rgb(18 13 45 / 65%)}

/* The first HsO image meets the left page edge; only its inward corners curve. */
.home-preview-page .home-preview-selected-work .home-preview-projects.project-pair-first > .project-hso .home-preview-project-artwork{border-radius:0 32px 32px 0}
/* The second HsO image meets the right page edge; its inward left corners curve. */
.home-preview-page .home-preview-selected-work .home-preview-projects.project-pair-second > .project-hso .home-preview-project-artwork{border-radius:32px 0 0 32px}

/* Interludes share the approach paragraph's responsive type size. */
.home-preview-page{--home-body-statement-size:64px}
.home-preview-page .home-preview-project-interlude,.home-preview-page #approach-heading{font-size:var(--home-body-statement-size)}
@media(min-width:1000px) and (max-width:1599px){.home-preview-page{--home-body-statement-size:4vw}}
@media(min-width:640px) and (max-width:999px){.home-preview-page{--home-body-statement-size:34px}}
@media(max-width:639px){.home-preview-page{--home-body-statement-size:32px}}

/* The interlude's symmetric padding owns the gap on both sides of its text. */
.home-preview-page .home-preview-project-interlude + .spatial-hallway{margin-top:0}
.home-preview-page .home-preview-selected-work .home-preview-project-interlude + .home-preview-projects-three{padding-top:0}