@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:35px}body{--blue:#2348ec;--paper:#f5f3e9;--coral:#ff876d;margin:0;background:var(--blue);color:var(--paper);font-family:Manrope,Arial,sans-serif;padding-bottom:100px}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffcc64;outline-offset:5px}button{border:0}header{display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;padding:28px 0;border-bottom:1px solid #ffffff55;gap:20px}.brand{font-size:29px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;gap:12px}.brand-star{color:var(--coral);font-size:38px;line-height:1}nav{display:flex;gap:34px;font-size:14px}nav a{padding:10px 0}nav a:hover{text-decoration:underline;text-underline-offset:7px}.edition{font-size:10px;letter-spacing:1.5px}.archive{padding:60px 4.5% 25px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;line-height:1.8}.dot{width:7px;height:7px;display:inline-block;background:var(--coral);border-radius:50%;margin-right:10px}.intro h1{font-size:clamp(44px,6.6vw,102px);line-height:1.03;letter-spacing:-.065em;margin:26px 0 24px;font-weight:600}.outlined{-webkit-text-stroke:1px var(--paper);color:transparent}.intro-bottom{display:flex;align-items:center;justify-content:space-between;max-width:650px}.intro-bottom p{font-size:14px;line-height:1.8;margin:0}.round-link{display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff77;border-radius:50%;font-size:27px}.round-link:hover{background:var(--paper);color:var(--blue)}.archive-space{position:relative;height:640px;margin-top:-125px}.fragment{position:absolute;background:var(--paper);color:#191e31;padding:9px 9px 0;text-align:left;box-shadow:0 14px 28px #061d662e;transition:transform .3s,box-shadow .3s;transform:rotate(var(--rotation));width:24%;z-index:2}.fragment:hover{transform:translateY(-9px) rotate(0deg);z-index:4;box-shadow:0 24px 40px #061d6655}.photo{display:block;position:relative;overflow:hidden}.photo img{display:block;width:100%;height:100%;object-fit:cover}.caption{display:flex;flex-direction:column;gap:6px;padding:15px 5px 16px}.caption>span{font-size:21px;font-weight:700;letter-spacing:-.7px}.caption small{font-size:8px;letter-spacing:1.4px}.trust{--rotation:-6deg;left:4%;top:180px;width:23%}.trust .photo{height:280px}.remember{--rotation:5deg;left:35%;top:230px;width:31%}.remember .photo{height:240px}.say{--rotation:7deg;right:2%;top:8px;width:23%}.say .photo{height:290px}.photo-open{position:absolute;bottom:0;left:0;right:0;padding:12px 5px;background:#13234bc9;color:white;font-size:9px;letter-spacing:1px;opacity:0;transition:opacity .2s}.fragment:hover .photo-open,.fragment:focus-visible .photo-open{opacity:1}.handnote{position:absolute;font-family:Georgia,serif;font-style:italic;font-size:20px;line-height:1.3;letter-spacing:-.4px;transform:rotate(-6deg)}.note-one{left:43%;top:120px}.note-two{right:3%;bottom:15px;transform:rotate(5deg)}.paper-note{position:absolute;background:var(--coral);color:#202435;left:69%;top:400px;width:150px;padding:18px;transform:rotate(-7deg)}.paper-note span{font-size:8px;letter-spacing:1.5px}.paper-note p{font-size:16px;font-weight:700;line-height:1.5}.paper-note b{display:block;text-align:right;font-size:28px}.archive-stamp{position:absolute;left:5%;bottom:15px;font-size:8px;line-height:1.7;letter-spacing:1.7px}.songs{margin:40px 4.5% 0;padding:65px 0 80px;border-top:1px solid #ffffff55;display:grid;grid-template-columns:33% 1fr;gap:40px}.section-top h2{font-size:clamp(34px,4vw,58px);line-height:1.08;font-weight:500;letter-spacing:-2px;margin:20px 0}.song-list article{display:flex;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid #ffffff55}.list-play{background:none;border:1px solid #ffffff99;border-radius:50%;width:44px;height:44px;font-size:12px;flex-shrink:0}.list-play:hover{background:var(--coral);color:#202435}.song-name{background:none;text-align:left;font-size:23px;font-weight:500;letter-spacing:-.7px;flex:1;padding:5px 0}.song-name small{display:block;font-size:10px;letter-spacing:.3px;margin-top:10px;opacity:.7}.mood{font-size:11px;opacity:.8}.text-link{background:none;font-size:11px;padding:12px 0 12px 12px}.about{background:var(--paper);color:#232743;padding:75px 4.5% 0;overflow:hidden}.about h2{font-size:clamp(38px,5.4vw,82px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:30px 0}.about h2 span{color:var(--blue)}.about-copy{display:grid;grid-template-columns:1fr 1fr;max-width:690px;margin:0 0 30px auto;gap:20px 40px;font-size:14px;line-height:1.9}.about-copy a{grid-column:1/-1;text-decoration:underline;text-underline-offset:6px}.big-word{font-size:clamp(70px,20vw,300px);font-weight:800;letter-spacing:-.075em;line-height:1.2;white-space:nowrap;margin-top:40px}.big-word span{color:var(--coral);font-size:.65em;margin-left:.1em}footer{display:flex;justify-content:space-between;gap:20px;margin:0 4.5%;padding:25px 0;font-size:10px;line-height:1.6}.player{position:fixed;bottom:14px;left:2%;right:2%;z-index:20;display:flex;align-items:center;gap:17px;padding:12px 20px;background:#f5f3e9;color:#202435;box-shadow:0 5px 30px #10257140;border:1px solid #dddcd4}.player>img{object-fit:cover;flex-shrink:0}.player-title{width:190px;flex-shrink:0}.player-title strong{display:block;font-size:13px}.player-title span{display:block;font-size:9px;margin-top:5px}.play-control{border-radius:50%;width:44px;height:44px;flex-shrink:0;background:var(--blue);color:white;font-size:15px}.small-control{font-size:20px;background:none;padding:8px;min-width:34px;min-height:44px}.player input{accent-color:var(--blue);min-width:0}#seek{flex:1;width:10%;cursor:pointer}.time{font-size:10px;font-variant-numeric:tabular-nums}.volume-label{display:flex;align-items:center;gap:8px;font-size:10px}.volume-label input{width:55px}.player>a{font-size:11px;white-space:nowrap;margin-left:8px}.skip{position:fixed;left:20px;top:-70px;z-index:50;padding:15px;background:var(--paper);color:var(--blue)}.skip:focus{top:10px}dialog{padding:0;border:0;max-width:1080px;width:90vw;max-height:83vh;background:var(--paper);color:#202435}dialog::backdrop{background:#051349b5;backdrop-filter:blur(7px)}dialog[open]{animation:arrive .22s ease-out}.story-shell{display:grid;grid-template-columns:41% 59%}.story-visual{position:relative;background:#183c68;min-height:580px}.story-visual img{width:100%;height:100%;position:absolute;object-fit:cover}.story-visual>span{position:absolute;bottom:20px;left:20px;color:white;font-size:9px;letter-spacing:1px;text-shadow:0 1px 6px #000}.story-copy{padding:60px 45px 35px;position:relative}.story-copy>button:first-child{position:absolute;right:20px;top:15px;background:none;min-height:44px;font-size:12px}.story-copy h2{font-size:clamp(35px,4.3vw,62px);line-height:1.04;letter-spacing:-3px;font-weight:500;margin:25px 0}.story-lead{font-size:23px;line-height:1.5;letter-spacing:-.5px}.story-copy>p:not(.eyebrow):not(.story-lead){font-size:13px;line-height:1.9}.story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:30px 0}.coral-button{background:var(--coral);color:#202435;padding:17px 20px;font-size:12px;font-weight:700}.story-actions a{font-size:12px;text-decoration:underline;text-underline-offset:5px}.release-note{opacity:.7}.another{background:none;margin-top:25px;padding:15px 0;border-top:1px solid #20243540;width:100%;text-align:left;font-size:12px}body.modal-open{overflow:hidden}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.archive-space{height:760px}.trust .photo,.say .photo{height:350px}.remember .photo{height:320px}.paper-note{top:490px}.remember{top:270px}.trust{top:220px}}@media(max-width:1000px){.edition{display:none}.archive-space{margin-top:-50px;height:580px}.trust{left:1%;width:27%;top:150px}.remember{left:33%;width:33%;top:230px}.say{width:27%;right:1%}.trust .photo,.say .photo{height:240px}.remember .photo{height:220px}.note-one{left:33%;top:100px}.paper-note{left:72%;top:370px;width:135px}.songs{grid-template-columns:1fr}.section-top h2 br{display:none}.mood{display:none}.volume-label{display:none}.player-title{width:150px}.player{gap:10px}}@media(max-width:600px){header{padding:20px 0}.brand{font-size:24px}.brand-star{font-size:30px}nav{gap:18px;font-size:11px}nav a:last-child{display:none}.archive{padding-top:35px}.eyebrow{font-size:8px;letter-spacing:1px}.intro h1{font-size:48px;margin:25px 0;letter-spacing:-3px}.intro-bottom p{font-size:12px}.round-link{width:44px;height:44px}.archive-space{margin-top:40px;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:35px 20px;padding:15px 4px 40px;align-items:start}.fragment{position:relative;left:auto;right:auto;top:auto;width:100%;padding:6px 6px 0}.trust{grid-column:1;transform:rotate(-5deg);margin-top:15px}.say{grid-column:2;grid-row:1;transform:rotate(6deg);margin-top:65px}.remember{grid-column:1/3;grid-row:2;width:75%;justify-self:center;margin-top:10px}.trust .photo,.say .photo{height:220px}.remember .photo{height:200px}.caption{padding:12px 4px;gap:7px}.caption>span{font-size:15px;letter-spacing:-.5px}.caption small{font-size:7px;letter-spacing:.6px}.note-one,.paper-note,.archive-stamp{display:none}.note-two{right:0;bottom:2px;font-size:16px}.songs{padding:35px 0 45px;margin-top:20px;gap:10px}.song-list article{gap:14px;padding:21px 0}.song-name{font-size:20px}.text-link{font-size:10px}.section-top h2{font-size:37px;letter-spacing:-1.5px}.about{padding-top:45px}.about h2{font-size:39px;letter-spacing:-2px}.about-copy{display:block;font-size:13px}.about-copy a{display:inline-block;margin:10px 0}.big-word{font-size:20vw;margin-top:25px}footer{font-size:8px;margin-bottom:14px}footer>span:nth-child(2){display:none}.player{left:8px;right:8px;bottom:8px;padding:10px;gap:8px;display:grid;grid-template-columns:38px 1fr 34px 44px 34px}.player>img{width:38px;height:38px}.player-title{width:auto}.player-title strong{font-size:11px}.player-title span{font-size:8px}.player .time,.player>a{display:none}#seek{grid-column:1/-1;width:100%;height:8px;margin:3px 0}.player-title{overflow:hidden}dialog{width:94vw;max-height:80vh}.story-shell{display:flex;flex-direction:column}.story-visual{height:220px;min-height:220px}.story-visual img{object-position:center 38%}.story-copy{padding:45px 24px 25px}.story-copy h2{font-size:44px;letter-spacing:-2px}.story-lead{font-size:21px}.story-copy>button:first-child{background:var(--paper);right:10px;top:3px}.story-actions{gap:20px}.another{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
