*,*::before,*::after{box-sizing:border-box}button{font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}
:root{--background:#111;--foreground:#e8e8e5;--border:#ffffff24;--radius:0;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:#ddd;color:#111}a:focus-visible{outline:1px solid #fff;outline-offset:8px}
.stage{position:relative;min-height:760px;height:100svh;isolation:isolate;overflow:hidden}.masthead{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:35px 4%;pointer-events:none}.masthead a{pointer-events:auto}.wordmark{font-size:19px;letter-spacing:-.9px;font-weight:700}.wordmark span{color:#888}.holding-label{font-size:8px;letter-spacing:.18em;color:#a5a5a5}
.statement{position:absolute;z-index:3;left:7%;top:29%;pointer-events:none}.statement h1{margin:0;font-size:clamp(78px,9.4vw,170px);line-height:.98;font-weight:400;letter-spacing:-.075em;animation:arrive 1.3s both}.period{color:#888}.statement p{margin:30px 0 0 7px;font-size:11px;letter-spacing:.015em;color:#b4b4b4;animation:arrive 1.3s .15s both}
.panels{position:absolute;inset:0;display:flex}.panel{position:relative;display:block;flex:1 1 0;min-width:0;width:auto;height:100%;padding:0;border:0;border-radius:0;border-left:1px solid var(--border);white-space:normal;text-align:left;overflow:hidden;background:#141414;color:var(--foreground);cursor:pointer;transition:flex-grow 900ms cubic-bezier(.22,.68,.2,1),background 700ms;outline-offset:-5px;transform:none;box-shadow:none}.panel:first-child{border-left:0}.panel-1{background:#191919}.panel-2{background:#111}.panel-0{flex-grow:1.35}.panel-2{background:#1b1b1b}.panel.is-active{flex-grow:1.55;background:#242424}.panel-0.is-active{flex-grow:1.95}.panel-copy{display:block}.panel-name{display:block}.panel-0 .panel-name{font-size:clamp(30px,2.8vw,46px);letter-spacing:-.045em}.panel-description{display:block;margin-top:15px;font-size:11px;line-height:1.7;font-weight:400;letter-spacing:.005em;color:#a5a5a5}.panel:focus-visible{outline:1px solid #aaa;outline-offset:-5px}.panel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;opacity:.18;filter:grayscale(1);transform:scale(1.04);transition:opacity 1s,transform 2s}.is-active .panel-image{opacity:.48;transform:scale(1)}.panel-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000010 10%,transparent 40%,#00000028);pointer-events:none}.panel-index{position:absolute;top:133px;left:clamp(22px,3.2vw,62px);font-size:10px;font-weight:400;letter-spacing:.08em;color:#939393;display:flex;align-items:center;gap:15px}.index-line{width:16px;height:1px;background:#666;transition:width .7s,background .7s}.is-active .index-line{width:40px;background:#ddd}.panel-caption{position:absolute;bottom:118px;left:clamp(22px,3.2vw,62px);right:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;transition:transform .7s}.panel-name{font-size:clamp(21px,2.15vw,36px);font-weight:400;line-height:1.22;letter-spacing:-.035em}.panel-name>span{color:#929292;transition:color .7s}.panel-mark{font-size:22px;font-weight:300;opacity:0;transform:translate(-6px,6px);transition:opacity .6s,transform .6s}.is-active .panel-caption{transform:translateY(-8px)}.is-active .panel-name>span{color:#bcbcbc}.is-active .panel-mark{opacity:.85;transform:translate(0,0)}.panel-baseline{position:absolute;bottom:90px;left:clamp(22px,3.2vw,62px);width:20px;height:1px;background:#666;transition:width .8s,background .8s}.is-active .panel-baseline{width:60px;background:#ccc}
footer{position:absolute;bottom:0;left:4%;right:4%;z-index:3;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;height:61px;font-size:8px;letter-spacing:.12em;color:#828282;pointer-events:none}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.statement{top:28%}}
@media(max-width:760px){.stage{height:auto;min-height:100svh;overflow:visible;padding-top:380px}.masthead{padding:26px 6%}.wordmark{font-size:17px}.holding-label{display:none}.statement{top:135px;left:7%}.statement h1{font-size:clamp(62px,12vw,88px)}.statement p{font-size:10px;margin:24px 0 0 3px}.panels{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px;border-top:1px solid var(--border)}.panel{height:220px;border-bottom:1px solid var(--border)}.panel-0{grid-column:1 / -1;height:auto;min-height:0}.panels{grid-template-rows:clamp(164px,44vw,190px) 220px}.panel-1{border-left:0}.panel-2{border-left:1px solid var(--border)}.panel-0 .panel-name{font-size:36px}.panel-index{top:23px;left:25px}.panel-caption{bottom:49px;left:25px;right:20px}.panel-name{font-size:clamp(19px,4.8vw,26px)}.panel-baseline{bottom:25px;left:25px}.panel-image{object-position:75% 55%;opacity:.2}.panel-mark{font-size:19px}.panel.is-active{background:#282828}footer{position:relative;left:auto;right:auto;margin:0 6%;height:72px;border:0;font-size:7px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.coinone-logo{display:block;width:clamp(160px,16vw,245px);max-width:100%;height:auto;opacity:.92}.panel-0 .panel-copy{min-width:0}.panel-0 .panel-description{margin-top:21px;letter-spacing:.06em}
@media(max-width:760px){.coinone-logo{width:clamp(156px,44vw,190px);height:auto;aspect-ratio:157 / 28;object-fit:contain}.panel-0 .panel-caption{bottom:44px}.panel-0 .panel-baseline{bottom:22px}.panel-0 .panel-mark{opacity:.65;transform:none}}

/* Five-second monochrome light sequence, isolated from layout and input. */
.statement h1.is-secret{font-size:clamp(44px,5.7vw,102px);line-height:1.12;letter-spacing:-.055em}
.headline-secret:not([hidden]){display:block}
.secret-line{display:block;animation:secret-reveal 1s cubic-bezier(.16,1,.3,1) both,secret-glow 4.5s ease both}
.secret-line:nth-child(2){animation-delay:.14s}
@keyframes secret-reveal{from{opacity:0;transform:translateY(26px);clip-path:inset(0 100% 0 0);filter:blur(8px)}to{opacity:1;transform:translateY(0);clip-path:inset(0);filter:blur(0)}}
@keyframes secret-glow{0%,100%{text-shadow:none}25%,65%{text-shadow:0 0 30px #ffffff45,0 0 90px #ffffff18}}
.egg-effects{display:none;position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;contain:paint}
.easter-egg .egg-effects{display:block;animation:egg-envelope 4.9s ease both}
.egg-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),#ffffff0b calc(8.333% - 1px),#ffffff0b 8.333%),repeating-linear-gradient(0deg,transparent 0,transparent 79px,#ffffff07 79px,#ffffff07 80px);mask-image:linear-gradient(transparent,#000 30%,#000 75%,transparent);animation:grid-reveal 1.4s ease both}
.egg-sweep{position:absolute;top:-20%;bottom:-20%;left:-30%;width:25%;background:linear-gradient(90deg,transparent,#ffffff03 25%,#ffffff18 49%,#ffffff30 50%,#ffffff0c 52%,transparent);transform:skewX(-14deg);animation:light-sweep 2.5s .2s cubic-bezier(.25,.6,.3,1) both}
.egg-horizon{position:absolute;top:56%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#ffffffb0,transparent);box-shadow:0 0 18px #ffffff50;transform-origin:left;animation:horizon-reveal 3.8s .2s ease both}
.egg-beam{position:absolute;top:0;left:8%;width:1px;height:26%;background:linear-gradient(transparent,#ffffffb3,transparent);box-shadow:0 0 12px #ffffff40;animation:beam-rise 2.8s .1s cubic-bezier(.2,.6,.3,1) both}
.egg-beam:nth-of-type(2){left:26%;animation-delay:.45s;height:18%}.egg-beam:nth-of-type(3){left:40.3%;animation-delay:.1s;height:38%}.egg-beam:nth-of-type(4){left:61%;animation-delay:.7s;height:22%}.egg-beam:nth-of-type(5){left:70.15%;animation-delay:.3s;height:34%}.egg-beam:nth-of-type(6){left:91%;animation-delay:.8s;height:16%}
.easter-egg .panel{animation:panel-illuminate 4.6s ease both}.easter-egg .panel-1{animation-delay:.15s}.easter-egg .panel-2{animation-delay:.3s}
.easter-egg .panel-baseline{width:65%;background:#ddd;box-shadow:0 0 12px #ffffff35}
.easter-egg .panel:not(:first-child)::after{content:"";position:absolute;z-index:2;left:0;top:0;width:2px;height:35%;background:linear-gradient(transparent,#fff,transparent);box-shadow:0 0 15px #ffffff60;pointer-events:none;animation:beam-rise 2.4s .2s ease both}
.easter-egg .panel-2::after{animation-delay:.5s}
@keyframes egg-envelope{0%{opacity:0}12%,78%{opacity:1}100%{opacity:0}}
@keyframes grid-reveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes light-sweep{from{transform:translateX(0) skewX(-14deg)}to{transform:translateX(560%) skewX(-14deg)}}
@keyframes horizon-reveal{0%{transform:scaleX(0);opacity:0}25%{transform:scaleX(1);opacity:.75}65%{transform:scaleX(1);opacity:.4}100%{transform:scaleX(1);opacity:0}}
@keyframes beam-rise{0%{transform:translateY(450%);opacity:0}20%,65%{opacity:1}100%{transform:translateY(-110%);opacity:0}}
@keyframes panel-illuminate{0%,100%{box-shadow:inset 0 0 0 1px transparent}20%,50%{box-shadow:inset 0 0 90px #ffffff08,inset 0 0 0 1px #ffffff28}}
@media(max-width:760px){.statement h1.is-secret{font-size:clamp(28px,7.8vw,52px);line-height:1.2}.egg-horizon{top:32%}.egg-beam:nth-of-type(even){display:none}.egg-grid{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff0b calc(25% - 1px),#ffffff0b 25%)}.easter-egg .panel:not(:first-child)::after{height:40%}}
@media(prefers-reduced-motion:reduce){.egg-effects,.easter-egg .egg-effects,.easter-egg .panel::after{display:none}.secret-line{animation:none;filter:none;clip-path:none}.easter-egg .panel{animation:none}.easter-egg .panel-baseline{width:20px;box-shadow:none}}