/* A restrained, performance-brand visual layer: typography and motion lead; imagery supports. */
:root{--ink:#080808;--paper:#e9e6df;--acid:#d8ff3e;--steel:#a9aaa7;--hair:rgba(233,230,223,.18)}
body{background:#080808}.grain{opacity:.025!important;mix-blend-mode:screen}.nav{position:fixed;height:76px;background:linear-gradient(#080808bb,#08080800);border:0;transition:background .35s}.nav:after{content:"";position:absolute;right:4.2vw;bottom:0;left:4.2vw;height:1px;background:var(--hair)}.brand span{font-size:19px;letter-spacing:.18em}.brand i{font-size:8px;color:#aaa}.nav nav{gap:28px;font-size:9px}.nav-follow{border:0;padding:0;font-size:9px}.nav-follow b{color:var(--acid)}
.hero{min-height:680px;background:#080808}.hero>img{filter:contrast(1.08) saturate(.76);object-position:center}.hero-wash{background:linear-gradient(90deg,rgba(8,8,8,.12),rgba(8,8,8,.02) 68%),linear-gradient(0deg,rgba(8,8,8,.76),transparent 42%)}.moon-ring{display:none}.hero-copy{bottom:9vh}.hero-copy .kicker{color:var(--acid);font-size:9px}.hero h1{font-family:var(--sans);font-size:clamp(66px,10vw,175px);font-weight:300;line-height:.76;letter-spacing:-.095em;text-transform:uppercase}.hero h1 span{display:block}.hero-copy>p:last-child{font-size:13px;color:#f0ede6}.hero-mark{display:none}.hero-index{color:var(--acid);font-size:9px}.start{font-size:9px}.start:before{content:"";display:block;width:42px;height:1px;background:var(--acid)}
.intro{min-height:88vh;background:#080808;color:var(--paper);padding:15vh 8vw 11vh;grid-template-columns:1.25fr .75fr;border-top:1px solid #222}.section-no{color:var(--acid);font-size:9px}.intro .dark{color:var(--acid)}.intro h2{font-family:var(--sans);font-weight:300;letter-spacing:-.09em}.intro h2 em{color:var(--paper);font-style:normal}.intro-bottom{border-left:1px solid #373737;padding-left:26px}.intro-bottom p{color:#bbb8b2;font-size:13px;line-height:2}.intro-bottom a{border-color:var(--acid);color:var(--acid)}
.chapters{height:400vh;border-top:1px solid #222}.chapter{background:#0d0d0d;padding:12vh 7vw}.chapter img,.chapter-shade{display:none}.chapter:nth-child(1){background:#11110e}.chapter:nth-child(2){background:#d8d5cf;color:#0a0a0a}.chapter:nth-child(3){background:#111;box-shadow:inset 0 0 0 1px #2639b9}.chapter:nth-child(4){background:#14120f}.chapter:before{content:"";position:absolute;inset:26px;border:1px solid currentColor;opacity:.2}.chapter p{color:var(--acid);font-size:9px;letter-spacing:.18em}.chapter:nth-child(2) p{color:#18246e}.chapter h2{font-family:var(--sans);font-size:clamp(128px,21vw,330px);font-weight:300;letter-spacing:-.13em;text-transform:uppercase}.chapter span{font:14px var(--serif);letter-spacing:.02em}.chapter i{color:currentColor;opacity:.12;font-family:var(--sans);font-weight:300}.chapter-hint{font-size:9px;color:var(--acid)}
.selected{background:#080808;padding:16vh 4.2vw 12vh}.selected-head{margin-left:4vw;margin-right:4vw}.selected .kicker{color:var(--acid);font-size:9px}.selected h2{font-family:var(--sans);font-weight:300;letter-spacing:-.09em}.selected-head>p{font-size:12px;color:#888}.selected-track{gap:0;border-top:1px solid #323232;border-bottom:1px solid #323232;padding:0;overflow:visible}.selected-card,.selected-card.card-wide{height:570px;min-height:0;flex:1 1 0;padding:26px;border-right:1px solid #323232;background:#0d0d0d;transition:background .45s,color .45s}.selected-card:last-child{border-right:0}.selected-card img,.selected-card>div{display:none}.selected-card:hover{background:var(--paper);color:#080808}.selected-card p{color:var(--acid);font-size:9px}.selected-card:hover p{color:#15246c}.selected-card h3{font-family:var(--sans);font-size:clamp(34px,3.7vw,58px);font-weight:300;letter-spacing:-.08em}.selected-card b{font-size:9px}.all-stories{margin:0 4vw;padding:22px 0;border:0;color:var(--acid);font-size:9px}
.founders{min-height:90vh;grid-template-columns:.72fr 1.28fr;background:#e9e6df}.founders-photo{min-height:0;background:#0c0c0c;overflow:hidden}.founders-photo img{display:none}.founders-photo:before{content:"觀\A 山\A 月";white-space:pre;display:block;padding:11vh 5vw;color:var(--acid);font:300 clamp(80px,11vw,170px)/.82 var(--sans);letter-spacing:-.1em}.founders-photo:after{content:"TWO GRADUATES\A ONE DIRECTION";white-space:pre;bottom:34px;left:5vw;color:#e9e6df;font:9px/1.8 var(--mono);letter-spacing:.15em}.founders-copy{padding:13vh 9vw}.founders-copy .kicker{color:#18246c;margin-top:11vh;font-size:9px}.founders h2{font-family:var(--sans);font-weight:300}.founders-text{color:#484640;font-size:14px}.names{margin-top:48px}.names span{font-family:var(--sans);font-weight:400;letter-spacing:-.04em}.names i{color:#18246c}.names small{font-size:8px}
.follow{min-height:100vh;background:#0b0b0b;padding-left:8vw}.follow-orbit{display:none}.follow:before{content:"觀";position:absolute;right:-.05em;bottom:-.27em;color:var(--acid);font:300 min(70vw,900px)/1 var(--sans);letter-spacing:-.18em;opacity:.92}.follow .kicker{color:#080808;background:var(--acid);padding:6px 8px;width:max-content;font-size:9px}.follow h2{font-family:var(--sans);font-weight:300;letter-spacing:-.1em}.follow h2 em{color:var(--paper)}.follow>p:not(.kicker){font-size:14px;color:#b9b6b0}.follow a{border-color:var(--acid);color:var(--acid);font-size:9px}.follow-number{color:var(--acid);font-size:9px}footer{background:#080808;height:95px;color:#777;font-size:8px;border-color:#252525}
@media(max-width:760px){.nav{height:64px}.nav:after{right:6vw;left:6vw}.hero>img{object-position:38% center}.hero-copy{bottom:11vh}.hero h1{font-size:18vw}.hero-copy>p:last-child{font-size:12px}.intro{min-height:78vh;padding:110px 6vw 70px}.intro h2{font-size:14vw}.intro-bottom{margin-top:48px;padding-left:18px}.chapters{height:340vh}.chapter{padding:15vh 7vw}.chapter:before{inset:15px}.chapter h2{font-size:29vw}.selected{padding:100px 0 65px}.selected h2{font-size:14vw}.selected-track{overflow-x:auto;scroll-snap-type:x mandatory}.selected-card,.selected-card.card-wide{flex:0 0 78vw;height:480px;scroll-snap-align:start}.all-stories{margin:0 6vw}.founders-photo{height:52vh}.founders-photo:before{padding:10vh 8vw;font-size:29vw}.founders-copy{padding:100px 6vw 75px}.follow{padding:100px 6vw;min-height:78vh}.follow h2{font-size:16vw}.follow:before{font-size:98vw;right:-.1em;bottom:-.17em}}