.olivari-page { display:block !important; pointer-events:auto !important; height:auto !important; min-height:0 !important; color:#f7f8fa; background:#0e1e33; }
.olivari-page * { box-sizing:border-box; }
.olivari-content { color:inherit; }
.olivari-content h1,.olivari-content h2,.olivari-content p { margin:0; color:inherit; }
.olivari-content h1,.olivari-content h2 { font-weight:400; }
.olivari-content h2 { font-size:clamp(32px,3.5vw,52px); line-height:1.15; text-wrap:balance; }
.olivari-shell { width:calc(100% - clamp(40px,11vw,160px)); max-width:1200px; margin-inline:auto; }
.olivari-hero { position:relative; height:clamp(400px,39vw,600px); isolation:isolate; }
.olivari-hero > img { width:100%; height:100%; display:block; object-fit:cover; object-position:center 50%; }
.olivari-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(5,15,26,.85)); pointer-events:none; }
.olivari-hero h1 { position:absolute; z-index:1; left:clamp(20px,5.5vw,80px); bottom:clamp(32px,4vw,56px); font-size:clamp(56px,6.5vw,96px); line-height:1.04; }
.olivari-intro { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:clamp(40px,6vw,88px); align-items:start; padding-block:clamp(44px,6vw,80px); }
.olivari-intro p { font-size:clamp(18px,1.35vw,21px); line-height:1.65; max-width:65ch; }
.olivari-film { max-width:1080px; }
.olivari-film .local-video { display:block; width:100%; aspect-ratio:16/9; height:auto; }
.olivari-chapter { padding-block:clamp(44px,6vw,80px) 24px; }
.olivari-chapter h2 { margin-bottom:clamp(28px,4vw,48px); }
.olivari-posts { max-width:1080px; margin-inline:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:clamp(24px,3vw,40px); }
.olivari-art { display:block; width:100%; min-width:0; margin:0; padding:0; border:0; background:none; cursor:zoom-in; }
.olivari-art img { display:block; width:100%; height:auto; object-fit:contain; }
.olivari-art:focus-visible { outline:2px solid #e1e5b1; outline-offset:6px; }
.olivari-production { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:clamp(24px,3vw,40px); }
.olivari-making { padding-bottom:56px; }
@media(max-width:900px) {
 .olivari-intro { grid-template-columns:1fr; gap:28px; }
 .olivari-intro p { max-width:72ch; }
}
@media(max-width:600px) {
 .olivari-hero { height:400px; }
 .olivari-hero > img { object-position:56% center; }
 .olivari-intro { padding-block:36px; gap:24px; }
 .olivari-posts,.olivari-production { grid-template-columns:1fr; gap:24px; }
 .olivari-posts { max-width:480px; }
 .olivari-chapter { padding-top:40px; }
 .olivari-making { padding-bottom:36px; }
}