html{overflow-anchor:none}
.twins-page{background:var(--ink);color:var(--yellow);overflow-x:hidden}
.twins-page .menu-link[aria-current=page]{color:#fff}
.twins-main{position:relative;z-index:1;margin-left:var(--rail)}
.twins-content{position:relative;z-index:2}
.twins-loader{position:fixed;inset:0;z-index:400;overflow:hidden;background:var(--ink);color:var(--ink);visibility:hidden;pointer-events:none}
html.kd-js:not(.kd-page-ready) .twins-loader{visibility:visible;pointer-events:auto}
.twins-loader-yellow{position:absolute;inset:0;background:var(--yellow);transform:scaleX(0);transform-origin:right;transition:transform .68s var(--ease)}
.twins-loader.is-yellow .twins-loader-yellow{transform:scaleX(1)}
.twins-loader-copy{position:absolute;z-index:2;left:calc(var(--rail) + 4vw);top:50%;transform:translateY(-50%);display:grid;gap:23px;pointer-events:none;transition:opacity .45s ease}
.twins-loader.is-leaving .twins-loader-copy{opacity:0}
.twins-loader-copy>span{font-size:11px;font-weight:900;letter-spacing:.18em;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .6s var(--ease)}
.twins-loader-copy strong{display:grid;font-size:clamp(70px,10vw,170px);line-height:.94;letter-spacing:-.095em;font-weight:900}
.twins-loader-copy strong span{display:block;width:max-content;max-width:100%;padding-right:.14em;opacity:0;filter:blur(8px);transition:clip-path .75s var(--ease),opacity .45s ease,filter .75s ease}
.twins-loader-copy strong span:first-child{clip-path:inset(0 100% 0 0)}
.twins-loader-copy strong span:last-child{clip-path:inset(0 0 0 100%)}
.twins-loader.is-lettering .twins-loader-copy>span,.twins-loader.is-lettering .twins-loader-copy strong span{opacity:1;filter:none;transform:none;clip-path:inset(0)}
.twins-loader.is-lettering .twins-loader-copy strong span:last-child{transition-delay:.16s}
.twins-loader.is-lettering .twins-loader-copy>span:last-child{transition-delay:.35s}
.twins-loader-progress{position:absolute;bottom:0;left:var(--rail);right:0;height:5px;background:rgba(0,0,0,.13);z-index:3}
.twins-loader-progress span{display:block;height:100%;width:100%;background:var(--ink);transform:scaleX(var(--load-progress,0));transform-origin:left;transition:transform .24s ease-out}
.twins-loader.is-leaving{transform:translateY(101%);transition:transform .82s var(--ease)}
.twins-heading{height:270px;min-height:0;padding:0 clamp(20px,3vw,50px);position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;background:var(--ink);border-bottom:1px solid rgba(255,237,0,.3);transition:height .75s var(--ease)}
.twins-heading h1{position:relative;display:block;width:max-content;height:1.82em;font-size:clamp(70px,8vw,120px);line-height:.91;letter-spacing:-.07em;margin:0;font-weight:900;white-space:nowrap;transition:font-size .75s var(--ease),height .75s var(--ease)}
.twins-heading-solid,.twins-heading-outline{display:block;white-space:nowrap}
.twins-heading-outline{position:absolute;left:0;top:.91em;color:transparent;-webkit-text-stroke:2px var(--yellow);transition:left .75s var(--ease),top .75s var(--ease)}
.twins-heading-count{font-size:10px;font-weight:900;letter-spacing:.13em;white-space:nowrap}
.twins-heading.is-compact{height:94px}
.twins-heading.is-compact h1{height:.91em;font-size:clamp(29px,3.2vw,48px)}
.twins-heading.is-compact .twins-heading-outline{left:var(--outline-compact-left,250px);top:0}
.twins-hero{position:relative;height:calc(100svh - 270px);min-height:450px;overflow:hidden;background:var(--yellow)}
.twins-hero>img{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1.035);transition:transform 1.5s var(--ease)}
html.kd-js .twins-hero>img,html.kd-js .twins-event-image img{opacity:0;transition:opacity .35s ease,transform 1.5s var(--ease)}
html.kd-js .twins-hero>img.is-media-ready,html.kd-js .twins-event-image img.is-media-ready{opacity:1}
.twins-page.is-ready .twins-hero>img{transform:scale(1)}
.twins-hero-wipe{position:absolute;inset:0;background:var(--yellow);transform:translateX(0);transition:transform 1.1s var(--ease);pointer-events:none}
.twins-page.is-ready .twins-hero-wipe{transform:translateX(-101%)}
.twins-hero-name{position:absolute;z-index:2;top:50%;display:flex;align-items:center;color:transparent;-webkit-text-stroke:2.5px var(--ink);font-size:clamp(64px,7.5vw,132px);font-weight:900;line-height:.8;letter-spacing:-.075em;white-space:nowrap;opacity:0;filter:blur(10px);pointer-events:none;transition:opacity .8s ease,transform 1s var(--ease),filter 1s ease}
.twins-hero-name-phil{left:clamp(20px,3vw,58px);transform:translate(-28px,-50%);transition-delay:1.05s}
.twins-hero-name-alan{right:clamp(20px,3vw,58px);transform:translate(28px,-50%);transition-delay:1.25s}
.twins-page.is-ready .twins-hero-name{opacity:1;filter:blur(0);transform:translate(0,-50%)}
.twins-hero-cue{position:absolute;left:clamp(20px,4vw,70px);right:clamp(20px,4vw,70px);bottom:20px;display:flex;justify-content:space-between;gap:20px;color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.13em}
.twins-hero-cue span:last-child{font-size:24px;line-height:.5}
.twins-timeline{position:relative;height:var(--timeline-height,520svh);background:transparent}
.twins-sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.twins-stage{position:absolute;inset:0;background:radial-gradient(circle at 55% 30%,#242414 0,#10100e 50%,#070706 100%);overflow:hidden}
.twins-stage-top{position:absolute;z-index:3;top:clamp(112px,14vh,145px);left:clamp(24px,4vw,70px);right:clamp(24px,4vw,70px);display:flex;align-items:start;justify-content:space-between;gap:20px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.15em}
.twins-current-year{font-size:clamp(70px,12vw,190px);line-height:.7;letter-spacing:-.1em;font-weight:900;opacity:.12;position:absolute;top:42px;right:0;pointer-events:none}
.twins-event-stack{position:absolute;z-index:4;top:clamp(150px,19vh,210px);bottom:clamp(250px,30vh,330px);left:clamp(34px,7vw,120px);right:clamp(34px,7vw,120px);pointer-events:none}
.twins-event{position:absolute;inset:0;margin:auto;width:min(100%,1040px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(220px,.88fr);align-items:center;gap:clamp(25px,4vw,75px);opacity:0;transform:translateY(40px) scale(.96);filter:blur(8px);transition:opacity .55s ease,transform .75s var(--ease),filter .65s ease;visibility:hidden}
.twins-event.is-active{opacity:1;transform:none;filter:none;visibility:visible;z-index:2}
.twins-event.is-exiting{opacity:0;transform:translateY(-42px) scale(.97);filter:blur(8px);visibility:visible;z-index:1}
.twins-event-image{position:relative;align-self:stretch;min-height:0;background:var(--yellow);box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 0 1px rgba(255,237,0,.45);overflow:hidden}
.twins-event-image img{width:100%;height:100%;object-fit:cover}
.twins-event-image::after{content:"";position:absolute;inset:0;background:var(--yellow);transform:translateX(-101%);pointer-events:none}
.twins-event.is-active .twins-event-image::after{animation:twins-image-wipe .9s var(--ease) both}
@keyframes twins-image-wipe{0%{transform:translateX(-101%)}48%{transform:translateX(0)}100%{transform:translateX(101%)}}
.twins-event-copy{max-width:410px;text-shadow:0 2px 25px rgba(0,0,0,.75)}
.twins-event-copy>span{display:block;font-size:11px;font-weight:900;letter-spacing:.16em}
.twins-event-copy h2{font-size:clamp(38px,4.8vw,70px);line-height:.87;letter-spacing:-.085em;margin:20px 0;font-weight:900;overflow-wrap:anywhere}
.twins-event-copy p{font-size:clamp(20px,2vw,29px);line-height:1.16;letter-spacing:-.035em;margin:0;color:var(--off)}
.twins-timeline-guide{position:absolute;z-index:3;left:clamp(24px,4vw,70px);right:clamp(24px,4vw,70px);bottom:clamp(236px,27vh,265px);display:flex;justify-content:space-between;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.16em}
.twins-timeline-guide span:last-child{font-size:24px;line-height:.6}
.twins-ruler{position:absolute;z-index:2;bottom:clamp(55px,8vh,90px);left:0;right:0;height:155px;overflow:hidden;border-top:1px solid rgba(255,237,0,.32)}
.twins-years{position:absolute;top:0;left:0;bottom:0;display:flex;width:max-content;padding-left:var(--twins-gutter,0px);padding-right:var(--twins-gutter,0px);will-change:transform}
.twins-year{position:relative;flex:0 0 var(--year-step,210px);height:100%;color:var(--yellow)}
.twins-year::before{content:"";position:absolute;top:0;left:50%;height:70px;width:2px;background:var(--yellow);transform:translateX(-50%)}
.twins-year::after{content:"";position:absolute;top:0;left:0;right:0;height:35px;background-image:linear-gradient(90deg,rgba(255,237,0,.65) 1px,transparent 1px);background-size:calc(var(--year-step,210px) / 12) 100%;background-repeat:repeat-x;opacity:.9}
.twins-year span{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-size:clamp(18px,2vw,29px);font-weight:900;letter-spacing:-.05em}
.twins-event-marker{position:absolute;z-index:2;top:0;left:0;width:10px;height:10px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px rgba(255,237,0,.18),0 0 20px var(--yellow);transform:translateX(-50%)}
.twins-event-marker.is-active{box-shadow:0 0 0 9px rgba(255,237,0,.22),0 0 30px var(--yellow)}
.twins-ruler-pointer{position:absolute;z-index:3;left:50%;bottom:clamp(51px,8vh,86px);width:2px;height:215px;background:linear-gradient(0deg,var(--yellow),transparent);transform:translateX(-50%);pointer-events:none}
.twins-ruler-pointer::after{content:"";position:absolute;bottom:0;left:50%;width:12px;height:12px;border:2px solid var(--yellow);border-radius:50%;background:var(--ink);transform:translate(-50%,50%)}
.twins-page .footer-spacer{background:transparent}
body:not(.js-ready) .twins-hero-wipe{display:none}
body:not(.js-ready) .twins-hero-name{opacity:1;filter:none;transform:translate(0,-50%)}
body:not(.js-ready) .twins-timeline{height:auto;background:var(--ink)}
body:not(.js-ready) .twins-sticky{position:relative;height:auto;overflow:visible}
body:not(.js-ready) .twins-stage{position:relative;overflow:visible;padding:50px 20px}
body:not(.js-ready) .twins-event-stack{position:relative;inset:auto;display:grid;gap:35px}
body:not(.js-ready) .twins-event{position:relative;inset:auto;visibility:visible;opacity:1;transform:none;filter:none;min-height:370px}
body:not(.js-ready) .twins-stage-top,body:not(.js-ready) .twins-timeline-guide,body:not(.js-ready) .twins-ruler,body:not(.js-ready) .twins-ruler-pointer{display:none}
@media(max-width:1050px){.twins-heading-count{display:none}.twins-event-copy h2{font-size:clamp(43px,6vw,70px)}}
@media(max-width:800px){.twins-main{margin-left:0}.twins-heading{top:70px;height:170px;padding:0 18px}.twins-heading h1{font-size:clamp(41px,10.7vw,66px)}.twins-heading-outline{-webkit-text-stroke-width:1.5px}.twins-heading.is-compact{height:72px}.twins-heading.is-compact h1{font-size:clamp(20px,5.2vw,31px)}.twins-hero{height:calc(100svh - 240px);min-height:390px}.twins-hero-name{font-size:clamp(35px,10vw,68px);-webkit-text-stroke-width:1.5px;top:24%}.twins-hero-name-phil{left:14px}.twins-hero-name-alan{right:14px}.twins-hero-cue{left:18px;right:18px;bottom:16px;font-size:9px}.twins-loader-copy{left:23px;right:20px}.twins-loader-copy strong{font-size:clamp(55px,14vw,90px)}.twins-loader-progress{left:0}.twins-stage-top{top:160px;left:20px;right:20px}.twins-current-year{font-size:115px;top:55px}.twins-event-stack{top:225px;bottom:205px;left:20px;right:20px}.twins-event{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:12px;align-items:stretch}.twins-event-image{min-height:0}.twins-event-copy h2{font-size:clamp(37px,10vw,58px);margin:10px 0 6px}.twins-event-copy p{font-size:17px}.twins-event-copy>span{font-size:9px}.twins-timeline-guide{left:20px;right:20px;bottom:171px;font-size:9px}.twins-ruler{height:120px;bottom:35px}.twins-year::before{height:55px}.twins-year::after{height:27px}.twins-year span{bottom:17px;font-size:20px}.twins-ruler-pointer{bottom:31px;height:175px}}
@media(max-width:540px){.twins-heading h1{font-size:clamp(39px,11vw,50px)}.twins-hero>img{object-fit:contain;transform:translateY(15px) scale(1.035)}.twins-page.is-ready .twins-hero>img{transform:translateY(15px) scale(1)}.twins-hero-name{top:22%}.twins-event-stack{top:215px;bottom:205px}.twins-event-copy h2{font-size:clamp(34px,9vw,47px)}.twins-event-copy p{font-size:16px}.twins-current-year{font-size:87px}}
@media(max-width:800px){.twins-hero.is-closing{height:0;min-height:0;transition:height 1.1s var(--ease)}.twins-hero.is-closing>img{height:var(--twins-hero-height)}}
@media(prefers-reduced-motion:reduce){.twins-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.twins-loader{display:none!important}.twins-hero-wipe{display:none!important}}
