/* The phone layout is the baseline; larger screens progressively expand it. */
html{overflow-x:clip}body{font-size:16px}header{height:80px;padding-inline:5%;gap:12px}nav{gap:12px}nav a{display:flex;align-items:center;min-height:44px;font-size:11px}nav a:last-child{display:none}.motion-toggle{flex:none;width:44px;height:44px}.hero{height:100svh;min-height:620px}.hero-photo{height:100%;object-position:35% center;will-change:auto}.hero-top{top:108px;font-size:8px;letter-spacing:1.2px}.hero-title{left:7%;top:auto;bottom:145px;right:7%}.hero-title h1{font-size:clamp(64px,17vw,94px)}.hero-title>p:last-child{font-size:14px}.hero-note{display:none}.scroll-cue{min-height:44px;bottom:30px;left:7%;font-size:9px;gap:15px}.prologue{padding:90px 6% 35px;min-height:0}.prologue h2{font-size:clamp(43px,12vw,62px)}.prologue p:not(.eyebrow){font-size:15px}.story{width:100%;max-width:560px;min-height:0;padding:60px 7% 85px;grid-template-columns:minmax(0,1fr);gap:50px}.story.reverse .scene-media{order:0}.story.reverse .story-copy{order:1}.scene-media{min-width:0;margin-inline:12px}.story-copy{max-width:none;min-width:0;padding-inline:5px}.story-copy h2{font-size:clamp(43px,12vw,61px);overflow-wrap:break-word}.story-copy p:not(.eyebrow){font-size:16px;line-height:1.85}.number{margin-bottom:25px}.instagram-card{max-width:100%}.instagram-actions{height:65px;padding:7px 12px}.like-button{min-width:44px;min-height:44px}.polaroid{padding:10px 10px 20px}.polaroid img{aspect-ratio:4/4.4}.polaroid figcaption{font-size:19px}.interlude{padding:85px 6%}.big-quote{font-size:clamp(35px,9vw,55px)}.continuation h2{font-size:clamp(64px,18vw,92px)}.closing{height:680px}.closing blockquote{font-size:clamp(32px,9vw,48px)}footer a{display:flex;align-items:center;min-height:44px}footer{padding:20px 6%;font-size:10px;flex-wrap:wrap}footer>span:nth-child(2){display:none}
@media(min-width:801px){header{height:88px;gap:28px}nav{gap:38px}nav a{font-size:12px}nav a:last-child{display:flex}.hero{height:max(780px,100svh)}.hero-photo{height:115%;object-position:50% 37%;will-change:transform}.hero-title{top:34%;bottom:auto;left:9%;right:auto}.hero-title h1{font-size:clamp(76px,8.2vw,140px)}.hero-top{top:126px;font-size:9px;letter-spacing:2px}.hero-note{display:block}.scroll-cue{bottom:35px;left:9%;gap:25px}.prologue{min-height:550px;padding:140px 24px 60px}.prologue h2{font-size:66px}.story{max-width:1180px;min-height:780px;padding:95px 65px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(55px,9vw,125px)}.story.reverse .scene-media{order:2}.story.reverse .story-copy{order:1}.story-copy{max-width:370px}.story-copy h2{font-size:65px}.scene-media{margin:0}.number{margin-bottom:40px}.instagram-card{max-width:370px}.polaroid{padding:14px 14px 20px}.interlude{padding:140px 20px}.big-quote{font-size:61px}.closing{height:780px}.closing blockquote{font-size:52px}footer>span:nth-child(2){display:block}}
@media(hover:hover) and (pointer:fine){.polaroid:hover{transform:rotate(0)}}
@media(hover:none){.polaroid:hover img{filter:grayscale(1)}.tilt-left:hover{transform:rotate(-5deg)}.tilt-right:hover{transform:rotate(5deg)}}