.duo{height:100svh;min-height:620px;max-height:1080px;color:var(--c-milk);background:var(--c-espresso);position:relative;overflow:hidden}.duo__grid{height:100%;display:flex}.duo__panel{--mx:0;--my:0;isolation:isolate;min-width:0;transition:flex-grow .9s var(--ease-out);flex:1 1 0;align-items:flex-end;display:flex;position:relative;overflow:hidden}.duo__grid:has(.duo__panel:hover) .duo__panel:not(:hover){flex-grow:.78}.duo__media{z-index:-2;background:radial-gradient(60% 60% at 50% 40%, #f5bf4540, transparent 70%), var(--c-roast);position:absolute;inset:0}.duo__panel--hanjan .duo__media{background:radial-gradient(60% 60% at 50% 40%, #ffc87233, transparent 70%), var(--c-dusk)}.duo__media img{object-fit:cover;object-position:var(--pos-pc,50% 50%);width:100%;height:100%;transform:scale(1.08) translate3d(calc(var(--mx) * -18px), calc(var(--my) * -14px), 0);transition:transform 1.2s var(--ease-out)}.duo__panel:hover .duo__media img{transform:scale(1.12) translate3d(calc(var(--mx) * -24px), calc(var(--my) * -18px), 0)}.duo__scrim{z-index:-1;pointer-events:none;position:absolute;inset:0}.duo__panel--recipe .duo__scrim{background:linear-gradient(#120a078c 0%,#120a0700 24%),linear-gradient(#28140800 30%,#2814089e 62%,#1e0e06eb 100%),linear-gradient(90deg,#ff915229,#0000 60%)}.duo__panel--hanjan .duo__scrim{background:linear-gradient(#0f0c1d8c 0%,#0f0c1d00 24%),linear-gradient(#17122b00 30%,#17122ba8 62%,#0f0c1df0 100%),linear-gradient(270deg,#78468c38,#0000 60%)}.duo__panel+.duo__panel{border-left:1px solid #fff8ef24}.duo__body{justify-items:start;gap:12px;width:min(100%,600px);padding:0 clamp(24px,4vw,64px) clamp(84px,11vh,120px);display:grid}.duo__campaign img{width:auto;height:clamp(30px,3vw,40px)}.duo__status{min-height:32px;color:var(--c-milk);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8ef1f;border:1px solid #fff8ef38;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.duo__status i{background:var(--c-off);border-radius:50%;width:8px;height:8px}.duo__status.is-live i{background:var(--c-ok);animation:duo-pulse 2.2s var(--ease-out) infinite;box-shadow:0 0 #7fd4a0b3}@keyframes duo-pulse{70%{box-shadow:0 0 0 9px #7fd4a000}to{box-shadow:0 0 #7fd4a000}}.duo__eyebrow{color:var(--c-honey-soft);font-size:15px;font-weight:600}.duo__panel--hanjan .duo__eyebrow{color:var(--c-lamp)}.duo__title{letter-spacing:-.02em;text-wrap:balance;text-shadow:0 2px 24px #00000059;font-size:clamp(28px,3.1vw,48px);line-height:1.22}.duo__desc{color:#fff8efdb;max-width:34em;font-size:clamp(16px,1.15vw,18px);line-height:1.6}.duo__meta{color:#fff8efc2;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;font-size:14px;display:flex}.duo__meta li+li:before{content:"·";opacity:.6;margin-right:14px}.duo__actions{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:8px;display:flex}.duo__more{text-underline-offset:5px;align-items:center;min-height:44px;font-size:15px;font-weight:600;-webkit-text-decoration:underline #fff8ef66;text-decoration:underline #fff8ef66;display:inline-flex}.duo__more:hover{text-decoration-color:currentColor}.duo__seal{pointer-events:none;width:124px;height:124px;color:var(--c-ink);background:radial-gradient(circle at 35% 30%,#ffe8a8,#f5bf45 55%,#d9922a);border-radius:50%;place-items:center;display:grid;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px -18px #000000b3,inset 0 1px #fff9}.duo__seal svg{width:100%;height:100%;font-family:var(--f-body);letter-spacing:0;fill:currentColor;font-size:10px;font-weight:700;animation:28s linear infinite duo-spin;position:absolute;inset:0}.duo__seal .latin{font-size:44px;font-style:italic;line-height:1}@keyframes duo-spin{to{transform:rotate(360deg)}}.duo__down{min-height:44px;color:var(--c-milk);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#120a0773;border:1px solid #fff8ef33;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.duo__down svg{transform:rotate(90deg)}.duo__still{color:var(--c-milk);bottom:22px;right:clamp(16px,2.4vw,32px)}@media (prefers-reduced-motion:reduce){.duo__seal svg,.duo__status.is-live i{animation:none}.duo__media img{transition:none}}@media (max-width:860px){.duo__media img{object-position:var(--pos-m,var(--pos-pc,50% 50%))}.duo{height:auto;min-height:100svh;max-height:none}.duo__grid{flex-direction:column;min-height:100svh}.duo__panel{min-height:max(300px,40svh)}.duo__panel:first-child{min-height:max(430px,60svh);padding-top:var(--header-h)}.duo__panel:first-child .duo__media{top:56px}.duo__panel:first-child .duo__media img{-webkit-mask-image:linear-gradient(#0000 0,#000 56px);mask-image:linear-gradient(#0000 0,#000 56px)}.duo__panel+.duo__panel{border-top:1px solid #fff8ef29;border-left:0}.duo__grid:has(.duo__panel:hover) .duo__panel:not(:hover){flex-grow:1}.duo__body{padding:20px var(--gutter) 24px;flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.duo__body>*{flex-basis:100%}.duo__body>.duo__campaign,.duo__body>.duo__status{flex-basis:auto}.duo__panel:last-child .duo__body{padding-bottom:28px}.duo__campaign img{height:26px;display:block}.duo__status{min-height:30px;padding:0 12px}.duo__eyebrow,.duo__more{display:none}.duo__title{margin-top:2px;font-size:clamp(22px,6.2vw,30px)}.duo__desc{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.duo__meta{display:none}.duo__actions{margin-top:2px}.duo__cta{min-height:46px;padding:0 20px}.duo__seal,.duo__down{display:none}}@media (max-width:860px) and (max-height:700px){.duo__desc{display:none}}.latest{color:var(--c-ink);background:linear-gradient(180deg, var(--c-paper) 0%, #f3e7d6 100%);padding-block:clamp(64px,8vw,120px);position:relative}.latest__head{gap:10px;margin-bottom:clamp(28px,4vw,48px);display:grid}.latest__cols{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);display:grid}.latest__col{align-content:start;gap:16px;display:grid}.latest__colhead{border-bottom:1px solid #2a1a1224;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding-bottom:12px;display:flex}.latest__colhead h3{font-size:var(--fs-h3)}.latest__col--recipe .latest__colhead h3{color:#9a4f12}.latest__col--hanjan .latest__colhead h3{color:var(--c-plum)}.latest__all{min-height:44px;color:var(--c-ink-soft);align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.latest__all:hover{color:var(--c-ink)}.latest__list{gap:14px;display:grid}.lcard{border-radius:var(--r-m);transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out), background-color .3s;background:#ffffff8c;border:1px solid #2a1a1214;grid-template-columns:clamp(112px,12vw,168px) 1fr;align-items:center;gap:18px;padding:12px;display:grid}.lcard:hover{background:#ffffffd9;transform:translateY(-3px);box-shadow:0 22px 40px -28px #46240c80}.lcard__img{aspect-ratio:4/3;border-radius:var(--r-s);background:var(--c-crema);max-width:100%;position:relative;overflow:hidden}.lcard__img img{object-fit:cover;width:100%;height:100%}.lcard__play{width:32px;height:32px;color:var(--c-ink);background:#fff8efeb;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:8px}.lcard__text{gap:5px;min-width:0;display:grid}.lcard__tag{color:var(--c-ink-soft);font-size:14px;font-weight:600}.lcard__title{font-family:var(--f-display);text-wrap:balance;font-size:clamp(18px,1.5vw,21px);font-weight:700;line-height:1.35}.lcard__desc{-webkit-line-clamp:2;color:var(--c-ink-soft);-webkit-box-orient:vertical;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (max-width:860px){.latest__cols{grid-template-columns:1fr}}@media (max-width:420px){.lcard{grid-template-columns:104px 1fr;gap:14px;padding:10px}}.home-scenes-ph{background:var(--c-espresso);min-height:100svh}.hero{background:var(--c-espresso);height:360vh;position:relative}.hero__sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hero__sky{background:radial-gradient(55% 50% at 66% 56%,#ff923433,#0000 70%),radial-gradient(90% 60% at 50% 115%,#3a1c0f 0%,#0000 62%),radial-gradient(130% 95% at 50% 38%,#24120b 0%,#140b07 58%,#090504 100%);position:absolute;inset:0}.hero__sky:after{content:"";opacity:calc(var(--p,0) * 1.6 - .75);background:radial-gradient(60% 55%,#783ca052,#0000 72%),radial-gradient(100% 100%,#140a1e,#07040c);position:absolute;inset:0}.hero__stage{position:absolute;inset:0}.hero__fallback{background:radial-gradient(30% 35% at 68% 55%,#f5bf4559,#0000 70%);position:absolute;inset:0}.hero__beats{pointer-events:none;position:absolute;inset:0}.beat{left:var(--gutter);visibility:hidden;width:min(780px,58vw);transition:visibility 0s .9s;position:absolute;top:50%;transform:translateY(-46%)}.beat.is-active{visibility:visible;pointer-events:auto;transition:none}.beat>*{opacity:0;filter:blur(8px);transition:opacity .55s var(--ease-out), transform .7s var(--ease-out), filter .55s var(--ease-out);transform:translateY(26px)}.beat.is-active>*{opacity:1;filter:none;transition-duration:1s,1.2s,1s;transform:none}.beat.is-active>:first-child{transition-delay:.1s}.beat.is-active>:nth-child(2){transition-delay:.18s}.beat.is-active>:nth-child(3){transition-delay:.3s}.beat.is-active>:nth-child(4){transition-delay:.4s}.beat.is-active>:nth-child(5){transition-delay:.48s}.beat__title{color:var(--c-milk);text-shadow:0 10px 50px #0a05038c;margin-top:22px}.beat--open .beat__title{font-size:clamp(42px,5.8vw,94px)}.beat__body{color:#fff8efcc;max-width:34em;margin-top:22px}.beat__tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.beat__tags li{color:var(--c-honey-soft);background:#f5bf451a;border:1px solid #f5bf454d;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.beat__actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.beat--think:before{content:"";z-index:-1;background:radial-gradient(closest-side,#08040cb8,#0000);position:absolute;inset:-80px -120px -80px -100px}.hero__rail{right:var(--gutter);gap:6px;padding-left:22px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hero__track{background:#fff8ef2e;width:1px;position:absolute;top:12px;bottom:12px;left:0}.hero__track span{background:var(--c-honey);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.hero__rail button{color:#fff8ef80;align-items:baseline;gap:10px;min-height:44px;font-size:14px;font-weight:600;transition:color .4s;display:flex}.hero__rail button .latin{font-size:14px}.hero__rail button:hover,.hero__rail button[aria-current=step]{color:var(--c-honey-soft)}.hero__cue{color:#fff8efb3;justify-items:center;gap:10px;font-size:15px;display:grid;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hero__cue i{background:linear-gradient(var(--c-honey), transparent);width:1px;height:46px;animation:cue 2.2s var(--ease-in-out) infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hero__flash{opacity:0;pointer-events:none;background:radial-gradient(circle,#fffaf0 0%,#fff0d6 40%,#ffe8d2 100%);position:absolute;inset:0}@media (max-width:860px){.hero{height:320vh}.beat{left:var(--gutter);right:var(--gutter);top:auto;bottom:calc(96px + env(safe-area-inset-bottom));width:auto;transform:none}.beat--open .beat__title{font-size:clamp(38px,10.5vw,56px)}.beat__title{margin-top:14px}.beat__body{margin-top:14px;font-size:15.5px}.beat__actions{gap:8px;margin-top:22px}.beat__actions .btn{min-height:48px;padding:0 18px;font-size:14px}.beat:before{content:"";z-index:-1;background:linear-gradient(#0000,#0a050373 40%,#0a0503d9);position:absolute;inset:-60px -40px -40px}.hero__rail{display:none}.hero__cue{font-size:14px;bottom:22px}.hero__cue i{height:30px}}.worlds{color:var(--c-ink);background:linear-gradient(#ffe8d2 0%,#ffe3cc 25%,#f8dfe4 65%,#efe4f2 100%);padding-block:clamp(90px,10vw,150px);position:relative;overflow:hidden}.worlds:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#ffffffd9,#fff4de66 55%,#0000);width:90vw;position:absolute;top:-18%;left:50%;transform:translate(-50%)}.worlds .wrap{position:relative}.worlds__head{text-align:center;max-width:780px;margin-inline:auto}.worlds__head .eyebrow{--eyebrow:#9a5510}.worlds__head h2{margin-top:18px}.worlds__head .lead{color:var(--c-ink-soft);margin-top:18px}.worlds__grid{perspective:1600px;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(48px,6vw,84px);display:grid}.world{--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .8s var(--ease-out);will-change:transform;border-radius:38px}.world.is-hover{transition:transform .15s linear}.world.is-in:nth-child(2){transition-delay:0s}.world[data-reveal]:nth-child(2){--d:.12s}.world__link{aspect-ratio:4/5;isolation:isolate;border-radius:38px;transition:box-shadow .5s;display:block;position:relative;overflow:hidden;box-shadow:0 60px 100px -60px #602c0c99,inset 0 0 0 1px #ffffff8c}.world:hover .world__link{box-shadow:0 70px 110px -60px #602c0cbf,inset 0 0 0 1px #fffc}.world--recipe .world__link{background:radial-gradient(70% 45% at 72% 16%,#fffbe2 0%,#0000 65%),linear-gradient(#ffe08a 0%,#ffbd6e 52%,#ff9f80 100%)}.world--club .world__link{color:var(--c-milk);background:radial-gradient(60% 40% at 70% 24%,#ffd6a04d 0%,#0000 60%),linear-gradient(#17122e 0%,#2d2050 55%,#6a3d5f 100%)}.world__window,.world__stage{position:absolute;inset:0}.world__glare{pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%), #ffffff73, transparent 42%);mix-blend-mode:soft-light;opacity:0;transition:opacity .5s;position:absolute;inset:0}.world.is-hover .world__glare{opacity:1}.world__label{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#fffaf2a8;border:1px solid #ffffffb3;border-radius:26px;padding:22px 24px 20px;position:absolute;bottom:14px;left:14px;right:14px}.world--club .world__label{background:#18122e85;border-color:#ffffff24}.world__logo{width:104px;height:auto;margin-bottom:6px}.world__kicker{color:#9a5510;font-size:15px}.world--club .world__kicker{color:var(--c-lamp)}.world__headline{margin-top:4px;font-size:clamp(24px,2.4vw,34px)}.world__desc{opacity:.8;margin-top:10px;font-size:14.5px;line-height:1.75}.world__tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.world__tags li{background:color-mix(in srgb, currentColor 8%, transparent);border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:999px;padding:4px 11px;font-size:14px;font-weight:600}.world__cta{border-top:1px solid color-mix(in srgb, currentColor 14%, transparent);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;font-size:15px;font-weight:700;display:flex}.world__cta svg{transition:transform .5s var(--ease-out)}.world:hover .world__cta svg{transform:translate(6px)}@media (max-width:860px){.worlds__grid{grid-template-columns:1fr}.world__link{aspect-ratio:4/5.4}.world__tags{display:none}.world__desc{font-size:14px}}.guide{color:var(--c-ink);background:linear-gradient(180deg, #efe4f2 0%, #f6efe6 40%, var(--c-paper) 100%);padding-block:clamp(80px,9vw,130px);position:relative}.guide__head{gap:14px;max-width:640px;display:grid}.guide__head .eyebrow{--eyebrow:#9a5510}.guide__head .lead{color:var(--c-ink-soft)}.guide__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:54px;display:grid}.guide__list li{background:#ffffff9e;border:1px solid #5c381e14;border-radius:30px;padding:32px 28px;position:relative;overflow:hidden;box-shadow:0 34px 60px -48px #46230a8c}.guide__no{color:#0000;-webkit-text-stroke:1px #b0681a4d;font-size:110px;line-height:1;position:absolute;top:-6px;right:18px}.guide__icon{width:48px;height:48px;color:var(--c-ink);background:linear-gradient(135deg,#ffe397,#f5bf45 60%,#eba53c);border-radius:16px;place-items:center;display:grid;box-shadow:0 12px 24px -12px #d68c14cc}.guide__list h3{margin-top:24px;font-size:23px}.guide__list p{color:var(--c-ink-soft);margin-top:12px;font-size:15px;line-height:1.85}@media (max-width:960px){.guide__list{grid-template-columns:1fr}}.member{background:var(--c-paper);padding-block:clamp(60px,7vw,110px) clamp(90px,10vw,140px)}.member__inner{border-radius:var(--r-xl);color:var(--c-milk);background:radial-gradient(60% 70% at 85% 30%,#f5bf4533,#0000 65%),radial-gradient(50% 60% at 10% 100%,#c7823f2e,#0000 70%),linear-gradient(135deg,#2c190f,#150c08);grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-block:clamp(56px,7vw,96px);display:grid;position:relative;overflow:hidden}.member__inner.wrap{max-width:calc(var(--wrap) + var(--gutter) * 2 - 40px);padding-inline:clamp(28px,5vw,80px)}.member__copy h2{margin-top:18px}.member__copy .lead{color:#fff8efbf;max-width:34em;margin-top:20px}.member__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.member__note{color:#fff8ef8c;margin-top:18px;font-size:14px}.coasters{perspective:1000px;height:440px;position:relative}.coaster{aspect-ratio:1;text-align:center;border-radius:50%;place-content:center;justify-items:center;gap:4px;width:clamp(170px,18vw,230px);animation:7s ease-in-out infinite coaster;display:grid;position:absolute;box-shadow:0 40px 60px -26px #000000b3,inset 0 0 0 10px #ffffff1a,inset 0 0 0 11px #00000014}.coaster .latin{opacity:.8;font-size:15px}.coaster b{font-family:var(--f-latin);letter-spacing:-.04em;font-size:clamp(46px,5vw,66px);font-weight:500;line-height:1}.coaster small{opacity:.75;font-size:14px;font-weight:600}.coaster--gold{color:var(--c-ink);background:radial-gradient(circle at 34% 28%,#fff0bd,#f5bf45 50%,#c98a24 100%);top:4%;left:4%;transform:rotateX(24deg)rotate(-10deg)}.coaster--cream{color:var(--c-ink);background:radial-gradient(circle at 34% 28%,#fffbf3,#f1dcb8 58%,#d4b384 100%);animation-delay:-2.3s;top:22%;left:44%;transform:rotateX(24deg)rotate(12deg)}.coaster--ink{color:var(--c-honey-soft);background:radial-gradient(circle at 34% 28%,#6a4430,#2b170d 70%);border:1px solid #f5bf454d;animation-delay:-4.6s;top:50%;left:16%;transform:rotateX(24deg)rotate(-4deg)}@keyframes coaster{50%{translate:0 -16px}}@media (max-width:960px){.member__inner{grid-template-columns:1fr}.coasters{height:340px}}@media (max-width:560px){.coasters{height:300px}.coaster--cream{left:40%}}