*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#191919;background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #222;outline-offset:6px}::selection{color:#fff;background:#222}img{display:block;max-width:100%}[hidden]{display:none!important}.skip{position:fixed;top:-100px;background:white;padding:20px;z-index:100}.skip:focus{top:0}.site-header{position:fixed;inset:0 0 auto;height:100px;padding:24px 4.5vw;display:flex;align-items:center;justify-content:space-between;z-index:30;background:linear-gradient(#fff 82%,#fff0);transition:opacity .4s,translate .4s}.site-header img{width:166px;height:auto}.header-story{font:italic 16px Georgia,serif;color:#666}.header-link{font-size:14px;border-bottom:1px solid #c1c1c1;padding-bottom:7px}body.at-hero .site-header{opacity:0;translate:0 -20px;pointer-events:none}.site-header:focus-within{opacity:1!important;translate:0!important;pointer-events:auto!important}.hero{min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;padding:100px 24px 150px}.hero-corner{position:absolute;top:38px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#686868}.hero-content{text-align:center;max-width:850px;will-change:transform,opacity}.eyebrow{font-size:12px;font-weight:400;letter-spacing:2.1px;color:#777;margin:0 0 34px}.hero-logo{width:clamp(270px,47vw,680px);height:auto;margin:auto}.hairline{width:60px;height:1px;background:#b7b7b7;margin:35px auto}h1{font:400 clamp(28px,3vw,42px)/1.2 Georgia,serif;margin:0 0 18px;letter-spacing:-1px}em{font-weight:400}.hero-description{font-size:16px;line-height:1.8;color:#737373;margin:0}.discover{position:absolute;bottom:39px;left:50%;translate:-50% 0;display:flex;align-items:center;flex-direction:column;gap:17px;font-size:12px;white-space:nowrap}.scroll-stroke{position:relative;width:1px;height:38px;background:#ddd;overflow:hidden}.scroll-stroke:after{content:'';position:absolute;top:-100%;height:100%;width:1px;background:#222;animation:scroll 2.3s ease-in-out infinite}@keyframes scroll{to{translate:0 200%}}.hero-years{position:absolute;bottom:48px;right:4.5vw;font:italic 14px Georgia,serif;color:#888}.journey{position:relative}.stage{position:relative}.stage-meta{display:flex;justify-content:space-between;padding:30px 7vw 0;font-size:12px;color:#777;letter-spacing:2px}.track{position:relative}.chapter{position:relative;min-height:820px;padding:70px 8vw 65px;display:flex;flex-direction:column;align-items:center;gap:26px;scroll-margin-top:90px}.axis{position:absolute;top:0;bottom:0;left:5vw;width:1px;background:#d4d4d4}.axis span{position:absolute;left:-4px;top:50%;width:9px;height:9px;border-radius:50%;background:#222;outline:7px solid white}.future .axis{background:repeating-linear-gradient(to bottom,#c5c5c5 0 7px,transparent 7px 14px)}.future .axis span{border:1px solid #222;background:#fff}.visual{position:relative;margin:0;width:min(74vw,345px);aspect-ratio:1}.art{width:100%;height:100%;background-image:url('assets/history.png');background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:multiply}.art-0{background-position:0 0}.art-1{background-position:100% 0}.art-2{background-position:0 100%}.art-3{background-position:100% 100%}.story{text-align:center;max-width:560px}.chapter-kicker{font-size:12px;letter-spacing:1.8px;margin:0 0 13px;color:#777}.year{font:400 clamp(70px,8vw,112px)/.85 Georgia,serif;margin:0 0 18px;letter-spacing:-5px}.story h3{font-size:14px;text-transform:uppercase;letter-spacing:3px;font-weight:400;margin:0 0 18px}.chapter-line{font:400 clamp(24px,2.2vw,32px)/1.2 Georgia,serif;letter-spacing:-.6px;margin:0 0 12px}.detail{font-size:16px;line-height:1.5;color:#767676;max-width:390px;margin:0 auto}.year.next{font-style:italic;font-size:clamp(37px,5vw,74px);letter-spacing:-2px;line-height:1.1}.alternate .visual{order:0}.alternate .story{order:1}.real-photo{position:absolute;inset:5%;width:90%;height:90%;object-fit:cover;filter:grayscale(1);animation:photo-in .5s ease}.photo-toggle{position:absolute;right:0;bottom:0;background:#fff;border:1px solid #d0d0d0;border-radius:0;padding:9px 12px;cursor:pointer;font-size:12px}.photo-toggle:hover{background:#191919;color:white}.photo-toggle span{margin-left:12px}@keyframes photo-in{from{opacity:0}to{opacity:1}}.timeline-nav{display:flex;position:relative;justify-content:space-between;margin:15px 7vw 35px;padding-top:20px;gap:15px}.timeline-nav a{font-size:14px;position:relative;color:#828282;padding-top:13px}.timeline-nav small{display:block;font-size:12px;margin-top:7px}.timeline-nav a:last-child{text-align:right}.nav-line{position:absolute;top:20px;left:0;right:0;height:1px;background:#d4d4d4}.progress{display:block;width:0;height:1px;background:#222}.nav-dot{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;border:1px solid #aaa;background:#fff}.timeline-nav a:last-child .nav-dot{left:auto;right:0}.timeline-nav a[aria-current]{color:#191919}.timeline-nav a[aria-current] .nav-dot{background:#191919;border-color:#191919;outline:4px solid white;box-shadow:0 0 0 5px #999}.closing{padding:120px 5vw 35px;border-top:1px solid #e5e5e5;text-align:center}.closing-title{font:400 clamp(30px,4.5vw,65px)/1.2 Georgia,serif;margin:0 0 28px;letter-spacing:-1.5px}.instagram{font-size:16px;display:inline-flex;gap:40px;padding-bottom:10px;border-bottom:1px solid #888}.footer-bottom{margin-top:120px;display:flex;justify-content:space-between;align-items:center;gap:25px;text-align:left}.footer-bottom img{height:auto}.footer-bottom span,.footer-bottom a{font-size:12px;color:#777}
@media(min-width:900px) and (min-height:740px) and (prefers-reduced-motion:no-preference){.enhanced .journey{height:460vh}.enhanced .stage{position:sticky;top:0;height:100vh;overflow:hidden}.enhanced .stage-meta{position:absolute;top:107px;left:4.5vw;right:4.5vw;padding:0;z-index:2}.enhanced .track{display:flex;height:100%;width:100%;will-change:transform}.enhanced .chapter{display:block;padding:0;flex:0 0 100%;height:100%;min-height:0;scroll-margin:0}.enhanced .axis{left:0;right:0;bottom:auto;top:49%;width:auto;height:1px;background:#cecece}.enhanced .axis span{left:50%;top:-4px;translate:-50% 0}.enhanced .future .axis{background:linear-gradient(to right,#cecece 50%,transparent 50%)}.enhanced .future .axis:after{content:'';position:absolute;left:50%;right:0;height:1px;background:repeating-linear-gradient(to right,#b5b5b5 0 7px,transparent 7px 15px)}.enhanced .story,.enhanced .visual{position:absolute;left:50%;translate:-50% 0;will-change:opacity,transform}.enhanced .visual{width:min(31vh,340px);height:min(31vh,340px)}.enhanced .visual.upper{bottom:calc(51% + 25px)}.enhanced .visual.lower{top:calc(49% + 27px)}.enhanced .story{width:560px;max-width:75vw}.enhanced .story.lower{top:calc(49% + 27px)}.enhanced .story.upper{bottom:calc(51% + 26px)}.enhanced .year{font-size:clamp(70px,10vh,110px);margin-bottom:14px}.enhanced .year.next{font-size:clamp(43px,7vh,76px);margin-bottom:13px}.enhanced .chapter-kicker{margin-bottom:13px}.enhanced .story h3{margin-bottom:14px}.enhanced .chapter-line{font-size:clamp(23px,3.3vh,32px);margin-bottom:10px}.enhanced .detail{font-size:16px;max-width:490px}.enhanced .timeline-nav{position:absolute;z-index:4;left:50%;bottom:22px;translate:-50% 0;width:min(640px,62vw);margin:0}.enhanced .photo-toggle{right:-75px;bottom:5px}}
@media(max-width:600px){.site-header{height:80px;padding:20px 6vw}.site-header img{width:124px}.header-story{display:none}.header-link{font-size:12px}.hero{padding:110px 24px 150px;min-height:100svh}.hero .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:37px}.hero-logo{width:85vw;max-width:440px}.hero-corner{top:27px;font-size:10px}.hero-description{font-size:15px}.hairline{margin:30px auto}.hero-years{display:none}.stage-meta{padding:26px 8vw;font-size:11px}.chapter{padding:35px 7vw 65px 13vw;min-height:760px;gap:26px}.axis{left:7vw}.axis span{top:47%}.year{font-size:80px}.chapter-kicker{font-size:10px;letter-spacing:1.2px}.story h3{font-size:13px;letter-spacing:2px}.chapter-line{font-size:26px}.detail{font-size:15px;max-width:300px}.visual{width:68vw;max-width:310px}.timeline-nav{margin-left:7vw;margin-right:7vw;gap:10px}.timeline-nav a{font-size:12px}.timeline-nav small{font-size:10px}.closing{padding:80px 7vw 30px}.closing .eyebrow{font-size:10px}.closing-title{font-size:34px}.footer-bottom{margin-top:80px;flex-direction:column;text-align:center;gap:28px}.footer-bottom span{font-size:11px}.photo-toggle{font-size:12px}.year.next{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-content{opacity:1!important;transform:none!important}}