/* A single book: all navigation stays on the paper. */
:root{--ink:#f5f5f5;--muted-ink:#c3c7ce;--rule:#a3abb84d;--paper-light:#111318;color-scheme:dark}
html,body{height:100%;overflow:hidden;background:#000}
body{color:var(--ink);font-family:Arial,'Malgun Gothic',sans-serif}
[hidden]{display:none!important}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #75542e;outline-offset:3px}
.book-view h1[tabindex="-1"]:focus,.book-view h2[tabindex="-1"]:focus{outline:none}
.book-reader{position:fixed;inset:0;overflow:hidden;background:#000;display:grid;place-items:center}
.book-surface{position:relative;width:min(100vw,178.7234dvh);height:min(100dvh,55.9524vw);background:url('/assets/transitions/book-overhead.webp?v=original-book-20261105') center/100% 100% no-repeat;container-type:size;isolation:isolate}
.book-view{position:absolute;inset:0;margin:0;opacity:1;transition:opacity 120ms;z-index:2}
.book-view[hidden]{display:none!important}
.book-surface.is-turning .book-view{opacity:0;pointer-events:none}
.book-reader .video-book-home{height:100%;min-height:0;background:none;overflow:visible}
.book-reader .video-book-home .book-home-inner{height:100%;container-type:size}
.book-reader .video-book-home .opening-left{left:15%;top:21%;width:31%;background:none}
.book-reader .video-book-home .opening-right{left:57%;top:28%;width:34%;background:none}
.reader-controls{position:absolute;z-index:8;top:7.2%;left:12%;right:12%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-button{padding:5px 0;border:0;border-bottom:1px solid var(--rule);background:transparent;color:var(--ink);font:500 clamp(11px,1.08cqw,16px)/1.5 Georgia,'Batang',serif;white-space:nowrap}
.home-button span{margin-right:6px;font-size:1.3em}
.reader-tabs{display:flex;flex-direction:row;position:static;gap:clamp(10px,1.9cqw,30px);padding:0;background:none;color:#42372b;font-size:clamp(12px,1cqw,15px)}
.reader-tabs a{border-bottom:1px solid transparent;padding:5px 0}
.reader-tabs a[aria-current=page]{color:#342617;border-color:#72583a}
.paper-page{position:absolute;top:17%;bottom:14%;width:34%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#745d4055 transparent;padding:0 5px 8px 0;font-size:clamp(12px,1.1cqw,17px);line-height:1.65;overflow-wrap:anywhere}
.page-left{left:12%}.page-right{left:55%;width:33%}
.page-heading{margin:0 0 15px}.page-heading .eyebrow,.book-view .eyebrow{color:#775e3b;font-size:clamp(9px,.8cqw,12px);letter-spacing:.14em}
.page-heading h2{font-size:clamp(23px,2.6cqw,40px);font-weight:400;line-height:1.2;margin:7px 0 9px;color:var(--ink)}
.page-heading p{font-size:clamp(11px,1cqw,15px);line-height:1.6;margin:0;color:var(--muted-ink)}
.book-view .footnote,.book-view .field-help{font-size:clamp(10px,.85cqw,13px);color:var(--muted-ink);line-height:1.65}
.book-view .button,.paper-button{display:inline-flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #7d674c;background:#3f3529;color:#f4e9d5;padding:9px 14px;min-height:38px;font-size:clamp(11px,1cqw,15px);font-weight:400;cursor:pointer}
.book-view .button.gold{background:#9e8154;color:#161d25;border-color:#806640}
.guardian-catalog{display:flex;flex-direction:column;overflow:hidden}
.guardian-catalog .page-heading{flex:none;margin-bottom:9px}
.book-view .filter{gap:6px;flex:none;margin:0 0 12px}
.book-view .filter button{font-size:clamp(10px,.9cqw,14px);padding:4px 10px;border-color:#77674b70;color:var(--muted-ink)}
.book-view .filter button.is-active{background:#42382b;color:#f4e8d0}
.book-view .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;flex:1;min-height:0}
.book-view .guardian-card{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;border:1px solid #68553a77;background:#e4d9c252;box-shadow:0 2px 8px #20170b15;padding:3px;transition:box-shadow .2s}
.book-view .guardian-card:hover{transform:none;box-shadow:0 2px 10px #20170b55}
.book-view .guardian-card.chosen{outline:2px solid #987443;outline-offset:-1px}
.book-view .portrait{aspect-ratio:auto;min-height:0;flex:1;width:100%;overflow:hidden}
.book-view .portrait img{object-fit:cover;object-position:center 18%}
.book-view .card-info{flex:none;padding:4px 2px;text-align:center}
.book-view .card-info strong{font-size:clamp(12px,1.2cqw,18px);font-weight:400;line-height:1.4}
.catalog-pager{display:flex;flex-direction:row;position:static;align-items:center;justify-content:center;gap:22px;padding:10px 0 0;flex:none;background:none;color:var(--muted-ink);font-size:12px}
.catalog-pager button{background:none;color:var(--ink);border:1px solid #79684e66;border-radius:50%;width:29px;height:29px;font-size:16px;line-height:1}
.catalog-pager button:disabled{opacity:.28;cursor:default}
.guardian-profile .selected-label{border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:0 0 8px;margin:0 0 12px;font-size:clamp(10px,.9cqw,14px);color:#6e5434;display:block}
.guardian-portrait{width:100%;height:clamp(110px,30cqh,360px);object-fit:cover;object-position:center 24%;filter:saturate(.86);border:1px solid #655a4666}
.guardian-copy{padding:13px 0 0}.guardian-copy h2{font-size:clamp(24px,2.8cqw,42px);font-weight:400;line-height:1.15;margin:3px 0 6px}.guardian-copy h3{font-size:clamp(12px,1.2cqw,18px);font-weight:400;margin:0;color:var(--muted-ink)}
.guardian-copy blockquote{font:400 clamp(12px,1.25cqw,19px)/1.65 Georgia,'Batang',serif;margin:14px 0;border-left:1px solid #8c7250;padding-left:12px}
.guardian-copy .button{width:100%}.guardian-copy .footnote{margin:10px 0 0}
.book-view .form-panel,.book-view .result-panel,.book-view .writing-panel{padding:0;border:0;background:none;color:var(--ink);min-height:0}
.book-view .form-heading{display:none}.book-view label{font-size:clamp(11px,1cqw,15px);margin:9px 0;font-weight:400}
.book-view input:not([type=checkbox]),.book-view select,.book-view textarea{background:#f3ead64d;border:1px solid #7b6d5266;border-radius:2px;color:var(--ink);min-height:36px;padding:6px 8px;margin-top:4px;font-size:clamp(12px,1cqw,16px)}
.book-view .field-row{gap:10px}.book-view .check{font-size:11px;margin:7px 0;gap:7px}.book-view .check input{width:15px;height:15px;accent-color:#7e663e}
.book-view .wide{margin-top:7px}.book-view .result-panel{display:block;padding-top:8%}.book-view .result-icon{color:#79603e;border-color:#8e7757;width:70px;height:70px;font-size:34px;margin:20px 0}.book-view .result-panel h3{font:400 clamp(23px,2.3cqw,36px)/1.4 Georgia,'Batang',serif}.book-view .result-panel p{color:var(--muted-ink)}.book-view .result-details{color:#6e4f2a}.book-view .rule{background:var(--rule)}
.library-cover-page .book-cover{width:75%;max-width:250px;max-height:80%;margin:25px auto 10px;padding:18px;outline:4px solid #172235;box-shadow:10px 12px 0 #bfb29c,15px 20px 25px #0003}
.book-reader .book-center span{font-size:clamp(24px,2.7cqw,40px)}
.book-view .book-details{padding-top:8%}.book-view .book-details h3{font-size:clamp(25px,2.8cqw,42px);margin:14px 0 18px}.book-view .book-details>p{color:var(--muted-ink)}.book-view .book-facts{gap:20px;margin:23px 0}.book-view .book-facts span{color:var(--muted-ink);font-size:10px}
.book-view .prompt-card{background:none;color:var(--ink);padding:25px 0;min-height:0;border-top:1px solid var(--rule);margin-top:22px}.book-view .prompt-card>span{color:#775e3b;font-size:12px}.book-view .prompt-card h3{font-size:clamp(23px,2.3cqw,34px);line-height:1.55;margin:25px 0}.book-view .prompt-card p{color:var(--muted-ink)}
.book-view .writing-panel textarea{min-height:clamp(130px,27cqh,300px);resize:vertical;line-height:1.8}.book-view .writing-bottom{gap:10px;font-size:10px}.book-view .entry-item{border-color:var(--rule);font-size:12px}.book-view .entry-item small{color:var(--muted-ink)}
.book-view .sample-pages{display:block;margin:0}.book-view .sample-pages article{background:none;border:0;border-bottom:1px solid var(--rule);padding:10px 0 14px}.book-view .sample-pages h3{font-size:clamp(17px,1.7cqw,25px);margin:7px 0;font-weight:400}.book-view .sample-pages p{font-size:clamp(11px,1cqw,15px);color:var(--muted-ink);margin:0}.page-prose{font:400 clamp(21px,2.2cqw,32px)/1.8 Georgia,'Batang',serif;margin:30px 0}
.folio{position:absolute;bottom:7%;right:18%;font:11px Georgia,'Batang',serif;letter-spacing:.15em;color:#6b5b43;z-index:3}
.page-turn-layer{position:absolute;inset:0;overflow:hidden;z-index:5;background:url('/assets/transitions/book-overhead.webp?v=original-book-20261105') center/100% 100% no-repeat;pointer-events:none}
.page-turn-layer video{width:100%;height:100%;object-fit:cover;display:block}
.is-turning .reader-controls,.is-turning .folio{opacity:0;pointer-events:none}
.cinematic-intro,.brand-scene{background:#000!important}.brand-scene{display:grid;place-items:center}.brand-video{width:100%;height:100%;object-fit:contain;z-index:2;background:#000}.brand-fallback{position:absolute;display:none;flex-direction:column;align-items:center;color:#eee3cf}.brand-fallback span{font:550 64px/1.2 Arial,sans-serif;letter-spacing:6px}.brand-fallback small{font:400 19px Arial,sans-serif;letter-spacing:14px;padding-left:14px}.brand-scene.logo-unavailable .brand-fallback{display:flex}.brand-scene.logo-unavailable video{visibility:hidden}
.video-skip{z-index:5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#toast{max-width:85vw;text-align:center;bottom:18px;font-size:12px;background:#30291f;color:#f4ead6;pointer-events:none}
@media(min-aspect-ratio:17/10){.book-reader .video-book-home .opening-right{width:28%}.paper-page{top:16%;bottom:12%}.reader-controls{top:5%}}
@media(max-height:520px) and (orientation:landscape){.reader-controls{top:4%}.paper-page{top:18%;bottom:8%}.page-heading h2{font-size:20px}.page-heading p{display:none}.guardian-catalog .filter{margin-bottom:6px}.book-view .card-grid{gap:6px}.guardian-portrait{height:35cqh}.guardian-copy blockquote{margin:7px 0}.folio{bottom:3%}}
@media(max-width:600px) and (orientation:portrait){
  .book-surface{width:100%;height:100%;background-size:200% 100%;background-position:left center;container-type:size}
  .reader-controls{top:6%;left:23%;right:13%;display:block}
  .home-button{font-size:11px}.reader-tabs{margin-top:8px;font-size:10px;gap:12px;flex-wrap:wrap}
  .book-spread{left:23%;right:13%;top:18%;bottom:13%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#745d4055 transparent}
  .paper-page{position:relative;left:auto;top:auto;bottom:auto;width:100%;padding:0 4px 24px 0;overflow:visible;font-size:13px}
  .page-heading h2{font-size:25px}.page-heading p{font-size:11px}.page-heading .eyebrow,.book-view .eyebrow{font-size:9px}
  .guardian-catalog{height:470px;max-height:80cqh;min-height:340px}.guardian-profile{border-top:1px solid var(--rule);padding-top:20px}
  .book-view .card-grid{gap:8px}.book-view .filter button{font-size:10px;padding:4px 8px}.book-view .card-info strong{font-size:13px}.guardian-copy h2{font-size:28px}.guardian-copy h3{font-size:13px}.guardian-copy blockquote{font-size:15px}.guardian-portrait{height:260px;object-position:center 18%}
  .guardian-profile .selected-label{font-size:11px}.book-view .button,.paper-button{font-size:12px}.book-view .footnote,.book-view .field-help{font-size:10px}
  .book-view label,.book-view input:not([type=checkbox]),.book-view select,.book-view textarea{font-size:12px}.book-view .field-row{grid-template-columns:1fr}.book-view .result-panel{padding-top:0}.book-view .result-panel h3{font-size:25px}.book-view .book-details h3{font-size:27px}.book-view .book-details{padding-top:0}.book-reader .book-center span{font-size:28px}.book-view .prompt-card h3{font-size:23px}.book-view .sample-pages h3{font-size:19px}.book-view .sample-pages p{font-size:12px}
  .book-reader .video-book-home .book-home-inner{display:block;position:absolute;inset:0;height:100%;width:100%;container-type:size}
  .book-reader .video-book-home .opening-left,.book-reader .video-book-home .opening-right{position:absolute;left:23%;right:13%;width:auto;aspect-ratio:auto;padding:0;background:none;margin:0}
  .book-reader .video-book-home .opening-left{top:17%}.book-reader .video-book-home .opening-right{top:42%}
  .book-reader .video-book-home .dust-title{font-size:clamp(25px,7cqw,36px)}.book-reader .video-book-home .fine-rule{margin:15px 0}.book-reader .video-book-home .dust-subtitle{font-size:12px}
  .book-reader .video-book-home .opening-right h2{font-size:clamp(23px,6.5cqw,32px);margin:10px 0}.book-reader .video-book-home .chapter-no{font-size:9px}.book-reader .video-book-home .book-menu a{font-size:13px;min-height:clamp(33px,5.5cqh,45px);padding:6px 0;gap:8px}
  .book-reader .replay-intro{right:15%;bottom:5%;font-size:10px;padding:7px 9px}
  .page-turn-layer{background-size:200% 100%;background-position:left center}.page-turn-layer video{width:200%;max-width:none;object-fit:fill}.folio{right:22%;bottom:7%;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.book-view{transition:none}.book-revealed .write-line,.book-revealed .menu-appear{animation:none!important;opacity:1}.page-turn-layer{display:none!important}}

/* White ink on the same black paper used by every Higgsfield clip. */
.book-view,.book-view h1,.book-view h2,.book-view h3,.book-view strong,.book-view b,.book-view small,.book-view label,.book-view a,.book-view button{color:var(--ink)}
.book-reader .video-book-home .dust-title,.book-reader .video-book-home .dust-title span,.book-reader .video-book-home .dust-subtitle,.book-reader .video-book-home .opening-right h2,.book-reader .video-book-home .book-menu a{color:#f5f5f5;text-shadow:none}
.book-reader .video-book-home .chapter-no,.book-reader .video-book-home .book-menu a span,.book-view .eyebrow,.page-heading .eyebrow,.guardian-profile .selected-label,.book-view .prompt-card>span,.book-view .result-details,.reader-tabs,.folio{color:#c3c7ce}
.book-reader .video-book-home .book-menu a{border-color:var(--rule)}
.book-reader .video-book-home .fine-rule{background:#9da3ac80}
.book-reader .video-book-home .book-menu a:hover,.reader-tabs a:hover,.reader-tabs a[aria-current=page]{color:#fff;border-color:#f5f5f5}
.book-view .button,.book-view .button.gold,.paper-button{background:#181b21;color:#fff;border-color:#9097a3}
.book-view .button:hover,.paper-button:hover{background:#30343d}
.book-view input:not([type=checkbox]),.book-view select,.book-view textarea{background:#16191ed9;color:#fff;border-color:#737c8b88}
.book-view input::placeholder,.book-view textarea::placeholder{color:#a6adb7;opacity:1}
.book-view select option{background:#15171c;color:#fff}
.book-view .check input{accent-color:#d2d7df}
.book-view .filter button{color:#d8dbe1;border-color:#7b83916b;background:#10121780}
.book-view .filter button.is-active{background:#dce0e6;color:#111318}
.book-view .guardian-card{background:#111318aa;border-color:#8b939c55;box-shadow:none}
.book-view .guardian-card:hover{border-color:#c3c7ce;box-shadow:none}
.book-view .guardian-card.chosen{outline-color:#e0e3e9}
.catalog-pager button{border-color:#858d9b88}
.guardian-portrait{border-color:#858d9b66}.guardian-copy blockquote{border-color:#9da3ac}
.book-view .result-icon{color:#f5f5f5;border-color:#858d9b}
.library-cover-page .book-cover{background:#14171e;color:#f5f5f5;border-color:#808894;outline-color:#22262e;box-shadow:8px 10px 0 #373a42,12px 16px 24px #0008}
.book-view .book-cover>span,.book-view .book-cover small,.book-view .book-center i{color:#d8dbe1}
.book-view .entry-item button{color:#d8dbe1}
.paper-page,.book-spread{scrollbar-color:#a6aeba66 transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#f5f5f5}
.book-reader .replay-intro{color:#fff;border-color:#a3abb870;background:#090b0dbb}
.book-revealed .write-line,.book-revealed .menu-appear{animation:none;opacity:1;filter:none;clip-path:none}
.book-revealed .dust-title:after{display:none}
.mobile-tour-scene{background:#000}
.back-to-catalog{display:none}
.mobile-tour-video{width:100%;height:100%;object-fit:fill;display:block}
.mobile-tour-skip{position:absolute;right:6%;bottom:4%;padding:9px 14px;border:1px solid #8d95a2;color:#fff;background:#0a0c0fe6;font-size:12px;z-index:5}
.cinematic-intro .intro-scene{transition:none}
.opening-video{object-fit:contain;background:#000}
#toast{background:#1a1d24;color:#fff;border:1px solid #656d7a}
@media(max-width:600px) and (orientation:portrait){
  .book-reader .video-book-home .opening-left,.book-reader .video-book-home .opening-right{right:13%;text-align:left}
  .book-reader .video-book-home .fine-rule{margin-left:0;margin-right:0}
  .book-reader .video-book-home .book-menu a{min-height:44px}
  .reader-tabs{font-size:11px;gap:13px}
  .book-spread{top:19%;bottom:11%}
  .reader-controls{top:7%}
  .book-view .writing-bottom{align-items:flex-start;flex-direction:column}
  .book-view .book-facts{gap:12px;flex-wrap:wrap}
  .back-to-catalog{display:block;background:none;border:0;border-bottom:1px solid var(--rule);padding:0 0 6px;margin-bottom:15px;color:var(--ink);font-size:12px}
}

/* The engraved movie and live home share these bundled letterforms. */
@font-face{font-family:WolhaInk;src:url('/assets/transitions/wolha-ink.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:block}
@font-face{font-family:WolhaInk;src:url('/assets/transitions/wolha-hanja.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:block;unicode-range:U+4E0B,U+66F8,U+6708}
.book-reader .video-book-home .opening-left .dust-title,.book-reader .video-book-home .dust-subtitle,.book-reader .video-book-home .chapter-no,.book-reader .video-book-home .opening-right h2,.book-reader .video-book-home .book-menu a{font-family:WolhaInk,serif;font-weight:400}
@media(min-width:601px),(orientation:landscape){
 /* One scale for the movie, live paper and all child page-turn videos. */
 .book-surface,.opening-video{transform:scale(1.06);transform-origin:center}
 .book-reader .replay-intro{right:5%;bottom:5%}
 .book-reader .video-book-home .opening-right{width:28%}
 .book-reader .video-book-home .opening-left .dust-title{font-size:5cqh}
 .book-reader .video-book-home .dust-subtitle{font-size:2.4cqh}
 .book-reader .video-book-home .chapter-no{font-size:1.7cqh}
 .book-reader .video-book-home .opening-right h2{font-size:4.8cqh;margin:2.2cqh 0}
 .book-reader .video-book-home .fine-rule{margin:2.5cqh 0}
 .book-reader .video-book-home .book-menu a{font-size:2.5cqh;min-height:7cqh;padding:1cqh 0;gap:1.1cqw}
}

/* Give the mobile paper more room and center content within its black surface. */
@media(max-width:600px) and (orientation:portrait){
 .book-surface,.page-turn-layer{background-size:220% 100%;background-position:8.333333% center}
 .page-turn-layer video{width:220%;margin-left:-10%}
 .reader-controls{left:19%;right:5%;text-align:center}
 .reader-tabs{justify-content:center}
 .book-spread{left:19%;right:5%}
 .book-reader .video-book-home .opening-left,.book-reader .video-book-home .opening-right{left:19%;right:5%;width:auto;text-align:center}
 .book-reader .video-book-home .opening-left .dust-title{justify-content:center}
 .book-reader .video-book-home .fine-rule{width:90%;margin-left:auto;margin-right:auto}
 .book-reader .video-book-home .book-menu{width:90%;margin-left:auto;margin-right:auto}
 .book-reader .video-book-home .book-menu a{display:grid;grid-template-columns:1.7em 1fr 1.7em;gap:5px;text-align:center}
 .book-reader .video-book-home .book-menu a span{justify-self:start}
 .book-reader .video-book-home .book-menu a b{justify-self:end;margin-left:0}
 .book-reader .replay-intro{right:8%}
 .page-heading,.guardian-profile .selected-label,.guardian-copy{text-align:center}
}

/* Quiet, persistent sound control; the opening uses only an underlined SKIP. */
.video-skip,.mobile-tour-skip{
 position:absolute;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));bottom:auto;
 min-width:44px;min-height:44px;padding:10px 0;border:0;background:transparent;color:#fff;
 font:400 11px/1.5 Arial,sans-serif;letter-spacing:.2em;text-shadow:0 1px 6px #000;
 box-shadow:none;backdrop-filter:none;z-index:7;
}
.video-skip span,.mobile-tour-skip span{display:inline-block;padding-bottom:5px;border-bottom:1px solid currentColor}
.video-skip:hover,.video-skip:focus-visible,.mobile-tour-skip:hover,.mobile-tour-skip:focus-visible{background:transparent;opacity:.75}
.site-sound{
 position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));
 z-index:1100;display:grid;place-items:center;width:44px;height:44px;padding:10px;
 color:#fff;background:transparent;border:0;border-radius:0;opacity:.85;
 filter:drop-shadow(0 1px 4px #000);touch-action:manipulation;transition:opacity .2s;
}
.site-sound:hover,.site-sound:focus-visible{opacity:1}
.site-sound:focus-visible,.video-skip:focus-visible,.mobile-tour-skip:focus-visible{outline:1px solid #fff;outline-offset:3px}
.site-sound svg{display:block;width:24px;height:24px}
.site-sound .sound-waves{display:none}
.site-sound[aria-pressed="true"] .sound-waves{display:inline}
.site-sound[aria-pressed="true"] .sound-slash{display:none}