@import url('fonts/fonts.css');
:root{--paper:#f7f2e5;--ink:#193f36;--muted:#56675c;--orange:#c44c2f;--line:#c9cebc;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,video{display:block;max-width:100%}button{border:0}button:disabled{cursor:wait;opacity:.6}figure,p,h1,h2,h3,h4{margin:0}p{line-height:1.7}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.045em;line-height:1.05}h2{font-size:clamp(2.7rem,5.4vw,5.6rem)}h2 em{font-weight:400}h3{font-family:var(--serif)}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}::selection{background:#e2bd59;color:#173e35}.wrap{width:min(1280px,89%);margin-inline:auto}.section{padding-block:110px}.eyebrow,.section-label{font-size:.67rem;letter-spacing:.16em;line-height:1.7;font-weight:700}.eyebrow{margin-bottom:22px}.skip{position:fixed;z-index:100;top:10px;left:10px;padding:12px;background:white;transform:translateY(-180%)}.skip:focus{transform:none}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding-inline:4.5%;position:relative;z-index:10;background:var(--paper);border-bottom:1px solid #193f3615;gap:30px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand svg{width:40px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand>span{font-family:var(--serif);font-size:1.65rem;line-height:1}.brand small{display:block;font:600 .48rem var(--sans);letter-spacing:.14em;margin-top:7px}.site-header nav{display:flex;gap:clamp(16px,2.1vw,36px);font-size:.75rem;font-weight:600}.site-header nav a{position:relative;padding-block:12px}.site-header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}.site-header nav a:hover:after{width:100%}.menu-button{display:none;background:none}.hero{height:calc(100svh - 90px);min-height:700px;max-height:1100px;position:relative;overflow:hidden;isolation:isolate;background:#f6e9bc}.hero-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 56%;z-index:-2}.hero:after{content:'';position:absolute;inset:68% 0 0;background:linear-gradient(transparent,#0a312dc9);z-index:-1;pointer-events:none}.hero-copy{text-align:center;padding-top:clamp(22px,4vh,65px);position:relative}.hero-copy .eyebrow{font-size:.6rem;letter-spacing:.2em;margin-bottom:12px}.hero h1{font-size:clamp(4.7rem,8.3vw,8.9rem);line-height:.93;margin-bottom:14px}.hero h1 em{color:var(--orange)}.hero-copy>p:not(.eyebrow){font-size:.9rem;line-height:1.4}.hero-explore{margin:18px auto 0;display:inline-flex;align-items:center;gap:24px;font-size:.75rem;background:#f8f3e7e6;border:1px solid #193f3633;border-radius:100px;padding:10px 12px 10px 20px;backdrop-filter:blur(8px)}.hero-explore span{border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);width:28px;height:28px}.hero-bottom{position:absolute;bottom:34px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff9e5}.hero-bottom>span{font-size:.58rem;letter-spacing:.14em;line-height:1.7}.hero-cinema{display:flex;align-items:center;gap:14px;background:none;color:inherit;text-align:left;font-size:.61rem;letter-spacing:.14em}.hero-cinema small{display:block;font-family:var(--serif);font-size:1.15rem;letter-spacing:0;margin-top:6px}.play-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #faf2dca1;border-radius:50%;font-size:.8rem;transition:background .25s,transform .25s}.hero-cinema:hover .play-icon{background:var(--paper);color:var(--ink);transform:scale(1.07)}.demo-stamp{text-align:right;opacity:.85}.intro{padding-block:90px 65px}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:28px}.spark{font-size:1.8rem;color:var(--orange);line-height:1}.intro-line{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.intro-line h2{font-size:clamp(2.2rem,3.8vw,4rem)}.intro-line p{font-size:.85rem;max-width:310px;color:var(--muted)}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.destination{position:relative;min-height:360px;aspect-ratio:1/.98;overflow:hidden;color:var(--paper);background:var(--ink)}.destination:after{content:'';position:absolute;inset:0;background:linear-gradient(#082e262c,transparent 35%,#082e26d9)}.destination>img{height:100%;width:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.3,1)}.destination:hover>img{transform:scale(1.06)}.destination-top,.destination-bottom{position:absolute;z-index:1;left:25px;right:25px}.destination-top{top:22px;display:flex;align-items:center;justify-content:space-between;font-size:.61rem;letter-spacing:.13em}.circle-arrow{border:1px solid #fff9e78a;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:1rem}.destination-bottom{bottom:26px}.destination-bottom small{font-size:.58rem;letter-spacing:.13em}.destination h3{font-size:clamp(1.9rem,3vw,3rem);line-height:1.05;margin-top:9px;letter-spacing:-.04em}.section-note{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:.59rem;color:var(--muted);letter-spacing:.05em}.chapter{padding-top:50px;scroll-margin-top:30px}.chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.chapter-count{font-family:var(--serif);font-size:3.8rem;letter-spacing:-.06em;line-height:1}.chapter-count>span{font:500 .65rem var(--sans);letter-spacing:.12em;margin-left:8px}.chapter-heading .eyebrow{margin:0;flex:1}.chapter-heading .eyebrow>span{color:var(--muted);font-size:.63rem;font-weight:400;letter-spacing:.03em}.small-link{font-size:.72rem;display:inline-flex;gap:15px;align-items:center;white-space:nowrap}.chapter-landscape{height:clamp(380px,48vw,660px);position:relative;overflow:hidden;isolation:isolate;background:var(--ink)}.chapter-landscape>img{width:100%;height:100%;object-fit:cover;object-position:center 57%;position:relative;z-index:-2}.chapter-landscape:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0b392c8c);z-index:-1}.landscape-word{position:absolute;bottom:25px;left:5.5%;font:italic clamp(4rem,10vw,10rem)/1 var(--serif);color:#fff3cb;letter-spacing:-.06em;text-shadow:0 2px 18px #123c242a}.landscape-play{position:absolute;right:5.5%;bottom:40px;background:transparent;color:#fff6dd;display:flex;align-items:center;gap:15px}.landscape-play>span{display:grid;place-items:center;width:62px;height:62px;border:1px solid #fff6ddaa;border-radius:50%;font-size:1.5rem;transition:background .3s}.landscape-play:hover>span{background:var(--paper);color:var(--ink)}.landscape-play small{font-size:.61rem;letter-spacing:.15em}.chapter-story{display:grid;grid-template-columns:1fr .76fr;gap:12%;padding-block:55px 90px}.chapter-story h2{font-size:clamp(2.5rem,4.6vw,4.6rem);max-width:620px}.chapter-story .eyebrow{color:var(--orange);margin-bottom:14px}.story-prose{padding-top:8px}.story-prose p{font-size:1rem;color:var(--muted);margin-bottom:24px}.underlined{background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 7px;display:inline-flex;align-items:center;gap:20px;font-size:.75rem;line-height:1.3}.chapter-tapera{background:#ece1c8}.chapter-amengual{background:#dae5d9}.gallery{background:#f5eddd}.gallery-title{text-align:center}.gallery-title p:not(.eyebrow){font-size:.9rem;margin-top:22px;color:var(--muted)}.gallery-title h2{font-size:clamp(3rem,5.7vw,5.8rem)}.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:33px 0 40px}.filters button{background:transparent;border:1px solid #b8bea7;border-radius:99px;padding:10px 19px;font-size:.7rem}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.characters{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.character{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:25px;background:#faf5e8;border:1px solid #d9d2bc;transition:transform .35s,box-shadow .35s;border-radius:45% 45% 3px 3px}.character:nth-child(2){margin-top:35px}.character:hover{transform:translateY(-10px);box-shadow:0 16px 30px #193f3610}.character-index{align-self:center;font-size:.54rem;letter-spacing:.13em;position:absolute;top:36px}.character>img{height:320px;width:100%;object-fit:contain;mix-blend-mode:multiply;margin:30px 0 10px}.character-name{font:2.4rem var(--serif);display:flex;justify-content:space-between;align-items:center}.character-name>span{font:1.5rem var(--sans)}.character-place{font-size:.58rem;letter-spacing:.13em;margin-top:8px}.sample-note{font-size:.67rem;line-height:1.7;max-width:620px;text-align:center;margin:36px auto 0;color:var(--muted)}.cinema{background:#122f29;color:#f5ecd8}.cinema-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}.cinema-heading>p{font-size:.85rem;color:#c4cbbb}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e4b95d;margin-right:9px}.cinema-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:34px;align-items:start}.screen{position:relative;aspect-ratio:16/10;background:#09241e;overflow:hidden}.screen video{width:100%;height:100%;object-fit:contain}.screen-play{position:absolute;inset:0;background:linear-gradient(transparent,#102e2777);color:#fff9e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.screen-play>span{width:76px;height:76px;border:1px solid #fff9e7a6;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(5px);font-size:1.3rem;transition:transform .3s,background .3s}.screen-play:hover>span{transform:scale(1.1);background:#f8efdd;color:var(--ink)}.screen-play small{font-size:.58rem;letter-spacing:.16em}.film-caption{display:flex;justify-content:space-between;gap:18px;margin-top:20px;align-items:start}.film-caption h3{font-size:1.7rem;line-height:1.2}.film-caption p{font-size:.65rem;color:#b3c0b1;margin-top:7px}.film-caption a{font-size:.65rem;margin-top:7px}.film-list{display:grid;gap:0}.film-option{display:flex;text-align:left;align-items:center;gap:15px;padding:17px 12px;background:transparent;border-bottom:1px solid #ffffff22;color:inherit}.film-option:first-child{padding-top:12px}.film-option[aria-pressed=true]{background:#23473c}.film-option img{width:87px;height:70px;object-fit:cover;flex-shrink:0}.film-option>span:not(.film-time){flex:1;min-width:0}.film-option small{display:block;font-size:.51rem;letter-spacing:.06em;color:#c4cdbb}.film-option strong{display:block;font-size:.8rem;line-height:1.35;font-weight:500;margin-top:5px}.film-option em{font-size:.5rem;line-height:1.4;font-style:normal;display:block;color:#cad2c1;margin-top:5px}.film-time{font-size:.65rem;color:#d9ca9e}.cinema-note{margin-top:27px;font-size:.62rem;color:#b2c1b0;max-width:700px}.cinema-error{padding:15px;font-size:.8rem;background:#5e3c26}.book{background:#e8bfa1}.book-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.book-object{position:relative;max-width:390px;margin:20px auto;width:90%;transform:perspective(1000px) rotateY(-13deg) rotateZ(-6deg);box-shadow:22px 24px 0 -10px #e9e2c9,24px 27px 0 -10px #ae9a77,35px 39px 45px #734d393b;transition:transform .7s}.book-object:hover{transform:perspective(1000px) rotateY(-5deg) rotateZ(-2deg)}.book-face{background:#214c3d;color:#f9efd1;position:relative;overflow:hidden;border-radius:0 5px 5px 0;padding-top:35px}.book-face>small{display:block;font-size:.48rem;letter-spacing:.1em;margin:0 28px}.book-face h3{font-size:3.4rem;line-height:1;letter-spacing:-.04em;margin:20px 28px 30px}.book-face img{width:100%;height:240px;object-fit:cover}.book-face>span{display:block;padding:20px 28px;font-size:.49rem;letter-spacing:.08em}.book-spine{position:absolute;z-index:2;left:0;top:0;bottom:0;width:14px;background:linear-gradient(90deg,#0c2f2760,transparent,#ffffff10);border-right:1px solid #092e2730}.book-copy>p:not(.eyebrow){max-width:440px;margin:28px 0;font-size:.9rem;color:#344c3e}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-radius:3px;padding:17px 24px;background:var(--ink);color:var(--paper);font-size:.76rem;line-height:1.4;border:1px solid var(--ink);transition:background .25s,transform .25s}.button:hover{background:#2d5947;transform:translateY(-2px)}.button span{font-size:1.1rem}.book-copy>small{display:block;margin-top:25px;max-width:360px;font-size:.61rem;line-height:1.7;color:#534c3f}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading>p{max-width:330px;font-size:.85rem;color:var(--muted)}.process-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:start}.process-grid figure:last-child{margin-top:70px}.process-image{display:block;position:relative;width:100%;padding:0;background:#e3d7bd;overflow:hidden}.process-image img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;transition:transform .6s}.process-image:hover img{transform:scale(1.03)}.process-image>span{position:absolute;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--paper)}.process-grid figcaption{display:flex;flex-direction:column;gap:7px;margin-top:16px;font-size:.9rem}.process-grid figcaption small{font-size:.55rem;letter-spacing:.12em;color:var(--muted)}.project{border-top:1px solid var(--line)}.project-layout{display:grid;grid-template-columns:1fr .8fr;gap:13%}.project-layout>div>p:not(.eyebrow){font-size:1rem;max-width:450px;margin-top:28px;color:var(--muted)}.project-details{border-top:2px solid var(--ink);padding-top:25px}.project-details h3{font-size:1.65rem;line-height:1.25;margin-bottom:16px}.project-details p,.project-details li{font-size:.8rem;line-height:1.7;color:var(--muted)}.project-details h4{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;margin-top:25px;margin-bottom:10px}.project-details ul{padding-left:17px;margin:0}.project-details .institution{font-size:.59rem;letter-spacing:.1em;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.contact{background:#284e40;color:#f4e8cf}.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:center}.contact h2{font-size:clamp(2.5rem,4.4vw,4.8rem)}.contact h3{font-size:1.7rem;line-height:1.25}.contact p:not(.eyebrow){font-size:.85rem;margin:20px 0 25px;color:#d1dac8}.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.light:hover{background:#e6dbc1}.footer{background:#102f27;color:#f5ecd6;padding:45px 0 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-brand{font:2.6rem var(--serif);line-height:1}.footer-brand span{display:block;font:500 .5rem var(--sans);letter-spacing:.17em;margin-top:15px}.back-top{font-size:.7rem}.footer-bottom{border-top:1px solid #ccd4bd33;padding-top:25px;margin-top:35px}.footer-bottom p{font-size:.59rem;color:#c2cbb7;max-width:720px}.footer-bottom>a{font-size:.63rem;flex-shrink:0}.preview-banner{background:#a44527;color:white;text-align:center;padding:9px;font-size:.75rem}.preview-banner a{text-decoration:underline;margin-left:20px}dialog{border:0;padding:0;width:min(1060px,94vw);max-height:90svh;background:var(--paper);color:var(--ink);box-shadow:0 35px 100px #0005;overflow:auto}dialog::backdrop{background:#09251fdf;backdrop-filter:blur(8px)}.dialog-close{position:sticky;display:block;float:right;top:16px;margin:16px 16px -60px 0;width:40px;height:40px;z-index:5;border-radius:50%;font-size:1.6rem;background:var(--ink);color:var(--paper)}.story-dialog-layout{display:grid;grid-template-columns:1fr 1fr;min-height:550px}.dialog-portrait{padding:40px;background:#e8e6d6;display:flex;align-items:center;justify-content:center;overflow:hidden}.dialog-portrait img{height:480px;width:100%;object-fit:contain;mix-blend-mode:multiply}.dialog-story{padding:85px 45px 45px;align-self:center}.dialog-story h2{font-size:3.3rem;margin-bottom:25px}.dialog-story>p:not(.eyebrow){font-size:.95rem;margin-bottom:25px;color:var(--muted)}.dialog-story .sample-note{text-align:left;margin-top:25px}.media-dialog{padding:70px 30px 30px}.media-dialog h2{font-size:2rem;margin-bottom:20px}.media-dialog img,.media-dialog video{width:100%;max-height:66svh;object-fit:contain}.no-motion *{scroll-behavior:auto!important}.no-motion .hero-landscape,.no-motion .chapter-landscape>img{transform:none!important}.no-motion .character,.no-motion .book-object{transition:none!important}
@media(min-width:1700px){.hero-copy{padding-top:55px}.hero h1{font-size:9.5rem}}
@media(max-width:1050px){.site-header{height:78px}.site-header nav{gap:15px;font-size:.67rem}.brand>span{font-size:1.4rem}.hero{min-height:660px;height:calc(100svh - 78px)}.hero h1{font-size:7.5rem}.hero-copy{padding-top:35px}.hero-landscape{object-position:50% 65%}.destination{min-height:300px}.cinema-layout{grid-template-columns:1fr}.film-list{grid-template-columns:1fr 1fr;gap:8px}.film-option{border:1px solid #ffffff18}.character>img{height:260px}.book-layout{gap:7%}.book-copy h2{font-size:4rem}.book-face h3{font-size:3rem}.section{padding-block:85px}.landscape-play small{display:none}}
@media(max-width:780px){html{scroll-padding-top:25px}.wrap{width:89%}.site-header{height:74px}.site-header nav{display:none;position:absolute;left:0;right:0;top:74px;padding:25px;background:var(--paper);box-shadow:0 15px 20px #12342b15;flex-direction:column;gap:4px;font-size:1rem}.site-header nav.is-open{display:flex}.menu-button{display:flex;gap:15px;align-items:center;font-size:.75rem}.brand small{font-size:.43rem}.brand svg{width:34px}.hero{height:calc(100svh - 74px);min-height:640px;max-height:850px}.hero-landscape{object-position:52% center}.hero-copy{padding-top:35px;padding-inline:20px}.hero-copy .eyebrow{font-size:.48rem;max-width:290px;margin:0 auto 20px}.hero h1{font-size:clamp(4.25rem,12vw,6.5rem);margin-bottom:20px}.hero-copy>p:not(.eyebrow){font-size:.8rem}.hero-bottom{bottom:28px}.hero-bottom>span:first-child{display:none}.hero-bottom .demo-stamp{font-size:.46rem;max-width:100px}.hero-cinema small{font-size:1rem}.hero-cinema{font-size:.5rem;gap:10px}.play-icon{width:45px;height:45px}.intro{padding-block:60px 25px}.intro-line{display:block;margin-bottom:30px}.intro-line p{margin-top:23px;font-size:.85rem;max-width:100%}.intro-line h2{font-size:2.7rem}.destinations{gap:12px;grid-template-columns:1fr}.destination{min-height:270px;aspect-ratio:1.6}.destination img{object-position:50% 58%}.destination h3{font-size:2.6rem}.destination-top{top:19px}.destination-bottom{bottom:20px}.section-note{flex-direction:column;gap:8px;font-size:.55rem}.chapter{padding-top:45px}.chapter-count{font-size:3rem}.chapter-heading{gap:20px;margin-bottom:23px}.chapter-heading .small-link{font-size:.6rem;gap:6px}.chapter-heading .eyebrow{font-size:.58rem;letter-spacing:.08em}.chapter-heading .eyebrow>span{display:none}.chapter-landscape{height:430px}.landscape-word{font-size:4.5rem;bottom:26px}.landscape-play{right:6%;bottom:35px}.landscape-play>span{width:43px;height:43px;font-size:1.2rem}.chapter-story{grid-template-columns:1fr;gap:25px;padding-block:35px 55px}.chapter-story h2{font-size:3.1rem;max-width:450px}.story-prose{padding:0}.story-prose p{font-size:.95rem}.chapter-story .eyebrow{font-size:.57rem}.section{padding-block:65px}.gallery-title h2{font-size:3.2rem}.gallery-title p:not(.eyebrow){font-size:.8rem}.characters{grid-template-columns:1fr 1fr;gap:12px}.character{padding:18px}.character>img{height:215px;margin-top:27px}.character-index{font-size:.42rem;top:31px}.character:nth-child(2){margin-top:25px}.character:nth-child(3){grid-column:1/-1;width:52%;justify-self:center;margin-top:0}.character-name{font-size:2rem}.character-place{font-size:.46rem;line-height:1.6}.filters{gap:6px;margin-top:25px;margin-bottom:25px}.filters button{font-size:.6rem;padding:8px 11px}.cinema-heading{display:block;margin-bottom:30px}.cinema-heading h2{font-size:3.3rem}.cinema-heading>p{margin-top:23px;font-size:.8rem}.cinema-layout{gap:25px}.film-list{grid-template-columns:1fr}.film-option img{width:75px;height:60px}.film-option strong{font-size:.8rem}.film-caption h3{font-size:1.4rem}.film-caption a{font-size:.55rem}.screen-play>span{width:60px;height:60px}.screen-play small{font-size:.5rem}.book-layout{grid-template-columns:1fr;gap:60px}.book-object{max-width:285px;margin-top:0}.book-face h3{font-size:3rem}.book-face img{height:180px}.book-face>small{font-size:.39rem}.book-face>span{font-size:.39rem;padding:18px}.book-copy h2{font-size:3.5rem}.book-copy>p:not(.eyebrow){font-size:.9rem;margin:23px 0}.book-copy>small{font-size:.6rem}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:3.1rem}.section-heading>p{max-width:100%;margin-top:23px;font-size:.85rem}.process-grid{grid-template-columns:1fr;gap:30px}.process-grid figure:last-child{margin-top:0}.project-layout{grid-template-columns:1fr;gap:40px}.project h2{font-size:3.4rem}.project-layout>div>p:not(.eyebrow){font-size:.95rem}.contact-layout{grid-template-columns:1fr;gap:35px}.contact h2{font-size:3rem}.contact h3{font-size:1.6rem}.footer-top{align-items:start}.footer-brand{font-size:2.1rem}.back-top{font-size:.6rem}.footer-bottom{flex-direction:column;align-items:start;padding-bottom:35px}.footer-bottom p{font-size:.58rem}.story-dialog-layout{grid-template-columns:1fr}.dialog-portrait{padding:25px}.dialog-portrait img{height:260px}.dialog-story{padding:30px}.dialog-story h2{font-size:2.8rem}.dialog-story>p:not(.eyebrow){font-size:.9rem}.media-dialog{padding:65px 20px 20px}.media-dialog h2{font-size:1.7rem}.preview-banner{font-size:.6rem}.preview-banner a{display:block;margin:5px 0 0}}
@media(max-width:390px){.hero h1{font-size:3.9rem}.hero-copy>p:not(.eyebrow){font-size:.73rem}.landscape-word{font-size:3.6rem}.chapter-count{font-size:2.5rem}.chapter-heading{gap:15px}.chapter-heading .small-link{font-size:.54rem}.character>img{height:180px}.character-name{font-size:1.7rem}.character{padding:13px}.film-caption{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-landscape,.chapter-landscape>img{transform:none!important}}

#story-dialog.is-book-reader {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  background: #112e26;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
.is-book-reader > .dialog-close {
  position: absolute;
  right: 10px;
  top: 8px;
  margin: 0;
  width: 44px;
  height: 44px;
  background: #fbf2db;
  color: #163d32;
}
.book-dialog {
  min-height: 100dvh;
  padding: 10px clamp(8px, 2vw, 24px) 12px;
  background: radial-gradient(ellipse at 50% 45%, #31594b, #112e26 80%);
  color: #fbf2db;
}
.reader-header { text-align: center; padding-inline: 46px; margin-bottom: 10px; }
.reader-header .eyebrow { margin-bottom: 2px; color: #e1be79; font-size: .55rem; }
.reader-header h2 { font-size: clamp(1.15rem, 3.4vw, 1.8rem); }
.reader-stage {
  position: relative;
  isolation: isolate;
  width: min(100%, calc(max(200px, 100dvh - 130px) * 1.448));
  aspect-ratio: 840 / 580;
  margin-inline: auto;
  perspective: 1500px;
  background: #f5efdc;
  border-radius: 3px;
  box-shadow: 0 2px #dbd1ad, 0 5px #b8ab86, 0 8px #254638, 0 20px 36px #061b17aa;
}
.reader-stage > img { width: 100%; height: 100%; border-radius: inherit; }
.reader-stage::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 48.8%, #2b261418 50%, #fcf3d327 51.2%, transparent 52%);
}
.reader-leaf, .reader-under { position: absolute; top: 0; bottom: 0; width: 50%; }
.reader-left { left: 0; }
.reader-right { right: 0; }
.reader-under, .reader-front, .reader-back { overflow: hidden; background: #f5efdc; }
.reader-leaf { z-index: 1; transform-style: preserve-3d; }
.reader-leaf.reader-right { transform-origin: left center; }
.reader-leaf.reader-left { transform-origin: right center; }
.reader-front, .reader-back { position: absolute; inset: 0; backface-visibility: hidden; }
.reader-front::after, .reader-back::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #241d2a26, transparent 38%, #fff6dd22);
}
.reader-back { transform: rotateY(180deg); }
.reader-front img, .reader-back img, .reader-under img {
  position: absolute;
  top: 0;
  width: 200%;
  height: 100%;
  max-width: none;
}
.reader-left > img { left: 0; }
.reader-right > img { right: 0; }
.reader-leaf.reader-cover { width: 100%; left: 0; }
.reader-cover .reader-front img { width: 100%; }
.reader-controls {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  align-items: center;
  gap: 10px;
  width: min(100%, 450px);
  margin: 0;
  text-align: center;
}
.reader-controls button {
  min-height: 44px;
  border: 1px solid #fbf2db55;
  border-radius: 50%;
  background: #fbf2db;
  color: #163d32;
  font-size: 1.2rem;
}
.reader-controls button[aria-disabled="true"] { opacity: .55; cursor: default; }
.reader-count { font-size: clamp(.69rem, 2.5vw, .85rem); line-height: 1.35; }
.reader-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 24px; margin: 12px auto 2px; text-align: center; font-size: .8rem; }
.reader-tools { display: flex; align-items: center; justify-content: center; gap: 16px; }
.reader-voice { min-height: 38px; padding: 6px 14px; border: 1px solid #fbf2db70; border-radius: 99px; background: #24493d; color: #fbf2db; }
.reader-voice[aria-pressed="true"] { background: #fbf2db; color: #163d32; }
.reader-transcript { width: min(100%, 580px); margin: 4px auto 0; text-align: center; font-size: .78rem; }
.reader-transcript summary { cursor: pointer; }
.reader-transcript p { text-align: left; margin-top: 12px; padding: 14px 18px; color: #193f36; background: #fbf2db; border-radius: 3px; font-size: 1rem; }
.reader-error { text-align: center; margin: 0 auto 12px; font-size: .8rem; }
.reader-error:empty { display: none; }
@media (max-width: 600px) {
  .book-dialog { display: flex; flex-direction: column; justify-content: center; }
  .reader-footer { flex-direction: column; width: 100%; }
}
