@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Lobster&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";@font-face{font-family:Loki Cola;src:url(/showcase/coca-cola/assets/fonts/loki-cola.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}:root{color-scheme:dark;--coke-red: #ed1c24;--coke-deep: #93000a;--signal-red: #ff3038;--cola-black: #080202;--cola-soft: #160405;--cream: #f1eadb;--paper: #fffaf0;--ink: #170708;--muted: rgba(255, 250, 240, .66);--line: rgba(255, 250, 240, .22);--pull-progress: 0;--pass-progress: 0;--pass-reveal: 0%;--sip-progress: 0;--sip-reveal: 0%;--choice-index: 0;font-family:Noto Sans KR,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--cola-black);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--cola-black);color:var(--paper);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}img,svg{display:block}a{color:inherit}::selection{background:var(--coke-red);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:12px 18px;border-radius:999px;background:var(--paper);color:var(--ink);transform:translateY(-150%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 2.4vw;color:var(--paper);mix-blend-mode:normal;transition:color .26s ease,background-color .26s ease,border-color .26s ease}.site-header:after{content:"";position:absolute;inset:0 0 auto;height:1px;opacity:0;background:currentColor;transition:opacity .26s ease}.site-header.is-scrolled{background:linear-gradient(180deg,#080202cc,#08020200)}.site-header.is-on-light{color:var(--ink);background:linear-gradient(180deg,#f1eadbeb,#f1eadb00)}.brand{display:flex;align-items:center;gap:20px;text-decoration:none}.brand img{width:clamp(104px,7.6vw,144px);height:auto;filter:brightness(0) invert(1);transition:filter .26s ease}.site-header.is-on-light .brand img{filter:brightness(0)}.brand span,.chapter-label,.sound-toggle{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.brand span{padding-left:20px;border-left:1px solid currentColor}.header-actions,.chapter-label,.sound-toggle{display:flex;align-items:center}.header-actions{gap:28px}.chapter-label{gap:8px}.sound-toggle{gap:10px;padding:10px 0;border:0;background:transparent;cursor:pointer}.sound-bars{display:flex;align-items:center;gap:3px;height:14px}.sound-bars i{width:2px;height:5px;background:currentColor;animation:soundBar .76s ease-in-out infinite alternate}.sound-bars i:nth-child(2){height:12px;animation-delay:-.24s}.sound-bars i:nth-child(3){height:8px;animation-delay:-.46s}.sound-toggle[aria-pressed=true] .sound-bars i{height:2px;animation-play-state:paused}@keyframes soundBar{to{height:13px}}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.eyebrow>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid currentColor;border-radius:50%;letter-spacing:0}.eyebrow--dark{color:var(--ink)}.hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#170001}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,0,0,.98) 0%,rgba(7,0,0,.8) 28%,transparent 62%);pointer-events:none}.hero-media,.can-frame,.hero-depth,.hero-red-wash,.light-sweep{position:absolute;inset:0;width:100%;height:100%}.hero-media{z-index:-2}.can-frame{object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.08) brightness(.78);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform 2s cubic-bezier(.2,.7,.2,1),filter 1s ease}.can-frame--open{opacity:0;transform:scale(1.045)}.is-open .can-frame--closed{opacity:0;transform:scale(1.035)}.is-open .can-frame--open{opacity:1;transform:scale(1);filter:saturate(1.08) contrast(1.05) brightness(.94)}.hero-depth{background:radial-gradient(circle at 74% 43%,transparent 0 22%,rgba(12,0,0,.28) 63%,rgba(7,0,0,.74) 100%)}.hero-red-wash{opacity:0;background:radial-gradient(circle at 75% 40%,rgba(255,28,36,.28),transparent 45%);mix-blend-mode:screen;transition:opacity .9s ease}.is-open .hero-red-wash{opacity:1}.light-sweep{inset:-30%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translate(-220%) rotate(14deg);pointer-events:none}.is-open .light-sweep{animation:sweep 1.2s .16s ease both}@keyframes sweep{to{transform:translate(520%) rotate(14deg)}}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(330px,.55fr);align-items:center;min-height:100svh;padding:108px 7vw 78px}.hero-copy{grid-area:1 / 1;max-width:770px;transition:opacity .5s ease,transform .72s cubic-bezier(.18,.8,.25,1)}.hero-copy--opened{opacity:0;transform:translateY(36px);pointer-events:none}.is-open .hero-copy--sealed{opacity:0;transform:translateY(-34px);pointer-events:none}.is-open .hero-copy--opened{opacity:1;transform:translateY(0)}.hero h1,.hero h2{margin:0;font-size:clamp(52px,5.4vw,96px);font-weight:800;letter-spacing:-.065em;line-height:.96;word-break:keep-all;text-wrap:balance}.headline-line{display:block}.hero h1 em,.hero h2 em,.signal-section h2 em,.pass-copy h2 em,.who-heading h2 em,.sip-copy h2 em,.final-content h2 em{color:var(--signal-red);font-style:normal}.hero-note{margin:30px 0 0;color:var(--muted);font-size:clamp(14px,1.05vw,18px);line-height:1.8}.pull-zone{grid-area:1 / 2;align-self:end;justify-self:end;width:min(390px,100%);margin:0 0 48px}.pull-control{position:relative;display:grid;grid-template-columns:76px 1fr 40px;align-items:center;width:100%;min-height:108px;padding:14px 18px 14px 13px;overflow:hidden;border:1px solid rgba(255,255,255,.46);border-radius:999px;background:#090101d1;box-shadow:0 20px 80px #0000007a,0 0 0 8px #ed1c241a;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:grab;touch-action:none;transition:transform .25s ease,border-color .25s ease,background .25s ease,opacity .3s ease}.pull-control:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,28,36,calc(.15 + var(--pull-progress) * .55)),transparent 68%);pointer-events:none}.pull-control:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(255,54,62,.42);border-radius:inherit;animation:pulseCta 2s ease-out infinite;pointer-events:none}.pull-control:hover{transform:translateY(-3px);border-color:#fff;background:#220103eb}.pull-control:active{cursor:grabbing}.is-open .pull-control{border-color:#ffffff40;box-shadow:0 18px 60px #00000061}.is-open .pull-control:after{animation:none;opacity:0}@keyframes pulseCta{0%{transform:scale(.96);opacity:0}24%{opacity:.7}to{transform:scale(1.07);opacity:0}}.pull-hardware{position:relative;display:grid;width:76px;height:76px;place-items:center}.pull-track{position:absolute;top:11px;left:50%;width:1px;height:54px;background:#ffffff42}.pull-ring{position:relative;z-index:1;display:block;width:50px;height:62px;border:6px solid #d9d8d5;border-radius:52% 52% 46% 46%;background:linear-gradient(135deg,#f5f4ee,#a9aaa7 64%,#f2f1ea);box-shadow:inset 0 0 0 5px #666,0 8px 16px #00000073;transform:translateY(calc(var(--pull-progress) * -13px)) rotateX(calc(var(--pull-progress) * 32deg));transition:transform .1s linear}.pull-ring i{position:absolute;inset:14px 11px;border-radius:50%;background:#281415}.pull-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}.pull-copy small,.pull-copy span{color:#ffffff9e;font-size:10px;letter-spacing:.08em}.pull-copy small{color:#ff757a;font-family:IBM Plex Mono,monospace;font-weight:600;letter-spacing:.16em}.pull-copy b{font-size:18px;font-weight:800}.pull-arrow{position:relative;z-index:1;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--coke-red);font-size:19px;animation:arrowNudge 1.2s ease-in-out infinite}.is-open .pull-arrow{animation:none;transform:rotate(45deg)}@keyframes arrowNudge{50%{transform:translateY(-5px)}}.hero-signal{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.hero-signal path{fill:none;stroke:#ffffffc7;stroke-width:1.5;stroke-dasharray:2300;stroke-dashoffset:2300;filter:drop-shadow(0 0 10px rgba(255,255,255,.6))}.is-open .hero-signal path{animation:drawSignal 1.65s .36s cubic-bezier(.18,.75,.25,1) both}@keyframes drawSignal{to{stroke-dashoffset:0}}.signal-impact{position:absolute;z-index:3;top:36%;right:19.5%;width:16px;height:16px;border:1px solid white;border-radius:50%;opacity:0;pointer-events:none}.is-open .signal-impact{animation:signalImpact 1.1s .16s ease-out both}@keyframes signalImpact{0%{opacity:0;transform:scale(.2);box-shadow:0 0 #ffffffb3}25%{opacity:1}to{opacity:0;transform:scale(2.8);box-shadow:0 0 0 42px #fff0}}.hero-meta{position:absolute;bottom:26px;left:2.4vw;display:flex;gap:24px;color:#ffffff70;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.15em}.hero-meta span+span:before{content:"/";margin-right:24px}.scroll-cue{position:absolute;right:2.5vw;bottom:25px;display:flex;align-items:center;gap:12px;color:#ffffff9e;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.14em;text-decoration:none;writing-mode:vertical-rl}.scroll-cue i{width:1px;height:38px;background:currentColor;animation:scrollCue 1.5s ease-in-out infinite}@keyframes scrollCue{50%{transform:scaleY(.5);transform-origin:top;opacity:.4}}.signal-section{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;min-height:118svh;padding:14vh 7vw 12vh;overflow:hidden;background:radial-gradient(circle at 80% 50%,rgba(237,28,36,.2),transparent 36%),linear-gradient(145deg,#070102,#1f0205 72%,#530008)}.signal-section:after{content:"CHIIK";position:absolute;right:-.04em;bottom:-.26em;color:#ffffff07;font-family:IBM Plex Mono,monospace;font-size:28vw;font-weight:600;letter-spacing:-.08em;pointer-events:none}.signal-copy,.signal-score{position:relative;z-index:1}.signal-copy h2,.pass-copy h2,.sip-copy h2,.final-content h2{margin:0;font-size:clamp(42px,4.35vw,78px);font-weight:800;letter-spacing:-.055em;line-height:1.06;word-break:keep-all;text-wrap:balance}.signal-lede,.pass-copy>p:last-child,.sip-copy>p:last-child{max-width:470px;margin:30px 0 0;color:var(--muted);font-size:clamp(15px,1.2vw,20px);line-height:1.8}.sound-replay{display:inline-flex;align-items:center;gap:15px;margin-top:34px;padding:0;border:0;background:transparent;cursor:pointer}.sound-replay-icon{display:grid;width:54px;height:54px;place-items:center;padding-left:3px;border:1px solid rgba(255,255,255,.58);border-radius:50%;transition:background .22s ease,transform .22s ease}.sound-replay:hover .sound-replay-icon{background:var(--coke-red);transform:scale(1.06)}.sound-replay>span:last-child{display:flex;flex-direction:column;gap:2px;text-align:left}.sound-replay b{font-size:14px}.sound-replay small{color:#ffffff80;font-size:10px}.signal-status{max-width:310px;min-height:34px;margin:14px 0 0 69px;color:#ffffff70;font-size:10px;line-height:1.6}.signal-score{min-height:530px;border:1px solid rgba(255,255,255,.18);background:#0000002e;box-shadow:0 30px 100px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.score-header{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.14);color:#ffffff85;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.15em}.sound-wave{position:absolute;inset:80px 4% auto;display:flex;align-items:center;gap:4px;height:210px;overflow:hidden;z-index:1;opacity:.28;transition:opacity .24s ease}.sound-wave i{flex:1;min-width:2px;height:calc(4px + var(--wave) * 150px);border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.85),var(--coke-red));transform:scaleY(.08);transition:transform .9s cubic-bezier(.15,.8,.2,1);transition-delay:calc(var(--i) * 10ms)}.signal-score.is-playing .sound-wave i,.signal-score.is-visible .sound-wave i{transform:scaleY(1)}.signal-score.is-playing .sound-wave{opacity:.78}.signal-score[data-phase=click] .sound-wave i{animation:clickWave .28s cubic-bezier(.15,.8,.2,1) both;animation-delay:calc(var(--i) * 2ms)}.signal-score[data-phase=hiss] .sound-wave i{animation:hissWave .72s ease-in-out both;animation-delay:calc(var(--i) * 5ms)}.signal-score[data-phase=pop] .sound-wave i{animation:popWave .34s ease-out both;animation-delay:calc(var(--i) * 2ms)}@keyframes clickWave{0%{transform:scaleY(.08);filter:brightness(1)}42%{transform:scaleY(1.22);filter:brightness(2)}to{transform:scaleY(.24);filter:brightness(1)}}@keyframes hissWave{0%{transform:scaleY(.18)}34%{transform:scaleY(1)}66%{transform:scaleY(.52)}to{transform:scaleY(.86)}}@keyframes popWave{0%,to{transform:scaleY(.24)}24%{transform:scaleY(1.16)}48%{transform:scaleY(.18)}72%{transform:scaleY(.84)}}.signal-route{position:absolute;inset:110px 5% auto;width:90%;height:250px;z-index:1}.signal-route path{fill:none;stroke:#ffffff42;stroke-width:1;stroke-dasharray:6 10}.signal-score.is-playing .signal-route path{animation:signalRouteTravel 1.9s linear both}@keyframes signalRouteTravel{to{stroke-dashoffset:-160;stroke:#ffffffb8}}.signal-live-stage{position:absolute;z-index:3;inset:72px 7% auto;display:flex;flex-direction:column;align-items:center;justify-content:center;height:235px;text-align:center;pointer-events:none}.signal-live-stage>span,.signal-live-stage>small{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.16em;transition:color .18s ease,transform .26s ease}.signal-live-stage>span{color:#ffffff70}.signal-live-stage>strong{margin:14px 0 12px;color:#fffaf0db;font-size:clamp(34px,3.6vw,62px);font-weight:800;letter-spacing:-.07em;line-height:.9;text-shadow:0 12px 44px rgba(0,0,0,.55);transition:color .18s ease,transform .26s cubic-bezier(.18,.8,.24,1),opacity .18s ease}.signal-live-stage>small{color:#ffffff7a;letter-spacing:.04em}.signal-score.is-playing .signal-live-stage>strong{color:#fff;transform:scale(1.08)}.signal-score[data-phase=hiss] .signal-live-stage>strong{color:var(--signal-red);transform:scale(1.13)}.signal-score[data-phase=done] .signal-live-stage>strong{color:var(--signal-red)}.sound-beats{position:absolute;inset:auto 24px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:0;list-style:none;z-index:4;background:#ffffff24}.sound-beats li{min-height:148px;padding:20px;background:#160305;transition:color .22s ease,background .22s ease,transform .26s ease}.sound-beats li.is-active{z-index:1;background:var(--coke-red);color:#fff;transform:translateY(-10px);box-shadow:0 18px 40px #0000004d}.sound-beats li.is-active span,.sound-beats li.is-active small{color:#ffffffbd}.sound-beats span,.sound-beats small{display:block;color:#ffffff75;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.12em}.sound-beats b{display:block;margin:25px 0 8px;font-size:25px}.pass-section{position:relative;height:270svh;background:#080303}.pass-sticky,.sip-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.pass-media,.pass-frame,.pass-color,.pass-vignette,.sip-media,.sip-frame,.sip-glow,.sip-bubbles{position:absolute;inset:0;width:100%;height:100%}.pass-frame,.sip-frame{object-fit:cover}.pass-frame--quiet{filter:saturate(.42) contrast(1.05) brightness(.66) hue-rotate(6deg)}.pass-frame--connected{clip-path:inset(0 calc(100% - var(--pass-reveal)) 0 0);filter:saturate(1.08) contrast(1.02) brightness(.88)}.pass-color{background:linear-gradient(90deg,rgba(35,60,72,.28),transparent 42%,rgba(237,28,36,.16));mix-blend-mode:color;opacity:calc(1 - var(--pass-progress))}.pass-vignette{background:linear-gradient(90deg,rgba(4,1,1,.88) 0%,rgba(4,1,1,.56) 28%,transparent 58%),linear-gradient(0deg,rgba(3,0,0,.7),transparent 34%)}.pass-copy{position:absolute;z-index:4;top:50%;left:7vw;max-width:720px;transform:translateY(-54%)}.pass-copy h2{font-size:clamp(42px,4vw,72px)}.pass-copy>p:last-child{max-width:620px;word-break:keep-all;text-wrap:balance}.pass-trail{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}.pass-trail path{fill:none;stroke:#ffffffb3;stroke-width:1.2;stroke-dasharray:4 9;stroke-dashoffset:calc(850px - var(--pass-progress) * 850px);filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}.pass-token{position:absolute;z-index:5;left:10%;top:65%;width:clamp(34px,3.1vw,54px);aspect-ratio:1;border:1px solid rgba(255,255,255,.86);border-radius:50%;background:radial-gradient(circle at 34% 30%,#ff8e92 0 8%,#ff3038 18%,#ed1c24 54%,#850007);box-shadow:0 0 0 calc(7px + var(--pass-progress) * 7px) #ed1c241f,0 0 45px 18px #ed1c2457,0 18px 35px #00000085,inset -7px -8px 12px #4f00046b;transform:translate(-50%,-50%) scale(calc(.82 + var(--pass-progress) * .18));will-change:left,top,transform}.pass-token:before,.pass-token:after{content:"";position:absolute;inset:50%;border:1px solid rgba(255,255,255,.34);border-radius:50%;transform:translate(-50%,-50%)}.pass-token:before{width:170%;height:170%}.pass-token:after{width:240%;height:240%;opacity:.4}.token-top,.pass-token img{display:none}.pass-progress{position:absolute;z-index:6;right:3vw;bottom:28px;display:grid;grid-template-columns:auto 180px minmax(150px,auto);align-items:center;gap:14px;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.12em}.pass-progress i,.sip-meter i{position:relative;display:block;height:1px;background:#ffffff47}.pass-progress i b,.sip-meter i b{position:absolute;inset:0 auto 0 0;width:calc(var(--pass-progress) * 100%);background:#fff}.who-section{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;min-height:118svh;padding:14vh 7vw;overflow:hidden;background:var(--cream);color:var(--ink)}.who-section:before{content:"";position:absolute;top:-20vw;right:-18vw;width:58vw;height:58vw;border:1px solid rgba(237,28,36,.2);border-radius:50%}.who-heading,.relationship-stage{position:relative;z-index:1}.who-heading h2{margin:0;font-size:clamp(42px,4vw,78px);font-weight:800;letter-spacing:-.06em;line-height:1.06;word-break:keep-all;text-wrap:balance}.who-heading h2 em{color:var(--coke-red)}.who-heading>p:last-child{margin:30px 0 0;color:#17070894;font-size:clamp(15px,1.15vw,19px)}.relationship-stage{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(340px,1.18fr);grid-template-rows:auto minmax(270px,1fr) auto;gap:18px 28px;min-height:690px;padding:28px;border:1px solid rgba(23,7,8,.16);background:#fffaf08f;box-shadow:0 40px 100px #4b1f191a}.relationship-stage-header{grid-column:1 / -1;display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid rgba(23,7,8,.14);color:#1707087a;font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:.12em}.relationship-orbits{position:relative;grid-column:2;grid-row:2;min-height:270px;overflow:hidden;border:1px solid rgba(237,28,36,.14);background:radial-gradient(circle at 82% 48%,rgba(237,28,36,.11),transparent 30%),linear-gradient(140deg,rgba(255,255,255,.28),transparent);pointer-events:none}.relationship-map{position:absolute;inset:0;width:100%;height:100%}.relationship-map path{fill:none}#relationship-path{stroke:transparent}.relationship-map-echo{stroke:#ed1c2447;stroke-width:1.5;stroke-dasharray:5 9}.relationship-map-pulse{fill:var(--coke-red);opacity:0;filter:drop-shadow(0 0 8px rgba(237,28,36,.9))}.relationship-stage.is-sent .relationship-map-pulse{animation:relationshipPulse .9s ease both}@keyframes relationshipPulse{0%,to{opacity:0}12%,82%{opacity:1}}.relationship-stage.is-sent .relationship-map-echo{animation:relationshipRoute .9s ease-out both}@keyframes relationshipRoute{0%{stroke-dashoffset:150;stroke:#ed1c242e}65%{stroke:var(--coke-red)}to{stroke-dashoffset:0;stroke:#ed1c2457}}.relationship-node{position:absolute;z-index:2;display:grid;width:88px;min-height:88px;place-content:center;border:1px solid rgba(23,7,8,.18);border-radius:50%;background:var(--paper);text-align:center;box-shadow:0 12px 35px #4b1f191a}.relationship-node i{position:absolute;inset:-10px;border:1px solid rgba(237,28,36,.18);border-radius:50%}.relationship-node span{color:#1707086b;font-family:IBM Plex Mono,monospace;font-size:7px;letter-spacing:.12em}.relationship-node b{margin-top:2px;font-size:15px}.relationship-node--sender{left:4%;bottom:9%}.relationship-node--receiver{top:29%;right:4%;border-color:var(--coke-red);background:var(--coke-red);color:#fff;transition:transform .32s cubic-bezier(.18,.8,.24,1),box-shadow .32s ease}.relationship-node--receiver span{color:#ffffffb3}.relationship-node--receiver i{border-color:#ed1c2452}.relationship-stage.is-sent .relationship-node--receiver{box-shadow:0 0 0 18px #ed1c2414,0 18px 45px #ed1c2440;transform:scale(1.08)}.relationship-distance{position:absolute;right:18px;bottom:15px;color:#1707086b;font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:.08em}.relationship-distance b{color:var(--coke-red)}.relationship-options{position:relative;z-index:2;grid-column:1;grid-row:2 / 4;display:grid;align-content:start;gap:10px;width:100%}.relationship-button{position:relative;display:grid;grid-template-columns:34px 1fr;min-height:106px;padding:20px 22px;border:1px solid rgba(23,7,8,.16);background:#fffaf0b8;color:var(--ink);text-align:left;cursor:pointer;transition:transform .22s ease,color .22s ease,background .22s ease,border-color .22s ease}.relationship-button:hover{transform:translate(6px);border-color:var(--coke-red)}.relationship-button.is-active{border-color:var(--coke-red);background:var(--coke-red);color:#fff;transform:translate(12px)}.relationship-button>span{padding-top:5px;font-family:IBM Plex Mono,monospace;font-size:9px}.relationship-button b,.relationship-button small{grid-column:2}.relationship-button b{font-size:clamp(17px,1.35vw,23px)}.relationship-button small{margin-top:-4px;opacity:.56;font-size:11px}.relationship-message{position:relative;z-index:2;grid-column:2;grid-row:3;width:100%;margin:0;padding:20px 22px 18px;border:1px solid rgba(23,7,8,.14);border-top:3px solid var(--coke-red);background:#fffaf0f0;transition:transform .28s cubic-bezier(.18,.8,.24,1),box-shadow .28s ease}.relationship-stage.is-sent .relationship-message{transform:translateY(-5px);box-shadow:0 20px 50px #4b1f191f}.relationship-message header,.relationship-message footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.relationship-message header{margin-bottom:17px;padding-bottom:11px;border-bottom:1px solid rgba(23,7,8,.12)}.relationship-message header span,.relationship-message header b{color:#1707086b;font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:.1em}.relationship-message span{color:var(--coke-red);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.13em}.relationship-message p{margin:12px 0 0;font-size:clamp(17px,1.45vw,25px);font-weight:700;line-height:1.45}.relationship-message footer{margin-top:18px;padding-top:12px;border-top:1px solid rgba(23,7,8,.12)}.relationship-message footer small{color:#17070894;font-size:11px}.relationship-message footer b{color:var(--coke-red);font-family:Loki Cola,Lobster,cursive;font-size:25px;font-weight:400}.sip-section{position:relative;height:230svh;background:#090102}.sip-frame{object-position:center;filter:brightness(.74) contrast(1.08)}.sip-frame--pour{clip-path:circle(var(--sip-reveal) at 74% 55%);filter:brightness(.94) saturate(1.08) contrast(1.05)}.sip-glow{background:radial-gradient(circle at 77% 48%,rgba(255,44,51,calc(var(--sip-progress) * .3)),transparent 28%),linear-gradient(90deg,rgba(5,0,0,.94) 0%,rgba(5,0,0,.57) 35%,transparent 62%)}.sip-copy{position:absolute;z-index:3;top:50%;left:7vw;max-width:650px;transform:translateY(-50%)}.sip-bubbles{z-index:2;pointer-events:none}.sip-bubbles i{position:absolute;left:calc(69% + var(--x) * 17%);top:calc(80% - var(--sip-progress) * (20% + var(--rise) * 50%));width:calc(3px + var(--size) * 7px);height:calc(3px + var(--size) * 7px);border:1px solid rgba(255,255,255,.65);border-radius:50%;opacity:calc(var(--sip-progress) * .85);transform:translate(calc(var(--drift) * 35px))}.sip-meter{position:absolute;z-index:4;right:3vw;bottom:30px;display:grid;grid-template-columns:auto 220px auto;align-items:center;gap:14px;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.15em}.sip-meter i b{width:calc(var(--sip-progress) * 100%)}.final-section{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,77,82,.32),transparent 34%),linear-gradient(135deg,#a4000b,var(--coke-red) 48%,#b0000b);text-align:center}.final-mark{position:absolute;inset:50% auto auto 50%;width:min(72vw,1080px);opacity:.06;transform:translate(-50%,-50%) rotate(-7deg)}.final-mark img{width:100%;height:auto;filter:brightness(0) invert(1)}.final-ring,.final-ring i{position:absolute;inset:50% auto auto 50%;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%)}.final-ring{width:min(64vw,780px);aspect-ratio:1;border:0}.final-ring i:nth-child(1){width:60%;height:60%}.final-ring i:nth-child(2){width:80%;height:80%}.final-ring i:nth-child(3){width:100%;height:100%}.final-content{position:relative;z-index:2;padding:110px 24px 150px}.final-content .eyebrow{justify-content:center}.final-content h2{font-size:clamp(56px,6.2vw,112px);line-height:.96}.final-content h2 em{color:var(--paper)}.final-message{margin:28px 0 0;font-size:clamp(15px,1.2vw,20px)}.final-message span{font-weight:800}.final-actions{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:34px}.share-button{display:flex;align-items:center;justify-content:space-between;width:min(370px,90vw);min-height:74px;padding:0 18px 0 27px;border:0;border-radius:999px;background:var(--paper);color:var(--coke-red);font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 20px 50px #6000044d;transition:transform .22s ease,box-shadow .22s ease}.share-button:hover{transform:translateY(-4px);box-shadow:0 26px 70px #6000046b}.share-button i{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--coke-red);color:#fff;font-style:normal}.official-link,.replay-link{border:0;border-bottom:1px solid rgba(255,255,255,.65);background:transparent;color:#fff;font-size:11px;text-decoration:none;cursor:pointer}.replay-link{border-bottom-color:transparent;opacity:.6}.share-status{min-height:22px;margin:15px 0 0;font-size:11px}.final-section footer{position:absolute;right:2.5vw;bottom:24px;left:2.5vw;display:flex;justify-content:space-between;gap:20px;color:#ffffff8f;font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:.08em}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}.who-section button:focus-visible{outline-color:var(--coke-red)}@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr) 330px;padding-right:5vw;padding-left:5vw}.signal-section,.who-section{gap:5vw;padding-right:5vw;padding-left:5vw}.pass-copy,.sip-copy{left:5vw}.relationship-stage{min-height:650px;padding:25px}.relationship-options{width:100%}}@media(max-width:800px){.site-header{height:70px;padding:0 18px}.brand{gap:11px}.brand img{width:91px}.brand span{padding-left:11px;font-size:7px;letter-spacing:.1em}.chapter-label{display:none}.sound-toggle{font-size:8px}.hero:after{background:linear-gradient(180deg,#0500002e,#05000047 38%,#050000f0,#060000)}.can-frame{object-position:67% center}.hero-grid{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:100svh;padding:90px 20px 36px}.hero-copy{position:absolute;right:20px;bottom:190px;left:20px;max-width:none}.hero h1,.hero h2{font-size:clamp(42px,11.4vw,56px);line-height:1}.hero-note{display:none}.eyebrow{gap:10px;margin-bottom:15px;font-size:8px}.eyebrow>span{width:25px;height:25px}.pull-zone{z-index:5;width:100%;margin:0}.pull-control{grid-template-columns:61px 1fr 34px;min-height:84px;padding:8px 10px 8px 8px;border-color:#ffffffb8;background:#140001f0}.pull-hardware{width:61px;height:61px}.pull-ring{width:39px;height:49px;border-width:5px}.pull-ring i{inset:11px 8px}.pull-copy b{font-size:15px}.pull-copy span{font-size:9px}.pull-copy small{display:none}.pull-arrow{width:31px;height:31px}.hero-meta,.scroll-cue{display:none}.signal-section,.who-section{grid-template-columns:1fr;min-height:auto;padding:110px 20px 90px}.signal-section{gap:55px}.signal-copy h2,.pass-copy h2,.who-heading h2,.sip-copy h2,.final-content h2{font-size:clamp(38px,10.4vw,54px)}.signal-lede,.pass-copy>p:last-child,.sip-copy>p:last-child{margin-top:20px;font-size:14px}.signal-score{min-height:470px}.signal-status{margin-left:0}.sound-wave{inset:68px 4% auto;height:170px}.signal-live-stage{inset:60px 6% auto;height:190px}.signal-live-stage>strong{font-size:clamp(32px,9.4vw,46px)}.sound-beats{inset:auto 12px 12px}.sound-beats li{min-height:134px;padding:14px 10px}.sound-beats b{margin-top:20px;font-size:18px}.sound-beats small{line-height:1.5}.pass-section{height:220svh}.pass-frame,.sip-frame{object-position:63% center}.pass-vignette{background:linear-gradient(0deg,rgba(3,0,0,.94) 0%,rgba(3,0,0,.72) 37%,transparent 68%)}.pass-copy,.sip-copy{inset:auto 20px 92px;max-width:none;transform:none}.pass-copy h2,.sip-copy h2{font-size:clamp(36px,9.8vw,50px)}.pass-token{width:34px}.pass-progress{right:20px;bottom:22px;left:20px;grid-template-columns:auto 1fr}.pass-progress span:last-child{grid-column:1 / -1;text-align:right}.who-section{gap:50px}.relationship-stage{grid-template-columns:1fr;grid-template-rows:auto auto 250px auto;min-height:auto;padding:16px}.relationship-stage-header{flex-direction:column;gap:5px}.relationship-options{grid-column:1;grid-row:2;width:100%}.relationship-orbits{grid-column:1;grid-row:3;min-height:250px}.relationship-button{min-height:92px;padding:15px}.relationship-button.is-active{transform:translate(5px)}.relationship-message{grid-column:1;grid-row:4;width:auto}.sip-section{height:205svh}.sip-glow{background:linear-gradient(0deg,rgba(5,0,0,.94),rgba(5,0,0,.62) 40%,transparent 68%)}.sip-meter{right:20px;bottom:26px;left:20px;grid-template-columns:auto 1fr auto}.sip-frame--pour{clip-path:circle(var(--sip-reveal) at 67% 42%)}.final-content{padding:105px 20px 180px}.final-content h2{font-size:clamp(50px,13.8vw,70px)}.final-section footer{right:20px;bottom:18px;left:20px;flex-direction:column;gap:4px;font-size:7px}}@media(max-height:720px)and (min-width:801px){.site-header{height:66px}.hero-grid{padding-top:78px;padding-bottom:52px}.hero h1,.hero h2{font-size:clamp(48px,5vw,82px)}.pull-zone{margin-bottom:16px}.pull-control{min-height:92px}.hero-note{margin-top:18px}.hero-meta,.scroll-cue{bottom:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.pass-section,.sip-section{height:120svh}.pass-frame--connected{clip-path:inset(0 0 0 48%)}.sip-frame--pour{clip-path:circle(42% at 74% 55%)}}