@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--forest:#172b24;--orange:#ff9566;--paper:#f3f0e6;--ink:#182820;--soft:#d9dece;--purple:#d8baff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:var(--forest);font:16px/1.55 'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button,a,input{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #fa6439;outline-offset:6px}::selection{background:var(--orange);color:var(--forest)}em{font-family:'DM Serif Display',Georgia,serif;font-weight:400}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(46px,6.1vw,96px);line-height:1.04;letter-spacing:-.055em;font-weight:500}h3{font-size:clamp(36px,4vw,62px);line-height:1.1;letter-spacing:-.045em;font-weight:500}.skip{position:fixed;top:-150px;left:20px;z-index:100;padding:15px;background:white}.skip:focus{top:15px}.header{position:absolute;left:0;top:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 4.5%;color:var(--paper)}.wordmark{font-family:'DM Serif Display',Georgia,serif;font-size:44px;line-height:1;letter-spacing:-3px}.wordmark span{font:12px 'DM Sans',sans-serif;vertical-align:top;display:inline-block;margin:5px}.header nav{display:flex;gap:34px;font-size:14px}.header nav a{padding:10px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:var(--orange)}.sound{display:flex;align-items:center;gap:10px;color:var(--paper);background:#14251d77;border:1px solid #ffffff60;border-radius:30px;padding:10px 16px;font-size:14px;backdrop-filter:blur(15px);position:fixed;right:4.5%;top:22px;z-index:12}.header{padding-right:200px}.header nav{margin-left:auto;margin-right:35px}.sound-bars{display:flex;height:16px;gap:3px;align-items:center}.sound-bars i{width:2px;height:4px;background:currentColor;display:block}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:8px}.sound[aria-pressed=true] i{animation:equalize .7s alternate infinite}.sound[aria-pressed=true] i:nth-child(2){animation-delay:-.4s}.sound[aria-pressed=true] i:nth-child(3){animation-delay:-.2s}@keyframes equalize{to{height:16px}}
.hero{height:100svh;min-height:800px;max-height:1200px;color:var(--paper);position:relative;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 38%;z-index:-3}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 43%;transform:scale(1.04);animation:hero-settle 1.8s ease-out forwards}@keyframes hero-settle{to{transform:scale(1)}}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#172b24 0%,#172b24ee 24%,#172b2480 48%,#172b2400 72%),linear-gradient(0deg,#172b24c9 0%,transparent 32%,#172b2440 100%);z-index:-2}.hero-top{position:absolute;top:126px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em}.hero-top span:last-child{font-size:11px}.hero-title{position:absolute;left:7%;top:26%;width:80%;pointer-events:none}.hero-title>p{font-size:20px;margin-bottom:22px}.hero h1{font-weight:500;font-size:clamp(76px,9.8vw,160px);letter-spacing:-.065em;line-height:.96;margin:0;max-width:950px}.hero h1 em{color:var(--orange)}.hero-bottom{position:absolute;bottom:72px;left:7%;right:7%;display:flex;align-items:end;justify-content:space-between}.hero-bottom>p{font-size:16px;line-height:1.7;margin:0}.journey-link{display:flex;align-items:center;gap:28px;font-size:14px}.journey-link>span{display:grid;place-items:center;width:55px;height:55px;border:1px solid #ffffff8a;border-radius:50%;font-size:24px;transition:background .3s,color .3s}.journey-link:hover>span{background:var(--orange);color:var(--forest)}.hero-aside{position:absolute;right:22px;top:47%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.17em}.hero-number{position:absolute;left:4.5%;bottom:22px;font-size:12px;letter-spacing:.15em}.section-kicker{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.1em;border-top:1px solid #22372c45;padding-top:17px;margin-bottom:75px}.story{background:var(--paper);padding:55px 7% 70px;overflow:hidden}.story-head{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:start}.story-head h2 em{color:#cc582e}.story-intro{max-width:460px}.story-intro p{font-size:17px;line-height:1.7}.story-intro .lead{font-size:23px;line-height:1.4}.journey{margin-top:35px;position:relative;padding:25px 0 85px}.journey-scene{position:relative;width:78%;height:630px;overflow:hidden}.journey-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.journey-scene:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#12221dc9)}.journey-overlay{position:absolute;left:5%;bottom:6%;color:#fff;z-index:1}.journey-overlay>span{font-size:11px;letter-spacing:.12em}.journey-overlay p{font-size:36px;line-height:1.15;margin:18px 0 0;letter-spacing:-.03em}.car-memory{position:absolute;right:0;top:9%;width:31%;padding:10px 10px 16px;background:#fff;transform:rotate(7deg);box-shadow:0 20px 40px #0002;transition:rotate .3s}.car-memory img{aspect-ratio:4/3;object-fit:cover}.car-memory span{font-size:10px;letter-spacing:.05em;display:block;padding-top:14px}.car-memory:hover{rotate:-3deg}.mileage{position:absolute;right:0;bottom:20px;text-align:right;color:#cc582e}.mile-number{font-size:clamp(90px,14vw,215px);line-height:1;font-family:'DM Serif Display',Georgia,serif;letter-spacing:-.07em;display:block}.mileage>span:last-child{font-size:11px;letter-spacing:.13em}.route-line{display:flex;gap:22px;align-items:center;font-size:11px;letter-spacing:.1em;margin-top:30px}.route-line>div{flex:1;border-top:1px dashed #243b2860;position:relative}.route-line i{display:block;position:absolute;left:var(--route,0%);top:-5px;width:9px;height:9px;background:#cc582e;border-radius:50%;transition:left .15s linear}.people{background:#dfe5d7;padding:55px 7% 110px}.people-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.people-copy h2{font-size:clamp(42px,4.8vw,74px)}.people-copy p{font-size:18px;max-width:470px;line-height:1.7}.people-memory{padding-top:60px}.people-memory button{padding:0;background:none;transform:rotate(4deg);transition:transform .4s}.people-memory button:hover{transform:rotate(0)}.people-memory img{aspect-ratio:4/3;object-fit:contain;background:#172b24}.handwritten{font:italic 33px/1.2 'DM Serif Display',Georgia,serif;margin:30px 0 12px;transform:rotate(-4deg);text-align:center}.small-label{font-size:11px;letter-spacing:.12em}.people-memory>.small-label{display:block;text-align:center}.little-note{border-top:1px solid #22372c45;border-bottom:1px solid #22372c45;margin-top:36px;max-width:470px}.little-note summary{list-style:none;display:flex;justify-content:space-between;padding:18px 0;cursor:pointer;font-size:15px}.little-note summary::-webkit-details-marker{display:none}.little-note summary span{font-size:22px;line-height:1;transition:rotate .3s}.little-note[open] summary span{rotate:45deg}.little-note p{font-size:16px;margin:0 0 22px}.saturday{background:#f7c69f;padding:55px 7% 110px;transition:background .7s,color .7s}.saturday-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.saturday-heading h2{font-size:clamp(43px,5.5vw,85px)}.saturday-heading>p{font-size:15px;padding-bottom:20px}.day-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0 0;border-bottom:1px solid #18282055}.day-tabs button{text-align:left;background:none;padding:17px 16px 20px 0;border-bottom:3px solid transparent;font-size:16px;position:relative}.day-tabs button span{font-size:12px;display:block;opacity:.7;margin-bottom:6px;letter-spacing:.1em}.day-tabs button[aria-selected=true]{border-color:currentColor;font-weight:700}.day-tabs button:hover{opacity:.7}#day-panel{display:grid;grid-template-columns:1.1fr 1fr;min-height:530px;border-bottom:1px solid #18282055}.day-art{position:relative;min-width:0;overflow:hidden;background:#6c3425}.day-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 40%}.day-art>img[hidden]{display:none}.coffee-art{padding:55px 35px;color:#f7c69f;min-height:530px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.coffee-art[hidden]{display:none}.coffee-art>span{font-size:10px;letter-spacing:.12em;position:relative;z-index:1}.coffee-art strong{font-weight:500;letter-spacing:-.05em;font-size:clamp(55px,6vw,90px);line-height:.9;z-index:1}.coffee-time{position:absolute;bottom:-70px;right:-25px;font-size:210px;color:#b3795938;font-family:'DM Serif Display',serif;letter-spacing:-.07em;line-height:1;rotate:-12deg}.day-copy{padding:55px 0 45px 12%;display:flex;flex-direction:column;align-items:start}.day-copy>span{font-size:11px;letter-spacing:.13em;margin-bottom:30px}.day-copy h3{margin-bottom:22px}.day-copy p{max-width:400px;font-size:18px;line-height:1.7}.day-copy .day-aside{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:21px;line-height:1.4;margin-top:5px}.day-copy button{background:none;border-bottom:1px solid currentColor;padding:10px 0;margin-top:auto;display:flex;gap:65px;align-items:center;font-size:15px}.day-copy button span{font-size:25px}#day-stamp{position:absolute;left:20px;bottom:20px;background:#f3f0e6;color:var(--ink);font-size:10px;letter-spacing:.08em;padding:9px 14px;transform:rotate(-4deg)}[data-scene="0"] #day-stamp{display:none}.saturday.evening-scene{background:#283749;color:#fff1dc}.saturday.night-scene{background:#352547;color:#f2deff}.afterhours{background:#191424;color:#efe4fb;padding:55px 7% 30px;position:relative;overflow:hidden;isolation:isolate}.afterhours:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 65%,#67418265,transparent 60%);transition:opacity 1s}.afterhours .section-kicker{border-color:#ddc4ff40}.night-top{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-bottom:70px}.night-top h2{font-size:clamp(75px,9vw,145px);margin-bottom:35px}.night-top h2 em{color:var(--purple)}.night-top p{font-size:18px;max-width:430px;line-height:1.75}.party-button{margin:16px 0 15px;background:var(--purple);color:#201528;border-radius:50px;padding:17px 25px;display:flex;gap:35px;align-items:center;font-size:16px;transition:background .3s,transform .3s}.party-button:hover{background:#f7c69f;transform:rotate(-2deg)}.night-top .party-status{font-size:14px;color:#b7a6c6;min-height:24px}.record-wrap{text-align:center;position:relative;padding:20px 0}.record{width:100%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#121015 0px,#121015 3px,#27232c 4px,#141118 5px);position:relative;display:grid;place-items:center;border:2px solid #312a37;box-shadow:20px 30px 50px #08061080;transform:rotate(-15deg)}.record:before{content:'';inset:0;position:absolute;border-radius:50%;background:conic-gradient(transparent,#ffffff13,transparent,#ffffff0a,transparent)}.record-label{width:42%;aspect-ratio:1;background:var(--purple);color:#21182a;border-radius:50%;display:flex;align-items:center;justify-content:space-around;flex-direction:column;padding:12%;position:relative;box-sizing:content-box;width:24%;padding:9%}.record-label>span{font-size:8px;letter-spacing:.08em;white-space:nowrap}.record-label b{font-size:clamp(26px,4.6vw,64px);line-height:.85;letter-spacing:-.065em}.record-caption{font-size:10px;letter-spacing:.15em;display:block;margin-top:30px}.night-bottom{border-top:1px solid #ddc4ff40;padding:20px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;gap:20px}.afterhours.party:before{background:radial-gradient(ellipse at 70% 50%,#a9439090,transparent 80%)}.party .record{animation:spin 9s linear infinite}.party h2 em{color:#ffb88f}@keyframes spin{to{transform:rotate(345deg)}}.real{background:var(--paper);padding:55px 7% 110px}.real-grid{display:grid;grid-template-columns:.85fr 1fr;gap:13%;align-items:center}.sunset-frame{position:relative;transform:rotate(-3deg)}.sunset-frame button{padding:0;background:none;width:100%;transition:transform .4s}.sunset-frame button:hover{transform:rotate(3deg)}.sunset-frame img{width:100%;aspect-ratio:4/5;object-fit:cover}.sunset-frame>span{font-size:10px;letter-spacing:.14em;margin-top:18px;display:block}.real-copy h2{font-size:clamp(44px,5vw,78px)}.real-copy p{font-size:19px;line-height:1.75}.outtake{margin-top:25px;border-top:1px solid #18282055;background:none;text-align:left;padding:20px 0;font-size:14px;display:flex;gap:25px;align-items:center}.outtake span{font-size:25px}footer{background:var(--forest);color:var(--paper);padding:90px 7% 25px;text-align:center}footer h2{font-size:clamp(65px,8vw,125px);margin:30px 0 40px}footer h2 em{color:var(--orange)}.connect{display:inline-flex;gap:50px;align-items:center;background:var(--orange);border-radius:40px;padding:19px 28px;color:var(--forest);font-size:16px;transition:transform .3s}.connect:hover{transform:rotate(-2deg)}footer>p{font-size:14px;color:#b9c6bd;margin:22px 0 85px}.footer-line{border-top:1px solid #d9dece55;padding-top:25px;display:flex;gap:20px;justify-content:space-between;font-size:10px;letter-spacing:.08em}.chapter-dock{position:fixed;z-index:9;bottom:18px;left:50%;transform:translateX(-50%);background:#15251feb;color:var(--paper);border:1px solid #ffffff30;backdrop-filter:blur(15px);border-radius:40px;display:flex;align-items:center;gap:11px;padding:10px 18px;box-shadow:0 4px 18px #0002}.chapter-dock>span{font-size:11px;margin-right:8px;min-width:72px}.chapter-dock a{width:16px;height:24px;display:grid;place-items:center}.chapter-dock a:after{content:'';width:5px;height:5px;border:1px solid #e4e9d8;border-radius:50%;transition:background .3s,transform .3s}.chapter-dock a.active:after{background:var(--orange);border-color:var(--orange);transform:scale(1.4)}.sound-message{position:fixed;right:4.5%;top:80px;z-index:30;background:#15251feb;color:var(--paper);border:1px solid #ffffff35;padding:12px 18px;border-radius:12px;font-size:13px;max-width:270px;pointer-events:none;opacity:0;transition:opacity .4s}.sound-message.show{opacity:1}dialog{padding:0;border:0;background:#101b16;color:var(--paper);width:100vw;height:100svh;max-width:none;max-height:none;margin:0}dialog::backdrop{background:#101b16}dialog[open]{display:flex;align-items:center;justify-content:center}.viewer-top{position:absolute;top:24px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em}.viewer-top button{background:none;color:var(--paper);border:1px solid #ffffff70;padding:10px 18px;border-radius:25px;font-size:14px}dialog figure{margin:75px 6% 25px;max-width:88%;text-align:center}dialog img{max-height:calc(100svh - 170px);max-width:100%;width:auto;object-fit:contain;margin:auto}dialog figcaption{font-size:16px;margin-top:20px;max-width:700px}.no-script{background:white;padding:25px;margin:0}.reveal{opacity:0;transform:translateY(32px);transition:transform .85s cubic-bezier(.2,.65,.3,1),opacity .85s}.reveal.in{opacity:1;transform:translateY(0)}
@media(min-width:1600px){.hero-photo{inset:0 0 0 43%}.hero-title{top:29%}}@media(max-width:900px){.header{padding-right:165px}.header nav{gap:20px;margin-right:15px}.hero{min-height:800px}.hero-photo{left:25%}.hero-top span:last-child{display:none}.hero h1{font-size:12vw}.hero-title{left:6%;top:30%}.hero-bottom{left:6%;right:6%;gap:20px}.hero-bottom>p{font-size:14px}.journey-link{gap:15px;font-size:13px}.story,.people,.saturday,.afterhours,.real{padding-left:6%;padding-right:6%}.people-grid{gap:6%}.people-copy h2{font-size:42px}.journey-scene{height:530px}.night-top{gap:4%}.section-kicker{font-size:10px}.real-grid{gap:8%}.real-copy p{font-size:17px}.record-label>span{font-size:6px}}
@media(max-width:600px){html{scroll-padding-top:25px}.header{padding:19px 5%;align-items:start}.wordmark{font-size:38px}.header nav{gap:15px;font-size:12px;margin:8px auto 0}.header nav a:last-child{display:none}.sound{right:5%;top:20px;font-size:12px;padding:9px 12px;gap:7px}.header{padding-right:132px}.hero{height:94svh;min-height:740px;max-height:950px}.hero-photo{inset:0}.hero-photo img{object-position:56% 40%;height:100%;width:100%}.hero-shade{background:linear-gradient(0deg,#12281ff5 0%,#12281f95 25%,#12281f10 54%,#12281f80 100%)}.hero-top{top:92px;left:5%;font-size:9px;letter-spacing:.1em}.hero-title{top:auto;bottom:210px;left:6%;width:90%}.hero-title>p{font-size:16px;margin-bottom:12px}.hero h1{font-size:clamp(56px,13vw,85px);max-width:100%;line-height:.98;letter-spacing:-.06em}.hero-bottom{bottom:60px;display:block}.hero-bottom>p{font-size:14px;line-height:1.5;margin-bottom:18px}.journey-link{justify-content:space-between;font-size:13px;max-width:310px}.journey-link>span{width:38px;height:38px;font-size:20px}.hero-aside{right:12px;top:160px;font-size:8px}.hero-number{display:none}.section-kicker{font-size:9px;letter-spacing:.06em;margin-bottom:44px;gap:15px}.section-kicker>span:last-child{max-width:48%;text-align:right}.story,.people,.saturday,.afterhours,.real{padding-top:40px;padding-bottom:60px}.story-head{grid-template-columns:1fr;gap:10px}.story-head h2{font-size:60px;margin-bottom:25px}.story-intro .lead{font-size:22px}.story-intro p{font-size:16px}.journey{margin-top:15px;padding:0 0 105px}.journey-scene{width:100%;height:490px}.journey-overlay{bottom:6%;left:6%;right:5%}.journey-overlay p{font-size:26px}.car-memory{top:18px;right:-8px;width:40%;padding:5px 5px 10px}.car-memory span{font-size:7px;letter-spacing:0;line-height:1.4;padding-top:8px}.mileage{bottom:0}.mile-number{font-size:108px}.mileage>span:last-child{font-size:9px}.route-line{font-size:9px;margin-top:25px;gap:15px}.people-grid{grid-template-columns:1fr;gap:30px}.people-copy h2{font-size:43px}.people-copy p{font-size:16px}.people-memory{padding:15px 5% 0}.handwritten{font-size:29px}.saturday-heading{display:block}.saturday-heading h2{font-size:44px}.saturday-heading>p{font-size:14px;margin-bottom:10px;padding:0}.saturday-heading>p br{display:none}.day-tabs{margin-top:25px}.day-tabs button{font-size:12px;padding:14px 5px 13px 0;line-height:1.4}.day-tabs button span{font-size:10px;margin-bottom:8px}.day-tabs button[aria-selected=true]{border-width:2px}#day-panel{grid-template-columns:1fr;min-height:0}.day-art{height:340px}.coffee-art{min-height:340px;padding:32px 25px}.coffee-art strong{font-size:66px}.coffee-time{font-size:170px;bottom:-40px}.coffee-art>span{font-size:9px}.day-copy{padding:30px 0 30px}.day-copy>span{margin-bottom:17px;font-size:10px}.day-copy h3{font-size:39px;margin-bottom:18px}.day-copy p{font-size:16px;line-height:1.65}.day-copy .day-aside{font-size:21px}.day-copy button{margin-top:10px}.night-top{grid-template-columns:1fr;padding-bottom:25px}.night-top h2{font-size:86px;margin-bottom:25px}.night-top p{font-size:16px}.record-wrap{width:80%;margin:20px auto 0}.record-label b{font-size:39px}.record-label>span{font-size:6px}.night-bottom{font-size:8px;line-height:1.5;padding-bottom:0}.night-bottom span{max-width:50%}.real-grid{grid-template-columns:1fr;gap:50px}.sunset-frame{width:80%;margin:0 auto}.real-copy h2{font-size:47px}.real-copy p{font-size:17px}.outtake{font-size:14px}.chapter-dock{gap:7px;padding:7px 14px;bottom:12px}.chapter-dock>span{font-size:10px;min-width:60px}.chapter-dock a{height:20px;width:14px}footer{padding:60px 6% 85px}footer h2{font-size:53px}footer>p{font-size:12px;margin-bottom:50px}.connect{font-size:14px;padding:16px 22px;gap:30px}.footer-line{flex-wrap:wrap;justify-content:center;font-size:9px}.footer-line>span{display:none}.viewer-top{font-size:9px}dialog figure{margin-left:5%;margin-right:5%;max-width:90%}dialog figcaption{font-size:14px}.sound-message{top:70px;right:5%;max-width:240px}.little-note p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-photo img{transform:none}}

.chapter-dock{opacity:0;pointer-events:none;transition:opacity .35s}.chapter-dock.shown{opacity:1;pointer-events:auto}
@media(min-width:901px){.hero-photo{left:28%}.hero-shade{background:linear-gradient(90deg,#172b24 0%,#172b24 28%,#172b24e8 34%,#172b2460 51%,#172b2400 72%),linear-gradient(0deg,#172b24c9 0%,transparent 32%,#172b2440 100%)}}

.chapter-dock{visibility:hidden}.chapter-dock.shown{visibility:visible}.small-label,.hero-top,.hero-top span:last-child,.section-kicker,.car-memory span,.mileage>span:last-child,.route-line,.journey-overlay>span,.coffee-art>span,.day-copy>span,#day-stamp,.record-caption,.night-bottom,.sunset-frame>span,.footer-line{font-size:12px}.chapter-dock>span{font-size:12px}.hero-aside{font-size:12px}.chapter-dock{max-width:94vw}@media(max-width:600px){.hero-top{font-size:10px}.hero-aside{font-size:10px}.section-kicker{font-size:10px}.day-tabs button{font-size:14px}.day-tabs button span{font-size:12px}.car-memory span{font-size:10px}.night-bottom{font-size:10px}.footer-line{font-size:11px}.coffee-art>span{font-size:11px}.chapter-dock>span{font-size:11px}.record-caption{font-size:11px}}
.wordmark{white-space:nowrap;flex-shrink:0}@media(max-width:600px){.hero h1{font-size:clamp(45px,13vw,78px)}}@media(max-width:360px){.header nav a:nth-child(2){display:none}.header nav{margin-left:20px;margin-right:0}.header nav a{white-space:nowrap}}