/* Spacious original opening: unboxed text alongside the three-photo composition. */
.hero.art-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.22fr);gap:45px;min-height:730px;padding-top:40px;padding-bottom:45px;align-items:center}
.hero-copy{max-width:none;padding:0;border:0;background:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-copy>p{color:#493d32;font-size:14px;line-height:1.9;text-shadow:0 1px 12px #fff9ef,0 0 25px #fff9ef}
.hero-copy h1{font-size:clamp(62px,6.2vw,94px);line-height:1.03;letter-spacing:-2px;margin:24px 0}
.hero-copy .hero-signature{color:#765337;text-shadow:0 0 15px #fff9ef}.hero-copy .actions{flex-wrap:wrap;gap:20px}
.hero-composition{position:relative;display:block;width:100%;max-width:650px;height:700px!important;min-height:0;grid-template-columns:none;grid-template-rows:none;margin:10px auto 0}
.hero-composition figure{position:absolute;margin:0;grid-column:auto;grid-row:auto}
.hero-composition .composition-main{left:32%;right:auto;top:16px;bottom:auto;width:65%;height:485px!important;transform:none}
.hero-composition .composition-portrait{left:0;right:auto;top:28px;bottom:auto;width:42%;height:320px!important;transform:rotate(-5deg);z-index:2}
.hero-composition .composition-small{left:2%;right:auto;top:360px;bottom:auto;width:40%;height:310px!important;transform:rotate(5deg);z-index:2}
.hero-composition .hero-art{position:absolute;inset:auto;right:4%;bottom:8px;display:block;width:220px;height:300px;grid-column:auto;grid-row:auto;margin:0;z-index:4}
.hero-composition .hero-art .book-stage{--bw:180px;--bh:255px;--bd:23px;width:100%;height:264px}
.hero-composition .hero-art .book{padding:23px 19px}.hero-composition .hero-art .book .title{font-size:32px}.hero-composition .hero-art .book .arc{width:76px;height:72px}
.hero-composition .hero-art .book-rear p{font-size:11px!important}.hero-composition .hero-art .hero-controls{bottom:0}
.hero-composition figcaption{position:absolute;top:auto;bottom:-27px;left:0;right:0;margin:0;font-size:8px;line-height:1.4;text-align:center;white-space:normal;color:#624b38}
.hero-composition .composition-main figcaption{position:absolute;top:-25px;bottom:auto;left:0;right:0}
.hero-composition .composition-index{position:absolute;right:0;bottom:-12px;grid-column:auto;font-size:7px;margin:0}
/* Restore the arch silhouette around the reader; her full figure remains in view. */
.hero-composition .composition-main,.hero-composition .composition-main .photo-viewport,.hero-composition .composition-main .photo-object,.hero-composition .composition-main .photo-front,.hero-composition .composition-main .photo-back{border-radius:48% 48% 0 0!important}
.hero-composition .composition-main .photo-front{overflow:hidden;outline:1px solid #b9945a;background:#dba785}
.hero-composition .composition-main .photo-front img{border-radius:48% 48% 0 0!important;object-fit:contain!important}
.hero-composition .composition-main .photo-front:before{inset:5px;border:1px solid #f3d7a1;border-radius:48% 48% 0 0!important}
.hero-composition .composition-main .photo-top{display:none}
.hero-composition .orbit-seal{display:block;position:absolute;top:342px;left:35%;font-size:35px;z-index:0}
@media(min-width:1400px){.hero.art-hero{min-height:780px;gap:65px}.hero-composition{height:740px!important}.hero-composition .composition-main{height:520px!important}.hero-composition .composition-small{top:380px;height:330px!important}.hero-composition .composition-portrait{height:340px!important}.hero-composition .hero-art{bottom:16px}}
@media(max-width:1100px){.hero.art-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:25px;min-height:650px}.hero-copy h1{font-size:clamp(56px,6.5vw,72px)}.hero-composition{height:600px!important}.hero-composition .composition-main{height:405px!important}.hero-composition .composition-portrait{top:24px;height:270px!important}.hero-composition .composition-small{top:315px;height:260px!important}.hero-composition .hero-art{width:190px;height:265px;right:0;bottom:6px}.hero-composition .hero-art .book-stage{--bw:160px;--bh:229px;height:235px}.hero-composition .hero-art .book .title{font-size:28px}.hero-composition .hero-art .book .arc{width:65px;height:61px}.hero-composition .hero-art .book-rear p{font-size:9px!important}.hero-composition .orbit-seal{top:294px;font-size:30px}}
@media(max-width:850px){.hero.art-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;min-height:570px}.hero-copy h1{font-size:clamp(43px,6.4vw,55px);letter-spacing:-1.5px}.hero-copy>p{font-size:12px}.hero-copy .eyebrow{font-size:8px}.hero-copy .actions{gap:13px}.hero-copy .hero-signature{font-size:19px}.hero-composition{height:530px!important}.hero-composition .composition-main{height:345px!important}.hero-composition .composition-portrait{top:20px;height:240px!important}.hero-composition .composition-small{top:265px;height:240px!important}.hero-composition .hero-art{width:166px;height:237px;right:0}.hero-composition .hero-art .book-stage{--bw:138px;--bh:198px;height:205px}.hero-composition .hero-art .book{padding:17px 13px}.hero-composition .hero-art .book .title{font-size:25px}.hero-composition .hero-art .book .arc{width:55px;height:52px}.hero-composition .hero-art .book-rear p{font-size:8px!important}.hero-composition .orbit-seal{top:249px;font-size:26px}}
@media(max-width:600px){.hero.art-hero{grid-template-columns:1fr;gap:30px;padding-top:27px;padding-bottom:35px;min-height:0}.hero-composition{order:-1;max-width:440px;height:550px!important;margin-top:13px}.hero-copy{max-width:440px;width:100%;margin:0 auto}.hero-copy h1{font-size:clamp(55px,13.5vw,76px)}.hero-copy>p{font-size:13px}.hero-composition .composition-main{left:32%;width:65%;top:14px;height:360px!important}.hero-composition .composition-portrait{top:20px;width:42%;height:250px!important}.hero-composition .composition-small{left:2%;top:275px;width:40%;height:250px!important}.hero-composition .hero-art{width:180px;height:250px;right:1%;bottom:0}.hero-composition .hero-art .book-stage{--bw:146px;--bh:210px;height:218px}.hero-composition .hero-art .book .title{font-size:26px}.hero-composition .hero-art .book .arc{width:58px;height:55px}.hero-composition figcaption{font-size:7px;bottom:-23px}.hero-composition .composition-main figcaption{top:-23px}.hero-composition .composition-index{bottom:-13px;font-size:6px}.hero-composition .orbit-seal{top:259px;left:35%;font-size:27px}}
@media(max-width:360px){.hero-composition{height:510px!important}.hero-composition .composition-main{height:320px!important}.hero-composition .composition-portrait{height:220px!important}.hero-composition .composition-small{top:260px;height:220px!important}.hero-composition .hero-art{width:165px;height:235px}.hero-composition .hero-art .book-stage{--bw:132px;--bh:190px;height:200px}.hero-composition .hero-art .book .title{font-size:24px}.hero-composition .hero-art .book .arc{width:50px;height:46px}.hero-composition .orbit-seal{top:235px;font-size:25px}}
