@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,700;1,600&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{--paper:#EDE6D4;--wine:#5A1E23;--blue:#B7D4EA;--line:rgba(90,30,35,.24)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--wine);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--wine);outline-offset:5px}.masthead{height:96px;margin:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.1em}.brand{font-size:40px;font-weight:700;letter-spacing:-3px;color:inherit;text-decoration:none;line-height:1}.brand span{font-size:13px;vertical-align:top;letter-spacing:0}.book-wrap{padding:32px 6vw 28px;perspective:2200px}.book{position:relative;width:min(1160px,100%);height:min(690px,calc(100svh - 228px));min-height:510px;margin:auto;background:var(--paper);box-shadow:0 24px 48px -24px #32131665,5px 5px 0 -1px #ddd5c2,7px 7px 0 -1px var(--line);touch-action:pan-y}.sheet{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);transform-origin:left center;backface-visibility:hidden}.sheet::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:18px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#37201212,transparent);pointer-events:none}.leaf{position:relative;padding:32px 38px 46px;min-width:0;overflow:hidden;background:var(--paper);display:flex;flex-direction:column}.leaf.blue{background:var(--blue)}.leaf.wine{background:var(--wine);color:var(--paper)}.eyebrow,.folio,.small-label{font-size:12px;letter-spacing:.13em;font-weight:500}.folio{position:absolute;bottom:20px;left:38px;right:38px;display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:12px;opacity:.7}.cover-left{justify-content:space-between}.cover-word{font-size:clamp(75px,10vw,148px);letter-spacing:-.085em;font-weight:600;line-height:.85;margin:30px 0 0}.cover-word sup{font-size:23px;letter-spacing:0;vertical-align:top}.cover-brand{letter-spacing:.55em;font-size:16px;margin:12px 0 0 9px}.cover-title{font-family:Italiana,Georgia,serif;font-size:clamp(55px,6.5vw,90px);font-weight:400;line-height:.95;margin:36px 0 26px;letter-spacing:-.03em}.cover-bottom{display:flex;justify-content:space-between;align-items:end}.open-button{border:0;border-bottom:1px solid;background:none;padding:14px 0;font-size:12px;letter-spacing:.08em}.cover-right{padding:0;background:var(--blue);justify-content:center;align-items:center}.abstract{width:77%;height:71%;border:1px solid var(--wine);border-radius:50% 50% 0 0;position:relative;display:flex;justify-content:center;align-items:center;transform:rotate(-9deg)}.abstract::before,.abstract::after{content:'';position:absolute;inset:16px;border:1px solid var(--wine);border-radius:inherit}.abstract::after{inset:32px}.abstract span{font-family:Italiana,Georgia,serif;font-size:clamp(140px,21vw,280px);transform:rotate(9deg);line-height:1}.vertical{position:absolute;right:20px;top:26px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.17em}.cover-note{position:absolute;bottom:28px;left:32px;font-size:12px;letter-spacing:.1em}.intro{justify-content:center}.intro h1{font-family:Italiana,Georgia,serif;font-weight:400;font-size:clamp(38px,4.5vw,64px);line-height:1.05;margin:28px 0}.intro h1 em{font-style:normal;opacity:.57}.intro-number{font-family:Italiana,Georgia,serif;font-size:110px;line-height:1}.index-link{display:flex;justify-content:space-between;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:20px 0;font-size:16px;width:100%}.index-link span:first-child{font-size:12px;margin-right:20px}.chapter-head{display:flex;justify-content:space-between;gap:10px}.case-title{font-family:Italiana,Georgia,serif;font-size:clamp(30px,3.8vw,51px);font-weight:400;line-height:1.05;margin:15px 0 22px}.case-title small{font-family:'DM Sans',sans-serif;font-size:12px;display:block;letter-spacing:.1em;margin-top:10px}.slot{position:relative;display:flex;flex:1;min-height:0;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.16);overflow:hidden}.slot img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.slot-label{font-size:12px;letter-spacing:.1em;text-align:center}.slot-hint{font-family:Italiana,Georgia,serif;font-size:24px;opacity:.5}.slot-index{position:absolute;top:14px;left:15px;font-size:12px;opacity:.5}.phone{border-radius:26px;max-width:222px;width:100%;margin:0 auto 14px;min-height:245px}.phone::before{content:'';width:43px;height:5px;background:var(--line);position:absolute;top:13px;border-radius:9px}.state{font-size:12px;letter-spacing:.16em;display:flex;justify-content:space-between;margin-bottom:14px}.state i{font-style:normal;opacity:.5}.pieces{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;flex:1;min-height:240px}.pieces .slot:first-child{grid-row:span 2}.pieces.wide .slot:first-child{grid-row:auto;grid-column:span 2}.phrase{font-family:Italiana,Georgia,serif;font-size:clamp(28px,3.5vw,46px);font-weight:400;line-height:1.04;margin:0 0 24px}.tagline{font-size:12px;letter-spacing:.08em;margin:17px 0 4px}.final{justify-content:center}.final h2{font-family:Italiana,Georgia,serif;font-weight:400;font-size:clamp(42px,5.1vw,72px);line-height:1.02;margin:24px 0}.contact-button{border:1px solid currentColor;background:none;padding:19px 20px;align-self:start;letter-spacing:.1em;font-size:12px;margin-top:20px}.final-logo{font-size:clamp(65px,10vw,130px);font-weight:700;letter-spacing:-.07em}.navigation{margin:0 4vw;position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 0 22px;font-size:12px;letter-spacing:.1em}.controls{display:flex;align-items:center;gap:24px}.controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:none;font-size:23px}.controls button:disabled{opacity:.25;cursor:default}.gesture span{margin-left:15px}.progress{position:absolute;bottom:0;left:0;height:2px;background:var(--wine);transition:width .6s}.turn-out{animation:turn .55s ease-in forwards;z-index:2}.turn-back{animation:turnback .55s ease-out;z-index:2}@keyframes turn{to{transform:rotateY(-88deg);filter:brightness(.8);opacity:.3}}@keyframes turnback{from{transform:rotateY(-88deg);filter:brightness(.8);opacity:.3}to{transform:none;opacity:1}}dialog{background:var(--paper);color:var(--wine);border:1px solid var(--wine);padding:48px;max-width:min(90vw,480px)}dialog::backdrop{background:#27101480}dialog h2{font-family:Italiana,Georgia,serif;font-size:44px}dialog p{line-height:1.6}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px}.text-button{background:none;border:0;border-bottom:1px solid;padding:12px 0;font-size:12px}.brand-symbol{width:45px;height:45px;object-fit:contain}
@media(min-width:1500px){.book-wrap{padding-top:48px;padding-bottom:40px}}
@media(max-width:700px){.masthead{height:73px;margin:0 22px}.masthead>span:not(.edition){display:none}.edition{font-size:10px;letter-spacing:.06em}.brand{font-size:34px}.book-wrap{padding:22px 20px}.book{height:calc(100svh - 187px);min-height:510px;max-height:850px}.sheet{grid-template-columns:1fr}.sheet::after{display:none}.leaf{padding:25px 26px 53px}.leaf.desktop-only{display:none}.folio{left:26px;right:26px}.cover-word{font-size:112px;margin-top:28px}.cover-title{font-size:70px;margin:30px 0}.cover-brand{font-size:14px}.cover-left{background:linear-gradient(135deg,var(--paper) 72%,var(--blue) 72%)}.cover-bottom .eyebrow{max-width:95px;line-height:1.6;font-size:10px}.cover-bottom{gap:18px}.open-button{font-size:11px}.navigation{margin:0 22px;padding-bottom:16px}.reading-label{font-size:10px;max-width:130px}.gesture{display:none}.controls{gap:14px;font-size:11px}.controls button{width:40px;height:40px}.case-title{font-size:39px}.phone{max-width:242px;min-height:250px}.intro h1{font-size:47px}.final h2{font-size:53px}.phrase{font-size:39px}.pieces{min-height:280px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Revised Help editorial identity */

body{background:#46171c;color:var(--paper)}.masthead{border-color:#ede6d438}.brand{display:block}.official-logo{display:block;object-fit:contain}.header-logo{width:100px;height:49px}.book{color:var(--wine);box-shadow:0 34px 70px #16060a75,3px 4px 0 #dbd2bd,6px 7px 0 #9d9180,8px 9px 0 #d8d0be;transform-style:preserve-3d;animation:paper-breathe 8s ease-in-out infinite}.sheet{border-color:#46171c35}.sheet:after{width:36px;background:linear-gradient(90deg,transparent,#26121425 48%,#ffffff13 52%,transparent)}.cover-logo{width:190px;height:95px;margin-top:12px}.cover-left.wine{background:var(--wine)}.cover-title,.intro h1,.case-title,.phrase,.final h2,.intro-number,.case-signature h2{font-family:'Bodoni Moda',Georgia,serif;font-weight:700;letter-spacing:-.035em}.cover-title{font-size:clamp(58px,6.6vw,92px);line-height:.99;margin:18px 0}.cover-title em{color:var(--blue);font-weight:600}.cover-symbol{width:70%;height:74%;object-fit:contain;filter:drop-shadow(9px 15px 12px #5a1e2318)}.intro h1{font-size:clamp(37px,4.3vw,59px)}.intro h1 em{opacity:.65}.intro-number span{font:14px 'DM Sans',sans-serif;letter-spacing:.03em}.eyebrow,.small-label,.state,.open-button,.slot-label{font-weight:600}.leaf.wine{--line:rgba(237,230,212,.3)}.leaf.wine .slot{background:#ede6d408}.leaf.wine .slot-hint{opacity:.75}.slot-hint{font-family:'Bodoni Moda',Georgia,serif;font-weight:600;font-size:27px}.slot-cross{font-size:30px;font-weight:400;opacity:.4}.slot-label{font-size:12px;letter-spacing:.09em}.phone{max-width:240px;box-shadow:9px 16px 23px #230b101c;transform:rotate(-2deg)}.wine .phone{transform:rotate(2deg)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:220px;overflow:auto}.gallery.single{grid-template-columns:1fr}.gallery .slot{min-height:180px}.phrase{margin-top:24px;font-size:clamp(31px,3.7vw,47px)}.video-placeholder{flex:1;min-height:230px;background:linear-gradient(145deg,#42151a,#682930);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;text-align:center;box-shadow:10px 20px 35px #20070b33}.video-placeholder>span:not(.play-outline){font-size:12px;letter-spacing:.13em}.video-placeholder small{font-size:13px;opacity:.7}.play-outline{font-size:45px;color:var(--blue)}.backstage-video{display:block;width:100%;flex:1;min-height:0;max-height:400px;object-fit:contain;background:#261014}.case-signature{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px}.case-signature img{height:140px;width:130px;object-fit:contain;align-self:center}.case-signature h2{font-size:36px;line-height:1.1}.signature{background:var(--blue)}.contact-button{color:inherit;text-decoration:none;font-weight:600;background:var(--blue);border-color:var(--blue);color:var(--wine);transition:transform .2s,background .2s}.contact-button:hover{transform:translateY(-3px);background:var(--paper)}.closing-logo{width:90px;height:48px;margin-top:22px}.final h2{font-size:clamp(40px,4.7vw,65px);margin:18px 0}.controls button{border-color:#ede6d455}.progress{background:var(--blue)}.mobile-copy{display:none}.turn-out{animation:turn .7s cubic-bezier(.42,0,.25,1) forwards}.turn-back{animation:turnback .7s cubic-bezier(.2,.6,.2,1)}@keyframes paper-breathe{0%,100%{transform:rotateX(.5deg) rotateY(-.45deg)}50%{transform:rotateX(-.5deg) rotateY(.45deg)}}@keyframes turn{to{transform:rotateY(-100deg) rotateZ(-1deg);filter:brightness(.68);opacity:.15}}@keyframes turnback{from{transform:rotateY(-100deg);filter:brightness(.68);opacity:.15}to{transform:none;filter:brightness(1);opacity:1}}
@media(max-width:700px){body{background:var(--wine)}.masthead{height:74px}.header-logo{width:85px;height:45px}.book-wrap{padding:18px 16px 70px;perspective:none}.book{height:auto;min-height:0;max-height:none;background:none;box-shadow:none;animation:none;touch-action:pan-y}.sheet{position:relative;inset:auto;display:block;margin:0 0 24px;overflow:visible;transform:none;box-shadow:0 16px 30px #23090f50,3px 4px 0 #d1c5af;scroll-margin-top:16px;perspective:1500px}.leaf{min-height:650px;min-height:85svh;padding:28px 27px 64px;border-radius:1px}.sheet.in-view .leaf{animation:leaf-settle 1.2s ease-out both;transform-origin:top center}.leaf.desktop-only{display:none}.cover-left.wine{background:linear-gradient(145deg,#5a1e23,#43151b);border:1px solid #ede6d430}.cover-logo{width:165px;height:85px}.cover-title{font-size:clamp(60px,17vw,83px);margin:25px 0}.cover-bottom{margin-top:28px}.cover-bottom .eyebrow{font-size:11px;max-width:120px}.open-button{font-size:11px}.desktop-copy{display:none}.mobile-copy{display:inline}.navigation{position:fixed;bottom:0;left:0;right:0;margin:0;padding:13px 22px;background:#46171cef;backdrop-filter:blur(12px);z-index:10;border-top:1px solid #ede6d430}.controls button{display:none}.reading-label{max-width:230px;font-size:11px}.controls{font-size:12px}.intro h1{font-size:clamp(36px,10vw,49px);line-height:1.14}.case-title{font-size:44px}.phone{min-height:380px;flex:1;margin-top:14px;margin-bottom:15px;width:90%}.state{font-size:11px}.phrase{font-size:42px}.gallery{min-height:370px}.gallery .slot{min-height:240px}.video-placeholder{min-height:360px}.backstage-video{min-height:330px;max-height:65svh}.case-signature{min-height:400px}.final h2{font-size:clamp(43px,12vw,58px)}.final .contact-button{margin-top:20px}.closing-logo{margin-top:24px}.folio{font-size:11px}.book .sheet:last-child{margin-bottom:0}@keyframes leaf-settle{0%{transform:rotateX(3deg) rotateY(-1deg);filter:brightness(.94)}60%{transform:rotateX(-.7deg) rotateY(.25deg)}100%{transform:rotateX(0) rotateY(0);filter:brightness(1)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Compact, single-page mobile book */
.cover-rule{position:absolute;top:70px;left:38px;right:38px;height:1px;background:linear-gradient(90deg,#b7d4ea80,transparent)}
.cover-left:before,.final.wine:before{content:'';position:absolute;inset:12px;border:1px solid #ede6d428;pointer-events:none}
.cover-left:after,.final.wine:after{content:'';position:absolute;left:0;top:0;bottom:0;width:18px;background:linear-gradient(90deg,#1c06095c,#ffffff09 45%,#1c06092e 70%,transparent);pointer-events:none}
.cover-left.wine,.final.wine{background:radial-gradient(ellipse at 85% 5%,#83374055,transparent 60%),linear-gradient(105deg,#3b1117,#5a1e23 12%,#541b21 95%,#361016)}
.book{perspective:1800px}.sheet{transform-style:preserve-3d}.turn-out,.turn-back{will-change:transform,opacity}
.turn-out:before,.turn-back:before{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent 20%,#16050955 95%);animation:page-shade .65s ease both}
@keyframes page-shade{from{opacity:0}to{opacity:1}}
@media(max-width:700px){
 html,body{height:100%;overflow:hidden;overscroll-behavior:none}
 body{height:100svh;height:100dvh;display:grid;grid-template-rows:58px minmax(0,1fr) 70px;background:radial-gradient(ellipse at 50% 35%,#79333d 0,#391017 75%)}
 .masthead{height:auto;margin:0 22px;border-color:#ede6d41c}
 .header-logo{height:35px;width:68px}.edition{font-size:10px}
 main{min-height:0;display:flex;align-items:center;justify-content:center}
 .book-wrap{padding:13px 23px 17px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1600px}
 .book{width:100%;height:100%;max-width:390px;max-height:650px;min-height:0;position:relative;touch-action:pan-y pinch-zoom;background:var(--paper);animation:none;transform:rotateY(-2deg);box-shadow:0 20px 35px #16050a80,3px 1px 0 #c0b59e,5px 2px 0 #e5dcc7,7px 3px 0 #b5a992;transition:transform .6s}
 .book.is-cover,.book.is-end{transform:rotateY(-5deg) rotateZ(-.6deg);box-shadow:0 24px 40px #16050a90,3px 1px 0 #b1a58e,5px 2px 0 #e5dcc7,8px 3px 0 #b5a992,10px 4px 0 #391017}
 .sheet{position:absolute;inset:0;display:block;height:100%;margin:0;overflow:hidden;border:0;box-shadow:none;perspective:none;transform-origin:left center;backface-visibility:hidden}
 .leaf{height:100%;min-height:0;padding:25px 25px 49px;overflow:hidden;border-radius:0}
 .sheet.in-view .leaf{animation:none}
 .cover-left.wine{border:0;justify-content:space-between;padding:27px 28px 32px}
 .cover-rule{top:61px;left:28px;right:28px}
 .cover-logo{width:135px;height:68px;margin:0}
 .cover-title{font-size:clamp(47px,15vw,68px);line-height:1.02;margin:20px 0 15px}
 .cover-bottom{display:block;margin:0}.cover-bottom>.eyebrow{display:block;max-width:none;font-size:10px;line-height:1.5;letter-spacing:.13em}
 .open-button{margin-top:16px;font-size:11px;padding:10px 0;border-color:#b7d4ea80;min-height:40px}
 .intro h1{font-size:clamp(28px,8.5vw,39px);line-height:1.15;margin:24px 0}
 .eyebrow{font-size:10px;letter-spacing:.12em}.case-title{font-size:clamp(29px,9vw,40px);margin:12px 0 16px}
 .state{font-size:10px;margin-bottom:10px}.state i{font-size:9px}
 .phone{flex:1;min-height:0;max-height:none;max-width:205px;width:80%;margin:4px auto 10px;border-radius:22px;transform:rotate(-1deg)}
 .wine .phone{transform:rotate(1deg)}.slot-hint{font-size:23px}.slot-label{font-size:11px}.slot-cross{font-size:22px}
 .folio{left:25px;right:25px;bottom:17px;font-size:9px;letter-spacing:.08em;padding-top:9px}
 .phrase{font-size:clamp(28px,8.7vw,39px);line-height:1.08;margin:17px 0 22px}
 .gallery{min-height:0;overflow:hidden;grid-auto-rows:minmax(0,1fr)}.gallery .slot{min-height:0}
 .video-placeholder{min-height:0;gap:16px}.video-placeholder small{font-size:11px}.video-placeholder>span:not(.play-outline){font-size:10px}
 .backstage-video{min-height:0;max-height:100%;flex:1;width:100%}
 .final{justify-content:center;padding:30px 28px 47px}
 .final h2{font-size:clamp(32px,10vw,46px);line-height:1.03;margin:23px 0 12px}
 .final h2 em{color:var(--blue)}
 .contact-button{font-size:11px;padding:15px 13px;min-height:44px;margin-top:10px!important}
 .closing-logo{width:75px;height:38px;margin-top:22px}
 .navigation{position:relative;inset:auto;height:70px;margin:0 23px;padding:0 0 12px;border:0;background:none;backdrop-filter:none;display:flex;align-items:center;gap:12px}
 .controls{gap:12px;font-size:11px}.controls button{display:block;width:44px;height:44px;font-size:22px}.reading-label{font-size:10px;max-width:135px;line-height:1.4}.progress{bottom:7px;height:1px}
 .turn-out{animation:mobile-turn .65s cubic-bezier(.4,0,.25,1) forwards;z-index:3}
 .turn-back{animation:mobile-return .65s cubic-bezier(.2,.6,.2,1) both;z-index:3}
 @keyframes mobile-turn{0%{transform:rotateY(0);opacity:1}70%{opacity:1}100%{transform:rotateY(-105deg);opacity:0}}
 @keyframes mobile-return{0%{transform:rotateY(-105deg);opacity:0}30%{opacity:1}100%{transform:rotateY(0);opacity:1}}
}
@media(max-width:700px) and (max-height:690px){
 body{grid-template-rows:48px minmax(0,1fr) 62px}.book-wrap{padding-top:9px;padding-bottom:13px}.navigation{height:62px}
 .leaf{padding-top:18px}.cover-left.wine{padding-top:21px;padding-bottom:23px}.cover-rule{top:50px}
 .cover-logo{height:48px;width:105px}.cover-title{font-size:48px;margin:10px 0}
 .cover-bottom>.eyebrow{font-size:9px}.open-button{margin-top:8px;padding:7px 0}
 .intro h1{font-size:29px}.phrase{font-size:29px;margin:12px 0}.case-title{font-size:31px;margin:9px 0}
 .final h2{font-size:34px;margin:14px 0 5px}.closing-logo{height:28px;margin-top:12px}
}
@media(max-width:700px) and (max-height:480px){
 body{grid-template-rows:36px minmax(0,1fr) 50px}.masthead{height:36px}.navigation{height:50px}
 .book{max-width:450px}.cover-logo{height:32px;width:70px}.cover-title{font-size:33px;margin:5px 0}.cover-bottom>.eyebrow{display:none}.cover-rule{display:none}
 .leaf{padding:14px 22px 35px}.intro h1{font-size:23px;margin:10px 0}.case-title{font-size:23px;margin:7px 0}.phrase{font-size:23px}
 .final h2{font-size:25px;margin:8px 0}.final .closing-logo{display:none}.contact-button{padding:10px;font-size:10px}.folio{bottom:10px}
}
@media(prefers-reduced-motion:reduce){.book{transform:none!important}*,*::before,*::after{animation:none!important;transition:none!important}}

.print-frame{display:block;position:relative;flex:1;min-height:0;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.print-frame img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;filter:drop-shadow(5px 9px 9px #19070d30)}
.image-hint{font-size:10px;letter-spacing:.12em;text-align:center;margin-top:9px;opacity:.75}
.case-page .case-title{font-size:clamp(28px,3vw,43px);margin:12px 0 14px}
.case-page .chapter-head .eyebrow:last-child{letter-spacing:.05em;text-align:right}
.video-page .backstage-video{height:0;flex:1;max-height:none;min-height:0;object-fit:contain}
.video-note{font-size:10px;letter-spacing:.12em;margin:12px 0 0}
#image-viewer{padding:48px 12px 12px;width:min(95vw,800px);max-width:95vw;height:94dvh;max-height:94dvh;overflow:hidden;background:#0b1014;color:#ede6d4;border:1px solid #ede6d455}
#image-viewer p{position:absolute;left:18px;top:9px;margin:0;font-size:12px}
.viewer-close{position:absolute;right:10px;top:3px;z-index:2;width:44px;height:44px;border:0;background:none;color:inherit;font-size:30px}
.viewer-scroll{height:100%;overflow:auto;overscroll-behavior:contain}
.viewer-scroll img{display:block;width:100%;height:auto}
@media(max-width:700px){.case-page{padding:20px 19px 43px}.case-page .case-title{font-size:29px;margin:9px 0 10px}.case-page .chapter-head{gap:12px}.case-page .chapter-head .eyebrow{font-size:9px}.case-page .state{margin-bottom:8px}.image-hint{font-size:9px;margin-top:7px}.video-page .case-title{font-size:30px;line-height:1.1}.video-note{font-size:9px}.print-frame img{filter:none}.video-page .backstage-video{min-height:0}}
@media(max-width:700px) and (max-height:690px){.case-page{padding-top:14px}.case-page .case-title{font-size:25px}.video-page .case-title{font-size:26px}}
.video-fallback{font-size:12px;line-height:1.5}.video-fallback a{color:var(--blue)}
/* Quiet paper palette, with brand-inspired bold italic typography. */
.leaf:not(.cover-left):not(.final):not(.cover-right),
.leaf.blue:not(.cover-right),
.leaf.wine:not(.cover-left):not(.final){
 background:var(--paper);color:var(--wine);--line:rgba(90,30,35,.24)
}
.case-page .state{border-bottom:1px solid #5a1e2324;padding-bottom:8px}
.case-page .state:before{content:'';display:inline-block;width:5px;height:5px;align-self:center;margin-right:8px;background:var(--blue);border:1px solid #5a1e2330}
.case-page .state i{margin-left:auto}
.chapter-head .eyebrow:first-child{border-left:3px solid var(--blue);padding-left:8px}
.case-title,.video-page .case-title,.case-signature h2{
 font-family:'DM Sans',Arial,sans-serif;font-weight:700;font-style:italic;letter-spacing:-.045em
}
.case-page .case-title{font-size:clamp(27px,2.8vw,39px)}
.cover-title,.final h2{
 font-family:'DM Sans',Arial,sans-serif;font-weight:700;font-style:italic;letter-spacing:-.065em
}
.cover-title{font-size:clamp(55px,6vw,84px)}
.cover-title em,.final h2 em{color:var(--paper);font-weight:700}
.cover-left .open-button{border-bottom:2px solid var(--blue)}
.final .contact-button{background:var(--paper);border:1px solid var(--paper);box-shadow:inset 3px 0 var(--blue)}
.final .contact-button:hover{background:#f6efdf}
.intro h1{font-family:'DM Sans',Arial,sans-serif;font-weight:700;font-style:italic;letter-spacing:-.045em;font-size:clamp(33px,3.8vw,52px)}
.intro h1 em{font-style:normal;font-weight:500;opacity:.65}
.video-page .backstage-video{background:#e1d8c4}
.video-fallback a{color:var(--wine)}
.signature .case-signature{border-bottom:2px solid var(--blue)}
.cover-right.blue{background:var(--wine);color:var(--paper)}
.cover-right .cover-symbol{filter:brightness(0) invert(94%) sepia(12%) saturate(391%) hue-rotate(355deg) brightness(99%) contrast(87%)}
@media(max-width:700px){
 .cover-title{font-size:clamp(47px,14.5vw,65px)}
 .case-page .case-title{font-size:clamp(24px,7.5vw,31px);line-height:1.05}
 .final h2{font-size:clamp(30px,9.2vw,42px);line-height:1.08}
 .intro h1{font-size:clamp(27px,7.8vw,36px);line-height:1.17}
}
@media(max-width:700px) and (max-height:690px){
 .cover-title{font-size:46px}.final h2{font-size:32px}.intro h1{font-size:28px}.case-page .case-title{font-size:24px}
}
@media(max-width:700px) and (max-height:480px){
 .cover-title{font-size:32px}.final h2{font-size:24px}.intro h1{font-size:22px}.case-page .case-title{font-size:22px}
}
/* Blue accents, keeping the interior paper neutral. */
.chapter-head .eyebrow:first-child{background:#b7d4ea55;border-left:3px solid var(--blue);padding:5px 8px}
.case-page .state{border-bottom:2px solid #b7d4ea}
.folio{border-top-color:#a4bfd2}
.cover-rule{height:2px;background:linear-gradient(90deg,var(--blue),#b7d4ea10)}
.cover-title em{color:var(--blue)}
.final .contact-button{background:var(--blue);border-color:var(--blue);box-shadow:none}
.final .contact-button:hover{background:var(--paper)}
.image-hint{color:var(--wine);text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:4px}

/* Responsive media and lightweight page navigation. */
.book{animation:none;touch-action:pinch-zoom}.sheet{transform-style:flat}.turn-out{animation:quick-out .3s ease both}.turn-back{animation:quick-in .3s ease both}.turn-out:before,.turn-back:before{display:none}
@keyframes quick-out{to{transform:translateX(-7%);opacity:0}}
@keyframes quick-in{from{transform:translateX(-7%);opacity:0}to{transform:none;opacity:1}}
.progress{transition:width .3s}.case-page{padding:22px 27px 43px}.case-page .case-title{margin:9px 0}.case-page .state{margin-bottom:7px}.print-frame{overflow:hidden}.print-frame img{transform:scale(1.12);transform-origin:center 20%;filter:none}
.video-page .backstage-video{height:auto;flex:1;min-height:0;width:100%;max-height:100%;object-fit:contain;background:transparent;aspect-ratio:9/16}.video-page{align-items:stretch}.video-page .case-title{margin:12px 0}.video-note{margin-top:8px}
@media(max-width:700px){.book{touch-action:pinch-zoom;max-width:410px}.book-wrap{padding-left:16px;padding-right:16px}.case-page{padding:16px 14px 39px}.case-page .case-title{margin:7px 0}.case-page .state{padding-bottom:6px}.print-frame img{transform:scale(1.1)}.video-page{padding:19px 18px 43px}.video-page .backstage-video{height:0;min-height:0;flex:1}.image-hint{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.turn-out,.turn-back{animation:none}}
/* Hide the phone status bar in both print views. */
.print-frame img,.viewer-scroll img{clip-path:inset(5.5% 0 0 0)}