*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#0b1923;color:#f1dfc4;font:400 15px/1.65 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,model-viewer:focus-visible{outline:2px solid #e0b373;outline-offset:6px}button:disabled{opacity:.4;cursor:default}button:active{filter:brightness(1.15)}img{display:block;max-width:100%}svg{width:22px;height:22px;flex:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}::selection{background:#c49b68;color:#102333}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:15px;top:-80px;z-index:100;background:#f5dfbc;color:#102333;padding:10px 16px}.skip:focus{top:10px}.london-backdrop{position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,#07172285,#09172218 30%,#09172250 80%,#0b1923d9),url('/wp-content/plugins/beami-untermieter-web/assets/london-background.webp') center/cover no-repeat}.london-backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 15%,#08203325,#07162226 48%,#07172270)}.fog-scene{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:paint}.fog{position:absolute;width:170vw;max-width:none;height:auto;opacity:0;animation:drift 53s linear infinite}.fog-one{top:23%;left:-55%;animation-delay:-17s}.fog-two{top:58%;left:-65%;animation-duration:71s;animation-delay:-46s}.fog-three{top:3%;left:-85%;animation-duration:87s;animation-delay:-12s;width:200vw}.fog-paused .fog,.page-hidden .fog{animation-play-state:paused}.fog-still .fog{animation:none;opacity:.14;transform:translateX(7%)}@keyframes drift{0%{transform:translate3d(-10%,0,0);opacity:0}20%{opacity:.21}75%{opacity:.17}100%{transform:translate3d(35%,0,0);opacity:0}}.london-header{width:min(1400px,calc(100% - 88px));margin:auto;height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #cda97229;position:relative;z-index:2}.publisher{font-family:Georgia,serif;font-size:24px;line-height:1.15;color:#e6cfa9;letter-spacing:-.04em}.publisher span{display:block;font-family:'DM Sans',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;font-size:8px;margin-top:9px;color:#cbb897}.atmosphere{display:flex;gap:18px;align-items:center}.atmosphere button{display:flex;align-items:center;gap:9px;font-size:11px;min-height:44px;color:#d7c3a5}.atmosphere button[aria-pressed=true]{color:#f4d296}.atmosphere button[aria-pressed=true]:after{content:'';height:4px;width:4px;border-radius:50%;background:#f0cc90}.atmosphere svg{width:20px;height:20px}.opening{max-width:1400px;margin:auto;position:relative;padding:35px 44px 0}.opening-copy{text-align:center}.kicker{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#ccb28e}.opening h1{font:400 clamp(40px,4.8vw,73px)/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-.03em;color:#eed4ab;margin:10px 0 12px}.promise{font:19px/1.6 'Instrument Serif',Georgia,serif;color:#d9c6aa;letter-spacing:.01em}.promise em{color:#f2dfc4}.story-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1.42fr) minmax(0,1fr);align-items:center;gap:24px;position:relative;max-width:1190px;margin:8px auto 0;min-height:500px}.central-book{align-self:start;text-align:center;position:relative;min-width:0}.book-light{position:absolute;inset:20% 0 0;background:radial-gradient(ellipse,#c0a17d1c,transparent 62%);pointer-events:none}.book-view{position:relative;width:100%;height:440px;isolation:isolate}.book-view model-viewer{display:block;width:100%;height:100%;--progress-bar-height:0px;--poster-color:transparent;--progress-mask:transparent;opacity:0;transition:opacity .5s;touch-action:pan-y}.book-view.ready model-viewer{opacity:1}.book-poster{position:absolute;width:205px;max-height:81%;object-fit:contain;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-4deg);box-shadow:15px 25px 40px #0007;opacity:1;transition:opacity .4s;pointer-events:none}.book-view.ready .book-poster{opacity:0}.book-gesture{font-size:10px;color:#c4b299;margin-top:-16px;position:relative}.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #c8a67b;background:linear-gradient(110deg,#cfac79,#e1c69f);color:#172831;font-size:13px;font-weight:500;min-height:50px;border-radius:2px;padding:11px 23px;margin-top:18px;box-shadow:0 5px 25px #0002}.primary-link:hover{background:#efd3aa}.primary-link svg{width:19px}.left-objects{padding:30px 8px 0 0;perspective:900px}.newspaper-object{width:100%;max-width:280px;transform:rotate(-6deg);text-align:left;background:#d9c9aa;color:#202e31;position:relative;box-shadow:7px 15px 25px #0006;transition:transform .4s,box-shadow .4s;border-radius:1px}.newspaper-object:hover,.newspaper-object:focus-visible{transform:rotate(-2deg) translateY(-7px);box-shadow:9px 20px 35px #0007}.paper-inner{display:block;padding:19px 18px;background:repeating-linear-gradient(7deg,transparent 0 3px,#5b482306 4px 5px),linear-gradient(100deg,#d1c09f,#e4d6b8 45%,#cfbf9f);border:1px solid #95806570}.paper-world{display:block;letter-spacing:.055em;font:8px/1.4 Arial,sans-serif;text-align:center}.paper-name{display:block;font:32px/.91 Georgia,serif;text-align:center;letter-spacing:-.07em;margin:9px 0 10px;padding-bottom:11px;border-bottom:3px double #2c3b39}.paper-edition{display:block;font-size:7px;letter-spacing:.04em;text-align:center;border-bottom:1px solid #343c3866;padding-bottom:6px}.paper-inner strong{display:block;font:25px/.98 Georgia,serif;letter-spacing:-.045em;padding:15px 0 10px}.paper-rule{display:block;border-top:1px solid #343c3877;width:45%;margin-bottom:10px}.paper-columns{display:block;font:9px/1.5 Georgia,serif;column-count:2;column-gap:12px;column-rule:1px solid #343c3850}.object-invitation{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #343c3866;margin-top:13px;padding-top:10px;font:9px Arial,sans-serif}.object-invitation svg{width:15px;height:15px}.whisper{font:italic 15px/1.5 Georgia,serif;color:#c4af8e;margin:29px 0 0 4px}.right-objects{padding-top:32px;align-self:center;min-width:0}.gramophone-area{position:relative}.gramophone-object{position:relative;display:block;width:calc(100% + 65px);margin-left:-25px;isolation:isolate;transition:transform .4s}.gramophone-object:hover{transform:translateY(-4px)}.gramophone-object img{width:100%;height:auto;filter:drop-shadow(5px 10px 17px #0005)}.play-medallion{position:absolute;left:49%;top:73%;width:42px;height:42px;border-radius:50%;background:#112736c4;color:#efd5ac;border:1px solid #c2a678;display:grid;place-items:center;box-shadow:0 4px 20px #0003}.play-medallion svg{width:16px;height:16px;margin-left:3px}.record-label{position:absolute;left:51.15%;top:63.1%;width:9%;aspect-ratio:1;transform:translate(-50%,-50%) scaleY(.2);border-radius:50%;pointer-events:none;overflow:hidden}.record-label>span{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 40deg,#d9b66f90 42deg 60deg,transparent 62deg 240deg,#3d2d1b77 242deg 270deg,transparent 272deg);animation:record-spin 2.8s linear infinite;animation-play-state:paused}.is-playing .record-label>span{animation-play-state:running}@keyframes record-spin{to{transform:rotate(360deg)}}.listening-label{text-align:center;margin-top:3px}.listening-label .kicker{font-size:8px}.listening-label button{display:flex;align-items:center;justify-content:center;gap:18px;font:26px/1.3 'Instrument Serif',Georgia,serif;width:100%;min-height:45px;color:#e9cfab}.listening-label button span{display:flex}.listening-label svg{width:17px;height:17px}.chapter-credit{font-size:9px;color:#bda98d;letter-spacing:.02em}.sample-controls{border-top:1px solid #a88b604d;margin-top:13px;padding-top:9px}.sample-controls[hidden]{display:none}.sample-controls input{width:100%;height:20px;accent-color:#d5b385;display:block;margin:0}.sample-times{display:flex;justify-content:space-between;color:#e4d0b2;font:10px Arial,sans-serif}#sample-status{font-size:10px;line-height:1.5;color:#c8b89e;margin-top:5px}.author-object{display:flex;align-items:center;text-align:left;width:100%;gap:15px;border-top:1px solid #c5a47c40;margin-top:28px;padding-top:22px;transition:transform .3s}.author-object:hover{transform:translateX(3px)}.portrait-frame{display:block;flex:none;width:59px;height:75px;border:1px solid #b79668;border-radius:47%;overflow:hidden;background:#dfd0b2;box-shadow:0 0 0 4px #0c1c26,0 0 0 5px #b7966859}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 14%;mix-blend-mode:multiply}.author-object .kicker{font-size:7px;display:block;margin-bottom:5px}.author-object strong{font:18px/1.1 'Instrument Serif',Georgia,serif;display:block;color:#e5cba5}.author-link{font-size:8px;display:flex;gap:8px;margin-top:9px;align-items:center}.author-link svg{width:12px;height:12px}.stage-foot{margin:12px 0 0;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c5a47c29;color:#bea88a;font-size:10px}.stage-foot>a{display:flex;gap:20px;align-items:center;color:#e9ceaa}.stage-foot>a span{font-size:23px;line-height:1}.stage-foot>button{display:flex;align-items:center;gap:9px;min-height:44px}.stage-foot>button[aria-pressed=true]{color:#f5d99c}.stage-foot svg{width:19px;height:19px}.inside-section,.sample-section,.edition-section{position:relative;width:min(1190px,calc(100% - 88px));margin:auto;border-top:1px solid #c9a6743b;padding:94px 0}.inside-section{display:grid;grid-template-columns:1fr 3fr;gap:48px}.section-number{font-size:9px;letter-spacing:.13em;color:#bea484;padding-top:12px}.inside-copy h2{font:40px/1.1 'Instrument Serif',Georgia,serif;color:#e9cfab;letter-spacing:-.02em}.inside-copy h2 em{color:#c7b496}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px;font-size:14px;line-height:1.9;color:#dfd1b9}.edition-note{margin-top:28px;color:#bfae94;font-size:11px;line-height:1.9}.sample-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.sample-heading h2{font:48px/1.1 'Instrument Serif',Georgia,serif;margin-top:12px;color:#e8cdab}.quiet-link{display:flex;align-items:center;gap:20px;font-size:12px;min-height:44px;border-bottom:1px solid #c29f6e;padding:4px 0}.quiet-link svg{width:18px}.page-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;perspective:1500px;max-width:900px;margin:0 auto}.page-spread button{box-shadow:9px 18px 35px #0006;transition:transform .35s;transform:rotateY(7deg) rotateZ(-1deg)}.page-spread button:nth-child(2){transform:rotateY(-2deg)}.page-spread button:nth-child(3){transform:rotateY(-7deg) rotateZ(1deg)}.page-spread button:hover{transform:translateY(-6px)}.page-spread img{width:100%;height:auto}.edition-section{text-align:center;padding-top:75px;padding-bottom:85px}.edition-section h2{font:clamp(42px,5.5vw,70px)/1 'Instrument Serif',Georgia,serif;color:#e8cdab;margin:24px 0 15px;letter-spacing:-.02em}.edition-section h2 em{color:#c4ad8a}.edition-section>p:last-child{font-size:11px;color:#c6b59b;line-height:1.9;margin-top:28px}.london-footer{width:min(1400px,calc(100% - 88px));margin:auto;padding:25px 0 30px;border-top:1px solid #c9a6743b;display:flex;align-items:start;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:10px;color:#baa58a}.london-footer>a{display:flex;gap:10px;align-items:center}.london-footer svg{width:14px;height:14px}.london-footer details{width:100%;border-top:1px solid #a88c6420;padding-top:14px}.london-footer summary{cursor:pointer;min-height:30px;display:list-item}.london-footer details p{font-size:10px;line-height:1.8;max-width:740px;margin-top:8px}.london-footer details a{text-decoration:underline;text-underline-offset:3px}body:has(dialog[open]){overflow:hidden}.story-dialog{width:calc(100% - 48px);max-width:900px;max-height:calc(100dvh - 48px);padding:42px;border:1px solid #a38960;color:#172c34;background:#e9ddc3;border-radius:2px;box-shadow:0 30px 100px #0007;overflow-y:auto;overscroll-behavior:contain}.story-dialog::backdrop{background:#05111be0;backdrop-filter:blur(8px)}.modal-close{position:absolute;top:14px;right:14px;width:44px;height:44px;background:#162d38;color:#e7c89e;border:1px solid #9d815e;border-radius:50%;display:grid;place-items:center;z-index:10}.modal-close svg{width:18px;height:18px}.news-masthead{text-align:center;padding:10px 15px 18px;border-bottom:4px double #304037}.news-masthead p{font:9px Arial,sans-serif;letter-spacing:.06em}.news-masthead h2{font:clamp(34px,5vw,65px)/1.12 Georgia,serif;letter-spacing:-.05em;margin:17px 0 12px}.news-masthead>span{font:10px Arial,sans-serif;color:#5c655d}.news-tabs{display:flex;justify-content:center;gap:20px;border-bottom:1px solid #4d59464d;padding:8px 0}.news-tabs button{font:11px Arial,sans-serif;min-height:44px;border-bottom:2px solid transparent}.news-tabs button[aria-pressed=true]{border-color:#243a3e;font-weight:bold}.news-article{padding:35px 5% 15px}.news-overline{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#5c655a}.news-article h3{font:clamp(35px,4.5vw,56px)/.97 Georgia,serif;letter-spacing:-.045em;max-width:640px;margin:15px 0 20px}.article-deck{font:italic 20px/1.5 Georgia,serif;margin-bottom:23px;color:#44564e}#article-body{columns:2;column-gap:35px;column-rule:1px solid #6c745840;font:17px/1.75 Georgia,serif}#article-body p{margin-bottom:18px}.author-dialog{max-width:880px;display:none;grid-template-columns:35% minmax(0,1fr);gap:42px;padding:55px 45px}.author-dialog[open]{display:grid}.author-dialog figure{align-self:center}.author-dialog figure img{width:100%;height:auto;mix-blend-mode:multiply}.author-dialog figcaption{font-size:9px;color:#69705e;text-align:center;margin-top:15px}.author-story .kicker{color:#6a705e;font-size:9px}.author-story h2{font:50px/1 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;margin:15px 0}.author-dates{font-size:10px;color:#5e6b61;margin-bottom:25px}.author-story>p:not([class]){font:16px/1.8 Georgia,serif;margin-bottom:20px}.small-source{font-size:10px;color:#636e60;line-height:1.8}.pages-dialog{width:calc(100% - 32px);max-width:1060px;padding:0;background:#182c37;color:#ead8bc;border-color:#796b51;overflow:hidden}.reader-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid #ac997b30}.reader-bar h2{font:23px 'Instrument Serif',Georgia,serif}.reader-bar .modal-close{position:static;width:38px;height:38px;min-height:38px}.reader-toolbar{display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 12px;font-size:11px}.reader-toolbar button{min-width:44px;min-height:44px;border:1px solid #cab38b4d;border-radius:2px;padding:6px 10px}.reader-toolbar #page-zoom{font-size:11px}.page-viewport{height:min(72dvh,840px);max-height:calc(100dvh - 190px);overflow:auto;padding:12px 20px;overscroll-behavior:contain;background:#0d202b;scrollbar-color:#a58b63 #112631}.page-viewport img{width:min(100%,600px);max-width:none;max-height:none;height:auto;margin:auto}.page-viewport.zoomed img{width:1000px;margin:0 auto}.noscript{padding:20px;text-align:center;background:#192e38}.noscript a{text-decoration:underline}.door-choice{margin-top:32px;border-block:1px solid #c9a67440;padding:25px 0}.door-choice h3{font:30px/1.2 'Instrument Serif',Georgia,serif;color:#e8cdab}.door-choice>p{font-size:12px;color:#cab99e;margin-top:12px}.door-options{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.door-options button{padding:12px 17px;min-height:44px;border:1px solid #c9a67470;color:#e5cba6;font-size:11px;border-radius:2px}.door-options button[aria-pressed=true]{background:#ddc197;color:#142c37}.door-reply{font:italic 20px/1.5 Georgia,serif!important;min-height:0;color:#ebd5b3!important}.door-reply:empty{display:none}
@media(min-width:1600px){.book-view{height:500px}.story-stage{min-height:560px;max-width:1260px;gap:38px}.newspaper-object{max-width:300px}.paper-inner{padding:23px}.paper-name{font-size:37px}.paper-inner strong{font-size:30px}.paper-columns{font-size:10px}}
@media(max-width:1000px) and (min-width:701px){.london-header{width:calc(100% - 48px)}.opening{padding-inline:24px}.story-stage{gap:10px;grid-template-columns:minmax(0,1fr) minmax(240px,1.5fr) minmax(0,1fr);min-height:460px}.book-view{height:380px}.paper-name{font-size:25px}.paper-inner{padding:13px}.paper-inner strong{font-size:21px}.paper-columns{font-size:8px}.paper-world{font-size:6px}.whisper{font-size:12px}.gramophone-object{width:calc(100% + 30px);margin-left:-12px}.author-object{gap:10px}.portrait-frame{width:45px;height:58px}.author-object strong{font-size:14px}.author-link{font-size:7px;gap:4px}.inside-section,.sample-section,.edition-section{width:calc(100% - 48px)}.inside-section{gap:25px;grid-template-columns:1fr 3.5fr}.inside-copy h2{font-size:34px}.page-spread{gap:20px}.london-footer{width:calc(100% - 48px)}}
@media(max-width:700px){.london-header{width:calc(100% - 36px);height:78px;gap:15px}.publisher{font-size:20px}.publisher span{font-size:6px;letter-spacing:.12em}.atmosphere{gap:12px}.atmosphere button span{display:none}.atmosphere button{min-width:38px;justify-content:center;position:relative}.atmosphere button[aria-pressed=true]:after{position:absolute;right:0;top:6px}.opening{padding:28px 20px 0}.opening .kicker{font-size:7px;letter-spacing:.1em}.opening h1{font-size:50px;line-height:1;margin-top:14px}.promise{font-size:16px;max-width:280px;line-height:1.45;margin:auto}.promise em{display:block}.story-stage{grid-template-columns:1fr 1fr;gap:24px 26px;margin:10px auto 0;min-height:0}.central-book{grid-column:1/-1;grid-row:1;max-width:420px;width:100%;justify-self:center}.book-view{height:365px}.book-poster{width:190px}.book-gesture{font-size:9px;margin-top:-4px}.primary-link{min-height:47px;font-size:12px;padding:10px 20px;margin-top:16px}.left-objects{grid-column:1;grid-row:2;align-self:start;padding:35px 0 0;min-width:0}.newspaper-object{transform:rotate(-4deg);max-width:250px}.paper-inner{padding:12px 10px}.paper-world{font-size:6px}.paper-name{font-size:24px;margin:9px 0;line-height:.97;padding-bottom:9px}.paper-edition{font-size:5.5px;line-height:1.7}.paper-inner strong{font-size:21px;padding:12px 0 8px}.paper-columns{font-size:7px;line-height:1.5;column-count:1;max-height:55px;overflow:hidden}.object-invitation{font-size:8px;gap:8px;margin-top:10px;padding-top:9px;line-height:1.4}.object-invitation svg{width:12px;height:12px}.whisper{display:none}.right-objects{grid-column:2;grid-row:2;padding-top:20px;align-self:start}.gramophone-object{width:calc(100% + 38px);margin-left:-17px}.play-medallion{width:30px;height:30px}.play-medallion svg{width:12px;height:12px}.listening-label .kicker{font-size:6px;letter-spacing:.08em}.listening-label button{font-size:24px;line-height:1.05;min-height:50px;gap:7px;align-items:center}.listening-label svg{width:12px;height:12px}.chapter-credit{font-size:7px;line-height:1.7;margin-top:1px}.author-object{margin-top:23px;padding-top:20px;gap:11px}.portrait-frame{width:40px;height:51px;flex:none}.author-object .kicker{font-size:6px}.author-object strong{font-size:14px;line-height:1.1}.author-link{font-size:7px;line-height:1.4;gap:5px}.author-link svg{display:none}.sample-controls{margin-top:8px}.sample-times{font-size:9px}#sample-status{font-size:9px}.stage-foot{margin-top:30px;padding:16px 0 20px;gap:12px;flex-wrap:wrap}.stage-foot>span{display:none}.stage-foot>a{font-size:10px;gap:11px}.stage-foot>button{font-size:9px;gap:7px}.inside-section,.sample-section,.edition-section{width:calc(100% - 40px);padding:55px 0}.inside-section{display:block}.section-number{padding-top:0;margin-bottom:23px;font-size:8px}.inside-copy h2{font-size:33px;line-height:1.12}.story-columns{display:block;font-size:13px;line-height:1.85;margin-top:25px}.story-columns p+p{margin-top:18px}.edition-note{font-size:10px}.sample-heading{display:block;margin-bottom:25px}.sample-heading h2{font-size:40px;margin-top:12px}.quiet-link{margin-top:18px;font-size:11px;gap:16px}.page-spread{gap:10px}.page-spread button{box-shadow:4px 8px 20px #0004}.edition-section h2{font-size:47px;margin-top:25px}.edition-section>p:last-child{font-size:10px}.london-footer{width:calc(100% - 40px);padding:22px 0;font-size:9px;gap:15px}.story-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:55px 21px 24px}.news-masthead{padding:5px 0 14px}.news-masthead p{font-size:8px;line-height:1.7}.news-masthead h2{font-size:40px;line-height:.98;margin:16px 0}.news-masthead>span{font-size:8px;display:block;line-height:1.6}.news-tabs{gap:13px;justify-content:space-between}.news-tabs button{font-size:9px;min-height:44px;text-align:left}.news-article{padding:28px 0 0}.news-article h3{font-size:37px;line-height:1.01}.article-deck{font-size:18px}#article-body{columns:1;font-size:17px;line-height:1.75}.author-dialog[open]{display:block}.author-dialog figure{float:right;width:33%;margin:12px 0 15px 15px}.author-dialog figcaption{font-size:7px;line-height:1.6}.author-story h2{font-size:43px}.author-story .kicker{font-size:8px;max-width:175px}.author-dates{font-size:9px;line-height:1.7}.author-story>p:not([class]){font-size:16px;line-height:1.8}.reader-bar{padding:12px 15px}.reader-bar h2{font-size:21px}.reader-toolbar{gap:7px;font-size:9px;padding:7px 10px}.reader-toolbar button{padding:6px;min-width:37px}.reader-toolbar #page-zoom{font-size:9px}.page-viewport{padding:10px;height:74dvh}.pages-dialog{padding:0}.fog{width:230vw}.fog-three{width:270vw}.london-backdrop{background-position:58% center}}
@media(max-width:360px){.opening h1{font-size:43px}.story-stage{gap:22px}.book-view{height:325px}.opening{padding-inline:17px}.promise{font-size:15px}.book-gesture{font-size:8px}.paper-name{font-size:21px}.paper-inner strong{font-size:18px}.paper-world{font-size:5px}.paper-inner{padding:10px 8px}.object-invitation{font-size:7px}.listening-label button{font-size:20px}.portrait-frame{display:none}.author-object{padding-top:15px;margin-top:19px}.stage-foot>a{font-size:9px}.inside-copy h2{font-size:30px}.news-tabs{gap:9px}.reader-toolbar{gap:5px}.reader-toolbar button{min-width:34px}.reader-toolbar #page-zoom{padding:6px 4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.record-label>span{animation:none!important}.fog{animation:none;opacity:.12;transform:none}}@media(min-width:701px) and (max-height:850px){.london-header{height:74px}.opening{padding-top:22px}.opening h1{font-size:56px;margin:6px 0 10px}.opening .kicker{font-size:9px}.story-stage{min-height:390px;margin-top:0}.book-view{height:335px}.newspaper-object{max-width:220px}.paper-inner{padding:15px}.paper-name{font-size:29px}.paper-inner strong{font-size:24px}.paper-columns{font-size:8px}.left-objects{padding-top:15px;text-align:center}.newspaper-object{text-align:left}.whisper{text-align:left;margin-top:20px;margin-left:20px;font-size:13px}.right-objects{padding-top:10px}.gramophone-object{width:calc(100% + 35px);margin-left:-14px}.author-object{margin-top:15px;padding-top:14px}.stage-foot{margin-top:15px;padding:15px 0}.primary-link{min-height:44px;margin-top:14px}.book-gesture{font-size:9px}}
/* RC2: dominant original book, readable object controls, restrained immersive layers. */
.london-backdrop{background-image:linear-gradient(180deg,#07172290,#09172210 30%,#09172235 70%,#0b1923ee),url('/wp-content/plugins/beami-untermieter-web/assets/london-background.webp')}
#living-fog{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.74;contain:strict}
body.fog-webgl .fog-scene{opacity:0}
body.fog-fallback #living-fog{display:none}
.london-header{height:108px;width:min(1480px,calc(100% - 80px))}
.publisher{width:265px;flex:none;display:block}
.publisher img{width:100%;height:auto;filter:drop-shadow(0 2px 8px #0007)}
.atmosphere{gap:24px}.atmosphere button{font-size:14px;min-width:44px;color:#efdbc0}
.opening{max-width:1480px;padding-top:30px;padding-inline:40px}
.opening .kicker{font-size:12px;letter-spacing:.11em}
.opening h1{font-size:clamp(54px,5.4vw,80px);margin:9px 0}
.promise{font-size:23px;color:#e4d2b7}
.story-stage{grid-template-columns:minmax(0,1fr) minmax(0,2.25fr) minmax(0,1fr);gap:24px;max-width:1400px;min-height:0;margin-top:-10px}
.book-view{height:650px}
.book-poster{width:340px;max-height:80%}
.book-gesture{font-size:13px;margin:0;color:#e5d4bc}
.book-invitation{display:grid;place-items:center;gap:6px;margin-top:-20px;position:relative}
#book-front{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:#d7bd98;padding:5px 12px}
#book-front svg{width:17px;height:17px}
.central-book .primary-link{margin-top:8px;font-size:15px;min-height:50px}
.left-objects{align-self:center;padding:0;max-width:290px;justify-self:center}
.newspaper-object{display:block;max-width:265px;background:none;box-shadow:none;transform:perspective(900px) rotateY(12deg) rotateZ(-6deg);color:#f2dbb8;filter:drop-shadow(8px 15px 18px #0008);isolation:isolate}
.newspaper-object:hover,.newspaper-object:focus-visible{transform:perspective(900px) rotateY(0) rotateZ(-2deg) translateY(-8px);box-shadow:none}
.newspaper-object img{width:100%;height:auto;view-transition-name:novel-paper}
.object-invitation{margin:2px 8px 0;padding:11px 0;font:14px/1.45 'DM Sans',Arial,sans-serif;border-color:#d4b57c80;gap:12px;color:#f3dcbc;align-items:center}
.object-invitation svg{width:19px;height:19px}
.whisper{font-size:17px;line-height:1.6;margin:24px 0 0}
.right-objects{padding:0;align-self:center;position:relative}
.gramophone-area{background:linear-gradient(180deg,#081e2a00 0%,#091e2be8 55%);border-radius:8px;padding:0 15px 12px;isolation:isolate}
.gramophone-object{width:calc(100% + 36px);margin:0 -18px;position:relative;transition:none}
.gramophone-object:hover{transform:none}
.gramophone-trigger{display:block;width:100%;filter:drop-shadow(4px 12px 15px #0006);transition:transform .3s}
.gramophone-trigger:hover{transform:translateY(-3px)}
.gramophone-trigger img{width:100%;height:auto;filter:none}
#record-scrub{position:absolute;left:45.2%;top:61.5%;width:29%;height:12%;transform:translate(-50%,-50%);border-radius:50%;touch-action:none;cursor:grab;background:transparent;z-index:2}
#record-scrub:active{cursor:grabbing}
#record-scrub:focus-visible{outline:2px solid #e7c18a;outline-offset:5px}
.rotating-record{position:absolute;left:50%;top:50%;width:29%;aspect-ratio:1;transform:translate(-50%,-50%) scaleY(.42);border-radius:50%;background:radial-gradient(circle,#2d2016 0 8%,#bc9b67 9% 14%,#ddc69e 15% 85%,#9c794b 87%);color:#33271b;pointer-events:none;display:grid;place-items:center}
.rotating-record>span{font:bold 9px Georgia,serif;display:block;animation:record-spin 3.2s linear infinite;animation-play-state:paused;width:100%;height:100%;padding-top:7%;text-align:center}
.is-playing .rotating-record>span{animation-play-state:running}
.listening-label{margin-top:4px}.listening-label .kicker{font-size:11px;letter-spacing:.1em;color:#d4bb98}
.listening-label button{gap:10px;font:29px/1.2 'Instrument Serif',Georgia,serif;min-height:56px;color:#f5dfbf}
.listening-label svg{width:22px;height:22px}
.chapter-credit{font-size:12px;line-height:1.6;color:#d8c6ac}
.sample-controls{display:block;margin-top:14px;border-color:#ba9d7160;padding-top:10px}
.sample-controls input{height:30px;cursor:pointer}
.sample-times{font-size:12px}
#sample-status{font-size:12px;line-height:1.55;min-height:56px;color:#ead9c0;margin-top:8px}
#record-help{font-size:11px;line-height:1.5;color:#c4b7a3;margin-top:2px}
.author-object{margin-top:18px;padding:17px 14px;gap:15px;background:#0a1d2bf2;border:1px solid #be9d6b60;border-radius:5px}
.portrait-frame{width:67px;height:83px}
.author-object .kicker{font-size:10px;letter-spacing:.08em;color:#d8bf99}
.author-object strong{font-size:25px;line-height:1.1;color:#f3dcba}
.author-link{font-size:12px;gap:8px;color:#e3caa5;line-height:1.5}
.author-link svg{width:16px;height:16px}
.stage-foot{margin:35px 0 0;padding:20px 0;font-size:14px;color:#deccb2}
.stage-foot>a{font-size:14px}
.stage-foot>button{font-size:14px;color:#f3d9b1;padding:3px 8px}
.sound-settings{display:flex;justify-content:space-between;gap:25px;align-items:start;position:relative;min-height:55px;font-size:12px;color:#d1bda0}
.sound-settings details{position:relative}
.sound-settings summary{cursor:pointer;min-height:44px;color:#ead5b5}
.sound-settings details>div{position:absolute;z-index:5;top:35px;right:0;width:260px;border:1px solid #b39363;background:#0a1d2b;padding:18px;border-radius:6px;box-shadow:0 20px 40px #0008}
.sound-settings label{display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:14px}
.sound-settings input{width:140px;height:44px;accent-color:#d7b580}
.sound-settings p{font-size:12px;margin-top:12px}
.inside-section,.sample-section,.edition-section{background:linear-gradient(90deg,#0b1c28dd,#0b1c28e8);padding:80px 32px}
.section-number,.kicker{font-size:12px}
.story-columns{font-size:17px}
.edition-note{font-size:14px}
.door-choice>p{font-size:15px}.door-options button{font-size:14px;min-height:48px}
.quiet-link{font-size:15px}
.edition-section>p:last-child{font-size:14px}
.london-footer{font-size:12px}.london-footer details p{font-size:12px}
.story-dialog{border-radius:6px}
.newspaper-dialog{max-width:1200px;background:#e6d8bb;padding:55px 32px 30px;color:#192d32}
.newspaper-reading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px}
.newspaper-art{align-self:center}
.newspaper-art img{width:100%;height:auto;filter:drop-shadow(6px 9px 12px #44351b40)}
.newspaper-art figcaption{font-size:12px;text-align:center;color:#4c5449;margin-top:5px}
.news-masthead{padding:10px 0 18px}
.news-masthead p{font-size:12px}.news-masthead h2{font-size:45px;margin:12px 0 0}
.news-tabs{flex-wrap:wrap;gap:2px 16px;justify-content:start;padding:6px 0}
.news-tabs button{font-size:13px;min-height:44px}
.news-article{padding:24px 0 0}
.news-overline{font-size:12px;color:#43554a}
.news-article h3{font-size:40px;line-height:1.05;margin:12px 0 16px}
.article-deck{font-size:20px;line-height:1.5;color:#374e44}
#article-body{columns:1;font:18px/1.75 Georgia,serif;color:#1d3537}
.author-story .kicker{font-size:12px}.author-dates{font-size:13px}.author-dialog figcaption,.small-source{font-size:12px}
.author-story>p:not([class]){font-size:18px}
.reader-toolbar,.reader-toolbar #page-zoom{font-size:13px}
::view-transition-group(novel-paper){animation-duration:.65s;animation-timing-function:cubic-bezier(.2,.75,.25,1)}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-old(novel-paper),::view-transition-new(novel-paper){mix-blend-mode:normal}
@media(min-width:1600px){.book-view{height:780px}.story-stage{gap:38px;max-width:1400px;min-height:0}.newspaper-object{max-width:290px}}
@media(min-width:701px) and (max-width:1000px){.story-stage{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px}.central-book{grid-column:2;grid-row:1/3}.left-objects{grid-column:1;grid-row:1;padding-top:20px;max-width:230px}.right-objects{grid-column:1;grid-row:2}.book-view{height:710px}.opening{padding-inline:28px}.opening .kicker{font-size:11px}.gramophone-object{max-width:280px;margin:auto}.author-object strong{font-size:23px}.newspaper-reading{grid-template-columns:1fr 1.2fr;gap:22px}.newspaper-dialog{padding-inline:24px}.news-masthead h2{font-size:35px}.news-article h3{font-size:32px}}
@media(max-width:700px){.london-header{height:88px;width:calc(100% - 32px);gap:12px}.publisher{width:190px;max-width:62%}.atmosphere{gap:9px}.atmosphere button{min-width:44px}.atmosphere button svg{width:22px;height:22px}.atmosphere button[aria-pressed=true]:after{right:1px;top:5px}.opening{padding:28px 18px 0}.opening .kicker{font-size:10px;line-height:1.8}.opening h1{font-size:52px;line-height:1;margin:14px 0}.promise{font-size:21px;line-height:1.45;max-width:330px}.story-stage{display:flex;flex-direction:column;gap:38px;margin-top:2px}.central-book{order:0;max-width:520px}.book-view{height:475px}.book-poster{width:260px}.book-invitation{margin-top:-8px}.book-gesture{font-size:12px}.central-book .primary-link{font-size:14px;margin-top:10px}.right-objects{order:1;width:100%;max-width:400px;padding-top:0}.gramophone-area{padding:0 23px 15px}.gramophone-object{width:100%;max-width:340px;margin:0 auto}.listening-label .kicker{font-size:12px}.listening-label button{font-size:32px;gap:15px}.listening-label svg{width:22px;height:22px}.chapter-credit{font-size:13px}.sample-times{font-size:13px}#sample-status{font-size:13px;min-height:42px}#record-help{font-size:12px}.author-object{padding:18px 20px;gap:18px;margin-top:24px}.portrait-frame{display:block;width:65px;height:82px}.author-object .kicker{font-size:11px}.author-object strong{font-size:27px}.author-link{font-size:13px}.author-link svg{display:block}.left-objects{order:2;padding:12px 0 0;max-width:340px;width:100%;align-self:center;display:grid;justify-items:center}.newspaper-object{max-width:260px;transform:rotate(-4deg)}.object-invitation{font-size:14px;line-height:1.5;gap:20px;margin-top:0;padding:12px 0}.object-invitation svg{width:19px;height:19px}.whisper{display:block;font-size:17px;text-align:center;margin:22px 0 0}.stage-foot{margin-top:38px;gap:14px;padding:19px 0}.stage-foot>a,.stage-foot>button{font-size:13px;min-height:44px}.sound-settings{font-size:12px;gap:15px;min-height:68px}#ambient-status{max-width:55%;line-height:1.6}.inside-section,.sample-section,.edition-section{width:calc(100% - 32px);padding:52px 20px}.inside-copy h2{font-size:36px}.section-number{font-size:10px}.story-columns{font-size:16px;line-height:1.85}.edition-note{font-size:12px}.door-choice>p{font-size:14px}.door-options{display:grid}.door-options button{font-size:14px;text-align:left}.quiet-link{font-size:14px}.edition-section>p:last-child{font-size:13px}.london-footer{font-size:12px}.newspaper-dialog{padding:62px 20px 25px}.newspaper-reading{display:flex;flex-direction:column;gap:22px}.newspaper-art{width:180px;margin:0 auto}.newspaper-art figcaption{display:none}.news-masthead p{font-size:12px}.news-masthead h2{font-size:38px}.news-tabs{gap:2px 15px;justify-content:start}.news-tabs button{font-size:13px}.news-article h3{font-size:35px}.news-overline{font-size:11px}.article-deck{font-size:20px}#article-body{font-size:18px}.author-story .kicker{font-size:11px}.author-dates{font-size:12px}.author-dialog figcaption{font-size:10px}.author-story>p:not([class]){font-size:18px}.reader-toolbar{font-size:11px}.reader-toolbar #page-zoom{font-size:12px}.reader-toolbar button{min-width:40px;min-height:44px}}
@media(max-width:360px){.publisher{width:170px}.atmosphere{gap:4px}.atmosphere button{min-width:40px}.opening h1{font-size:45px}.opening .kicker{font-size:9px}.book-view{height:420px}.book-gesture{font-size:11px}.author-object strong{font-size:24px}.stage-foot>a{font-size:12px}.story-stage{gap:34px}}
@media(prefers-reduced-motion:reduce){#living-fog{display:none}body.fog-webgl .fog-scene{opacity:1}.rotating-record>span{animation:none!important}::view-transition-group(*){animation-duration:0s!important}}
/* Comfortable direct-manipulation targets without changing the illustrated geometry. */
#record-scrub{min-height:44px}.sample-controls input{height:44px}
/* Short desktop viewports: retain a complete book and a reachable purchase path. */
@media(min-width:1001px) and (max-height:850px){
.london-header{height:64px}.publisher{width:205px}.atmosphere button{font-size:13px}
.opening{padding-top:8px}.opening .kicker{font-size:10px;line-height:1.5}
.opening h1{font-size:46px;line-height:1.04;margin:6px 0}
.promise{font-size:20px;line-height:1.3}
.story-stage{margin-top:0;gap:24px}
.book-view{height:520px;margin-top:-26px;margin-bottom:-35px}
.book-invitation{display:flex;justify-content:center;gap:10px;margin-top:0;min-height:44px}
.book-gesture{font-size:11px;line-height:1.45;text-align:left;max-width:150px}
#book-front{font-size:11px;gap:6px;min-height:44px;padding:4px}
.central-book .primary-link{min-height:44px;font-size:14px;margin-top:0;padding:9px 20px}
.left-objects{max-width:225px}.newspaper-object{max-width:205px}
.object-invitation{font-size:12px}.whisper{font-size:15px;margin-top:15px}
.gramophone-area{padding-inline:13px}.gramophone-object{width:calc(100% + 20px);margin:0 -10px;max-width:265px}
.listening-label button{font-size:27px;min-height:44px}
.sample-controls{margin-top:7px;padding-top:5px}#sample-status{min-height:38px}
.author-object{margin-top:12px;padding:13px 12px;gap:12px}.author-object strong{font-size:23px}
.portrait-frame{width:53px;height:67px}
.stage-foot{margin-top:24px}
}
/* RC2 final object direction: book-cover typography, floating props, one sound control. */
@font-face{font-family:UntermieterCover;src:url('/wp-content/plugins/beami-untermieter-web/assets/book-cover-serif.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
[hidden]{display:none!important}
.london-header{height:72px}
.publisher{width:auto;max-width:none;font:20px/1.3 Georgia,serif;letter-spacing:0;color:#f5e8d1;min-height:44px;display:flex;align-items:center}
.atmosphere{gap:0}
#sound-switch{width:44px;height:44px;justify-content:center;border-radius:50%;border:1px solid #d6be984d}
#sound-switch:after{display:none}
#sound-switch svg{width:22px;height:22px}
.opening-copy{position:relative}
.opening .illustrated-title{width:min(680px,92%);height:188px;margin:0 auto 5px;line-height:0;overflow:hidden}
.illustrated-title img{width:100%;height:auto;transform:translateY(-20px);filter:none}
.story-stage{margin-top:0}
.gramophone-area{padding:0 6px;background:none;border:0;border-radius:0}
.gramophone-object{transform:perspective(900px) rotateY(-10deg) rotateZ(3deg);transition:transform .45s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(7px 14px 18px #0008)}
.gramophone-object:hover,.gramophone-object:focus-within{transform:perspective(900px) rotateY(0) rotateZ(-1deg) translateY(-5px)}
.gramophone-trigger{filter:none}.gramophone-trigger:hover{transform:none}
.listening-label{margin-top:3px}
.listening-label button.object-invitation{font:14px/1.45 'DM Sans',Arial,sans-serif;border-top:1px solid #d4b57c80;min-height:46px;color:#f3dcbc;justify-content:space-between;gap:16px;padding:11px 0;margin:0;text-shadow:0 2px 5px #000}
.listening-label button.object-invitation svg{width:19px;height:19px}
.sample-controls{padding:0;margin-top:0;border:0;position:relative}
.sample-controls input{height:32px;accent-color:#dfc39a;margin:0;cursor:pointer}
.sample-times{font-size:11px;color:#eedbbd;text-shadow:0 2px 4px #000}
.sample-controls #sample-status.sr-only{min-height:0;margin:0}
.record-progress{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.record-progress circle{fill:none;stroke:#e0bd80;stroke-width:1.7;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .25s linear;opacity:.8}
.author-object{display:block;background:none;border:0;border-radius:0;padding:0;margin:28px auto 0;max-width:210px;transform:perspective(900px) rotateY(-7deg) rotateZ(3deg);transition:transform .45s;color:#f3dcbc}
.author-object:hover,.author-object:focus-visible{transform:perspective(900px) rotateY(0) rotateZ(-1deg) translateY(-5px)}
.author-frame-object{display:block;position:relative;width:100%;aspect-ratio:1124/1400;filter:drop-shadow(7px 10px 14px #0008)}
.author-in-frame{position:absolute;left:18%;top:16%;width:64%;height:65%;object-fit:cover;object-position:center 18%;border-radius:50%;background:#e4d6ba}
.portrait-frame-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.author-object .object-invitation{font-size:13px;gap:12px;margin-top:8px;text-shadow:0 2px 4px #000}
.author-object .object-invitation svg{display:block;width:18px;height:18px}
.inside-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:55px;align-items:center}
.inside-copy h2,.door-choice h3,.sample-heading h2,.edition-section h2{font-family:UntermieterCover,Georgia,serif}
.inside-copy h2{font-size:37px;line-height:1.17}
.story-columns{display:block}.story-columns p+p{margin-top:20px}
.door-object{min-width:0;width:100%;max-width:450px;justify-self:center}
.door-scene{position:relative;width:100%;aspect-ratio:2/3;perspective:1400px;isolation:isolate}
.door-surround{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(8px 15px 20px #0006)}
.front-door{position:absolute;left:27.6%;top:16.3%;width:44.1%;height:62.9%;transform-origin:0% 50%;transform:rotateY(var(--door-angle,0deg));transition:transform 1.3s cubic-bezier(.2,.7,.2,1),filter 1.3s;transform-style:preserve-3d;touch-action:pan-y;filter:brightness(.85);border-radius:0}
.front-door img{width:100%;height:100%;object-fit:fill;pointer-events:none}
.door-is-open .front-door{transform:rotateY(var(--door-angle,82deg));filter:brightness(.68)}
.front-door.door-dragging{transition:none}
.door-object>.object-invitation{width:80%;margin:0 auto;font-size:14px;min-height:48px}
.door-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.door-options button{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5;padding:12px;text-align:left;min-height:70px}
.choice-object-icon{width:43px;height:43px;object-fit:contain;flex:none;filter:drop-shadow(1px 3px 3px #0004)}
.primary-link .discover-lens{width:30px;height:30px;object-fit:contain;transition:transform .35s}
.primary-link:hover .discover-lens{transform:rotate(-18deg) scale(1.15)}
.flying-penny{position:fixed;width:42px;height:42px;z-index:30;pointer-events:none;object-fit:contain}
@media(min-width:1600px){.opening .illustrated-title{width:740px;height:205px}}
@media(min-width:1001px) and (max-height:850px){
.london-header{height:58px}.publisher{font-size:19px}
.opening{padding-top:3px}
.opening .illustrated-title{width:470px;height:125px;margin:0 auto 0}
.illustrated-title img{transform:translateY(-17px)}
.promise{font-size:19px;line-height:1.35}
.book-view{height:480px;margin-top:-20px;margin-bottom:-28px}
.book-invitation{min-height:40px}
.gramophone-object{max-width:230px;margin:0 auto;width:100%}
.author-object{max-width:148px;margin-top:19px}
.author-object .object-invitation{font-size:12px;margin-top:5px}
.sample-controls input{height:26px}
.right-objects{padding-top:5px}
}
@media(min-width:701px) and (max-width:1000px){.opening .illustrated-title{width:600px;max-width:95%;height:175px}.publisher{font-size:19px}.author-object{max-width:185px}.inside-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;padding-inline:22px}.door-options{grid-template-columns:1fr}}
@media(max-width:700px){
.london-header{height:64px}.publisher{font-size:18px}
.opening{padding-top:15px}
.opening .illustrated-title{width:100%;height:104px;max-width:420px;margin-bottom:4px}
.illustrated-title img{transform:translateY(-10px)}
.promise{font-size:21px}
.gramophone-area{padding:0 18px}
.gramophone-object{max-width:310px;margin:0 auto;width:100%}
.listening-label button.object-invitation{font-size:16px;min-height:48px;padding:12px 0}
.sample-controls input{height:44px}
.sample-times{font-size:12px}
.author-object{max-width:230px;margin:40px auto 0}
.author-object .object-invitation{font-size:14px;min-height:48px}
.inside-section{display:flex;flex-direction:column;gap:32px;align-items:stretch}
.door-object{max-width:340px;margin:auto}
.inside-copy h2{font-size:34px}
.door-options{grid-template-columns:1fr}
.door-options button{font-size:15px;min-height:72px}
.choice-object-icon{width:48px;height:48px}
}
@media(max-width:360px){.opening .illustrated-title{height:88px}.illustrated-title img{transform:translateY(-9px)}.publisher{font-size:17px}.author-object{max-width:210px}.inside-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.gramophone-object,.gramophone-object:hover,.author-object,.author-object:hover,.newspaper-object,.newspaper-object:hover{transform:none}.front-door{transition:none}.primary-link:hover .discover-lens{transform:none}}
.sample-controls input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:0}
.sample-controls input[type=range]::-webkit-slider-runnable-track{height:2px;background:#dbc6a780;border-radius:2px}
.sample-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border:1px solid #e0c390;background:#e0c390;border-radius:50%;margin-top:-3.5px;box-shadow:0 1px 4px #0007}
.sample-controls input[type=range]::-moz-range-track{height:2px;background:#dbc6a780;border-radius:2px}
.sample-controls input[type=range]::-moz-range-thumb{width:9px;height:9px;border:1px solid #e0c390;background:#e0c390;border-radius:50%}
@media(min-width:1001px) and (max-height:850px){
.book-invitation{height:0;min-height:0;display:block;position:relative}
.book-invitation .book-gesture{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#book-front{position:absolute;right:20px;top:0;width:44px;height:44px;justify-content:center}
#book-front span{display:none}
.central-book .primary-link{margin-top:0}
}
/* The leaf texture includes transparent padding and separate hinge plates.
Crop to the wooden face so only the jamb-mounted hinges remain visible. */
.front-door{overflow:hidden;background:#0b1720}
.front-door img{position:absolute;left:-8%;top:-.6%;width:112%;height:101.2%;max-width:none;object-fit:fill}
@media(min-width:701px){.publisher{width:190px;height:44px;min-height:44px;overflow:hidden;position:relative;display:block}.publisher img{position:absolute;width:190px;height:auto;max-width:none;left:0;top:-8px;filter:none}}
@media(max-width:700px){.publisher{width:165px;height:44px;min-height:44px;max-width:none;overflow:hidden;position:relative;display:block}.publisher img{position:absolute;width:165px;height:auto;max-width:none;left:0;top:-5px;filter:none}}
#record-scrub{left:44.3%;top:62%;width:44.5%;height:13.5%;min-height:44px}
.record-progress{top:50%;left:0;bottom:auto;right:auto;width:100%;height:auto;aspect-ratio:3.6;transform:translateY(-50%)}
.rotating-record{width:33%;transform:translate(-50%,-50%) scaleY(.27)}
.right-objects{isolation:isolate}
.right-objects:before{content:'';position:absolute;inset:22% -14% -5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#071925a8,transparent 70%)}
.news-next{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;border-top:1px solid #52625070;margin-top:25px;font:14px/1.5 'DM Sans',Arial,sans-serif;color:#17343a}
.news-next span{font-size:23px}
#door-read{display:flex;align-items:center;margin-top:20px;font-size:15px}
#door-read .choice-object-icon{width:29px;height:29px}
/* Decorative perspective and atmosphere stay within the document on narrow screens. */
body{overflow-x:clip}
@media(max-width:700px){.right-objects:before{inset:22% 0 -5%}}
/* The included audiobook is an edition benefit, linked to its book details. */
.audiobook-included{display:flex;align-items:center;gap:12px;margin:25px auto 0;max-width:295px;min-height:76px;text-align:left;color:#e8d9ba;text-decoration:none}
.audiobook-included img{width:70px;height:70px;object-fit:contain;flex:none;transition:transform .65s ease}
.audiobook-included strong{display:block;font:500 15px/1.35 "DM Sans",Arial,sans-serif}
.audiobook-included small{display:block;margin-top:5px;font:12px/1.5 "DM Sans",Arial,sans-serif;color:#c8c4b8}
.audiobook-included:hover img{transform:rotate(22deg)}
.audiobook-included:focus-visible{outline:2px solid #d7b77b;outline-offset:5px;border-radius:5px}
@media(max-width:700px){.audiobook-included{margin:22px auto 35px;max-width:290px}.audiobook-included strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.audiobook-included img{transition:none}.audiobook-included:hover img{transform:none}}
@media(min-width:1001px) and (max-height:850px){.left-objects{transform:translateY(-35px)}.audiobook-included{margin-top:15px}}
/* Associate the included audiobook with the physical gramophone. */
.gramophone-benefit{display:block;margin:9px auto 8px;max-width:300px;text-align:left;color:#e8d9ba}
.gramophone-benefit strong{display:block;font:500 15px/1.35 "DM Sans",Arial,sans-serif}
.gramophone-benefit span{display:block;font:12px/1.5 "DM Sans",Arial,sans-serif;color:#c7c3b5;margin-top:4px}
.gramophone-benefit:focus-visible{outline:2px solid #d7b77b;outline-offset:5px}
@media(min-width:1001px) and (max-height:850px){.left-objects{transform:none}.gramophone-benefit strong{font-size:14px}.gramophone-benefit span{font-size:11px}}
@media(max-width:700px){.gramophone-benefit{margin-top:12px}.gramophone-benefit strong{font-size:17px}.gramophone-benefit span{font-size:13px}}
/* Purchase CTA prepared; activate only with the verified edition's Amazon partner URL. */
.primary-link.amazon-pending{font-family:inherit;letter-spacing:inherit;cursor:default}.primary-link.amazon-pending:disabled{opacity:.78}.amazon-partner-note{display:block;font-size:10px;line-height:1.5;color:#cab595;margin-top:7px}.amazon-partner-note[hidden]{display:none}
/* Raphael selected this exact integrated ImageGen title on 19 October 2026. */
.opening .illustrated-title{height:auto;aspect-ratio:2171/724;margin-bottom:10px;overflow:visible}
.opening .illustrated-title img{width:100%;height:auto;transform:none}