.site-header{justify-content:flex-start}.photo-button{cursor:default}.photo-button:after{display:none}.photo-button:hover img{transform:none}.counter{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.counter strong{font-size:clamp(35px,4vw,55px)}.counter>div{padding-right:8px}.story-flow{background:#eeece2}.story-scene{display:grid;gap:70px;align-items:center;margin-bottom:85px}.story-lead{grid-template-columns:1.15fr .85fr}.story-lead.reverse .story-photo{order:2}.story-photo{overflow:hidden;border-radius:4px;aspect-ratio:4/5;position:relative}.story-photo img{transition:transform 1.8s var(--ease)}.story-photo.visible img{transform:scale(1.015)}.story-note h3{font-size:clamp(39px,4vw,59px);margin:18px 0 25px;line-height:1.08}.story-note p{font-size:14px;color:var(--muted);max-width:380px}.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1000px;margin:auto}.story-pair .story-photo:nth-child(2){margin-top:65px}.story-breath{text-align:center;padding:95px 20px}.story-breath p{font-size:13px;color:var(--muted);margin-bottom:22px}.story-breath h3{font-size:clamp(40px,5vw,70px)}.story-offset{grid-template-columns:1.3fr .7fr;gap:60px;align-items:start;margin-bottom:0}.story-offset .story-photo:first-child{aspect-ratio:5/4}.story-offset .story-photo:last-child{margin-top:120px;aspect-ratio:4/5}.story-full{max-width:1440px;margin:auto}.story-full .story-photo{aspect-ratio:2/1;border-radius:0}.story-last{max-width:760px;margin:100px auto 0}.story-last .story-photo{aspect-ratio:4/3}.music{gap:60px}.turntable{position:relative;background:linear-gradient(145deg,#e7e1d3,#f4eee3);border:1px solid #d7c9b5;border-radius:14px;padding:25px 22px;box-shadow:0 16px 35px #163e3410}.music-art{padding:0;height:370px}.music-cover{width:49%;aspect-ratio:1;position:absolute;left:0;top:28%;z-index:3;transform:rotate(-5deg);border:7px solid #fffaf0;box-shadow:0 8px 20px #102c2736}.record,.playing .record{width:79%;left:21%;right:auto;top:50%;background:repeating-radial-gradient(circle,#102d25 0 2px,#385447 3px 4px,#152f27 5px 7px);border:4px solid #142a23;box-shadow:0 9px 20px #173e3350;animation:recordSpin 18s linear infinite}.record{animation-play-state:paused}.playing .record{animation-play-state:running}.record:after{display:none}.record-label{font:italic 17px/1.1 Memory;background:#d7b981;color:#173e33;width:30%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 1px #927044;position:relative}.record-label:after{content:'';position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#173e33}.tonearm{position:absolute;top:4%;right:2%;width:40%;height:70%;z-index:4;pointer-events:none}.arm-pivot{position:absolute;top:0;right:10px;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#e6ddc7 0 20%,#88744d 22% 30%,#d9c9ab 32% 55%,#7d705c 57% 65%,#e2d7bc 68%);box-shadow:0 3px 8px #142a2360;z-index:2}.arm-bar{position:absolute;top:18px;right:25px;width:7px;height:80%;border-radius:6px;background:linear-gradient(90deg,#75674e,#f2e2c3 45%,#8e7855);transform-origin:50% 0;transform:rotate(-34deg);transition:transform 1.3s var(--ease);box-shadow:2px 3px 6px #173e3330}.arm-bar i{position:absolute;width:17px;height:30px;background:#173e33;bottom:-18px;left:-5px;border-radius:3px;transform:rotate(-13deg);box-shadow:inset 0 0 0 2px #b7a17f}.playing .arm-bar{transform:rotate(19deg)}.player-card{padding:10px 0}.player-card h2{font-size:clamp(40px,4.5vw,65px)}.player-copy{font-size:13px!important;margin-bottom:32px!important}.song-info{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:25px}.song-info strong{font-size:17px;font-weight:600}.song-info span{font-size:12px;color:var(--muted);margin-top:4px}.seek-wrap{--progress:0%;position:relative;margin-top:22px;height:35px}.seek-wrap input{appearance:none;-webkit-appearance:none;width:100%;height:35px;background:transparent;cursor:pointer;position:relative;z-index:2;margin:0;border:0;padding:0;touch-action:pan-y}.seek-wrap:before{content:'';position:absolute;left:0;right:0;top:16px;height:3px;background:linear-gradient(to right,var(--ink) 0 var(--progress),#cbd1c5 var(--progress) 100%);border-radius:5px}.seek-wrap input::-webkit-slider-runnable-track{height:3px;background:transparent}.seek-wrap input::-moz-range-track{height:3px;background:transparent}.seek-wrap input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:30px;background:transparent;border:0;margin-top:-14px}.seek-wrap input::-moz-range-thumb{width:25px;height:30px;background:transparent;border:0}.heart-position{position:absolute;left:12px;right:12px;top:0;height:35px;pointer-events:none}.heart-position span{position:absolute;left:var(--progress);transform:translateX(-50%);color:var(--ink);font-size:25px;line-height:35px;text-shadow:0 0 5px var(--paper)}.seek-wrap:has(input:disabled){opacity:.5}.song-times{display:flex;justify-content:space-between;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}.player-controls{display:flex;justify-content:center;gap:36px;align-items:center;margin-top:20px}.player-controls button{border-radius:50%;width:64px;height:64px;background:var(--ink);color:#fff;box-shadow:0 5px 15px #163e3420}.player-controls svg{width:25px;height:25px;fill:currentColor}.pause-shape{display:none}.playing .play-shape{display:none}.playing .pause-shape{display:block}.loop-symbol,.music-heart{font-size:23px;color:#896131}.music-status{font-size:12px!important;margin:20px 0 0!important;color:#7c4538!important}.letter-trigger span,.letter-trigger small{display:block}.letter-trigger small{font:11px Manrope;margin-top:12px;letter-spacing:.08em}.letter-trigger{animation:letterNudge 5s ease-in-out infinite}.letter-trigger:hover{animation-play-state:paused}@keyframes letterNudge{0%,70%,100%{transform:rotate(-2deg) translateY(0)}80%{transform:rotate(-1deg) translateY(-5px)}90%{transform:rotate(-2deg) translateY(0)}}.signature{overflow-wrap:anywhere}
@media(max-width:900px){.music-art{height:300px}.record-label{font-size:14px}.music{gap:35px}.story-scene{gap:35px}.counter{gap:10px}.counter strong{font-size:37px}}
@media(max-width:620px){.counter{gap:8px}.counter strong{font-size:clamp(29px,8.3vw,41px)}.counter span{font-size:8px;letter-spacing:.1em}.counter>div{padding-right:5px}.story-scene{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.story-lead.reverse .story-photo{order:0}.story-note{padding:4px 10px}.story-note h3{font-size:43px}.story-note p{font-size:13px}.story-pair{gap:14px}.story-pair .story-photo{aspect-ratio:3/4}.story-pair .story-photo:nth-child(2){margin-top:40px}.story-breath{padding:60px 10px}.story-breath h3{font-size:43px}.story-offset{grid-template-columns:1fr;gap:28px}.story-offset .story-photo:last-child{width:76%;margin:0 0 0 auto}.story-full .story-photo{aspect-ratio:4/5}.story-last{margin-top:55px}.music{gap:35px}.turntable{padding:22px 14px;width:100%;max-width:400px;margin:auto}.music-art{height:300px}.music-cover{width:47%;top:33%}.record{width:84%;left:16%}.tonearm{top:5%;right:0;height:70%}.arm-bar{height:80%}.record-label{font-size:14px}.player-card{padding:0 5px}.player-card h2{font-size:46px}.player-controls button{width:62px;height:62px}.letter-trigger{max-width:100%;padding:22px 28px;font-size:25px}}
@media(max-width:360px){.music-art{height:245px}.turntable{padding:20px 12px}.counter strong{font-size:29px}.counter span{font-size:7px}.counter{gap:6px}.arm-pivot{width:30px;height:30px}.arm-bar{right:22px;top:15px}}
@media(prefers-reduced-motion:reduce){.record,.playing .record,.letter-trigger{animation:none!important}.arm-bar{transition:none}}