/* H5: soft ivory pages, medium blue margins and photographic mats. */
html[data-theme=light]{--paper:#f5f1e8;--surface:#eaece8;--panel:#faf7f0;--line:#b9c8d0;--ink:#193749;--muted:#506571;--accent:#3e6d89;--photo-mat:#4b7996;background:#4b7996;color-scheme:light}
html[data-theme=light] body{max-width:1500px;margin:0 auto;border-left:22px solid var(--photo-mat);border-right:22px solid var(--photo-mat);background:var(--paper)}
html[data-theme=light] em{color:#3e6d89}
html[data-theme=light] .review,html[data-theme=light] .site-preferences{background:#e9eeeF}
html[data-theme=light] .hero-photo-frame,html[data-theme=light] #publicaciones .cover,html[data-theme=light] .article-photo-link{background:var(--photo-mat)}
html[data-theme=light] .hero-photo-frame .photo-location,html[data-theme=light] #publicaciones .cover span{color:#fff}
html[data-theme=light] .news-card{border-top-color:var(--photo-mat)}
html[data-theme=light] .studio{background:#406e8c;color:#fff}
html[data-theme=light] .studio em,html[data-theme=light] .studio>div>p:not(.eyebrow),html[data-theme=light] .studio small,html[data-theme=light] .steps article>span,html[data-theme=light] .steps p{color:#f5f3ec}
html[data-theme=light] .steps article{border-color:#9cb6c6}
html[data-theme=light] .story-side{background:var(--panel)}
html[data-theme=light] .heritage-number{color:#4b7996}
html[data-theme=light] .hero-art .hero-cover.composed-cover{box-shadow:9px 14px 17px -10px #1f425466,19px 26px 30px -19px #1f425444}
html[data-theme=light] .hero-art .hero-cover.composed-cover:hover{box-shadow:12px 18px 22px -11px #1f425477,22px 32px 34px -19px #1f425455}
@media(min-width:1400px){html[data-theme=light] body{border-left-width:32px;border-right-width:32px}}
@media(max-width:800px){html[data-theme=light] body{border-left-width:14px;border-right-width:14px}}
@media(max-width:500px){html[data-theme=light] body{border-left-width:8px;border-right-width:8px}}
/* Keep padding relative to the framed page, including ultrawide screens. */
html[data-theme=light] .section,html[data-theme=light] .brandline,html[data-theme=light] .heritage,html[data-theme=light] .studio,html[data-theme=light] .closing,html[data-theme=light] footer{padding-left:5%;padding-right:5%}