/* A real 3D circle of covers. Only the rotor transform changes during playback. */
.home-hero--orbit .home-hero__inner{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);min-height:690px}
.home-hero--orbit .home-hero__copy{padding-top:46px;padding-bottom:34px}
.home-hero--orbit .hero-features{min-height:244px}
.home-hero--orbit .hero-feature h2{font-size:clamp(27px,2.8vw,43px)}
.home-hero--orbit .home-hero__edition{padding-top:18px}
.home-hero--orbit .orbit-stage{--orbit-width:clamp(154px,14.5vw,224px);--orbit-radius:clamp(205px,19vw,294px);position:relative;min-height:690px;perspective:none;background:radial-gradient(ellipse at 54% 43%,#594936 0,#272625 43%,#131b20 85%);isolation:isolate;touch-action:pan-y}
.orbit-stage::before{z-index:6;background:linear-gradient(120deg,rgba(230,204,155,.05),transparent 50%);box-shadow:inset 0 0 0 18px rgba(255,255,255,.015)}
.orbit-stage__heading{position:absolute;top:10%;left:50%;width:100%;transform:translateX(-50%);text-align:center;pointer-events:none;color:#d7b778;font:400 clamp(40px,4.9vw,81px)/1.09 var(--serif);letter-spacing:-.058em;z-index:0}
.orbit-stage__heading>span{display:block;white-space:nowrap}
.orbit-stage__heading>span:last-child{font-size:1.78em;color:transparent;-webkit-text-stroke:1px rgba(218,184,115,.52);letter-spacing:.065em}
.orbit-stage__light{position:absolute;inset:14% 10% 9%;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,rgba(218,176,107,.17),transparent 68%)}
.orbit-stage__floor{position:absolute;left:7%;right:7%;top:78%;height:60px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.67),transparent 70%);pointer-events:none}
.orbit-scene{position:absolute;inset:0;perspective:1300px;perspective-origin:50% 49%;z-index:2;pointer-events:none}
.orbit-rotor{position:absolute;left:50%;top:53%;width:var(--orbit-width);aspect-ratio:2/3;transform:translate(-50%,-50%) translateZ(-95px) rotateY(0deg);transform-style:preserve-3d;will-change:transform}
.orbit-book{position:absolute;inset:0;display:block;transform:rotateY(var(--slot)) translateZ(var(--orbit-radius));transform-style:preserve-3d;pointer-events:auto;color:#ead6ad;text-decoration:none;outline-offset:8px}
.orbit-book__front,.orbit-book__back{position:absolute;inset:0;display:block;backface-visibility:hidden;border:1px solid rgba(233,214,177,.3);border-radius:1px 3px 3px 1px}
.orbit-book__front{transform:translateZ(8px);background:var(--book-deep);box-shadow:0 19px 25px rgba(0,0,0,.25)}
.orbit-book__front::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(255,255,255,.18) 2%,transparent 6% 94%,rgba(0,0,0,.18));border:1px solid rgba(255,255,255,.1)}
.orbit-book__front img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* Keep the wider original angel cover complete inside the existing rotating book. */
.orbit-book[data-book-id='engel-der-verlorenen-himmel'] .orbit-book__front img{object-fit:contain;background:#080706}
.orbit-book__back{transform:rotateY(180deg) translateZ(8px);display:block;padding:0;background:var(--book-deep);box-shadow:0 19px 25px rgba(0,0,0,.25)}
/* Both faces keep the original book bounds; back artwork is never cropped. */
.orbit-book__back img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.orbit-book__spine{position:absolute;left:-8px;top:0;bottom:0;width:16px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotateY(-90deg);backface-visibility:hidden;background:linear-gradient(90deg,#101211,var(--book-deep),#38312a,#111);font:9px var(--serif);letter-spacing:.1em;overflow:hidden;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(209,177,120,.22)}
.orbit-book__pages{position:absolute;right:-7px;top:2px;bottom:2px;width:14px;transform:rotateY(90deg);backface-visibility:hidden;background:repeating-linear-gradient(90deg,#c6bca7 0 1px,#e0d5bf 1px 2px)}
.orbit-book:focus-visible .orbit-book__front,.orbit-book:hover .orbit-book__front{border-color:#e5c180;box-shadow:0 19px 25px rgba(0,0,0,.25),0 0 25px rgba(200,163,93,.3)}
.orbit-controls{position:absolute;z-index:7;left:33px;right:33px;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(227,202,160,.2);padding-top:17px;color:#efe0c7}
.orbit-controls__caption{min-width:0;max-width:calc(100% - 144px)}
.orbit-controls__caption>span{display:block;font-size:8px;font-weight:500;letter-spacing:.17em;color:#c6ad86;white-space:nowrap}
.orbit-controls__caption strong{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:italic 18px var(--serif)}
.orbit-controls__buttons{display:flex;gap:6px;flex-shrink:0}
.orbit-controls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(225,201,160,.3);background:rgba(10,13,16,.2);color:#ebd7b0;font:21px Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.orbit-controls button:hover{border-color:#d7b778;background:rgba(211,177,121,.12)}
.orbit-controls button:disabled{opacity:.4;cursor:default}
.orbit-controls button:focus-visible{outline:2px solid #e4c189;outline-offset:3px}
.orbit-controls svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.orbit-controls .orbit-icon--play{display:none}
.orbit-controls button[aria-pressed='true'] .orbit-icon--pause{display:none}
.orbit-controls button[aria-pressed='true'] .orbit-icon--play{display:block}
.home-hero--orbit .orbit-choices{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c4ad89 transparent;min-height:76px}
.orbit-choices .hero-choice{flex:1 0 145px;min-height:76px;padding:16px 18px;gap:11px}
.orbit-choices .hero-choice__index{font-size:18px;align-self:center}
.orbit-choices .hero-choice__text strong{font-size:14px;line-height:1.2}
.orbit-choices .hero-choice:last-child{flex-basis:205px}
/* Without JS the same covers remain readable, scrollable links. */
.home-hero--orbit:not(.orbit-ready) .orbit-scene{inset:35% 28px 18%;overflow-x:auto;pointer-events:auto;perspective:none}
.home-hero--orbit:not(.orbit-ready) .orbit-rotor{position:static;width:max-content;height:100%;aspect-ratio:auto;display:flex;gap:20px;transform:none;will-change:auto}
.home-hero--orbit:not(.orbit-ready) .orbit-book{position:relative;inset:auto;width:155px;aspect-ratio:2/3;transform:none}
.home-hero--orbit:not(.orbit-ready) .orbit-controls__buttons,.home-hero--orbit:not(.orbit-ready) .orbit-choices{display:none}
.home-hero--orbit:not(.orbit-ready) .orbit-book__back,.home-hero--orbit:not(.orbit-ready) .orbit-book__spine,.home-hero--orbit:not(.orbit-ready) .orbit-book__pages{display:none}
@media(min-width:1900px){.home-hero--orbit .orbit-stage{--orbit-width:230px;--orbit-radius:320px}.orbit-scene{perspective:1600px}.orbit-stage__heading{font-size:88px}}
@media(max-width:1050px) and (min-width:761px){.home-hero--orbit .orbit-stage{--orbit-width:144px;--orbit-radius:177px}.orbit-stage__heading{font-size:38px}.orbit-controls{left:23px;right:23px}.home-hero--orbit .home-hero__copy{padding-left:32px;padding-right:27px}.home-hero--orbit .hero-feature__description{font-size:12px}}
@media(max-width:760px){
 .home-hero--orbit .home-hero__inner{display:grid;grid-template-columns:1fr;min-height:0;padding:0}
 .home-hero--orbit .home-hero__copy{display:contents}
 .home-hero--orbit .home-hero__copy>.eyebrow{order:0;padding:35px 25px 0;margin:0}
 .home-hero--orbit h1{order:1;margin:16px 25px 13px;font-size:clamp(48px,8.6vw,69px);line-height:.98}
 .home-hero--orbit .home-hero__copy>.home-hero__lead{order:2;margin:0 25px 27px;max-width:560px;font-size:13px;line-height:1.65}
 .home-hero--orbit .orbit-stage{order:3;--orbit-width:175px;--orbit-radius:230px;min-height:450px;height:450px;width:100%}
 .orbit-stage__heading{top:6%;font-size:clamp(39px,6.4vw,48px)}
 .orbit-scene{perspective:1200px;perspective-origin:50% 48%}
 .orbit-rotor{top:54%;transform:translate(-50%,-50%) translateZ(-95px) rotateY(0deg)}
 .orbit-stage__floor{top:78%}
 .orbit-controls{left:25px;right:25px;bottom:19px;padding-top:12px}
 .home-hero--orbit .hero-features{order:4;min-height:0;margin:28px 25px 30px}
 .home-hero--orbit .hero-feature__description{display:block;font-size:12px;max-width:550px}
 .home-hero--orbit .hero-feature h2{font-size:31px}
 .home-hero--orbit .hero-feature__subtitle{font-size:17px}
 .home-hero--orbit .home-hero__edition{display:none}
 .orbit-choices .hero-choice{flex:0 0 152px;min-height:64px;padding:14px;gap:9px}
 .home-hero--orbit .orbit-choices{min-height:64px}
 .orbit-choices .hero-choice__index{display:block;font-size:16px}
 .orbit-choices .hero-choice__text strong{font-size:13px}
}
@media(max-width:500px){
 .home-hero--orbit .orbit-stage{--orbit-width:128px;--orbit-radius:157px;min-height:355px;height:355px}
 .orbit-stage__heading{top:7%;font-size:clamp(28px,7.6vw,39px)}
 .orbit-scene{perspective:950px;perspective-origin:50% 48%}
 .orbit-rotor{top:54%}
 .orbit-stage__floor{top:77%;height:34px}
 .orbit-controls{left:20px;right:20px;bottom:14px;padding-top:11px}
 .orbit-controls__caption>span{font-size:7px;letter-spacing:.1em}
 .orbit-controls__caption strong{font-size:15px}
 .orbit-controls button{width:36px;height:36px}
 .orbit-controls__caption{max-width:calc(100% - 126px)}
}
@media(max-width:360px){.home-hero--orbit .orbit-stage{--orbit-width:115px;--orbit-radius:138px}.home-hero--orbit h1{font-size:45px}.home-hero--orbit .hero-feature__actions{gap:14px}.hero-feature__primary{font-size:9px}}
@media(prefers-reduced-motion:reduce){.orbit-rotor{will-change:auto}.orbit-controls button,.hero-feature{transition:none!important}}

/* A typographic opening, then one scroll-driven assembly into the existing circle. */
@font-face{font-family:JourneyLora;src:url('./assets/fonts/Lora-Variable.woff') format('woff');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:JourneyLora;src:url('./assets/fonts/Lora-Italic-Variable.woff') format('woff');font-weight:400 700;font-style:italic;font-display:swap}
.home-page .site-header{position:absolute;inset:0 0 auto;background:transparent;color:#eee5d8;border-color:rgba(223,192,137,.15);backdrop-filter:none}
.home-page .brand__type small{color:#bfa278}.home-page .brand__mark{color:#d6b477;border-color:#b39767}
.home-page .menu-toggle span{background:#e6d4b6}.home-page .header-cta{border-color:#6b624f}
.book-journey{--journey-serif:JourneyLora,Georgia,serif;position:relative;background:#0b0d0f;color:#efe1c7}
.book-journey.journey-enabled{height:340svh;min-height:1900px}
.book-journey__pin{position:relative;background:radial-gradient(ellipse at 60% 55%,#302a22,#0b0d0f 76%)}
.journey-enabled .book-journey__pin{position:sticky;top:0;height:100svh;min-height:610px;overflow:hidden}
.cinematic-hero{--scene-x:60%;--scene-tilt:0deg;--scene-shift:0px;position:relative;isolation:isolate;overflow:hidden;min-height:max(680px,100svh);display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:center;gap:4vw;padding:130px 6vw 115px;background:#0b0d0f;color:#ece5d3;perspective:1200px}
.journey-enabled .cinematic-hero{position:absolute;inset:0;min-height:0;z-index:5}
.cinematic-hero__sky{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at var(--scene-x) 43%,rgba(169,133,66,.15),transparent 58%),radial-gradient(ellipse at 0% 80%,rgba(29,49,62,.3),transparent 60%),linear-gradient(135deg,#0e1216,#08090a 63%,#151411)}
.cinematic-hero__sky::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(235,219,185,.22) 0 .6px,transparent 1px);background-size:137px 119px;opacity:.32;mask-image:linear-gradient(black,transparent)}
.opening-arc{position:absolute;right:-10%;top:50%;width:65vw;aspect-ratio:1;transform:translateY(-50%) rotateZ(var(--scene-tilt));border:1px solid rgba(202,164,87,.15);border-radius:50%;pointer-events:none;box-shadow:0 0 0 50px rgba(222,189,124,.014),0 0 0 108px rgba(222,189,124,.008)}
.cinematic-hero__copy{position:relative;z-index:3;text-align:left;min-width:0}
.cinematic-hero__eyebrow{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#c7ac7b}
.cinematic-hero__eyebrow span{padding:0 10px;color:#81755e}
.cinematic-hero .opening-title{font:400 clamp(62px,min(10.6vw,16svh),168px)/.89 var(--journey-serif);letter-spacing:-.068em;margin:30px 0 32px;text-wrap:initial;text-transform:uppercase}
.opening-line{display:block;width:max-content;max-width:100%;will-change:transform}
.opening-line--1>span{background:linear-gradient(110deg,#f0dfa8,#b08a45);background-clip:text;-webkit-background-clip:text;color:transparent}
.opening-line--2{margin:8px 0 8px 6vw;color:#ece5d3}
.opening-line--3>span{color:transparent;-webkit-text-stroke:1px #c9a65e}
.cinematic-hero__copy>p{max-width:365px;margin:0;color:#b8b3a8;font-size:13px;line-height:1.8}
.cinematic-hero__enter{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:12px 0 9px;margin-top:22px;border-bottom:1px solid #9e814b;color:#e3c68f;font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.cinematic-hero__enter span{font-size:19px;transition:transform .3s}.cinematic-hero__enter:hover span{transform:translateY(5px)}
.opening-display{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;perspective:1400px;transform-style:preserve-3d}
.opening-display__folio{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#bca477;margin-bottom:28px}
.opening-display__book{position:relative;width:clamp(180px,21vw,310px);aspect-ratio:2/3;transform:rotateY(-13deg) rotateZ(3deg);transform-style:preserve-3d;translate:var(--scene-shift) 0;transition:translate .5s ease-out}
.opening-book{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) rotateY(7deg);transition:opacity 1.1s,transform 1.1s,visibility 1.1s;box-shadow:18px 25px 60px #0009,0 0 80px #d6ab5220}
.opening-book.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.opening-book img{width:100%;height:100%;object-fit:cover;border:1px solid #d9bb7645}
.opening-book::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0006,transparent 5% 94%,#ffffff1a)}
.opening-book:focus-visible{outline:2px solid #e3c68f;outline-offset:8px}
.opening-display__caption{font:italic 15px var(--journey-serif);color:#ceb27e;margin-top:27px}
.opening-display__line{width:60px;height:1px;background:#9c7b44;margin-top:17px}
.cinematic-hero__bottom{position:absolute;left:6vw;right:6vw;bottom:30px;display:flex;justify-content:space-between;align-items:center;padding-top:21px;border-top:1px solid #dfc08922;color:#a99f8d;font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.opening-scroll>span{display:inline-block;margin-left:20px;font-size:18px;color:#dbc28d}
.journey-ring{position:relative;display:flex;flex-direction:column;opacity:var(--journey-scene,1)}
.journey-enabled .journey-ring{position:absolute;inset:0}
.book-journey.home-hero--orbit .orbit-stage{--orbit-width:clamp(170px,18vw,260px);--orbit-radius:clamp(230px,27vw,390px);min-height:0;height:calc(100svh - 76px);flex:1 1 auto;width:100%;background:radial-gradient(ellipse at 50% 55%,#493b29 0,#20201e 42%,#0b0d0f 80%);overflow:clip}
.book-journey .orbit-stage::before,.book-journey .orbit-stage::after{border:none;box-shadow:none}
.journey-ring__heading{position:absolute;top:clamp(25px,5svh,55px);left:20px;right:20px;z-index:7;text-align:center;opacity:var(--journey-detail,1);pointer-events:none}
.journey-ring__heading>span{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#ae9567}
.journey-ring__heading h2{font:400 clamp(30px,3.6vw,54px)/1.2 var(--journey-serif);color:#e6d4ad;margin:12px 0 0;letter-spacing:-.035em}
.book-journey .orbit-scene{perspective:1600px;perspective-origin:50% 54%}
.book-journey .orbit-rotor{top:54%}
.book-journey .orbit-stage__floor{top:81%;left:17%;right:17%}
.book-journey__book-info{position:absolute;z-index:6;bottom:28px;left:clamp(25px,4vw,65px);width:min(45%,520px);opacity:var(--journey-detail,1);transform:translateY(calc((1 - var(--journey-detail,1)) * 12px))}
.book-journey .hero-features{min-height:110px;margin:0}
.book-journey .hero-feature__index{display:none}
.book-journey .hero-feature h3{font:400 clamp(24px,2.6vw,38px)/1.1 var(--serif);margin:0 0 5px;color:#e9d7b5}
.book-journey .hero-feature__subtitle{font:italic 14px var(--serif);color:#baa584}
.book-journey .hero-feature__description{display:none}
.book-journey .hero-feature__actions{margin-top:13px;gap:20px}
.book-journey .hero-feature__primary{min-height:40px;font-size:9px;padding:0 15px;border-color:#84704e;color:#e7d3ab;background:transparent}
.book-journey .hero-feature__primary:hover{background:#d0ad6d;color:#191e21}
.book-journey .hero-feature__sample{font-size:9px;color:#d5bc90;border-color:#7b6749}
.book-journey .orbit-controls{left:auto;right:clamp(25px,4vw,65px);width:260px;bottom:34px;opacity:var(--journey-detail,1);border-top:none}
.book-journey .orbit-controls__caption{max-width:none}.book-journey .orbit-controls__caption>span{font-size:8px;line-height:1.8;white-space:normal}.book-journey .orbit-controls__caption strong{display:none}
.book-journey .orbit-choices{flex:0 0 76px;width:100%;background:#161819;border-color:#594c37;opacity:var(--journey-detail,1)}
.book-journey .hero-choice{color:#c3ae8d;border-color:#494132;background:transparent}
.book-journey .hero-choice:hover,.book-journey .hero-choice.is-active{background:#312c23;color:#eee0c3}
.book-journey .hero-choice__index{color:#a58754}.book-journey .hero-choice::before{background:#c8a35d}
.book-journey .orbit-book{will-change:transform}.book-journey.is-assembled .orbit-book{will-change:auto}
.book-journey:not(.is-assembled).journey-enabled .orbit-book{pointer-events:none}
@media(max-width:1100px){.cinematic-hero{gap:2vw;padding-left:5vw;padding-right:5vw;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.opening-display__book{width:clamp(170px,22vw,250px)}.book-journey .orbit-controls{width:220px}.book-journey .hero-feature__sample{display:none}}
@media(max-width:760px){
 .book-journey.journey-enabled{height:320svh;min-height:1600px}.journey-enabled .book-journey__pin{min-height:610px}
 .cinematic-hero{display:block;min-height:max(720px,100svh);padding:125px 24px 100px}
 .cinematic-hero__eyebrow{font-size:8px;letter-spacing:.16em}
 .cinematic-hero .opening-title{font-size:clamp(60px,min(17.5vw,13svh),125px);line-height:.93;margin:27px 0 30px;letter-spacing:-.07em}
 .opening-line--2{margin:5px 0 5px 10vw}
 .cinematic-hero__copy>p{max-width:48%;font-size:11px;line-height:1.8}
 .cinematic-hero__enter{font-size:8px;gap:20px;margin-top:16px}
 .opening-display{position:absolute;right:8%;top:58%;transform:translateY(-10%);width:31%}
 .opening-display__book{width:100%}.opening-display__folio{display:none}.opening-display__caption{font-size:11px;margin-top:15px}.opening-display__line{margin-top:12px;width:35px}
 .opening-arc{width:105vw;right:-42%;top:68%}
 .cinematic-hero__bottom{left:24px;right:24px;bottom:24px;font-size:7px;letter-spacing:.08em}.cinematic-hero__bottom>span:first-child{max-width:190px;line-height:1.8}
 .book-journey.home-hero--orbit .orbit-stage{--orbit-width:clamp(125px,25vw,182px);--orbit-radius:clamp(165px,32vw,235px);height:calc(100svh - 64px);min-height:546px}
 .book-journey .orbit-scene{perspective:1200px;perspective-origin:50% 54%}.book-journey .orbit-rotor{top:53%}
 .journey-ring__heading{top:32px}.journey-ring__heading h2{font-size:clamp(28px,6vw,40px);margin-top:10px}.journey-ring__heading>span{font-size:7px}
 .book-journey .orbit-stage__floor{top:75%;height:36px}
 .book-journey__book-info{bottom:24px;left:22px;width:calc(100% - 160px)}
 .book-journey .hero-features{margin:0;min-height:85px}.book-journey .hero-feature h3{font-size:23px}.book-journey .hero-feature__subtitle{display:none}
 .book-journey .hero-feature__actions{margin-top:10px}.book-journey .hero-feature__primary{font-size:8px;min-height:40px;padding:0 10px}
 .book-journey .orbit-controls{width:116px;right:20px;bottom:24px;display:block;padding:0}.book-journey .orbit-controls__caption>span{font-size:7px;margin-bottom:8px}
 .book-journey .orbit-controls__buttons{gap:4px}.book-journey .orbit-controls button{width:36px;height:40px}
 .book-journey .orbit-choices{flex-basis:64px}
}
@media(max-height:740px) and (min-width:761px){.cinematic-hero{padding-top:115px;padding-bottom:90px}.cinematic-hero .opening-title{font-size:clamp(60px,min(10vw,14svh),135px);margin-top:20px;margin-bottom:22px}.opening-display__book{width:clamp(160px,18vw,250px)}.opening-display__folio{margin-bottom:18px}.book-journey.home-hero--orbit .orbit-stage{--orbit-width:175px;--orbit-radius:260px}.journey-ring__heading{top:25px}.journey-ring__heading h2{font-size:36px}}
@media(max-width:760px) and (max-height:740px){.cinematic-hero{padding-top:100px}.cinematic-hero .opening-title{font-size:clamp(58px,16vw,100px);margin-top:20px;margin-bottom:23px}.opening-display{top:59%;width:28%}.cinematic-hero__copy>p{max-width:50%}}
@media(min-width:560px) and (max-width:760px){.cinematic-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:25px;padding:110px 5vw 100px}.cinematic-hero .opening-title{font-size:10.5vw}.opening-line--2{margin-left:3vw}.cinematic-hero__copy>p{max-width:100%;font-size:12px}.opening-display{position:relative;right:auto;top:auto;width:auto;transform:none}.opening-display__book{width:min(100%,180px)}.opening-arc{top:50%;right:-40%}}
/* Native reading flow for reduced motion and browsers with JavaScript disabled. */
.book-journey:not(.journey-enabled) .journey-ring{opacity:1}
@media(prefers-reduced-motion:reduce){
 .book-journey.journey-enabled{height:auto;min-height:0}.journey-enabled .book-journey__pin{position:relative;height:auto;min-height:0;overflow:visible}
 .journey-enabled .cinematic-hero{position:relative;inset:auto;min-height:max(720px,100svh);opacity:1!important}
 .journey-enabled .journey-ring{position:relative;inset:auto;opacity:1!important}
 .opening-line{will-change:auto;transform:none!important}.opening-display,.opening-display__book{transform:none!important}
 .opening-book,.cinematic-hero__enter span{transition:none}.opening-arc{transform:translateY(-50%)}html{scroll-behavior:auto}
}