.hero{position:relative;min-height:calc(100vh - var(--head));min-height:calc(100svh - var(--head));display:flex;align-items:flex-end;overflow:hidden;background:var(--black)}.motion .hero{height:calc(100vh - var(--head));height:calc(100svh - var(--head));min-height:560px}.hero__wall{position:absolute;inset:0;background:url(../img/texture.webp) 0 0 / 760px}.hero__wall:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgb(31 42 68 / .75),transparent 26%),linear-gradient(0deg,rgb(31 42 68 / .5),transparent 35%)}.clock{--size: min(86vh, 54vw);position:absolute;top:50%;left:71%;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);border-radius:50%;background:linear-gradient(#0f15266b,#0f15266b),url(../img/texture.webp) 130px 90px / 760px;box-shadow:0 0 0 2px #00000052;overflow:hidden}.clock__shade{position:absolute;inset:0;border-radius:50%;box-shadow:inset 26px 30px 52px #000000c7,inset -8px -10px 22px #ffffff1a;pointer-events:none}.clock svg{width:100%;height:100%}.clock__wedge{fill:var(--accent)}.clock__ticks line{stroke:#fff;stroke-opacity:.72}.clock__hour{font:500 56px var(--display);fill:#fff}.hero__flood{position:absolute;inset:0;background:var(--accent);clip-path:circle(0 at 71% 50%);pointer-events:none}.hero__copy{position:relative;z-index:2;width:fit-content;max-width:100%;padding:clamp(20px,3vh,36px) clamp(24px,4vw,56px) clamp(22px,3.4vh,40px) var(--pad);background:var(--black)}.hero,.route__panel,.close{--em: #ff3b47}.hero h1{font-size:clamp(2.5rem,min(8.8vh,4.2vw),5.75rem)}.hero__line{display:block;white-space:nowrap}.hero__lead{max-width:30em;margin-top:18px;font-size:1rem;line-height:1.55}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hero__stamp{display:flex;align-items:center;gap:14px;margin-top:18px;font-size:.8125rem;font-weight:500}.hero__stamp i{width:44px;height:2px;background:var(--accent)}.story{position:relative;overflow:hidden;--em: #fff;min-height:calc(100vh - var(--head));display:flex;align-items:flex-start;justify-content:center;padding:clamp(56px,11vh,120px) var(--pad) var(--section);background:var(--accent);color:#fff;text-align:center}.story__mark{position:absolute;left:50%;top:50%;width:min(92vh,88vw);height:auto;margin-left:calc(min(92vh,88vw)/-2);color:#c70a18}html:not(.motion) .story__mark{transform:translateY(-50%)}.story__body{position:relative;max-width:72rem}.story h2{font:500 clamp(2.25rem,5vw,5.25rem)/1.08 var(--display);letter-spacing:-.024em}.story h2 span{display:block;white-space:nowrap}.story__question{margin-top:26px;font-size:clamp(1.0625rem,1.5vw,1.375rem);font-weight:600}.story__text{max-width:38em;margin:26px auto 0;font-weight:500}.svc{--line: rgb(31 42 68 / .16);padding:var(--section) 0;background:var(--bone);color:var(--black)}.svc .btn--line{border-color:var(--black);color:var(--black)}.svc .btn--line:hover{background:var(--black);color:#fff}.svc__head,.svc__body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);padding:0 var(--pad)}.svc__head{align-items:end;margin-bottom:clamp(36px,4.5vw,64px)}.svc__head h2{font-size:clamp(3rem,6vw,6rem)}.svc__head p{max-width:34em;margin-bottom:18px}.svc__body{align-items:start}.svc__stage{position:sticky;top:calc(var(--head) + 24px)}.svc__frame{position:relative;overflow:hidden;width:min(100%,calc((100vh - var(--head) - 48px) * 1.2));aspect-ratio:6 / 5;background:var(--black);box-shadow:0 26px 50px -24px #1f2a4499}.svc__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:circle(0 at 50% 100%)}.svc__shot.is-under{z-index:1;clip-path:circle(150% at 50% 100%)}.svc__shot.is-active{z-index:2;clip-path:circle(150% at 50% 100%);transition:clip-path .7s cubic-bezier(.7,0,.2,1)}html:not(.motion) .svc__shot.is-active{transition:none}.svc__list{border-top:1px solid var(--line)}.svc__list li{border-bottom:1px solid var(--line)}.svc__row{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:clamp(150px,24vh,240px);padding:18px 44px 18px 0;text-decoration:none;transition:padding-left .35s cubic-bezier(.7,0,.2,1)}.svc__row:before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:6px;background:var(--accent);transform:scaleY(0);transform-origin:50% 0;transition:transform .35s cubic-bezier(.7,0,.2,1)}.svc__row:after{content:"";position:absolute;right:8px;top:50%;width:13px;height:13px;margin-top:-7px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:rotate(45deg);transition:transform .35s cubic-bezier(.7,0,.2,1),color .25s}.svc__row.is-active{padding-left:26px}.svc__row.is-active:before{transform:none}.svc__row.is-active:after{color:var(--accent);transform:translate(6px) rotate(45deg)}.svc__row:focus-visible{outline-offset:-3px}.svc__thumb{display:none}.svc__name{font:500 clamp(1.75rem,3vw,3rem)/1.12 var(--display);letter-spacing:-.02em;transition:color .25s}.svc__row.is-active .svc__name{color:var(--accent)}.svc__desc{max-width:38em;margin-top:8px;font-size:1rem;line-height:1.5}.route{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--bone);color:var(--black)}.motion .route{height:calc(100vh - var(--head));height:calc(100svh - var(--head));min-height:600px}.route__panel{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,44px);padding:var(--section) var(--pad);background:var(--black);color:#fff}.motion .route__panel{padding-block:24px}.route h2{font-size:clamp(2.25rem,min(6.6vh,3.7vw),4.5rem)}.route h2 span{white-space:nowrap}.route__steps{display:grid;gap:22px}.route__step h3{font:700 1.25rem/1.25 var(--text)}.route__step h3 span{color:var(--accent-text);margin-right:6px}.route__step p{max-width:34em;margin-top:4px}.motion .route__steps{position:relative;min-height:9.5rem}.motion .route__step{position:absolute;inset:0 0 auto;visibility:hidden;will-change:transform,opacity}.motion .route__step:first-child{visibility:visible}.motion .route__step h3{font:500 clamp(1.75rem,3.8vh,2.5rem)/1.1 var(--display);letter-spacing:-.02em}.motion .route__step p{margin-top:8px}.route__scene{position:relative;overflow:hidden;min-height:420px;background:url(../img/texture.webp) 0 0 / 760px;box-shadow:inset 0 0 0 100vmax #10172a24}.stairs{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.stairs--live{will-change:transform}.stairs__trail{fill:none;stroke:var(--accent);stroke-width:9;stroke-linejoin:miter}html:not(.motion) .stairs__trail{display:none}.stair__tread{fill:var(--accent)}.motion .stair__tread{fill:#10172a}.stair__no{font:500 52px var(--display);fill:var(--bone);opacity:.85;transition:fill .35s,opacity .35s}.stair__no.is-lit{fill:#fff;opacity:1}.climber{color:var(--accent)}html:not(.motion) .climber{display:none}.tape{position:relative;z-index:3;margin:-24px -3vw;padding:10px 0;background:var(--accent-btn);color:#fff;transform:rotate(-1.4deg);overflow:hidden}.tape__run{display:flex;align-items:center;gap:28px;width:max-content}.tape span{font:500 clamp(1.25rem,2.2vw,2rem)/1.2 var(--display);letter-spacing:-.01em;white-space:nowrap}.tape i{flex:none;width:10px;height:10px;border-radius:50%;background:#fff}.posters{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;padding:calc(var(--section) + 24px) var(--pad) var(--section);background:var(--bone);color:var(--black)}.posters__intro{position:sticky;top:calc(var(--head) + 40px);align-self:start}.posters h2{font-size:clamp(3rem,5.6vw,6rem)}.posters__intro p{max-width:30em;margin:22px 0 24px}.posters__wall{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);align-items:start}.sheet img{display:block;width:100%;max-width:600px;aspect-ratio:3 / 2;object-fit:cover;box-shadow:0 26px 50px -24px #1f2a4499}.sheet__link{display:block;max-width:600px}.sheet__link img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.sheet__link:hover img{transform:translateY(-6px)}.sheet figcaption a{text-decoration:none}.sheet figcaption a:hover{color:var(--accent-btn)}html:not(.motion) .sheet__link img{transition:none}.sheet figcaption{margin-top:12px;font-weight:600}.sheet--2{margin-top:clamp(60px,12vw,180px)}.sheet--3{margin-top:clamp(-120px,-7vw,-40px)}.sheet--4{margin-top:clamp(24px,4vw,64px)}.close{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;padding:var(--section) var(--pad);background:var(--black);color:#fff}.close__rings{position:absolute;top:0;bottom:0;right:-14vw;margin-block:auto;width:min(96vh,66vw);height:min(96vh,66vw);fill:none;stroke:var(--accent);overflow:visible}.close__body{position:relative}.close h2{font-size:clamp(3.5rem,9.6vw,10.5rem);line-height:1}.close p{max-width:31em;margin:24px 0;font-weight:500}@media (min-width: 961px){.hero__copy{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}}@media (min-width: 961px) and (max-width: 1340px){.clock{--size: min(76vh, 42vw);left:78%}}@media (max-width: 960px){.hero__wall{inset:0}.clock{--size: min(96vw, 52vh);top:calc(var(--size) / 2 + 14px);left:50%}.hero h1{font-size:clamp(2rem,min(6.2vh,10.4vw),4.5rem)}.hero__copy{width:100%;padding:44px var(--pad) 20px;background:linear-gradient(0deg,var(--black) 84%,transparent)}.hero__lead{max-width:34em;margin-top:14px;font-size:1rem;line-height:1.5}.hero__actions{flex-wrap:nowrap;gap:10px;margin-top:16px}.motion .hero{min-height:0}.story{min-height:calc(100vh - var(--head));min-height:calc(100svh - var(--head));padding-block:48px 72px}.story__mark{width:min(112vw,74vh);margin-left:calc(min(112vw,74vh)/-2)}.story h2{font-size:clamp(1.75rem,8.6vw,3.25rem)}.story__question{margin-top:18px;font-size:1rem}.story__text{max-width:32em;margin-top:18px}.svc__head{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:28px}.svc__head h2{font-size:var(--title)}.svc__head p{margin-bottom:18px}.svc__body{display:block;padding:0}.svc__stage{display:none}.svc__list{display:flex;gap:14px;align-items:flex-start;padding:4px var(--pad) 8px;border:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none}.svc__list::-webkit-scrollbar{display:none}.svc__list:after{content:"";flex:0 0 1px}.svc__list li{flex:0 0 min(78vw,340px);border:0;scroll-snap-align:start}.svc__row,.svc__row.is-active{display:block;min-height:0;padding:0}.svc__row:before,.svc__row:after{display:none}.svc__thumb{display:block;width:100%;box-shadow:0 16px 28px -16px #1f2a448c}.svc__name,.svc__row.is-active .svc__name{display:block;margin-top:14px;color:inherit;font-size:clamp(1.375rem,6vw,1.875rem)}.svc__desc{display:block;font-size:.9375rem}.route{grid-template-columns:1fr}.route__panel{padding-block:72px 40px}.route__scene{min-height:340px}.route__step p{font-size:1rem;line-height:1.5}.motion .route{grid-template-rows:auto minmax(0,1fr);min-height:0}.motion .route__panel{padding:18px var(--pad) 10px;gap:10px}.motion .route__scene{min-height:0}.route h2{font-size:clamp(1.75rem,min(4.2vh,8.6vw),3.25rem)}.motion .route__steps{min-height:8.25rem}.motion .route__step h3{font-size:clamp(1.5rem,3.2vh,2.125rem)}.motion .route__step p{margin-top:4px}.posters{grid-template-columns:minmax(0,1fr);gap:32px;padding:calc(var(--section) + 16px) 0 44px}.posters__intro{position:static;padding:0 var(--pad)}.posters h2{font-size:var(--title)}.posters__intro p{margin:16px 0 20px}.posters__wall{display:flex;gap:14px;align-items:flex-start;padding:4px var(--pad) 28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none}.posters__wall::-webkit-scrollbar{display:none}.posters__wall:after{content:"";flex:0 0 1px}.posters .sheet{flex:0 0 min(74vw,330px);margin:0;scroll-snap-align:start}.sheet img{max-width:none;box-shadow:0 16px 28px -16px #1f2a448c}.close{min-height:88vh;min-height:88svh}.close h2{font-size:clamp(2.75rem,13vw,6rem)}.close__rings{top:auto;bottom:-22vw;right:-34vw;width:104vw;height:104vw;opacity:.7}.close p{margin:18px 0 22px;font-size:1rem}}@media (max-width: 520px){.hero__actions .btn{flex:1 1 0;padding-inline:8px;text-align:center}.hero__stamp{display:none}}@media (max-width: 520px) and (max-height: 720px){.clock{--size: 46vh;top:calc(var(--size) / 2 - 28px)}.hero h1{font-size:clamp(1.75rem,5.6vh,2.5rem)}.hero__copy{padding-top:22px;padding-bottom:14px}.hero__lead{margin-top:10px;font-size:.9375rem;line-height:1.45}.hero__actions{margin-top:12px}.route h2{font-size:clamp(1.5rem,4vh,1.875rem)}.motion .route__step h3{font-size:1.375rem}.motion .route__step p{font-size:.9375rem;line-height:1.45}.motion .route__steps{min-height:7rem}}@media (min-width: 521px) and (max-width: 960px){.clock{--size: min(70vw, 40vh);top:calc(var(--size) / 2 + 28px)}.hero__copy{padding-bottom:28px}}@media (max-width: 960px) and (max-height: 520px) and (orientation: landscape){.motion .hero{min-height:0}.clock{--size: 88vh;top:50%;left:74%;margin-top:calc(var(--size) / -2 - 4vh)}.hero__copy{width:58%;padding:14px var(--pad);background:var(--black)}.hero h1{font-size:clamp(1.5rem,9vh,2.25rem)}.hero__lead,.hero__stamp{display:none}.hero__actions{margin-top:12px}.hero__actions .btn{flex:0 0 auto;padding-inline:18px}.story{padding-block:40px}.story__mark{width:74vh;margin-left:-37vh}.route{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.motion .route{grid-template-rows:none;min-height:0}.motion .route__panel{justify-content:center;padding:10px var(--pad)}.route h2{font-size:clamp(1.25rem,6.4vh,1.75rem)}.motion .route__steps{min-height:7rem}.motion .route__step h3{font-size:1.25rem}.motion .route__step p{font-size:.9375rem;line-height:1.4}}@media (max-width: 340px){.hero__actions .btn{padding-inline:4px;font-size:.875rem}}
