:root{--ink:#0b1830;--paper:#f4f1e9;--blue:#bfdce5;--gold:#f1bd55;--red:#e55645;--line:rgba(11,24,48,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,241,233,.93);backdrop-filter:blur(14px);z-index:20}.brand{font-weight:600;font-size:1.25rem;display:flex;align-items:center;gap:10px}.pin{width:17px;height:17px;border-radius:50%;background:var(--blue);border:5px solid var(--ink);display:inline-block}.topbar nav{display:flex;gap:2.2vw;font-size:.77rem;letter-spacing:.12em;font-weight:600}.topbar nav a:hover{color:#496d7a}.menu{display:none;border:0;background:none;color:inherit;font-weight:600}.hero{min-height:calc(100vh - 76px);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:7vw 6vw;overflow:hidden}.issue{position:absolute;left:4vw;top:3vw;font-size:.65rem;letter-spacing:.15em;border-left:1px solid;padding-left:10px}.issue span{color:#54727c}.eyebrow{font-size:.7rem;letter-spacing:.18em;font-weight:600;margin:0 0 18px}.hero h1,.section h2{font-family:'Playfair Display',serif;font-size:clamp(3.3rem,7vw,7.4rem);font-weight:600;line-height:.91;letter-spacing:-.04em;margin:0}.hero h1 em,.section h2 em{font-weight:500}.intro{font-size:1.15rem;margin:30px 0}.round-link{width:112px;height:112px;border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:9px;font-size:.64rem;letter-spacing:.12em;transition:.3s}.round-link:hover{background:var(--ink);color:var(--paper);transform:rotate(4deg)}.orbit{height:520px;position:relative;border:1px solid var(--line);border-radius:50%;animation:float 7s ease-in-out infinite}.orbit:before{content:'';position:absolute;inset:13%;border:1px dashed var(--line);border-radius:50%}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;background:var(--ink);color:white;border-radius:50%;display:grid;place-content:center;text-align:center;font:600 2.3rem/1 'Playfair Display',serif}.orbit-center small{font:500 .55rem 'DM Sans';letter-spacing:.25em}.orb{position:absolute;display:flex;align-items:center;gap:10px}.orb b{display:grid;place-content:center;width:68px;height:68px;border-radius:50%;font:600 2rem 'Playfair Display'}.orb span{font-size:.58rem;letter-spacing:.12em;line-height:1.35}.orb-pino{left:5%;top:12%}.orb-pino b{background:var(--gold)}.orb-mio{right:-2%;top:25%;flex-direction:row-reverse;text-align:right}.orb-mio b{background:var(--blue)}.orb-kro{left:8%;bottom:8%}.orb-kro b{background:var(--red);color:white}.orb-nori{right:7%;bottom:5%;flex-direction:row-reverse;text-align:right}.orb-nori b{background:#bbcba7}.scroll-note{position:absolute;bottom:2vw;left:50%;font-size:.58rem;letter-spacing:.18em}.ticker{background:var(--ink);color:white;overflow:hidden;white-space:nowrap;padding:13px 0;font-size:.7rem;letter-spacing:.18em}.ticker div{width:max-content;animation:ticker 28s linear infinite}.section{padding:10vw 6vw;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:5vw}.section-head h2{font-size:clamp(3rem,6.5vw,6.8rem)}.section-head>p{max-width:400px}.feature{display:grid;grid-template-columns:1.3fr 1fr;min-height:520px}.feature-visual{background:var(--blue);position:relative;padding:4vw;display:flex;flex-direction:column;justify-content:flex-end}.feature-visual:after{content:'?';font:italic 24rem/.8 'Playfair Display';position:absolute;right:4%;top:4%;opacity:.14}.scene-word{font:600 clamp(4rem,10vw,10rem)/.8 'Playfair Display';letter-spacing:-.06em;z-index:1}.feature-visual p{letter-spacing:.15em;font-size:.65rem}.stamp{position:absolute;right:2vw;top:2vw;width:76px;height:76px;border-radius:50%;border:1px solid;display:grid;place-content:center;text-align:center;font-size:.6rem;letter-spacing:.12em;transform:rotate(9deg)}.feature-copy{background:white;padding:6vw;display:flex;flex-direction:column;justify-content:center}.feature-copy h3{font:600 clamp(2.2rem,4vw,4rem)/1 'Playfair Display';margin:0 0 30px}.feature-copy>a{margin-top:35px;font-size:.7rem;letter-spacing:.16em;font-weight:600}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.story-grid article{min-height:300px;border:1px solid var(--line);padding:35px;position:relative}.story-grid article>span{position:absolute;right:25px;top:20px;font:italic 2rem 'Playfair Display';opacity:.35}.story-grid h3{font:600 2rem/1.05 'Playfair Display';max-width:260px}.story-grid .dark{background:var(--ink);color:white}.watch{background:#d7e5e8}.watch-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.video-card{min-height:450px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:var(--ink);color:white}.video-card:before{content:'BEC';position:absolute;font:600 12rem 'Playfair Display';opacity:.08;left:-10px;top:50px;transform:rotate(-10deg)}.video-card.blue{background:#6b94a4}.video-card.gold{background:var(--gold);color:var(--ink)}.video-card span{font-size:.6rem;letter-spacing:.15em}.video-card h3{font:600 2.2rem 'Playfair Display';margin:8px 0}.play{position:absolute;right:25px;top:25px;border:1px solid currentColor;width:55px;height:55px;border-radius:50%;display:grid;place-content:center;padding-left:3px}.personality{text-align:center;background:white}.personality h2{font-size:clamp(3rem,6vw,6rem)}.choices{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4vw}.choices button{text-align:left;border:1px solid var(--line);background:none;min-height:180px;padding:30px;color:inherit;cursor:pointer;transition:.25s}.choices button:hover,.choices button.active{background:var(--blue);transform:translateY(-7px)}.choices b{font:600 1.45rem 'Playfair Display';display:block;margin-bottom:20px}.choices span{font-size:.8rem}.result{min-height:45px;margin-top:25px;font:italic 1.4rem 'Playfair Display'}.weekly{background:var(--gold);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.weekly h2{font-size:clamp(3rem,6vw,6.5rem)}.weekly-intro>p:not(.eyebrow){max-width:430px;margin:30px 0}.draw,.save{background:var(--ink);color:white;border:0;padding:17px 22px;font-size:.68rem;letter-spacing:.14em;cursor:pointer}.draw span{margin-left:30px}.card-wrap{perspective:1500px}.life-card{width:min(100%,410px);aspect-ratio:3/4;border:0;padding:0;background:none;position:relative;transform-style:preserve-3d;transition:transform .8s;cursor:pointer;color:var(--ink)}.life-card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid var(--ink);box-shadow:12px 12px 0 rgba(11,24,48,.16)}.card-front{background:var(--paper)}.card-back{background:var(--blue);transform:rotateY(180deg)}.card-face i{font-style:normal;font-size:.58rem;letter-spacing:.15em}.card-face strong{font:600 4rem 'Playfair Display';border:1px solid;border-radius:50%;width:130px;height:130px;display:grid;place-content:center}.card-face q{font:600 clamp(1.8rem,3vw,2.6rem)/1.12 'Playfair Display';quotes:none;text-align:center}.card-face small{letter-spacing:.12em}.card-back p{text-align:center}.save{margin-top:25px;background:transparent;color:var(--ink);border:1px solid}.shop{background:var(--ink);color:var(--paper);min-height:500px}.shop h2{font-size:clamp(4rem,10vw,10rem)}.shop-line{border-top:1px solid rgba(255,255,255,.3);margin-top:35px;padding-top:25px;display:flex;justify-content:space-between}.shop-line span{border:1px solid;border-radius:50%;width:100px;height:100px;display:grid;place-content:center;font-size:.62rem;letter-spacing:.12em;transform:rotate(-8deg)}footer{padding:40px 4vw;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;letter-spacing:.1em}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-10px)}}
@media(max-width:850px){.topbar nav{display:none}.menu{display:block}.topbar.open nav{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px 4vw;flex-direction:column;border-bottom:1px solid}.hero{grid-template-columns:1fr;padding:18vw 6vw 12vw}.hero-copy{z-index:2}.orbit{height:340px;margin-top:40px;opacity:.75}.issue,.scroll-note{display:none}.section{padding:20vw 6vw}.section-head{display:block}.section-head>p{margin-top:25px}.feature,.weekly{grid-template-columns:1fr}.feature{min-height:auto}.feature-visual{min-height:360px}.story-grid,.watch-grid,.choices{grid-template-columns:1fr}.story-grid article{min-height:230px}.video-card{min-height:360px}.weekly{gap:60px}.life-card{margin:auto;display:block}footer{align-items:flex-start;gap:20px;flex-direction:column}}
.kro-game{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;align-items:center}.kro-game h2{font-size:clamp(3.4rem,6.5vw,7rem)}.game-intro>p:not(.eyebrow){margin:28px 0 35px}.game-start{border:1px solid var(--paper);background:transparent;color:var(--paper);padding:17px 22px;font-size:.68rem;letter-spacing:.14em;cursor:pointer}.game-start span{margin-left:32px}.game-start:hover{background:var(--paper);color:var(--ink)}.game-score{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.15em;margin-bottom:12px}.game-score b{font:600 1.2rem 'Playfair Display';margin-left:7px}.game-arena{height:500px;background:radial-gradient(ellipse at 14% 24%,rgba(255,255,255,.72) 0 8%,rgba(255,255,255,.24) 18%,transparent 32%),radial-gradient(ellipse at 80% 68%,rgba(255,255,255,.64) 0 9%,rgba(255,255,255,.2) 19%,transparent 34%),radial-gradient(ellipse at 58% 18%,rgba(255,255,255,.38) 0 7%,transparent 25%),linear-gradient(145deg,#dcecf0 0%,var(--blue) 52%,#d4e8ed 100%);background-size:85% 62%,78% 58%,70% 52%,100% 100%;background-position:0 0,100% 100%,55% 5%,0 0;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 0 70px rgba(255,255,255,.2);position:relative;overflow:hidden;touch-action:manipulation;cursor:crosshair;animation:becSkyDrift 16s ease-in-out infinite alternate}.game-arena.game-on{cursor:none}.kro-target{position:absolute;left:50%;top:50%;width:116px;height:116px;border:0;background:none;padding:0;transform:translate(-50%,-50%);cursor:inherit;transition:left .18s ease-out,top .18s ease-out,transform .12s;z-index:3}.kro-target:disabled{opacity:.82}.kro-target img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(11,24,48,.18));pointer-events:none}.kro-target.flee{transform:translate(-50%,-50%) rotate(-12deg) scale(.88)}.game-word{position:absolute;color:var(--red);font:600 clamp(2.6rem,5vw,5.5rem) 'Playfair Display';opacity:0;transform:rotate(-8deg);z-index:2;pointer-events:none}.game-word.show{animation:nopePop .55s ease-out}.racket{position:absolute;font-size:4.5rem;transform:translate(-20%,-65%) rotate(-25deg);pointer-events:none;z-index:5;opacity:0}.game-on .racket{opacity:1}.game-ready{position:absolute;inset:0;display:grid;place-content:center;color:var(--ink);font:600 clamp(3rem,7vw,7rem) 'Playfair Display';letter-spacing:-.04em;text-shadow:0 2px 18px rgba(255,255,255,.7)}.game-result{min-height:32px;font:italic 1.25rem 'Playfair Display';margin:18px 0 0;text-align:center}.personality{scroll-margin-top:76px}@keyframes nopePop{0%{opacity:0;transform:scale(.6) rotate(-8deg)}35%{opacity:1;transform:scale(1.08) rotate(-8deg)}100%{opacity:0;transform:scale(1) rotate(-8deg)}}@keyframes becSkyDrift{to{background-position:10% 5%,90% 92%,48% 10%,0 0}}
html{scrollbar-gutter:stable both-edges}
.life-card:hover:not(.flipped){transform:rotateY(-3deg) rotateZ(.4deg) translateY(-4px)}.life-card.flipped:hover{transform:rotateY(177deg) rotateZ(-.4deg) translateY(-4px)}.flip-hint{width:min(100%,410px);margin:21px 0 0;text-align:center;font-size:.66rem;letter-spacing:.15em;font-weight:600}.flip-hint span{display:inline-block;margin-left:7px;font-size:1rem;transition:transform .3s}.life-card:hover+.flip-hint span{transform:rotate(55deg)}
.watch-grid{align-items:start}.video-card.has-cover{background-position:center;background-repeat:no-repeat;background-size:cover;min-height:0;transition:transform .35s ease,box-shadow .35s ease}.video-card.has-cover:before{display:none}.video-card.has-cover:hover{transform:translateY(-7px);box-shadow:0 16px 34px rgba(11,24,48,.18)}.mag-cover{aspect-ratio:16/9;background-image:linear-gradient(180deg,transparent 68%,rgba(11,24,48,.58)),url('bec-mag-issue-01.png')}.short-cover{aspect-ratio:8/9;background-image:linear-gradient(180deg,transparent 74%,rgba(11,24,48,.62)),url('bec-short-week-01.png')}.post-cover{aspect-ratio:8/9;background-image:linear-gradient(180deg,transparent 74%,rgba(11,24,48,.62)),url('bec-post-week-01.png')}.cover-label{position:relative;z-index:2}.short-column{display:flex;flex-direction:column;min-width:0}.short-column .video-card{flex:none}.social-links{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0}.social-links a{text-align:center;padding:13px 5px;font-size:.6rem;letter-spacing:.14em;font-weight:600}.social-links a+a{border-left:1px solid var(--line)}.social-links a:hover{background:var(--ink);color:white}.video-card.has-cover .play{background:rgba(11,24,48,.25);backdrop-filter:blur(4px)}.card-face{padding:0;display:block;overflow:hidden}.card-face img{width:100%;height:100%;display:block;object-fit:cover}
.racket{width:112px;height:112px;font-size:0;transform:translate(-28%,-32%);transform-origin:28% 32%;transition:transform .1s ease-out,opacity .08s;will-change:left,top,transform}.racket img{width:100%;height:100%;object-fit:contain;pointer-events:none}.racket.strike{transform:translate(-52%,-56%) scale(.94)}.racket.reaction{opacity:0}.kro-target.nope-reaction{width:235px;height:195px;transition:none;z-index:6}.kro-target.nope-reaction img{filter:drop-shadow(0 12px 13px rgba(11,24,48,.2))}
@media(max-width:850px){.kro-game{grid-template-columns:1fr;gap:50px}.game-arena{height:430px}.kro-target{width:92px;height:92px}.racket{display:none}.mag-cover{aspect-ratio:16/9;min-height:0}.short-cover,.post-cover{aspect-ratio:8/9;min-height:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}