/* Framed storybook edition. Palette remains adjustable to the supplied artwork. */
:root{--frame:#263f35;--frame-width:26px;--paper:#fff3d8;--ink:#233f34;--muted:#516a64;--line:#12414c33;--cover:#315b48;--gold:#f4cd6c;--coral:#e99c77;--cyan:#88ac82}html{background:var(--frame)}body{padding:var(--frame-width);background:var(--frame)}main{border-radius:24px;overflow:clip;background:var(--paper);position:relative}.site-mat{position:fixed;inset:0;z-index:70;pointer-events:none;border:var(--frame-width) solid var(--frame);border-radius:38px;box-shadow:inset 0 0 0 1px #ffe9a64d}.reading-progress{top:calc(var(--frame-width) - 4px);left:var(--frame-width);height:3px;background:var(--gold);max-width:calc(100% - var(--frame-width)*2);z-index:80}.site-header{top:var(--frame-width);left:var(--frame-width);width:calc(100% - var(--frame-width)*2);height:88px;padding:0 4vw}.site-header nav{gap:26px}.site-header .brand{font-size:22px}.site-header .contact-link{color:#fff}.chapter-rail{left:8px;z-index:75;gap:18px}.chapter-rail a{color:#9bd1cd;font-size:8px}.chapter-rail a.active{color:var(--gold)}.chapter-rail a b{display:none!important}.chapter-rail a.active:before{width:4px;height:4px}.opening{height:128svh}.opening-stage{top:var(--frame-width);height:calc(88svh - var(--frame-width)*2);min-height:530px}.opening-copy h1{font-size:clamp(80px,9vw,140px);bottom:18%}.opening-copy>p{top:30%}.opening-bottom{bottom:32px}.opening-wash{background:radial-gradient(ellipse at 80% 20%,#78966c 0,transparent 50%),radial-gradient(ellipse at 15% 80%,#e5b94f 0,transparent 60%),#e7a67f}.opening-after h2 em{color:#315b48}.opening-after h2{font-size:clamp(50px,5.4vw,82px);margin:28px 0 22px}.opening-after{top:18%;color:#294b3c}.opening-after>span{font-size:11px}.manifesto{background:#f8d47e;padding-top:55px;padding-bottom:65px}.manifesto-main{margin:45px 0}.manifesto-main h2 em{color:#356c50}.manifesto-kicker{border-color:#14424b55}.manifesto-index a{border-color:#14424b}.photo-journey{background:radial-gradient(ellipse at 20% 20%,#96b16f88 0,transparent 60%),linear-gradient(140deg,#c5d795,#98b68a);padding-top:55px;border-radius:50% 50% 0 0 / 4% 4% 0 0}.chapter-heading{padding-top:20px}.chapter-heading h2{font-size:clamp(75px,10.5vw,160px);margin:32px 0 28px}.chapter-heading>div>span:last-child{font-size:11px;font-weight:700;letter-spacing:.07em}.photo-scroll-track{height:auto;margin-top:25px;padding-bottom:35px}.photo-scroll-stage{position:relative;top:auto;height:auto;min-height:0;padding-top:35px;padding-bottom:35px;gap:24px;perspective:1800px}.photo-scroll-stage .book{height:58vh;min-height:435px;max-height:650px}.photo-scroll-stage .book-page .page-eyebrow{font-size:9px}.photo-scroll-stage .book-page p{font-size:11px}.photo-scroll-stage .book-page h3{font-size:25px;margin:15px 0 0}.photo-scroll-stage .book-page-number{font-size:9px}.click-book{transition:background .5s,box-shadow .5s;isolation:isolate;outline-offset:9px}.click-book.is-closed{background:transparent!important;box-shadow:none!important}.click-book.is-closed #book-spread,.click-book.is-closed>.book-spine,.click-book.is-closed>.turning-leaf{visibility:hidden;opacity:0}.click-book.is-opening #book-spread,.click-book.is-opening>.book-spine,.click-book.is-opening>.turning-leaf{visibility:visible;animation:reveal-book 1.05s both}.click-book.is-closing #book-spread,.click-book.is-closing>.book-spine,.click-book.is-closing>.turning-leaf{animation:hide-book 1.05s both}.click-book .turning-leaf{transition:transform .75s cubic-bezier(.4,.05,.2,1)}.click-book .book-page-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px}.click-book .book-page-caption h3{margin:0}.view-full-size{position:relative;z-index:4;background:none;padding:10px 0;font-size:10px;border-bottom:1px solid #38574255;white-space:nowrap;min-height:44px;line-height:1.2}.view-full-size span{font-size:17px;margin-left:4px;vertical-align:middle}.click-book .book-photo{cursor:e-resize}.click-book .book-photo[data-book-turn=previous]{cursor:w-resize}.click-book .book-photo:after{content:'TURN THE PAGE';position:absolute;bottom:10px;right:10px;padding:7px 10px;background:#284e3fe6;color:#fff6de;letter-spacing:.1em;font-size:8px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.click-book .book-photo:hover:after,.click-book .book-photo:focus-visible:after{opacity:1;transform:none}.hardcover{position:absolute;left:25%;top:0;width:50%;height:100%;z-index:6;transform-style:preserve-3d;transform-origin:left center;will-change:transform;filter:drop-shadow(12px 17px 12px #16444a44)}.cover-front,.cover-inside{position:absolute;inset:0;backface-visibility:hidden;border-radius:3px 12px 12px 3px}.book-cover{width:100%;height:100%;background:var(--cover);color:#fff4cb;text-align:left;padding:26px 30px 24px;overflow:hidden;box-shadow:inset 7px 0 10px #001d3b77,inset 11px 0 1px #ffffff18,inset -1px 0 0 #022b40;display:flex;flex-direction:column;justify-content:space-between}.book-cover:before{content:'';position:absolute;inset:12px;border:1px solid #ffe49288;border-radius:2px 5px 5px 2px;pointer-events:none}.book-cover:after{content:'';position:absolute;width:180px;height:180px;border:35px solid #9cbe7c55;border-radius:50%;right:-65px;top:-65px;pointer-events:none}.cover-edition{font-size:9px;letter-spacing:.1em;position:relative;z-index:2}.cover-title{display:block;font-size:clamp(42px,4.5vw,74px);font-weight:600;line-height:.85;letter-spacing:-.06em;position:relative;z-index:2;margin-top:13px}.cover-title em{color:var(--gold);font-weight:400;letter-spacing:-.05em}.cover-window{position:absolute;right:27px;top:31%;width:33%;height:42%;border:7px solid #f8d47e;transform:rotate(7deg);box-shadow:3px 8px 12px #001f3280;z-index:1}.cover-window img{width:100%;height:100%;object-fit:cover;object-position:41% center}.cover-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;font-size:9px;line-height:1.6;letter-spacing:.06em;margin-top:auto;padding-top:22px}.cover-open-hint{display:flex;align-items:center;gap:12px}.cover-open-hint b{font-size:27px;font-weight:400;color:var(--gold);line-height:1}.cover-inside{transform:rotateY(180deg);background:#fff2d1;padding:35px;display:flex;flex-direction:column;justify-content:center;color:#286170}.cover-inside>span{font-size:28px;letter-spacing:-.03em}.cover-inside em{font-size:45px;line-height:1.15;letter-spacing:-.04em;margin-top:10px}.cover-inside small{font-size:9px;letter-spacing:.1em;position:absolute;bottom:28px}.is-open>.hardcover{visibility:hidden;pointer-events:none;opacity:0;transform:translateX(50%) rotateY(-180deg)}.is-opening>.hardcover{animation:open-cover 1.05s cubic-bezier(.45,.03,.25,1) both;pointer-events:none}.is-closing>.hardcover{visibility:visible;animation:close-cover 1.05s cubic-bezier(.45,.03,.25,1) both;pointer-events:none}.book-controls button{border-color:#12414c55;color:#123d46;background:#ffffff18}.book-controls button:hover{background:#fff1c8}.book-controls button:disabled{opacity:.25;cursor:default}.photo-stage-bottom>div:first-child{color:#285965}.photo-stage-bottom .page-direction{color:#0b4655}.screening-room{background:radial-gradient(ellipse at 95% 0,#086776 0,transparent 60%),#063d50;color:#fff3d3}.screening-header h2 em{color:#f7ce49}.screening-header .eyebrow,.screening-note,.cinema-footer{color:#b8ded8}.live-dot{background:#f7ce49;box-shadow:0 0 20px #ffd22a66}.screening-room .film-item .film-tag{color:#b8ded8}.screening-room .film-item .mini-play{border-color:#94bfb9;color:#f8d47e}.screening-room .film-item:hover .mini-play{background:#f8d47e;color:#063d50}.proof-table{background:radial-gradient(circle at 100% 10%,#ef8d6388 0,transparent 35%),radial-gradient(circle at 0 90%,#0d7180 0,transparent 50%),#1cabb7;color:#093f51}.proof-heading h2 em{color:#fff2cc}.proof-watermark{color:#0041541c}.proof-caption{border-color:#06465a66}.proof-table .campaign-card .campaign-topic{color:#084758}.proof-table .campaign-card h3{color:#073d50}.proof-table .campaign-art{background:#fff4dc}.reading-room{background:radial-gradient(ellipse at 0 0,#f8d571 0,transparent 60%),#efa27f}.reading-intro h2 em{color:#076777}.reading-room .writing-item .writing-meta{color:#145d69}.reading-mark{color:#de704b88}.reading-room .writing-list{border-color:#154855}.reading-room .writing-item{border-color:#15485544}.colophon{background:#fff1d5}.colophon-title h2 em{color:#0a7b87}.colophon-body>div>p{color:#446265}.colophon .logo-grid img{opacity:.8}.closing{background:#efba40;border-radius:50% 50% 0 0 / 4% 4% 0 0}.closing-gradient{background:radial-gradient(ellipse at 80% 45%,#4bb6b2 0,transparent 50%),radial-gradient(ellipse at 0 90%,#ef8c5a 0,transparent 65%);filter:blur(12px)}.closing h2 em{color:#075770}.viewer{background:#fff2d7;border:5px solid #0b687b;border-radius:12px}.viewer-top{background:#fff2d7f5}.viewer::backdrop{background:#012e43dd}.reader .source-box{background:#f6dfb6}.reader .reader-meta{color:#087386}.video-start{background:radial-gradient(ellipse at 65% 20%,#087487,#063d50 65%)}.pill-dark{background:#06465a;color:#fff3d3}.pill-dark:hover{background:#0a6677}.toast{background:#06465a;color:#fff3d3}
@keyframes open-cover{0%{transform:translateX(0) rotateY(0deg);opacity:1}28%{transform:translateX(50%) rotateY(-12deg);opacity:1}88%{transform:translateX(50%) rotateY(-176deg);opacity:1}100%{transform:translateX(50%) rotateY(-180deg);opacity:0}}
@keyframes close-cover{0%{transform:translateX(50%) rotateY(-180deg);opacity:0}12%{transform:translateX(50%) rotateY(-176deg);opacity:1}72%{transform:translateX(50%) rotateY(-12deg);opacity:1}100%{transform:translateX(0) rotateY(0deg);opacity:1}}
@keyframes reveal-book{0%,20%{opacity:0}55%,100%{opacity:1}}@keyframes hide-book{0%,60%{opacity:1}100%{opacity:0}}
@media(max-width:1050px){:root{--frame-width:22px}.chapter-rail{left:7px}.site-header nav{gap:20px}.cover-title{font-size:5.4vw}.book-cover{padding:26px}.cover-window{right:20px}.click-book .book-page-caption{display:block}.view-full-size{min-height:34px;padding:7px 0;font-size:9px}.photo-scroll-stage .book-page h3{font-size:23px}.photo-scroll-stage .book-page p{font-size:10px}.photo-scroll-stage .book{min-height:470px}.book-page-number{font-size:8px!important}}
@media(max-width:760px){:root{--frame-width:12px}.site-mat{border-radius:26px}.site-header{height:76px;padding:0 18px}.site-header .brand{font-size:18px}.site-header .contact-link{font-size:10px;gap:6px;margin-right:12px}.site-header .menu-toggle{min-width:25px}.site-header nav{top:70px;left:10px;right:10px;background:#fff0ce}.opening{height:108svh}.opening-stage{top:var(--frame-width);height:calc(83svh - var(--frame-width)*2);min-height:500px}.opening-copy h1{font-size:clamp(61px,15vw,98px);bottom:23%;line-height:.9}.opening-copy{padding:0 20px}.opening-copy>p{top:27%;font-size:9px;letter-spacing:.07em}.opening-bottom{left:20px;right:20px;bottom:27px;gap:20px}.opening-bottom>span{max-width:145px;font-size:8px}.opening-bottom a{font-size:8px;gap:10px}.opening-after{top:12%;left:20px;right:20px}.opening-after h2{font-size:clamp(36px,10vw,58px);line-height:.94;margin:18px 0}.opening-after .eyebrow{font-size:9px}.opening-after>span{font-size:10px}.opening-folio{right:20px;font-size:8px}.manifesto{padding:45px 20px 50px}.manifesto-main{margin:30px 0;gap:28px}.manifesto-main h2{font-size:clamp(38px,9.4vw,62px)}.manifesto-kicker{font-size:8px}.photo-journey{padding-top:35px;border-radius:50% 50% 0 0 / 3% 3% 0 0}.chapter-heading{padding:20px 20px 0}.chapter-heading h2{font-size:15.8vw;margin:28px 0 25px}.chapter-heading>p{font-size:9px}.chapter-heading>div{font-size:11px}.chapter-heading>div>span:last-child{font-size:9px;line-height:1.5;max-width:110px}.photo-scroll-track{display:block!important;height:auto;margin-top:20px;padding-bottom:10px}.photo-scroll-stage{position:relative;height:auto;min-height:0;padding:20px 20px 35px;gap:18px;perspective:1300px}.photo-stage-top{font-size:8px;letter-spacing:.04em;gap:18px;line-height:1.5;align-items:start}.photo-stage-top>span:first-child{max-width:130px}.photo-stage-top>span:last-child{text-align:right;max-width:115px}.photo-scroll-stage .book{height:460px;min-height:460px;max-height:none;transform:rotate(-1deg);width:100%}.click-book .book-spread{display:block;height:100%;transition:transform .23s,opacity .23s}.click-book .book-spread.changing-page{transform:rotateY(-12deg) translateX(-12px);opacity:0}.click-book .book-page{height:100%;padding:23px 20px 35px;background:#fff8e9!important}.click-book .book-page img{max-height:250px;aspect-ratio:1.5}.click-book .book-page.wide-photo img{aspect-ratio:3;max-height:none}.click-book .book-page-caption{display:block;margin-top:18px}.click-book .book-page h3{font-size:28px;margin:0 0 7px}.click-book .book-page p{font-size:11px;line-height:1.6;max-width:none}.click-book .book-page .page-eyebrow{font-size:9px}.view-full-size{min-height:44px;font-size:11px;padding:10px 0;margin:0 0 8px}.click-book .book-page-number{font-size:9px!important;bottom:14px}.book-spine{display:none}.hardcover{left:0;width:100%;filter:drop-shadow(8px 12px 9px #13464d44)}.book-cover{padding:26px 25px 24px}.cover-title{font-size:57px;line-height:.86;margin-top:25px}.cover-edition{font-size:9px;letter-spacing:.04em}.cover-window{right:24px;top:35%;width:37%;height:37%;border-width:6px}.cover-bottom{font-size:9px;gap:12px}.cover-open-hint{font-size:9px;gap:8px;letter-spacing:.04em}.cover-open-hint b{font-size:24px}.cover-inside{padding:25px}.cover-inside>span{font-size:25px}.cover-inside em{font-size:39px}.photo-stage-bottom{display:block}.photo-stage-bottom>div:first-child{font-size:11px;line-height:1.6;max-width:270px}.photo-stage-bottom .page-direction{font-size:25px}.photo-stage-bottom .book-controls{justify-content:flex-end;margin-top:16px}.book-controls button{width:44px;height:44px}.book-controls span{font-size:11px;min-width:56px;text-align:center}.screening-room,.proof-table,.reading-room,.colophon,.closing{padding-left:20px;padding-right:20px}.screening-header h2{font-size:clamp(51px,12.7vw,80px)}.cinema-stage{margin-left:-20px;margin-right:-20px}.proof-heading h2{font-size:clamp(59px,15.7vw,100px)}.reading-intro h2{font-size:clamp(57px,14.5vw,84px)}.reading-mark{font-size:145px;right:0;bottom:-25px}.reading-room .writing-item h3{font-size:25px}.colophon-title h2{font-size:clamp(36px,10vw,65px)}.closing h2{font-size:clamp(60px,15.6vw,96px)}.closing footer .brand{font-size:18px}.closing footer{font-size:9px;gap:14px}.is-open>.hardcover{transform:rotateY(-170deg)}
@keyframes open-cover{0%{transform:rotateY(0);opacity:1}85%{transform:rotateY(-145deg);opacity:1}100%{transform:rotateY(-170deg);opacity:0}}@keyframes close-cover{0%{transform:rotateY(-170deg);opacity:0}15%{transform:rotateY(-145deg);opacity:1}100%{transform:rotateY(0);opacity:1}}}
@media(prefers-reduced-motion:reduce){.opening{height:calc(88svh - var(--frame-width))}.opening-stage{height:100%;min-height:530px;top:0}.click-book .turning-leaf{display:block;transition:none}.click-book.is-closed .turning-leaf{visibility:hidden}.photo-scroll-stage .book{height:58vh;min-height:470px}.photo-stage-bottom>div:first-child>span:last-child{display:block}.hardcover,.book-spread{animation:none!important;transition:none!important}.is-open>.hardcover{display:none}.is-closed>.hardcover{display:block}@media(max-width:760px){.opening{height:calc(83svh - var(--frame-width))}.opening-stage{min-height:500px}.photo-scroll-stage .book{height:460px;min-height:460px}.click-book .turning-leaf{display:none}}}

.cover-edition,.cover-bottom,.cover-open-hint,.photo-stage-top,.photo-scroll-stage .book-page .page-eyebrow,.photo-scroll-stage .book-page-number{font-size:11px!important}.view-full-size{font-size:11px;min-height:44px}.photo-scroll-stage .book-page p{font-size:12px}.click-book .book-photo:after{font-size:10px}.screening-room{background:#263d32}.proof-table{background:radial-gradient(ellipse at 85% 8%,#e9d685 0,transparent 55%),linear-gradient(135deg,#86ad79,#abc38c)}.reading-room{background:radial-gradient(ellipse at 95% 0,#edb46f 0,transparent 58%),#f1c195}.closing{background:radial-gradient(ellipse at 95% 10%,#86a67b 0,transparent 50%),radial-gradient(ellipse at 0 100%,#e8a17c 0,transparent 60%),#f1cf7b}

.click-book .view-full-size{z-index:auto}.click-book #book-spread{position:relative;isolation:isolate;z-index:0}

.book-controls button{font-size:18px;border-color:#304f3d;background:#ffffff44;color:#233f34}.book-controls button:hover{background:#fff1c8}
