@font-face{font-family:Rock;src:local('Impact');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#edece5;color:#181c1f;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a,audio,video,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #258cb7}.site-header{display:flex;justify-content:space-between;align-items:center;padding:24px 4%;font-size:11px;font-weight:700;letter-spacing:2px;border-bottom:1px solid #c4c7c5}.site-header a:first-child{font-size:14px;letter-spacing:1px}.site-header a span{font-weight:400;margin-left:10px}.review{font-size:10px;color:#496a77}.eyebrow,.section-label,.duration{font-size:11px;font-weight:700;letter-spacing:2.5px;line-height:1.6}.hero{display:grid;grid-template-columns:.75fr 1.25fr;align-items:stretch;background:#172a35;color:#f3eee3}.hero-title{padding:45px 9% 35px;display:flex;flex-direction:column}.hero h1{font-family:Rock,Impact,'Arial Narrow',sans-serif;font-size:clamp(65px,7.8vw,140px);line-height:.93;letter-spacing:-2px;margin:35px 0 20px}.hero h1 strong{display:block;font-size:clamp(190px,24vw,370px);font-weight:inherit;color:#79b7d2;line-height:.9;margin-top:8px}.hero-bottom{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-top:auto}.hero-bottom p{font-size:clamp(18px,2vw,30px);line-height:1.2}.hero-bottom span{font-size:9px;letter-spacing:1.5px;line-height:1.7;padding-bottom:10px}.photograph{margin:0;min-width:0}.enlarge{padding:0;border:0;display:block;background:transparent;width:100%;cursor:zoom-in}.photograph img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:contain}.photograph figcaption{display:flex;justify-content:space-between;font:9px/1.6 Arial,sans-serif;letter-spacing:2px;padding:11px 0;color:#6b7478}.hero .photograph{align-self:center;padding:35px 35px 35px 0}.hero .photograph figcaption{color:#bad0db}.narration{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:30px;background:#edece5f5;backdrop-filter:blur(16px);padding:17px 4%;border-bottom:1px solid #bac3c7;box-shadow:0 8px 25px #00000008}.narration>div{min-width:260px}.narration .eyebrow{font-size:9px;letter-spacing:2px;color:#36708a}.narration p{font-size:15px;margin:5px 0 0;font-weight:700}.narration p span{color:#6e7678;font-weight:400}.narration audio{height:38px;flex:1;min-width:230px}.narration>a{font-size:9px;letter-spacing:1px;white-space:nowrap}.chapter-nav{display:flex;justify-content:space-between;padding:20px 4%;font-size:9px;letter-spacing:1.6px;border-bottom:1px solid #c8cbc6}.introduction{padding:100px 8% 80px}.introduction h2{font-size:clamp(32px,4.4vw,68px);line-height:1.08;letter-spacing:-2px;margin:30px 0}.introduction em,h2 em{font-style:normal;color:#3b7d9a}.intro-note{font-size:16px;line-height:1.8;max-width:400px;margin-left:auto;color:#606b71}.spread{display:grid;gap:50px;padding:0 6%;align-items:start}.opening-spread{grid-template-columns:1.3fr 1fr;position:relative;padding-bottom:100px}.opening-spread figure:nth-child(2){margin-top:130px}.margin-note{font-size:12px;letter-spacing:3px;line-height:1.5;position:absolute;left:6%;bottom:35px}.close-spread{grid-template-columns:1.7fr 1fr;gap:65px;padding-bottom:100px}.close-spread>div{padding-top:90px}.side-note{font-size:20px;line-height:1.55;color:#65737a;margin:35px 0}.side-note strong{color:#182832}.blue-spread{background:#345c70;color:#f8f0e5;padding:45px 0 70px}.section-label{display:flex;justify-content:space-between;border-top:1px solid #859fac;padding-top:18px;margin:0 6% 45px}.blue-layout{grid-template-columns:1.4fr 1fr;align-items:center}.blue-spread figcaption{color:#cad9e0}.motion{background:#14222b;color:#f1eee5;padding:55px 0 75px}.video-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:center;padding:0 6%}.video-title h2{font:clamp(58px,6vw,95px)/.92 Rock,Impact,sans-serif;letter-spacing:-1px;margin:25px 0}.video-title h2 em{color:#8dc4dc}.video-title>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:270px;color:#c3d0d6}.duration{font-size:9px;color:#9eb9c8;display:block;margin-top:28px}.motion video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;box-shadow:0 20px 40px #0005}.expressions{padding:85px 4% 100px}.expressions h2{font-size:clamp(40px,5.5vw,85px);line-height:1.05;letter-spacing:-2px;margin:20px 0 65px}.three-beat{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}.three-beat figure:nth-child(2){margin-top:65px}.three-beat figure:nth-child(3){margin-top:130px}.smile-spread{grid-template-columns:1.5fr 1fr;padding-top:25px;padding-bottom:80px;align-items:center}.smile-spread h2{font:clamp(55px,7vw,105px)/.95 Rock,Impact,sans-serif;margin:25px 0}.smile-spread .side-note{font-size:14px;margin:20px 0 45px}.double-spread{grid-template-columns:1fr 1fr;padding-bottom:100px;gap:30px}.last-sequence{padding:65px 0;background:#e0e5e2}.film-sequence{display:flex;gap:22px;padding:0 4%;align-items:center}.film-sequence .photograph{width:33.333%}.closing{padding:75px 8% 70px;background:#1c3442;color:#f4f0e6}.closing-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.closing h2{font-size:clamp(40px,5vw,75px);letter-spacing:-2px;line-height:1.02;margin:0}.closing h2 em{color:#8ac0d7}.closing>.photograph{width:85%;margin-left:auto}.closing figcaption{color:#b2c9d5}.source-notes{padding:30px 6%;background:#e4e5df;font-size:13px;line-height:1.7}.source-notes summary{cursor:pointer;font-size:10px;font-weight:700;letter-spacing:1.5px}.source-notes p{max-width:800px}.source-notes ol{columns:2;overflow-wrap:anywhere;font-size:11px;padding-left:20px}footer{display:flex;justify-content:space-between;padding:35px 4%;font-size:9px;letter-spacing:1.5px;gap:20px}dialog{border:0;padding:20px;background:#101a21;color:#fff;max-width:95vw;width:1200px;max-height:95vh}dialog::backdrop{background:#000e}dialog img{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:auto}dialog button{background:none;border:1px solid #5f7682;color:#fff;padding:12px;font-size:11px;cursor:pointer}.viewer-bar,.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:1px;padding:5px 0 15px}.viewer-controls{padding-top:15px;padding-bottom:0}
@media(min-width:1800px){body{max-width:1900px;margin:auto}}@media(max-width:1000px){.hero-title{padding:35px 8%}.hero h1{font-size:75px}.hero h1 strong{font-size:230px}.hero .photograph{padding:25px 25px 25px 0}.hero-bottom{display:block}.hero-bottom span{display:none}.narration{gap:15px}.narration>div{min-width:220px}.narration>a{display:none}.spread{gap:25px}.video-layout{gap:30px}.closing-heading{display:block}.closing-heading .eyebrow{margin-bottom:25px}}
@media(max-width:700px){.site-header{padding:20px 5%}.site-header a:first-child{font-size:11px}.site-header a span{display:block;margin:5px 0 0;font-size:9px}.site-header>a:last-child{display:none}.hero{display:flex;flex-direction:column}.hero-title{padding:35px 6% 20px}.hero h1{font-size:clamp(65px,16vw,105px);margin:20px 0;letter-spacing:-1px}.hero h1 br{display:none}.hero h1 strong{display:inline;margin-left:20px;font-size:1.5em}.hero-bottom p{font-size:22px;margin:0}.hero-bottom p br{display:none}.hero .photograph{padding:15px 0 0}.hero .photograph figcaption{padding:12px 6%}.narration{padding:12px 5%;display:block}.narration>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.narration p{font-size:12px;margin:0}.narration .eyebrow{font-size:8px;letter-spacing:1px}.narration audio{width:100%;height:34px;margin-top:8px;display:block}.chapter-nav{gap:15px;flex-wrap:wrap;padding:18px 5%;font-size:8px}.introduction{padding:60px 6%}.introduction h2{font-size:36px;letter-spacing:-1px}.intro-note{font-size:14px;margin:30px 0 0}.spread{padding-left:5%;padding-right:5%;gap:30px}.opening-spread{grid-template-columns:1fr;padding-bottom:80px}.opening-spread figure:nth-child(2){margin:0 0 0 auto;width:85%}.margin-note{bottom:15px;line-height:1.3;font-size:9px}.close-spread{display:block;padding-bottom:55px}.close-spread>div{padding-top:35px;display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center}.side-note{font-size:15px;margin:0}.blue-spread{padding:35px 0 45px}.section-label{font-size:8px;letter-spacing:1.3px;margin-bottom:30px}.blue-layout{display:block}.blue-layout figure+figure{margin:35px 0 0 auto;width:85%}.motion{padding:35px 0 45px}.video-layout{display:flex;flex-direction:column;align-items:stretch;padding:0 5%}.video-title h2{font-size:65px}.video-title h2 br{display:none}.video-title h2 em{margin-left:12px}.video-title .duration{margin-top:15px}.expressions{padding:55px 5%}.expressions h2{font-size:42px;letter-spacing:-1px;margin-bottom:35px}.three-beat{display:block}.three-beat figure:nth-child(n){margin:30px 0;width:100%}.three-beat figure:nth-child(2){width:85%;margin-left:auto}.smile-spread{display:block;padding-top:15px;padding-bottom:45px}.smile-spread>div{padding-top:35px}.smile-spread h2{font-size:70px}.smile-spread>div .photograph{width:85%;margin-left:auto}.double-spread{display:block;padding-bottom:50px}.double-spread figure+figure{margin-top:30px}.film-sequence{display:block;padding:0 5%}.film-sequence .photograph{width:100%;margin-top:30px}.last-sequence{padding:35px 0}.closing{padding:50px 5%}.closing>.photograph{width:100%}.closing h2{font-size:50px}.source-notes{padding:25px 5%}.source-notes ol{columns:1}footer{flex-wrap:wrap;line-height:1.6}footer span{display:none}html{scroll-padding-top:115px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}