/* A poster-led journey. Original work, clear chapters, one navigation. */
:root{--paper:#f6f0e4;--ink:#17343a;--muted:#586568;--line:#17343a30;--orange:#ec642b;--cyan:#08aeb9;--cream:#fff5df;--frame-width:0px;--cover:#ef7439;--gold:#fff0ce}
html{background:var(--paper);scrollbar-gutter:stable;scroll-padding-top:90px}body{padding:0 14px 14px;background:var(--paper);color:var(--ink)}main{border-radius:0;overflow:clip;background:var(--paper)}.clip-defs{position:absolute;pointer-events:none}.site-header{position:relative;top:0;left:0;height:88px;width:100%;padding:0 3.4vw;color:var(--ink);z-index:30;background:var(--paper)}.site-header .brand{font-size:22px;line-height:.9;letter-spacing:-1px}.site-header nav{gap:28px;font-size:12px;letter-spacing:0}.site-header .contact-link{color:var(--ink);border-color:var(--ink);font-size:12px}.site-header .menu-toggle span{background:var(--ink)}.site-header .contact-link span{color:var(--ink)}.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:700}h1,h2,h3{letter-spacing:-.055em}.journey-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:15px 22px;background:var(--ink);color:white;font-size:13px;font-weight:600;border-radius:0;line-height:1.3;position:relative}.journey-button:hover{background:#2b555d}.journey-button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.arrow-down,.arrow-right{display:block;width:19px;height:19px;position:relative;flex:none}.arrow-down:before,.arrow-right:before{content:'';position:absolute;left:9px;top:1px;width:1.5px;height:16px;background:currentColor}.arrow-down:after,.arrow-right:after{content:'';position:absolute;bottom:2px;left:4px;width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.arrow-right{transform:rotate(-90deg)}
.poster-opening{position:relative;height:min(860px,calc(100svh - 100px));min-height:650px;overflow:hidden;background:#f8dfb9;isolation:isolate;--progress:0}.opening-arc{position:absolute;width:75vw;height:75vw;right:-28vw;bottom:-53vw;border:9vw solid #ee6b2c;border-radius:50%;z-index:-1}.poster-opening:before{content:'';position:absolute;right:3%;top:17%;width:47%;aspect-ratio:1;background:#efa72f;border-radius:50%;z-index:-1}.poster-opening:after{content:'';position:absolute;width:45%;height:85%;right:-16%;top:-38%;border:70px solid #fff3de88;border-radius:50%;z-index:-1}.opening-label{display:flex;justify-content:space-between;position:absolute;top:30px;left:4vw;right:4vw;font-size:10px;font-weight:700;letter-spacing:.1em;z-index:7}.opening-label span:last-child{max-width:150px;line-height:1.5;text-align:right}.poster-opening h1{position:absolute;left:3.2vw;top:14%;z-index:2;line-height:.83;font-weight:900;letter-spacing:-.09em}.poster-opening h1>span{font-size:clamp(110px,18.1vw,285px);color:var(--orange);letter-spacing:-.085em;display:block;transform:translateY(calc(var(--progress)*-22px))}.poster-opening h1>small{font-family:var(--serif);font-size:clamp(43px,5.3vw,84px);font-weight:400;letter-spacing:-.065em;line-height:.95;display:block;margin-top:30px;max-width:35vw}.portrait-layer{position:absolute;width:83%;right:-19%;bottom:-2px;z-index:3;transform:translateY(calc(var(--progress)*-18px));pointer-events:none}.portrait-layer img{width:100%;height:auto;clip-path:url(#portrait-cutout)}.hero-description{position:absolute;bottom:86px;left:4vw;z-index:7;max-width:300px}.hero-description p{font-size:14px;line-height:1.65;max-width:290px;margin-bottom:22px}.hero-caption{position:absolute;right:3vw;bottom:18%;z-index:6;max-width:180px;transform:rotate(-4deg);color:#fff4d9}.hero-caption>span{font-size:8px;letter-spacing:.1em;display:block;max-width:150px;line-height:1.6}.hero-caption p{font-family:var(--serif);font-size:28px;line-height:1;letter-spacing:-.04em;margin-top:10px}.opening-bottom{position:absolute;bottom:22px;left:4vw;right:4vw;z-index:8;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.09em;color:var(--ink)}.opening-bottom>span:last-child{background:var(--paper);padding:8px 12px}.photo-journey{padding:70px 6vw 0;background:radial-gradient(ellipse at 80% 90%,#e2e5d6 0,transparent 65%),#e9f1ec;color:var(--ink);border-radius:0;position:relative}.photo-journey:before{content:'';width:45vw;height:45vw;position:absolute;border:4vw solid #14afb633;border-radius:50%;right:-22vw;top:40px;pointer-events:none}.chapter-heading{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 7vw;position:relative}.chapter-heading>p{grid-column:1/-1;font-size:11px;letter-spacing:.1em}.chapter-heading>p span{margin-right:15px}.chapter-heading h2{font-size:clamp(55px,7vw,105px);line-height:.88;margin:0;font-family:var(--sans);font-weight:700;letter-spacing:-.07em}.chapter-heading h2 em{font-weight:400;color:#118c95}.chapter-heading>div{display:flex;flex-direction:column;justify-content:flex-end;gap:22px;align-items:flex-start;font-size:15px;line-height:1.6}.chapter-heading>div>span:last-child{font-size:12px;letter-spacing:.03em;font-weight:700;border-bottom:1px solid;line-height:1.5}.photo-scroll-track{height:auto;margin:30px 0 0;padding:0}.photo-scroll-stage{position:relative;height:auto;min-height:0;padding:20px 0 35px;gap:20px}.photo-stage-top{font-size:10px!important;letter-spacing:.04em;color:#4c6b6a}.photo-scroll-stage .book{height:55vh;min-height:430px;max-height:600px;transform:rotate(-.6deg)}.book-cover{background:#ef7439;color:#fff5df;border:0}.book-cover:before{border-color:#ffe6c177}.book-cover:after{border-color:#ffdf9966}.cover-title{font-weight:800;font-size:clamp(48px,5vw,78px);letter-spacing:-.07em}.cover-title em{color:#fff4de}.cover-window{border-color:#fff3da;transform:rotate(0deg);top:32%;height:45%}.cover-edition,.cover-bottom,.cover-open-hint{font-size:10px!important}.cover-inside{background:#fff4df;color:var(--ink)}.photo-stage-bottom{color:var(--ink)}.photo-stage-bottom>div:first-child,.photo-stage-bottom .page-direction{color:var(--ink)}.photo-stage-bottom .page-direction{font-size:25px}.photo-stage-bottom .page-help{font-size:12px}.book-controls button{width:44px;height:44px;border-color:#254e52;color:var(--ink);background:#fff7e9}.book-controls span{font-size:11px}.photo-scroll-stage .book-page h3{font-size:26px}.photo-scroll-stage .book-page p{font-size:12px}.chapter-bridge{font-size:16px;line-height:1.7;padding:25px 0 32px;border-top:1px solid #17343a30;display:flex;justify-content:space-between;gap:20px;position:relative}.chapter-bridge a{display:flex;align-items:center;gap:22px;font-weight:600}.film-journey{background:#151f23;color:#fff2dd;position:relative}.film-approach{height:175svh;position:relative;--dive:0}.film-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 100%,#d35b27 0,#71351d 25%,#182125 70%)}.film-heading{position:absolute;left:6vw;top:50px;z-index:5;pointer-events:none;transform:translateY(calc(var(--dive)*-35px));opacity:calc(1 - var(--dive)*.75)}.film-heading .eyebrow{color:#f6a66c}.film-heading h2{font-weight:700;font-size:clamp(50px,6.5vw,100px);line-height:.87;margin:23px 0 22px}.film-heading h2 em{color:#f8c490}.film-heading>p:last-child{font-size:14px;line-height:1.6;max-width:250px}.film-depth-word{position:absolute;right:4vw;top:12%;font-size:14.5vw;font-weight:900;line-height:1;color:#f58d4d16;letter-spacing:-.085em;transform:translateY(calc(var(--dive)*-40px));pointer-events:none}.held-device{width:min(1080px,88vw);position:absolute;left:50%;top:32%;aspect-ratio:1.5;transform-origin:50% 36%;transform:translateX(-50%) translateY(calc(var(--dive)*-13vh)) scale(calc(.77 + var(--dive)*.6)) rotateX(calc(9deg - var(--dive)*9deg));will-change:transform;z-index:3}.device-prop{width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.device-screen{position:absolute;left:19.97%;top:8.11%;width:60.09%;height:57.81%;border-radius:1.1%;background:#1a272c;overflow:hidden;box-shadow:0 0 0 1px #101b1c}.device-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.device-film-start{position:absolute;inset:0;width:100%;height:100%;text-align:left;padding:9% 8%;color:#fff3de;background:#183d42;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.device-film-start:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#112c39eb,#214c54bb),url('assets/official-storyteller-hero.jpg') center/cover;z-index:0}.device-film-start>*{position:relative;z-index:1}.device-film-start>small{font-size:11px;letter-spacing:.08em}.device-film-start h3{font-size:clamp(22px,3.1vw,48px);font-weight:700;line-height:1.05;max-width:90%;letter-spacing:-.045em}.device-play-line{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.06em}.play-triangle{display:block;width:48px;height:48px;border:1px solid #ffefcf99;border-radius:50%;position:relative;flex:none}.play-triangle:before{content:'';position:absolute;left:19px;top:15px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor}.film-skip{position:absolute;right:4vw;bottom:30px;z-index:6;display:flex;align-items:center;gap:20px;font-size:11px;color:#ffe4c2}.device-note{position:absolute;left:4vw;bottom:30px;font-size:9px;color:#e8bfa2;max-width:220px;z-index:4;opacity:calc(1 - var(--dive)*.7)}.film-programme{padding:55px 6vw 45px;display:grid;grid-template-columns:1fr 1.5fr;gap:7vw;background:#18262b;scroll-margin-top:20px}.programme-label .eyebrow{color:#e7ab7f}.programme-label>p:nth-child(2){font-size:36px;line-height:1.05;letter-spacing:-.04em;margin-top:28px}.programme-label>span{font-size:12px;display:block;margin-top:23px;max-width:220px;color:#c0caca}.film-programme .film-list{display:block;border-top:1px solid #ffffff33;color:#fff4df}.film-programme .film-item{display:grid;grid-template-columns:35px 1fr 30px;padding:20px 0;border-bottom:1px solid #ffffff33;gap:13px;background:transparent;width:100%;text-align:left;color:inherit;align-items:center}.film-programme .film-item[aria-pressed=true]{color:#f5b47d}.film-programme .film-tag{font-size:9px;color:#c0caca;letter-spacing:.05em}.film-programme .film-item h3{font-family:var(--sans);font-size:20px;line-height:1.15;letter-spacing:-.03em;margin-top:7px}.film-programme .film-item p{font-size:11px;margin-top:5px}.film-no{font-size:12px;color:#a5b3b6}.film-programme .mini-play{width:30px;height:30px;border:1px solid #ffffff55;border-radius:50%;font-size:0;position:relative}.mini-play:before{content:'';position:absolute;top:9px;left:11px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}.film-journey>.chapter-bridge{margin:0 6vw;border-color:#ffffff33;color:#e3e4d8}
.design-journey{background:#06aebc;padding:65px 6vw 0;color:#063f47;position:relative;isolation:isolate}.design-journey:before{content:'';position:absolute;width:80vw;height:80vw;border:14vw solid #77d4cc;right:-60vw;top:10%;border-radius:50%;z-index:-1}.design-heading{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px 7vw;align-items:end}.design-heading .eyebrow{grid-column:1/-1}.design-heading h2{font-size:45px;font-family:var(--serif);font-weight:400;line-height:.9;letter-spacing:-.055em}.design-heading h2 strong{display:block;margin-top:13px;font-family:var(--sans);font-size:clamp(55px,7.1vw,110px);letter-spacing:-.075em;line-height:.82;font-weight:900;color:#fff0d1;text-shadow:3px 3px 0 #157f85}.design-heading>p:last-child{font-size:14px;line-height:1.6;max-width:320px;padding-bottom:5px}.design-workbench{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;position:relative;align-items:center;margin:48px 0 35px;perspective:1500px}.featured-print{background:#fff5df;padding:22px 22px 42px;box-shadow:22px 28px 30px #005b6b4d;transform:rotateY(-5deg) rotateZ(-2deg);position:relative;z-index:2;width:100%;text-align:left}.featured-print img{width:100%;height:auto;aspect-ratio:1246/1101;object-fit:contain;display:block}.featured-print:hover{transform:rotateY(0) rotateZ(-1deg)}.featured-print>span{font-size:10px;position:absolute;left:22px;bottom:14px;letter-spacing:.04em}.poster-shadow{position:absolute;top:6%;left:2%;width:53%;height:91%;background:#ecdaac;transform:rotate(4deg);box-shadow:12px 18px 20px #005b6b22}.campaign-information>span{font-size:12px;font-weight:700}.campaign-information>p{font-size:10px;letter-spacing:.1em;margin-top:35px}.campaign-information h3{font-size:clamp(30px,4vw,61px);font-weight:700;line-height:1.02;margin:13px 0 25px;letter-spacing:-.05em}.dark-button{background:#063f47;color:#fff5df}.campaign-navigation{display:flex;gap:10px;margin-top:35px}.campaign-navigation button{width:48px;height:48px;border:1px solid #06465088;background:transparent;border-radius:50%;font-size:22px;color:#063f47}.campaign-navigation button:hover{background:#fff3d6}.campaign-picker{border-top:1px solid #063f4760;display:flex;align-items:center;gap:35px;padding:25px 0 35px}.campaign-picker>span{font-size:10px;letter-spacing:.08em;min-width:140px}.campaign-picker .campaign-grid{display:flex;gap:16px;margin:0}.campaign-picker button{width:90px;height:85px;padding:5px;background:#e3f1d6;opacity:.55;transform:none;outline-offset:3px}.campaign-picker button[aria-pressed=true]{opacity:1;outline:2px solid #053e45}.campaign-picker button:hover{opacity:1}.campaign-picker img{width:100%;height:100%;object-fit:contain}.design-journey>.chapter-bridge{border-color:#06465055}
.writing-journey{padding:75px 6vw;background:#f2e6cf;display:grid;grid-template-columns:1fr 1fr;gap:50px 6vw;position:relative;overflow:hidden}.writing-journey:before{content:'';position:absolute;left:-22vw;top:15%;width:55vw;height:55vw;background:#e9c698;border-radius:50%;z-index:0}.writing-heading{position:relative}.writing-heading h2{font-size:clamp(47px,5.8vw,90px);line-height:.91;margin:35px 0 28px;font-weight:700;letter-spacing:-.065em}.writing-heading h2 em{color:#ac4c27}.writing-heading>p:last-child{font-size:14px;line-height:1.7;max-width:300px}.featured-story{position:relative;align-self:center}.story-paper{position:relative;z-index:2;background:#fffbef;padding:26px 30px 30px;box-shadow:12px 22px 30px #78644333;transform:rotate(1.5deg)}.story-shadow{position:absolute;inset:4% -1% -2% 3%;background:#e8d8b8;transform:rotate(-2deg);z-index:1}.story-masthead{font-size:10px;letter-spacing:.05em;font-weight:700;padding-bottom:18px;border-bottom:3px double #193b3f;display:flex;justify-content:space-between;gap:15px}.story-masthead span{font-size:8px;font-weight:400}.story-category{font-size:9px;letter-spacing:.07em;display:block;margin-top:23px;color:#835333}.story-paper h3{font-family:var(--serif);font-size:clamp(55px,6.5vw,95px);line-height:.88;letter-spacing:-.065em;margin:25px 0}.story-paper h3 em{color:#ba4c25}.story-paper>p:not(.story-masthead){font-family:var(--serif);font-size:17px;line-height:1.5;max-width:380px}.story-paper .journey-button{margin:25px 0;min-height:44px;padding:12px 16px;font-size:11px}.story-date{display:block;font-size:9px;border-top:1px solid #193b3f55;padding-top:15px;letter-spacing:.06em}.writing-index{grid-column:1/-1;position:relative;margin-top:10px}.writing-index>h3{font-size:24px;font-family:var(--serif);letter-spacing:-.03em;margin-bottom:20px}.writing-index .writing-list{border-top:1px solid #193b3f;display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.writing-index .writing-item{padding:23px 0;grid-template-columns:20px 1fr 20px;gap:12px;border-color:#193b3f33;align-items:start}.writing-index .writing-item h3{font-family:var(--sans);font-size:20px;line-height:1.25;letter-spacing:-.025em;margin-top:8px}.writing-index .writing-meta{font-size:9px;color:#655c4c;line-height:1.5}.writing-no{font-size:10px}.writing-arrow{margin-top:16px}.about-journey{background:#fff9e8;padding:65px 6vw 55px}.about-top{display:grid;grid-template-columns:1fr 1fr;gap:30px 7vw;align-items:end}.about-top .eyebrow{grid-column:1/-1}.about-top h2{font-size:clamp(42px,5.3vw,84px);font-weight:700;line-height:.95;margin:0}.about-top h2 em{color:#b8542f}.about-top>p:last-child{font-size:15px;line-height:1.7;max-width:450px}.wide-scene{margin:45px -6vw 0;position:relative;overflow:hidden}.wide-scene img{width:100%;height:auto;min-height:220px;object-fit:cover}.wide-scene span{position:absolute;bottom:20px;left:6vw;background:#fff4ddec;padding:12px 18px;font-size:16px;font-family:var(--serif)}.client-note{margin-top:40px}.client-note .logo-grid{margin-top:30px;grid-template-columns:repeat(6,1fr);gap:30px}.client-note .logo-grid img{filter:none;opacity:1;max-width:95px;height:45px;object-fit:contain}.contact-journey{padding:65px 6vw 28px;background:#eb6b31;color:#fff3dd;position:relative;overflow:hidden;isolation:isolate}.contact-journey:before{content:'';position:absolute;width:70vw;height:70vw;border:9vw solid #f4a24b;border-radius:50%;top:-15vw;right:-36vw;z-index:-1}.contact-journey h2{font-size:clamp(80px,12vw,180px);font-weight:800;line-height:.83;margin:40px 0;letter-spacing:-.075em}.contact-journey h2 em{color:#17343a}.contact-end{display:flex;justify-content:space-between;align-items:center;max-width:840px;gap:30px}.contact-end p{font-size:16px;line-height:1.6}.contact-end .journey-button{min-width:225px;background:#fff1da;color:#17343a}.contact-journey footer{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #fff5df55;margin-top:65px;padding-top:25px;font-size:10px;letter-spacing:.02em}.contact-journey footer .brand{font-size:20px}.viewer{background:#fff8e9;border:0;border-radius:5px;color:var(--ink)}.viewer-top{background:#fff8e9f5}.viewer::backdrop{background:#0b242bea}.viewer-title-block h2{color:var(--ink)}.video-start{background:radial-gradient(ellipse at 70% 0,#b86030,#192c32 65%)}.video-start .play-button{font-size:0;position:relative}.video-start .play-button:before{content:'';position:absolute;left:45%;top:35%;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid white}.reader .reader-meta{color:#a04b25}.reader .source-box{background:#eee0c9}.reader h2{color:var(--ink)}.pill-dark,.toast{background:#17343a;color:#fff4df}.viewer-top>span,.player-note{font-size:11px}
@media(min-width:1500px){.poster-opening{height:860px}.portrait-layer{right:-14%;width:76%}.hero-description{bottom:100px;max-width:350px}.hero-description p{font-size:16px;max-width:340px}.film-heading{top:70px}.held-device{top:29%}}
@media(max-width:1050px){.site-header nav{gap:18px}.poster-opening{min-height:640px}.portrait-layer{width:92%;right:-27%}.poster-opening h1>small{font-size:6vw}.hero-description{max-width:250px;bottom:75px}.hero-description p{font-size:13px}.hero-caption{right:2vw;max-width:130px}.hero-caption p{font-size:24px}.hero-caption>span{font-size:7px}.photo-journey,.design-journey,.writing-journey,.about-journey,.contact-journey{padding-left:5vw;padding-right:5vw}.photo-scroll-stage .book{min-height:440px}.film-heading{top:45px}.held-device{width:100vw;top:37%}.film-heading h2{font-size:7.6vw}.film-programme{grid-template-columns:.8fr 1.4fr;gap:5vw}.campaign-information h3{font-size:4vw}.featured-print{padding:16px 16px 35px}.featured-print>span{left:16px;font-size:9px}.story-paper{padding:23px}.writing-index .writing-list{gap:0 28px}.wide-scene{margin-left:-5vw;margin-right:-5vw}}
@media(max-width:760px){body{padding:0 8px 8px}.site-header{height:76px;padding:0 16px}.site-header .brand{font-size:19px}.site-header nav{top:66px;left:0;right:0;border-radius:0;padding:25px;background:#fff9ec;font-size:18px;gap:14px}.site-header .contact-link{margin-right:16px;font-size:11px}.site-header .menu-toggle{min-width:30px}.poster-opening{height:745px;min-height:745px}.opening-label{top:22px;left:20px;right:20px;font-size:9px;letter-spacing:.05em}.opening-label>span:last-child{display:none}.poster-opening h1{top:83px;left:18px}.poster-opening h1>span{font-size:22vw;letter-spacing:-.085em}.poster-opening h1>small{font-size:12vw;margin-top:17px;max-width:60vw;line-height:.91}.poster-opening:before{width:77%;right:-4%;top:34%;background:#efa12f}.poster-opening:after{border-width:30px;top:-7%;right:-40%;width:70%;height:50%}.opening-arc{width:110vw;height:110vw;right:-63vw;bottom:-68vw;border-width:17vw}.portrait-layer{width:145%;right:-65%;bottom:125px}.hero-caption{right:17px;bottom:176px;max-width:95px;transform:rotate(-3deg)}.hero-caption>span{font-size:6px;letter-spacing:.04em;line-height:1.5}.hero-caption p{font-size:19px}.hero-description{bottom:44px;left:20px;right:20px;max-width:none;display:flex;gap:15px;align-items:end}.hero-description p{font-size:11px;line-height:1.6;max-width:48%;margin:0}.hero-description .journey-button{font-size:10px;padding:12px;gap:13px;min-height:48px;max-width:48%}.hero-description .arrow-down{width:16px;height:19px}.opening-bottom{left:20px;right:20px;bottom:13px;font-size:7px;letter-spacing:.04em}.opening-bottom>span:last-child{padding:4px 5px;font-size:6px}.photo-journey{padding:45px 20px 0}.photo-journey:before{width:80vw;height:80vw;border-width:8vw;right:-55vw;top:120px}.chapter-heading{display:block;padding:0}.chapter-heading>p{font-size:10px;margin:0 0 25px}.chapter-heading h2{font-size:16vw;margin:0;line-height:.88}.chapter-heading>div{font-size:13px;margin-top:24px;gap:12px;line-height:1.6}.chapter-heading>div>span:last-child{font-size:11px;max-width:none;line-height:1.5}.photo-scroll-track{margin-top:20px}.photo-scroll-stage{padding:15px 0 30px;gap:16px}.photo-scroll-stage .book{height:455px;min-height:455px;max-height:none}.photo-stage-top{font-size:9px!important;gap:20px}.photo-stage-top>span:first-child{max-width:130px}.photo-stage-top>span:last-child{max-width:130px}.cover-title{font-size:59px;line-height:.83}.cover-edition{font-size:9px!important}.cover-bottom,.cover-open-hint{font-size:9px!important}.cover-window{height:40%;top:35%;right:22px}.photo-stage-bottom .page-direction{font-size:23px}.photo-stage-bottom .page-help{font-size:11px;line-height:1.6}.photo-scroll-stage .book-page h3{font-size:26px}.photo-scroll-stage .book-page p{font-size:11px}.photo-scroll-stage .book-page{padding:23px 19px 35px}.photo-scroll-stage .book-page img{max-height:240px}.photo-scroll-stage .book-page .page-eyebrow{font-size:9px!important}.chapter-bridge{display:block;font-size:13px;padding:22px 0 28px;line-height:1.6}.chapter-bridge a{gap:16px;margin-top:12px;font-size:13px}.film-approach{height:145svh}.film-sticky{height:100svh;min-height:650px}.film-heading{top:38px;left:22px;right:22px;transform:translateY(calc(var(--dive)*-25px));opacity:calc(1 - var(--dive)*.8)}.film-heading .eyebrow{font-size:10px}.film-heading h2{font-size:16vw;margin:23px 0 20px;line-height:.88}.film-heading>p:last-child{font-size:13px;line-height:1.6}.film-depth-word{top:39%;right:5%;font-size:23vw}.held-device{width:145vw;top:48%;transform-origin:50% 35%;transform:translateX(-50%) translateY(calc(var(--dive)*-12vh)) scale(calc(.9 + var(--dive)*.13));}.device-film-start{padding:8% 7%}.device-film-start>small{font-size:8px}.device-film-start h3{font-size:22px;max-width:95%;line-height:1.08}.device-play-line{font-size:8px;gap:10px}.play-triangle{width:35px;height:35px}.play-triangle:before{left:14px;top:10px;border-top-width:7px;border-bottom-width:7px;border-left-width:9px}.film-skip{font-size:10px;left:22px;right:auto;bottom:26px;gap:15px}.device-note{display:none}.film-programme{padding:35px 22px 30px;display:block;scroll-margin-top:15px}.programme-label .eyebrow{font-size:10px}.programme-label>p:nth-child(2){font-size:29px;margin-top:20px}.programme-label>span{font-size:11px;margin:15px 0 28px;max-width:none}.film-programme .film-item{padding:19px 0;grid-template-columns:25px 1fr 30px;gap:10px}.film-programme .film-item h3{font-size:19px;line-height:1.15}.film-programme .film-tag{font-size:8px}.film-journey>.chapter-bridge{margin:0 22px}.design-journey{padding:45px 22px 0}.design-heading{display:block}.design-heading .eyebrow{font-size:10px;margin-bottom:25px}.design-heading h2{font-size:34px}.design-heading h2 strong{font-size:14.8vw;line-height:.86;margin-top:16px}.design-heading>p:last-child{font-size:13px;line-height:1.6;margin-top:25px;max-width:none}.design-workbench{display:block;margin:35px 0 25px}.featured-print{padding:13px 13px 32px;transform:rotate(-1.5deg);box-shadow:13px 17px 20px #00647744}.featured-print>span{font-size:8px;bottom:12px;left:13px}.poster-shadow{top:2%;left:2%;width:97%;height:60%;transform:rotate(3deg)}.campaign-information{margin-top:28px;position:relative;display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:end}.campaign-information>span{font-size:11px;grid-column:1/-1}.campaign-information>p{font-size:9px;margin-top:14px;grid-column:1/-1}.campaign-information h3{font-size:30px;line-height:1.05;margin:9px 0 20px;max-width:240px;grid-column:1/-1}.campaign-information .journey-button{font-size:11px;min-height:44px;padding:12px 15px;gap:20px;justify-self:start}.campaign-navigation{margin:0;gap:7px}.campaign-navigation button{width:42px;height:42px;font-size:20px}.campaign-picker{display:block;padding:22px 0 27px}.campaign-picker>span{font-size:9px;display:block;margin-bottom:16px}.campaign-picker .campaign-grid{gap:12px;justify-content:space-between}.campaign-picker button{width:calc((100% - 36px)/4);height:70px;padding:4px}.writing-journey{padding:45px 22px;display:block}.writing-journey:before{width:100vw;height:100vw;left:-75vw;top:15%}.writing-heading .eyebrow{font-size:10px;position:relative}.writing-heading h2{font-size:13.4vw;line-height:.92;margin:28px 0 24px}.writing-heading>p:last-child{font-size:13px;line-height:1.6;max-width:300px}.featured-story{margin-top:35px}.story-paper{padding:22px 23px;transform:rotate(.8deg)}.story-masthead{font-size:8px;line-height:1.5;gap:12px;padding-bottom:14px}.story-masthead span{font-size:7px;max-width:65px}.story-category{font-size:8px;margin-top:20px}.story-paper h3{font-size:18vw;line-height:.86;margin:22px 0}.story-paper>p:not(.story-masthead){font-size:16px;line-height:1.5}.story-paper .journey-button{font-size:10px;gap:15px;margin:22px 0;line-height:1.4}.story-date{font-size:8px}.writing-index{margin-top:45px}.writing-index>h3{font-size:23px;margin-bottom:20px}.writing-index .writing-list{display:block}.writing-index .writing-item{padding:20px 0;gap:10px}.writing-index .writing-item h3{font-size:21px;line-height:1.15;margin-top:8px}.writing-index .writing-meta{font-size:8px}.about-journey{padding:45px 22px}.about-top{display:block}.about-top .eyebrow{font-size:10px}.about-top h2{font-size:11.5vw;line-height:.95;margin:28px 0}.about-top>p:last-child{font-size:14px;line-height:1.7}.wide-scene{margin:30px -22px 0}.wide-scene img{height:220px;object-fit:cover;object-position:55%}.wide-scene span{left:17px;right:17px;bottom:15px;font-size:16px;padding:10px 12px;line-height:1.4}.client-note{margin-top:30px}.client-note .eyebrow{font-size:9px}.client-note .logo-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.client-note .logo-grid img{height:35px;max-width:70px}.contact-journey{padding:45px 22px 25px}.contact-journey .eyebrow{font-size:10px}.contact-journey h2{font-size:21vw;margin:35px 0 30px;line-height:.84}.contact-journey:before{width:110vw;height:110vw;border-width:15vw;right:-70vw;top:40px}.contact-end{display:block}.contact-end p{font-size:14px;line-height:1.6}.contact-end .journey-button{margin-top:25px;font-size:12px;min-width:210px;min-height:48px}.contact-journey footer{margin-top:40px;flex-wrap:wrap;gap:25px;font-size:9px;letter-spacing:0}.contact-journey footer>span{display:none}.contact-journey footer .brand{font-size:18px}.viewer{border-radius:4px}.viewer-top>span{font-size:9px}.reader .reader-summary{font-size:16px}.reader h2{font-size:35px}}
@media(max-width:360px){.poster-opening{height:700px;min-height:700px}.portrait-layer{bottom:140px}.poster-opening h1>small{font-size:12vw}.hero-description{bottom:45px;display:block}.hero-description p{max-width:215px;font-size:11px;margin-bottom:14px}.hero-description .journey-button{max-width:none;font-size:10px}.hero-caption{bottom:220px}.photo-scroll-stage .book{height:445px;min-height:445px}.cover-title{font-size:52px}.device-film-start h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.poster-opening h1>span,.portrait-layer{transform:none}.film-approach{height:auto}.film-sticky{position:relative;height:100svh;min-height:680px}.held-device{transform:translateX(-50%) scale(.9);will-change:auto}.film-heading{opacity:1;transform:none}.device-note{opacity:1}.film-depth-word{transform:none}.featured-print,.story-paper{transform:none}.film-skip{display:none}.photo-scroll-stage .book{height:55vh;min-height:430px;max-height:600px}.click-book .turning-leaf{display:block}.click-book.is-closed .turning-leaf{visibility:hidden}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.film-sticky{height:700px}.held-device{transform:translateX(-50%) scale(.9);top:47%}.photo-scroll-stage .book{height:455px;min-height:455px;max-height:none}.click-book .turning-leaf{display:none}}
/* One persistent contents system stays available throughout the journey. */
:root{--nav-height:88px}.site-header{position:sticky;top:0;box-shadow:0 1px 0 #17343a16}.film-sticky{top:var(--nav-height);height:calc(100svh - var(--nav-height));min-height:560px}.film-programme{scroll-margin-top:calc(var(--nav-height) + 10px)}
@media(max-width:760px){:root{--nav-height:76px}.film-sticky{min-height:600px}}
@media(prefers-reduced-motion:reduce){.film-sticky{top:auto;height:720px}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.film-sticky{height:700px}}
/* Keep the title readable while the photographed subject crosses its lower edge. */
@media(min-width:761px){.poster-opening h1{top:10%}.poster-opening h1>span{font-size:clamp(110px,16vw,250px)}.portrait-layer{width:64%;right:-8%;bottom:-2px}.poster-opening h1>small{margin-top:27px}}
@media(max-width:760px) and (min-width:361px){.poster-opening{height:690px;min-height:690px}.portrait-layer{right:-52%;bottom:115px}.poster-opening h1{top:75px}}
@media(max-width:760px){.opening-label{font-size:10px}.film-programme .film-tag,.writing-index .writing-meta,.story-category,.story-date,.campaign-information>p,.campaign-picker>span{font-size:10px}.featured-print>span{font-size:9px}}
/* A typographic title card avoids implying an unrelated image is a film still. */
.device-film-start:before{background:linear-gradient(125deg,#12353d,#1d555e)}.device-film-start:after{content:'';position:absolute;right:-12%;bottom:-65%;width:80%;aspect-ratio:1;border:35px solid #ba753b30;border-radius:50%;z-index:0;pointer-events:none}
/* Approved wording revision: a complete statement, in the same poster composition. */
.poster-opening h1 .hero-preface{font-size:34px;line-height:1;margin:0 0 7px;letter-spacing:-.045em;max-width:none}.poster-opening h1 .hero-continuation{font-size:clamp(45px,5vw,78px);line-height:1;margin-top:20px;max-width:44vw}.poster-opening h1>span{font-size:clamp(110px,15vw,235px)}
@media(max-width:760px){.poster-opening h1{top:54px}.poster-opening h1 .hero-preface{font-size:29px;margin:0 0 7px}.poster-opening h1>span{font-size:21.6vw}.poster-opening h1 .hero-continuation{font-size:10vw;margin-top:15px;max-width:80vw}}
/* The book is open on arrival; its quiet layouts keep the original frames intact. */
.book-end-page{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.book-end-page h3{font-family:var(--serif);font-size:34px!important;line-height:1.1}.photo-scroll-stage .book-page p{max-width:360px}.photo-scroll-stage .photo-layout-1 .book-photo{width:91%;margin-left:auto}.photo-scroll-stage .photo-layout-1 .book-page-caption{margin-top:20px}.photo-scroll-stage .wide-photo .book-photo{width:100%;margin:20px 0 10px}.photo-scroll-stage .wide-photo img{aspect-ratio:3;max-height:none}.photo-scroll-stage .book-page-number{color:#6a7873}
@media(max-width:760px){.photo-scroll-stage .book-page p{font-size:11px;line-height:1.5}.photo-scroll-stage .photo-layout-1 .book-photo{width:100%;margin-left:0}.photo-scroll-stage .wide-photo .book-photo{margin:30px 0 25px}}