/* Aivazovskiy: cinematic chapters in the existing Bauhaus visual language. */
main{position:relative;z-index:2;background:var(--paper)}
.aiv-film{position:relative;isolation:isolate;height:130svh;background:#132f3c;color:#fff;margin:0}
.aiv-film-stage{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;isolation:isolate;background:#132f3c}
.aiv-film-poster,.aiv-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;display:block;pointer-events:none}
.aiv-film video{opacity:0}.aiv-film-stage.has-frame video{opacity:1}.aiv-film-stage.has-frame .aiv-film-poster{opacity:0}
.aiv-film-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a202ae6,transparent 70%),linear-gradient(90deg,#0a202a44,transparent 75%);pointer-events:none}
.aiv-film-heading{position:absolute;z-index:2;left:var(--pad);bottom:13vh;max-width:76%;translate:0 var(--film-text-y,0px)}
.aiv-film-kicker{display:flex;gap:15px;align-items:center;font-size:10px;letter-spacing:.15em;font-weight:700;margin-bottom:28px}
.aiv-film-kicker:before{content:'';width:12px;height:12px;background:var(--gold);border-radius:50%;flex:none}.aiv-film--architecture .aiv-film-kicker:before{border-radius:0;background:#0cb6a6}.aiv-film--life .aiv-film-kicker:before{background:#ee5848}
.aiv-film h3{font-size:clamp(45px,6.5vw,104px);font-weight:700;line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}
.aiv-film-heading p{max-width:450px;font-size:14px;line-height:1.7;margin:0 0 22px}.aiv-film-meta{font-size:9px;letter-spacing:.1em;opacity:.75}
.aiv-film-actions{position:absolute;z-index:3;bottom:5vh;right:var(--pad);display:flex;gap:10px}.aiv-film-actions button{border:1px solid #ffffff80;background:#132f3c88;color:white;padding:12px 20px;border-radius:0;min-height:44px;font-size:11px}.aiv-film-actions button:hover{background:var(--gold);color:var(--ink)}.aiv-film-actions button:focus-visible{outline-color:var(--gold)}
.aiv-film-scroll{position:absolute;bottom:5vh;left:var(--pad);z-index:2;font-size:8px;letter-spacing:.15em}.aiv-film-direct{position:absolute;top:110px;right:5vw;z-index:3;text-decoration:underline;color:white}
.aiv-sheets main>.aiv-sheet{position:sticky;top:var(--sheet-top,0px);box-shadow:0 -20px 40px #15251b18}
.aiv-sheets .book-hero,.aiv-sheets .concept,.aiv-sheets .book-contents{background:var(--paper)}
.aiv-sheets footer{position:sticky;bottom:0;z-index:1;min-height:75svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:8vh;padding-bottom:6vh}
.aiv-sheets footer .footer-mark{translate:0 var(--footer-y,0px)}
/* The tested mobile pattern: no pinned sections, moving layers or stacked films. */
@media(max-width:999px),(hover:none) and (pointer:coarse){
 .aiv-film{height:100svh}.aiv-film-stage{position:relative;top:auto}
 .aiv-film-heading{left:22px;bottom:17vh;max-width:calc(100% - 44px);translate:none}
 .aiv-film h3{font-size:clamp(37px,9.4vw,64px);margin-bottom:20px}.aiv-film-heading p{font-size:12px;max-width:330px}
 .aiv-film-kicker{font-size:8px;letter-spacing:.1em;gap:10px;margin-bottom:20px}.aiv-film-meta{font-size:8px}
 .aiv-film-actions{right:22px;bottom:5vh}.aiv-film-actions button{padding:11px 16px}.aiv-film-scroll{left:22px;bottom:12vh;font-size:7px}
 .aiv-film--story video,.aiv-film--story .aiv-film-poster{object-position:65% center}.aiv-film--life video,.aiv-film--life .aiv-film-poster{object-position:63% center}
 .aiv-sheets main>.aiv-sheet,.aiv-sheets footer{position:relative!important;top:auto!important;bottom:auto!important;min-height:0;box-shadow:none}
 main>.aiv-sheet,main>.aiv-film{z-index:auto!important}.aiv-sheets footer .footer-mark{translate:none}
}
@media(prefers-reduced-motion:reduce){.aiv-sheets main>.aiv-sheet,.aiv-sheets footer{position:relative;top:auto;bottom:auto}.aiv-film{height:100svh}.aiv-film-stage{position:relative}.aiv-film-heading,footer .footer-mark{translate:none!important}}

.aiv-measuring main>.aiv-sheet{position:relative!important;top:auto!important}

@media(max-width:999px),(hover:none) and (pointer:coarse){.aiv-film--people video,.aiv-film--people .aiv-film-poster{object-position:76% center}}

.aiv-film-actions .aiv-film-full{display:inline-flex;align-items:center;border:1px solid #ffffff80;background:#132f3c88;color:white;padding:12px 20px;min-height:44px;font-size:11px;text-decoration:none;box-sizing:border-box}.aiv-film-full:hover{background:var(--gold);color:var(--ink)}
@media(max-width:999px),(hover:none) and (pointer:coarse){.aiv-film video,.aiv-film .aiv-film-poster{object-position:center!important}.aiv-film-actions .aiv-film-full{padding:11px 16px}.aiv-film-actions{bottom:max(36px,5svh)}.aiv-film-scroll{display:none}}

/* Keep the maritime palette and editorial typography of this project. */
main{background:var(--ink)}
main>.aiv-sheet:not(.light){background-color:var(--ink)}
main>.contents{background-color:var(--deep)!important}
.aiv-film-kicker:before{width:22px;height:1px;background:var(--gold)!important;border-radius:0!important}
.aiv-film h3{font-family:Editorial,Georgia,serif;font-weight:400;font-size:clamp(48px,6.6vw,108px);line-height:.98;letter-spacing:-.035em}
.aiv-film h3 em{color:var(--gold)}
.aiv-film-heading p{font-size:14px;max-width:440px}
.aiv-sheets footer .footer-mark{translate:0 var(--footer-y,0px)}
@media(max-width:999px),(hover:none) and (pointer:coarse){
 .aiv-film h3{font-size:clamp(39px,11vw,65px)}
 .aiv-film-heading{bottom:19svh;left:24px;max-width:calc(100% - 48px)}
 .aiv-film-heading p{font-size:12px;line-height:1.6}
 .aiv-film-kicker{font-size:8px;letter-spacing:.08em}
 .aiv-film-meta{font-size:9px}
 .aiv-sheets footer .footer-mark{translate:none}
 .reveal-enter{animation:none!important}
}
@media(hover:none) and (pointer:coarse){[data-parallax]{transform:none!important}}

main>.collection.aiv-sheet{background:#e8e3d7}main>.concept.aiv-sheet{background:#173945}main>.plans.aiv-sheet{background:#102c37}

/* The inherited dark sheet background must have a matching text palette. */
main>.seo-guidance.aiv-sheet{background:#173945;color:#f1eee6}
main>.seo-guidance h2,main>.seo-guidance a{color:#dfc58c}
main>.seo-guidance a:focus-visible{outline-color:#dfc58c}

/* A wider mobile frame preserves the artist and her canvas. Copy stays below it. */
@media(max-width:999px),(hover:none) and (pointer:coarse){
 .aiv-film{height:auto}
 .aiv-film-stage{height:auto;display:flex;flex-direction:column}
 .aiv-film-stage>picture{position:relative;display:block;aspect-ratio:4/3;width:100%}
 .aiv-film-poster,.aiv-film video{top:0;bottom:auto;height:auto;aspect-ratio:4/3;object-fit:cover}
 .aiv-film-stage:after{display:none}
 .aiv-film-heading{position:relative;left:auto;bottom:auto;max-width:none;padding:28px 24px 12px}
 .aiv-film h3{font-size:clamp(36px,8vw,60px);margin-bottom:14px}
 .aiv-film-kicker{margin-bottom:16px}
 .aiv-film-heading p{margin-bottom:12px}
 .aiv-film-actions{position:relative;right:auto;bottom:auto;padding:8px 24px 32px;flex-wrap:wrap}
}

/* Both requested chapters: continuous mobile video, copy over a soft gradient.
   No sticky layers; content can grow with larger fonts / landscape orientation. */
@media(max-width:999px),(hover:none) and (pointer:coarse){
 :is(.aiv-film--artist,.aiv-film--inspiration) .aiv-film-stage{min-height:clamp(640px,92svh,820px);box-sizing:border-box;justify-content:flex-end;padding-top:260px}
 :is(.aiv-film--artist,.aiv-film--inspiration) .aiv-film-stage>picture{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
 :is(.aiv-film--artist,.aiv-film--inspiration) .aiv-film-poster,:is(.aiv-film--artist,.aiv-film--inspiration) video{inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center!important}
 :is(.aiv-film--artist,.aiv-film--inspiration) .aiv-film-stage:after{display:block;background:linear-gradient(180deg,rgba(7,22,30,.06) 20%,rgba(7,22,30,.2) 40%,rgba(7,22,30,.76) 72%,rgba(7,22,30,.94) 100%)}
 :is(.aiv-film--artist,.aiv-film--inspiration) .aiv-film-heading{padding-top:32px;text-shadow:0 2px 16px rgba(0,0,0,.35)}
 :is(.aiv-film--artist,.aiv-film--inspiration) .aiv-film-actions{padding-bottom:max(44px,env(safe-area-inset-bottom));gap:10px}
 :is(.aiv-film--artist,.aiv-film--inspiration) .aiv-film-actions button,:is(.aiv-film--artist,.aiv-film--inspiration) .aiv-film-full{background:rgba(10,30,40,.35);border-color:rgba(255,255,255,.7)}
}