.cover-first h2{font-size:42px;line-height:1.05} .cover-first .section-head h2{font-size:42px;margin-top:8px} .cover-first .section-head h2 em{font-size:.7em} .cover-hero{padding-top:28px} .hero-intro-row{display:flex;align-items:end;justify-content:space-between;gap:50px;padding-bottom:28px} .hero-intro-row h1{font:64px/.98 var(--font-display);margin-top:12px;letter-spacing:-.015em} .hero-intro-row h1 em{display:inline-block;font:italic 42px/1.1 var(--font-body);letter-spacing:-.04em;margin-left:18px} .hero-opening{max-width:360px;font-size:16px;line-height:1.55} .hero-opening .text-link{margin-top:8px;gap:25px} .hero-studio{height:590px;position:relative;isolation:isolate;overflow:clip;background:#e5d4b9} .studio-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 74%;z-index:-2;transform:scale(1.035) translateY(var(--studio-y,0px));will-change:transform} .hero-volumes{position:relative;height:100%;display:flex;justify-content:center;align-items:end;gap:70px;padding-bottom:65px} .hero-volume{--book-width:calc(clamp(230px,20.5vw,295px)*var(--hero-scale));--book-depth:22px;position:relative;display:block;flex:none;text-decoration:none;transition:filter 300ms} .hero-volume-center{--book-depth:28px;z-index:3} .hero-volume-right{--book-depth:22px} .hero-volume-motion{display:block;position:relative;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) rotate(var(--hero-z,0deg));will-change:transform} .hero-volume-motion:after{content:'';position:absolute;left:-8%;right:-8%;bottom:-18px;height:28px;z-index:-1;background:#2b201956;border-radius:50%;filter:blur(14px)} .hero-volume .physical-book{transform:rotateY(12deg);filter:drop-shadow(12px 15px 8px #251b1422)} .hero-book-caption{position:absolute;left:-15%;right:-15%;bottom:-49px;text-align:center;white-space:nowrap;font:14px/1.2 var(--font-label);color:#30291f} .hero-book-caption span{display:inline-block;margin-left:8px;transition:transform 250ms} .hero-volume:hover .hero-book-caption span{transform:translate(3px,-3px)} .hero-volume:focus-visible{outline:3px solid #20201c;outline-offset:8px} .hero-bottom{display:flex;justify-content:space-between;gap:25px;padding-block:17px;font:14px/1.5 var(--font-label);color:var(--color-muted)} .hero-bottom a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-ink)} .hero-bottom>span{display:flex;align-items:center} .cover-first .trust-strip{padding-block:18px;font-size:14px} .cover-library{padding:68px 0 70px} .cover-library .section-head{margin-bottom:22px} .cover-library .section-head>p{font-size:15px;max-width:320px} .cover-library .goal-picker{margin-top:0;border:0;padding:0} .cover-library .goal-controls{margin-top:0} .cover-library .goal-controls button{font-size:14px;padding:10px 16px} .cover-library .goal-result{margin:15px 0 14px;font-size:13px} .cover-library .book-grid{gap:44px} .cover-card{min-width:0} .cover-card .shelf-link{display:block;text-decoration:none} .shelf-stage{--shelf-height:clamp(315px,29.2vw,420px);position:relative;height:calc(var(--shelf-height) + 94px);display:grid;place-items:center;padding-bottom:24px;isolation:isolate} .shelf-stage:before{content:'';position:absolute;left:0;right:0;bottom:25px;top:26px;z-index:-2;background:radial-gradient(ellipse at 50% 74%,var(--color-surface),transparent 72%)} .shelf-stage:after{content:'';position:absolute;bottom:31px;width:77%;height:22px;background:#33281930;border-radius:50%;filter:blur(15px);z-index:-1} .shelf-object{transform:translateY(var(--cover-rise,0px));will-change:transform} .shelf-object>.physical-book{height:var(--shelf-height);width:auto;aspect-ratio:var(--book-ratio);--book-depth:24px;transform:rotateY(var(--cover-angle,12deg));transition:transform 500ms var(--ease-soft)} .shelf-link:hover .physical-book,.shelf-link:focus-visible .physical-book{transform:rotateY(2deg) translateY(-8px)} .shelf-open{position:absolute;right:0;left:0;bottom:0;text-align:center;font:14px/1.4 var(--font-label);color:var(--color-muted);transition:color 250ms} .shelf-link:hover .shelf-open{color:var(--color-ink)} .cover-card .card-text{padding:16px 0 0;margin:18px 0 0;text-align:center;border:0} .cover-card .eyebrow{font-size:11px;letter-spacing:.055em} .cover-card h3{font-size:29px;line-height:1.08;margin-top:7px} .cover-library .guitar-library{padding-top:64px;margin-top:55px;border-top:1px solid var(--color-line)} .cover-library .guitar-library .section-head{margin-bottom:20px} .cover-library [data-shelf-results][data-count="1"] .book-card{display:block;width:min(420px,100%);max-width:420px;margin:auto} .cover-library [data-shelf-results][data-count="1"] .book-card .card-text{margin:18px 0 0;padding:16px 0 0} .cover-library [data-shelf-results][data-count="1"] .book-card h3{font-size:29px} .cover-library [data-shelf-results][data-filtered="true"] .guitar-library{padding-top:0;margin-top:0;border:0} .learning-story{--color-ink:#f5f1e7;--color-muted:#c3bcab;--color-paper:#232923;--color-line:#626a5e;--color-surface:#343d32;background:#232923;color:var(--color-ink);padding:64px 0 70px;margin-top:20px} .story-heading{margin-bottom:48px} .story-heading>*{margin-left:calc(50% + 50px)} .story-heading h2{font:48px/1.05 var(--font-display);margin-top:12px} .story-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start} .story-visual{position:sticky;top:var(--story-pin-top,32px);margin-top:var(--story-entry-offset,0px);text-align:center;padding-block:25px} .story-book-stage{display:grid;place-items:center;height:480px;isolation:isolate;position:relative} .story-book-stage:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse,#8492733a,transparent 68%)} .story-turn>.physical-book{--book-width:290px;--book-depth:26px;transform:rotateY(var(--story-angle,14deg));transition:none;will-change:transform} .story-visual>p{font:24px/1.3 var(--font-display);margin-top:12px} .story-visual>p em{display:block;font:italic 14px/1.5 var(--font-body);color:var(--color-muted);margin-top:5px} .story-visual .text-link{margin-top:10px} .story-step{padding:34px 0 46px;border-top:1px solid var(--color-line)} .story-step:last-child{padding-bottom:12px} .story-index{font:12px/1.4 var(--font-label);letter-spacing:.12em;color:var(--color-muted)} .story-step h3{font:38px/1.05 var(--font-display);margin:18px 0} .story-step>p{font-size:18px;line-height:1.65;max-width:440px} .story-step>.text-link{margin-top:18px} .practice-sheet-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px} .practice-sheet-pair a{text-decoration:none;display:block;min-width:0} .practice-sheet-pair img{width:100%;height:auto;box-shadow:7px 10px 18px #0004;transition:transform 300ms var(--ease-soft)} .practice-sheet-pair a:hover img{transform:translateY(-4px)} .practice-sheet-pair span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;font:14px/1.4 var(--font-label);padding-top:12px} .practice-sheet-pair small{font-size:12px;color:var(--color-muted)} @media(max-width:550px){.practice-sheet-pair{grid-template-columns:1fr;gap:24px}.practice-sheet-pair small{white-space:nowrap}} .story-step .sound-sample{border:0;padding-top:8px} .story-step .sound-sample h3{font-size:38px} .story-step .sound-sample .sample-description{font-size:16px} .story-step .sound-sample>.eyebrow{font-size:11px;letter-spacing:.04em;margin-top:10px} .story-step .sound-sample .play-main{background:#f2a541;color:#20201c;border-color:#f2a541} .story-step .sound-sample .player-status{color:#c3bcab} .cover-first .resources-section{padding-block:75px;gap:85px} .cover-first .resources-section h2{font-size:45px} .cover-first .author-section{padding-block:60px} .cover-first .author-section h2{font-size:46px} .cover-first .book-detail{padding-top:20px;gap:75px;grid-template-columns:1fr 1fr} .cover-first .book-detail .product-presentation{--book-unit:335px} .cover-first .book-detail .product-stage{height:590px} .cover-first .book-detail h1{font-size:58px} .cover-first .book-detail h1 small{font-size:22px} .book-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 0;padding:20px 0;border-block:1px solid var(--color-line)} .book-facts dt{font:12px/1.4 var(--font-label);color:var(--color-muted);margin-bottom:7px} .book-facts dd{margin:0;font:18px/1.35 var(--font-label)} .book-copy .edition-note{font:12px/1.5 var(--font-label);color:var(--color-muted);margin-top:10px} .book-description{margin-top:30px} .book-description h2{font-size:28px;margin-bottom:15px} .book-description p{font-size:16px;line-height:1.65} .book-audio{margin-top:44px} .book-audio h2{font-size:28px} .book-audio .audio-home-list{margin:16px 0 0} .book-audio .audio-home-list a{min-height:76px;grid-template-columns:44px 1fr 24px;gap:18px;padding:14px 0} .book-audio .part-index-number{font-size:32px} .book-audio .audio-home-list h3{font:22px/1.15 var(--font-display)} .cover-first .purchase-panel{margin-top:28px;padding-top:24px} .cover-first .purchase-panel h2{font-size:25px} .book-gallery{padding:45px 0 80px;border-top:1px solid var(--color-line)} .book-gallery .section-head h2{font-size:38px} .cover-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;max-width:960px;margin:40px auto 0;align-items:start} .cover-gallery-grid figure{max-width:420px;margin:auto;width:100%} .cover-gallery-grid img{width:100%;height:auto;box-shadow:8px 15px 30px #0002} .cover-gallery-grid figcaption{font:15px/1.5 var(--font-label);margin-top:18px;text-align:center;min-height:44px} .cover-gallery-grid figcaption a{display:inline-flex;align-items:center;min-height:44px} @media(min-width:1001px) and (min-height:700px){.cover-first .book-detail .product-stage{height:min(590px,calc(100svh - 180px))}} @media(max-width:1150px){.hero-intro-row h1{font-size:52px}.hero-intro-row h1 em{font-size:34px;margin-left:10px}.hero-volumes{gap:40px;padding-bottom:65px}.hero-volume{--book-width:calc(clamp(210px,20.5vw,295px)*var(--hero-scale))}.story-layout{gap:60px}.story-turn>.physical-book{--book-width:260px}.cover-first .book-detail .product-presentation{--book-unit:270px}} @media(max-width:1000px){.hero-intro-row{align-items:start;gap:25px}.hero-intro-row h1 em{display:block;margin:7px 0 0}.hero-opening{font-size:15px;max-width:285px}.hero-volume{--book-width:calc(22vw*var(--hero-scale))}.hero-volumes{gap:30px}.hero-book-caption{font-size:12px}.cover-library .book-grid{gap:24px}.shelf-stage{--shelf-height:clamp(250px,30vw,315px)}.cover-card h3{font-size:25px}.cover-first .book-detail .product-presentation{--book-unit:290px}.cover-first .book-detail .product-stage{height:490px}.cover-first .book-detail{gap:40px}.book-copy{max-width:700px}.story-layout{gap:35px}.story-turn>.physical-book{--book-width:235px}.story-book-stage{height:400px}} @media(max-width:800px){.hero-volumes{gap:22px;padding-bottom:60px}.hero-volume{--book-width:calc(23vw*var(--hero-scale))}.hero-book-caption{font-size:11px;white-space:normal;left:-5%;right:-5%;bottom:-44px}.hero-bottom{font-size:12px}.cover-library .book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.shelf-stage{--shelf-height:clamp(270px,44vw,350px)}.cover-library .section-head h2{font-size:37px}.story-layout{grid-template-columns:1fr;gap:30px}.story-visual{position:static;display:none}.story-heading{margin-bottom:26px}.story-steps{max-width:600px;margin:auto;width:100%}.story-step{padding-block:28px 38px}.learning-story{padding-block:45px}.cover-first .resources-section{gap:40px}.cover-first .resources-section h2{font-size:38px}} @media(max-width:600px){.cover-hero{padding-top:24px}.hero-intro-row{display:block;padding-bottom:24px}.hero-intro-row h1{font-size:46px}.hero-intro-row h1 em{font-size:31px;display:inline-block;margin-left:10px}.hero-intro-row .eyebrow{font-size:11px}.hero-opening{margin-top:18px;max-width:none;font-size:15px}.hero-opening p br{display:none}.hero-opening .text-link{margin-top:10px}.hero-volumes{gap:8px;width:calc(100% - 26px);padding-bottom:64px;justify-content:space-around}.hero-volume{--book-width:calc(24vw*var(--hero-scale));--book-depth:10px}.hero-volume-center{--book-depth:13px}.hero-volume-right{--book-depth:10px}.hero-volume .physical-book{transform:rotateY(9deg)}.studio-background{object-position:center bottom}.hero-book-caption{font-size:10px;bottom:-43px;left:-10%;right:-10%}.hero-book-caption span{display:none}.hero-bottom{display:block;padding-block:8px}.hero-bottom>span{display:none}.hero-bottom>a{font-size:13px}.cover-first .trust-strip{font-size:13px;padding-block:14px}.cover-first .trust-strip .reader-shortcut{display:none}.cover-library{padding-top:40px}.cover-library .section-head{display:block;margin-bottom:20px}.cover-library .section-head h2{font-size:36px}.cover-library .section-head>p{display:none}.cover-library .goal-controls{gap:7px}.cover-library .goal-controls button{font-size:13px;padding:9px 11px}.cover-library .book-grid{grid-template-columns:1fr;gap:35px}.shelf-stage{--shelf-height:min(400px,calc((100vw - 74px)/.78));height:calc(var(--shelf-height) + 70px);padding-bottom:22px}.cover-card .card-text{margin-top:8px;padding-top:12px}.cover-card h3{font-size:30px}.cover-library .guitar-library{padding-top:35px;margin-top:45px}.cover-library .guitar-library h2{font-size:34px}.story-heading h2{font-size:39px}.story-step h3{font-size:34px}.story-step>p{font-size:16px}.story-step .sound-sample h3{font-size:35px}.cover-first .resources-section{padding-block:44px}.cover-first .author-section{padding-block:40px}.cover-first .author-section h2{font-size:40px}.cover-first .book-detail .product-presentation{--book-unit:250px}.cover-first .book-detail .product-stage{height:440px}.cover-first .book-detail h1{font-size:44px}.cover-first .book-detail h1 small{font-size:20px}.book-facts{gap:10px}.book-facts dd{font-size:16px}.cover-gallery-grid{grid-template-columns:1fr;gap:35px;max-width:360px;margin-top:25px}.book-gallery .section-head h2{font-size:34px}} @media(max-width:390px){.hero-intro-row h1 em{display:block;margin:7px 0 0}.hero-book-caption{font-size:9px}.hero-volumes{padding-bottom:60px}.cover-first .book-detail .product-presentation{--book-unit:235px}} @media(max-width:600px){.hero-volume-left{z-index:1}.hero-volume-center{z-index:3}.hero-volume-right{z-index:2}.hero-book-caption{display:none}} @media(max-width:1150px){.story-heading>*{margin-left:calc(50% + 30px)}} @media(max-width:1000px){.story-heading>*{margin-left:calc(50% + 17.5px)}} @media(max-width:800px){.story-heading>*{margin-left:0}} @media(prefers-reduced-motion:reduce){.studio-background,.hero-volume-motion,.shelf-object,.story-turn>.physical-book{will-change:auto;transform:none}.hero-volume .physical-book,.shelf-object>.physical-book,.story-turn>.physical-book{transform:rotateY(12deg)}.story-visual{position:static}.shelf-link:hover .physical-book{transform:rotateY(12deg)}} .hero-studio{--hero-top:262px;--hero-frame-ratio:var(--hero-wide-ratio);--hero-frame-aspect:var(--hero-wide-aspect);--hero-scene-height:calc(100vw * var(--hero-frame-ratio));--hero-table-bottom:10%;--hero-book-unit:min(22vw,440px,max(1px,calc((min(var(--hero-scene-height),calc(100svh - var(--hero-top) - 24px)) - var(--hero-scene-height)*.1) * 7 / 11 - 16px)));height:auto;aspect-ratio:auto} .studio-picture{display:block} .studio-background{position:static;display:block;width:100%;height:auto;aspect-ratio:var(--hero-frame-aspect);object-fit:contain;object-position:center;transform:none;will-change:auto} .hero-volumes{position:absolute;inset:0 0 var(--hero-table-bottom);width:100%;max-width:none;height:auto;display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,4vw,76px);padding:0;margin:0} .hero-volume{position:relative;left:auto;bottom:auto;transform:none;--book-width:calc(var(--hero-book-unit)*var(--hero-scale))} @media(max-width:800px){ .hero-studio{--hero-frame-ratio:var(--hero-compact-ratio);--hero-frame-aspect:var(--hero-compact-aspect)} .hero-volumes{gap:2vw} .hero-book-caption{bottom:-38px;font-size:11px} } @media(max-width:600px){ .hero-volumes{gap:2vw} .hero-studio{--hero-top:450px} .hero-volume{--book-depth:9px} .hero-volume-center{--book-depth:11px} .hero-volume-right{--book-depth:9px} .hero-book-caption{display:none} .hero-volume-motion:after{bottom:-9px;height:14px;filter:blur(9px)} } @media(max-height:700px) and (max-width:600px){ .cover-hero{padding-top:16px} .hero-intro-row{padding-bottom:16px} .hero-intro-row h1{font-size:42px} .hero-intro-row h1 em{font-size:29px} .hero-opening{margin-top:12px;font-size:14px} } @media(max-height:600px) and (min-width:601px){ .cover-first .header-inner{min-height:72px} .cover-hero{padding-top:16px} .hero-intro-row{padding-bottom:16px;align-items:center;gap:24px} .hero-intro-row h1{font-size:38px} .hero-intro-row h1 em{font-size:27px;display:inline-block;margin-left:10px} .hero-intro-row .eyebrow{font-size:11px} .hero-opening{font-size:14px;max-width:290px} } @media(max-height:650px) and (max-width:360px){ .hero-intro-row{padding-bottom:8px} .hero-intro-row h1{font-size:38px} .hero-intro-row h1 em{font-size:27px} .hero-opening .text-link{min-height:36px} } @media(max-height:500px) and (min-width:801px){ .cover-first .header-inner{min-height:44px} .cover-first .site-header .brand{--brand-title-size:26px;--brand-subtitle-size:10px} .cover-hero{padding-top:6px} .hero-intro-row{padding-bottom:4px} .hero-intro-row .eyebrow,.hero-opening p{display:none} .hero-intro-row h1{font-size:30px;margin-top:0} .hero-intro-row h1 em{font-size:21px} .hero-opening .text-link{min-height:32px;margin-top:0} } .hero-volume{--hero-direction:0} .hero-volume-left{--hero-direction:-1} .hero-volume-right{--hero-direction:1} .hero-volume:before,.hero-volume:after{content:'';position:absolute;pointer-events:none;z-index:0;mix-blend-mode:multiply;transform-origin:50% 0} .hero-volume:before{top:calc(100% - 3px);left:2%;width:96%;height:min(calc(var(--book-width)*.29),calc(var(--hero-scene-height)*.075));border-radius:2px 5px 20% 8%;background:linear-gradient(180deg,#38281d70 0%,#46311f50 42%,#46311f12 100%);filter:blur(clamp(3px,.42vw,7px));transform:translateX(calc(var(--hero-direction)*var(--hero-progress,0)*48px)) skewX(58deg) scaleY(calc(1 + var(--hero-progress,0)*.2));opacity:calc(1 - var(--hero-progress,0)*.42)} .hero-volume .hero-book-caption{bottom:calc(-1 * min(30px,calc(var(--hero-scene-height)*.065)))} .hero-volume:after{left:1%;right:-1%;bottom:-4px;height:10px;background:radial-gradient(ellipse,#241a12c4 0,#3522148c 42%,transparent 74%);filter:blur(2px);transform:translateX(calc(var(--hero-direction)*var(--hero-progress,0)*48px));opacity:calc(1 - var(--hero-progress,0)*.9)} .hero-volume-motion{z-index:1} .hero-volume-motion:after{content:none} .hero-volume .physical-book{transform-origin:50% 50%;transform:rotateY(12deg);filter:none} .hero-volume .book-front,.hero-volume .book-back{box-shadow:0 1px 1px #2d201d33} .hero-volume .book-front:after{background:linear-gradient(105deg,#fff1cf12,transparent 45%,#3a230b0a),linear-gradient(90deg,#0003 0,transparent 2%,#fff2 3%,transparent 5%,transparent 97%,#0002 100%)} @media(max-width:600px){ .hero-volume:before{filter:blur(2px)} .hero-volume:after{height:5px;bottom:-2px;filter:blur(1px)} .hero-volume .physical-book{transform:rotateY(9deg)} } .learning-story{position:relative} .story-choice-stack{display:grid;min-width:0} .story-choice-stack>.story-choice{grid-area:1/1;min-width:0;align-self:start;visibility:hidden;pointer-events:none} .story-choice-stack>.story-choice.is-current{visibility:visible;pointer-events:auto} .story-choice>p,.story-try>p{font-size:18px;line-height:1.65;max-width:440px} .story-turn .physical-book{--book-width:290px;--book-depth:26px;transform:rotateY(var(--story-angle,14deg));transition:none;will-change:transform} .story-turn>.story-model{align-self:center;justify-self:center} .story-caption p{font:24px/1.3 var(--font-display);margin:12px auto 0} .story-caption p em{display:block;font:italic 14px/1.5 var(--font-body);color:var(--color-muted);margin-top:5px} .story-caption .text-link{margin-top:10px} .story-heading .story-current-book{font:14px/1.5 var(--font-label);color:var(--color-muted);margin-top:15px} .story-step .story-choice>.text-link{margin-top:18px} .story-step .story-try{padding-top:18px} .story-try>.eyebrow{font:11px/1.5 var(--font-label);letter-spacing:.1em;color:var(--color-muted)} .story-cues{list-style:none;margin:30px 0 0;padding:0;counter-reset:cue} .story-cues li{counter-increment:cue;display:grid;grid-template-columns:36px 1fr;gap:3px 12px;margin-top:18px} .story-cues li:before{content:counter(cue,decimal-leading-zero);grid-row:1/3;font:14px/1.6 var(--font-label);color:#dfb77c} .story-cues strong{font:21px/1.1 var(--font-display)} .story-cues span{font:15px/1.5 var(--font-body);color:var(--color-muted)} .story-navigation[hidden]{display:none} .story-nav-rail{position:absolute;top:170px;bottom:28px;width:48px;z-index:5;pointer-events:none} .story-nav-previous{left:4px} .story-nav-next{right:4px} .story-chevron{position:sticky;top:calc(50vh - 28px);display:grid;place-items:center;width:48px;height:56px;padding:0;border:1px solid #f5f1e72e;border-radius:28px;background:#232923d9;color:#f5f1e7;cursor:pointer;pointer-events:auto;transition:background 220ms,border-color 220ms} .story-chevron:hover{background:#444e3e;border-color:#dfb77c} .story-chevron:focus-visible{outline:3px solid #dfb77c;outline-offset:3px} .story-nav-previous svg{transform:rotate(180deg)} @media(max-width:1150px){.story-turn .physical-book{--book-width:260px}} @media(max-width:1000px){.story-turn .physical-book{--book-width:235px}} @media(min-width:801px) and (max-height:850px){ .story-visual{--story-stage-height:clamp(140px,calc(100svh - 300px),400px);padding-block:12px} .story-visual .story-book-stage{height:var(--story-stage-height)} .story-visual .story-turn .physical-book{--book-width:min(245px,calc((var(--story-stage-height) - 16px) * var(--book-ratio,2/3)))} } @media(max-width:800px){ .learning-story>.wrap{width:calc(100% - 104px)} .story-visual{display:block;position:static;margin-top:0;padding-block:0 20px} .story-turn .physical-book{--book-width:170px;--book-depth:17px;transform:rotateY(14deg)} .story-book-stage{height:270px} .story-caption p{font-size:23px} .story-layout{gap:20px} .story-choice>p,.story-try>p{font-size:16px} .story-nav-rail{top:180px;width:44px} .story-chevron{width:44px;height:52px} } @media(prefers-reduced-motion:reduce){ .story-turn .physical-book{transform:rotateY(14deg);will-change:auto} .story-chevron{transition:none} }