/* Supplied book design, using the existing IKIGAIcanvas brand tokens. */
.mask-design{--mask-wash:#eef2ed;--mask-soft:#e7f1f7;overflow:clip}
.mask-design p{letter-spacing:.04em}
.mask-design h1,.mask-design h2{font-family:var(--serif);font-weight:600}
.mask-hero{position:relative;isolation:isolate;padding:58px max(6.3%,calc((100vw - 1180px)/2)) 0;min-height:790px;background:var(--paper)}
.mask-hero-photo{position:absolute;right:0;top:0;width:54%;height:760px;background:url('assets/book-design/hero-short.webp') center/cover no-repeat;z-index:-1;mask-image:linear-gradient(to bottom,#000 78%,transparent),linear-gradient(to right,transparent,#000 22%);mask-composite:intersect}
.mask-hero-copy{position:relative;z-index:1}
.mask-hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.45;letter-spacing:.035em;text-wrap:initial}
.mask-hero h1 em{font-style:normal;color:var(--accent);font-size:.79em;white-space:nowrap}
.mask-author{font-size:12px;letter-spacing:.12em!important;margin-top:26px;color:var(--muted)}
.mask-intro{font-size:14px;margin-top:12px;line-height:2;max-width:610px}
.mask-vertical{writing-mode:vertical-rl;line-height:1.9;letter-spacing:.22em!important;font-family:var(--serif)}
.mask-hero-vertical{position:absolute;right:3%;top:64px;font-size:20px}
.mask-hero-bottom{display:flex;align-items:center;gap:28px;margin-top:20px;min-height:270px}
.mask-book{mix-blend-mode:multiply;object-fit:contain}
.mask-hero-book{width:220px;align-self:flex-end;margin:0 0 -40px 45px;position:relative;z-index:1}
.mask-seal{width:150px;height:150px;border:1px solid #8dafa1;border-radius:50%;display:grid;place-content:center;text-align:center;line-height:1.65;font:500 15px/1.65 var(--serif);color:#375344;background:#f0f3e9;outline:1px solid #b9caba;outline-offset:-5px;flex-shrink:0}
.mask-story{font-size:14px;margin-top:50px;line-height:1.9}
.mask-concerns{padding:86px max(6.3%,calc((100vw - 1180px)/2)) 64px;background:#f1f3ed}
.mask-concerns h2{text-align:center;font-size:32px}
.mask-short-line{width:44px;height:1px;background:var(--accent);margin:20px 0 28px}
.mask-concerns>.mask-short-line{margin:20px auto 32px}
.mask-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mask-cards article{background:var(--paper)}
.mask-cards img{width:100%;aspect-ratio:199/116;object-fit:cover}
.mask-cards p{font-size:14px;line-height:1.9;padding:20px 18px}
.mask-about{display:grid;grid-template-columns:53% 47%;min-height:450px;background:var(--paper);scroll-margin-top:25px}
.mask-about-visual{position:relative;overflow:hidden}
.mask-about-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.mask-about-visual .mask-vertical{position:absolute;top:40px;left:8%;font-size:20px;line-height:1.8;padding:10px;background:#fcfbf780;text-shadow:0 0 8px #fff}
.mask-about-copy{padding:54px 8% 44px}
.mask-about-copy h2{font-size:clamp(24px,2.4vw,36px);white-space:nowrap}
.mask-about-copy p{font-size:14px;line-height:2.1;letter-spacing:.02em}
.mask-about-copy p+p{margin-top:24px}
.mask-turning{position:relative;min-height:320px;padding:44px max(6.3%,calc((100vw - 1180px)/2));overflow:hidden;isolation:isolate;background:#eef3f4}
.mask-turning-photo{position:absolute;inset:0;background:url('assets/book-design/horizon-photo.webp') 72% center/auto 100% no-repeat;z-index:-2}
.mask-turning:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fcfbf7 25%,#fcfbf7b0 45%,transparent 62%);z-index:-1}
.mask-turning-copy h2{font-size:32px;line-height:1.6;margin-bottom:16px}
.mask-turning-copy p{font-size:13px;line-height:1.9}
.mask-handwriting{position:absolute;right:4%;top:64px;font:500 24px/1.8 var(--serif);transform:rotate(-9deg)}
.mask-purchase{display:grid;grid-template-columns:175px 280px 1fr;align-items:center;gap:25px;padding:40px max(6.3%,calc((100vw - 1180px)/2)) 48px;background:var(--paper)}
.mask-footer-book{width:155px}
.mask-wordmark{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;line-height:1.2;font-family:var(--serif);width:fit-content}
.mask-wordmark span{font-size:15px;letter-spacing:.13em;align-self:center}
.mask-wordmark strong{font-size:36px;font-weight:600;letter-spacing:.03em}
.mask-wordmark small{font-size:11px;letter-spacing:.04em;margin-top:9px}
.mask-book-info>p{font-size:12px;line-height:1.9;margin-top:22px;color:var(--muted)}
.mask-overline{color:var(--muted);font-size:12px;text-align:center;margin-bottom:12px}
.mask-gold{color:white;border:1px solid transparent;border-radius:4px;background:var(--accent);font:700 14px/1.8 var(--sans);padding:16px 24px;cursor:pointer;transition:background .2s,transform .2s}
.mask-gold:hover{background:var(--ink);transform:translateY(-2px)}
.mask-purchase-button{width:100%;display:flex;align-items:center;justify-content:center;gap:25px}
.mask-purchase-button span{font-size:24px}
.mask-release-note{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}
.mask-channels{display:flex;margin-top:24px}
.mask-channels button{flex:1;font:500 11px/1.8 var(--sans);padding:6px 12px;color:var(--ink);background:none;border:0;cursor:pointer;min-height:62px}
.mask-channels button+button{border-left:1px solid var(--line)}
.mask-channels svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.2;margin:0 auto 8px}
.mask-channels button:hover{color:var(--accent)}
.mask-design dialog{border:1px solid var(--line);border-radius:4px;max-width:520px;width:calc(100% - 32px);padding:0;color:var(--ink);background:var(--paper)}
.mask-design dialog::backdrop{background:#192b4280;backdrop-filter:blur(4px)}
.mask-dialog-inner{padding:40px;position:relative}
.mask-close{position:absolute;right:8px;top:8px;width:44px;height:44px;font-size:28px;background:none;border:0;cursor:pointer;color:var(--ink)}
.mask-dialog-eyebrow{font-size:12px;color:var(--accent);margin-bottom:12px}
.mask-design dialog h2{font-size:26px;margin-bottom:20px}
.mask-design dialog p{font-size:14px}
.mask-dialog-done{margin-top:25px}
body:has(#info-dialog[open]){overflow:hidden}
@media(min-width:1600px){.mask-hero-photo{width:50%}.mask-about-copy{padding-right:max(8%,calc((100vw - 1400px)/2))}}
@media(max-width:1100px){.mask-hero{min-height:720px;padding-top:44px}.mask-hero h1{font-size:51px}.mask-hero-photo{height:700px}.mask-hero-book{width:190px;margin-left:0}.mask-hero-bottom{gap:20px}.mask-story{font-size:13px}.mask-seal{width:135px;height:135px;font-size:14px}.mask-about-copy{padding:36px 7%}.mask-about-copy p{font-size:13px}.mask-about-copy p br{display:none}.mask-purchase{grid-template-columns:140px 235px 1fr;gap:20px}.mask-wordmark strong{font-size:31px}.mask-gold{font-size:13px;padding:14px}.mask-handwriting{font-size:20px;right:3%}}
@media(max-width:760px){.mask-hero{padding:34px 6% 0;min-height:0}.mask-hero-photo{top:0;right:-12%;width:90%;height:490px;opacity:.65;mask-image:linear-gradient(to bottom,#000 45%,transparent 98%),linear-gradient(to right,transparent,#000 40%)}.mask-hero h1{font-size:clamp(30px,7.7vw,53px);line-height:1.55;letter-spacing:0}.mask-hero h1 em{font-size:.7em}.mask-hero-vertical{display:none}.mask-author{font-size:10px;margin-top:20px}.mask-intro{font-size:13px;line-height:2;text-shadow:0 0 8px var(--paper),0 0 8px var(--paper)}.mask-intro br{display:none}.mask-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;padding:0 0 30px}.mask-hero-book{width:180px;grid-row:span 2;margin:0;align-self:center}.mask-seal{width:126px;height:126px;font-size:13px;justify-self:center}.mask-story{font-size:11px;margin:0;letter-spacing:0!important}.mask-concerns{padding:40px 6%}.mask-concerns h2{font-size:24px;letter-spacing:0}.mask-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mask-cards p{font-size:12px;padding:14px 10px;letter-spacing:0;line-height:1.9}.mask-cards p br{display:none}.mask-about{grid-template-columns:1fr}.mask-about-visual{height:330px}.mask-about-visual .mask-vertical{top:28px;font-size:18px}.mask-about-copy{padding:36px 7% 44px}.mask-about-copy h2{font-size:clamp(23px,6.6vw,26px);letter-spacing:0;white-space:normal}.mask-about-copy p{font-size:14px}.mask-turning{min-height:360px;padding:32px 7%}.mask-turning-photo{background-position:right center;opacity:.6}.mask-turning:after{background:linear-gradient(90deg,#fcfbf7 0%,#fcfbf7e8 40%,#fcfbf730 100%)}.mask-turning-copy{max-width:85%}.mask-turning-copy h2{font-size:28px}.mask-turning-copy p{font-size:12px;margin-top:18px;line-height:2}.mask-turning-copy p br{display:none}.mask-handwriting{font-size:18px;right:6%;top:auto;bottom:24px}.mask-purchase{grid-template-columns:100px 1fr;padding:32px 7% 40px;gap:16px}.mask-footer-book{width:100px}.mask-wordmark strong{font-size:29px}.mask-wordmark span{font-size:13px}.mask-wordmark small{font-size:9px}.mask-book-info>p{font-size:11px;margin-top:14px}.mask-purchase-actions{grid-column:1/-1;margin-top:14px}.mask-overline{font-size:11px}.mask-purchase-button{font-size:15px;padding:16px}.mask-channels button{font-size:10px}.mask-dialog-inner{padding:36px 24px}.mask-design dialog h2{font-size:24px}}
@media(max-width:360px){.mask-wordmark strong{font-size:25px}.mask-wordmark small{font-size:8px}.mask-purchase{gap:12px}.mask-hero-book{width:145px}.mask-seal{width:115px;height:115px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.mask-design *{transition:none!important}}