@property --mx{syntax:"<number>";inherits:true;initial-value:.5}@property --my{syntax:"<number>";inherits:true;initial-value:.5}:root{--bg:#0a090c;--bg-raised:#121015;--bg-deep:#060508;--text:#f4f1ec;--text-soft:#d9d4dc;--muted:#a39ea8;--line:#f4f1ec1f;--line-strong:#f4f1ec42;--pink:#ec4778;--pink-soft:#f39bb8;--gold:#d9b56c;--gold-soft:#f1dfae;--ink:#0a090c;--display:"Barlow Condensed", "Noto Sans JP", "Arial Narrow", sans-serif;--jp:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--gutter:clamp(20px, 5.2vw, 72px);--space:clamp(80px, 12vw, 152px);--card-r:5.9% / 3.72%;--ease:cubic-bezier(.2, .75, .2, 1);--shadow-card:0 1px 2px #0009, 0 14px 30px -12px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html:has(dialog[open]){overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--jp);letter-spacing:.03em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;line-height:1.85;overflow-x:hidden}@supports (overflow:clip){body{overflow-x:clip}}h1,h2,h3,p,dl,dd,ol,ul{margin:0}body{line-break:strict}h1,h2,h3,.hero__lead{font-feature-settings:"palt";text-wrap:balance;word-break:keep-all;word-break:auto-phrase;overflow-wrap:anywhere}p,li,dd,summary{text-wrap:pretty;word-break:auto-phrase}img{max-width:100%;height:auto;display:block}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0}em,i{font-style:normal}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--pink);outline-offset:4px}::selection{background:var(--pink);color:var(--ink)}.wrap{width:min(1200px, calc(100% - var(--gutter) * 2));margin-inline:auto}.skip{z-index:100;background:var(--pink);color:var(--ink);padding:10px 16px;font-weight:700;position:absolute;top:-80px;left:12px}.skip:focus{top:12px}.fine{letter-spacing:.02em;color:var(--muted);font-size:12px;line-height:1.7}.card-face{aspect-ratio:765/1215;border-radius:var(--card-r);box-shadow:var(--shadow-card);background:#050406;display:block;position:relative;overflow:hidden}.card-face img{object-fit:cover;width:100%;height:100%}.card-face:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,#ffffff17 0%,#fff0 30%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.btn{isolation:isolate;letter-spacing:.06em;text-align:center;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:.6em;min-height:52px;padding:0 30px;font-size:15px;font-weight:700;line-height:1.3;display:inline-flex;position:relative}.btn:before{content:"";z-index:-1;transition:background-color .2s, border-color .2s, transform .25s var(--ease);position:absolute;inset:0;transform:skew(-14deg)}.btn:hover:before{transform:skew(-14deg)translate(3px)}.btn--pink{color:var(--ink)}.btn--pink:before{background:var(--pink)}.btn--pink:hover:before{background:#f25e8b}.btn--line{color:var(--text)}.btn--line:before{border:1px solid var(--line-strong)}.btn--line:hover:before{border-color:var(--text)}.btn--ink{color:var(--text)}.btn--ink:before{background:var(--ink)}.btn--ink:hover:before{background:#1e1b22}.btn--small{min-height:42px;padding:0 22px;font-size:13px}.sticker{--size:112px;--turn:-10deg;--shift:0px;z-index:3;width:var(--size);height:var(--size);filter:drop-shadow(0 6px 10px #00000080);transform:translateY(var(--shift)) rotate(var(--turn));border-radius:50%;place-items:center;margin:0;display:grid;position:absolute;container-type:inline-size}.sticker:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 24%,#ffffff57,#0000 44%);border-radius:50%;position:absolute;inset:0}.sticker__art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sticker__disc{fill:var(--pink);stroke:#fff;stroke-width:2.4px}.sticker__line{fill:none;stroke:var(--ink);stroke-width:1.1px}.sticker__ring{font-family:var(--display);letter-spacing:.06em;fill:var(--ink);font-size:10.4px;font-weight:700}.sticker__body{color:var(--ink);text-align:center;font-feature-settings:"palt";justify-items:center;font-weight:700;line-height:1;display:grid;position:relative}.sticker__body b{font-family:var(--display);letter-spacing:-.01em;font-size:38cqi;font-weight:800;line-height:.84}.sticker__top,.sticker__bottom{letter-spacing:.02em;font-size:9.4cqi}.sticker__top{margin-bottom:2cqi}.sticker__bottom{margin-top:1cqi}.sticker--white .sticker__disc{fill:var(--text);stroke:var(--pink);stroke-width:1.4px}.sticker--white .sticker__line{stroke:var(--pink)}.sticker--white .sticker__body b{color:var(--pink)}.topbar{z-index:10;position:absolute;inset:0 0 auto}.topbar__inner{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.topbar__brand{letter-spacing:.12em;white-space:nowrap;font-size:12px;font-weight:700}.topbar__brand span{border-left:1px solid var(--line-strong);font-family:var(--display);letter-spacing:.16em;color:var(--muted);margin-left:12px;padding-left:12px;font-size:13px;font-weight:600}.topbar__sale{letter-spacing:.08em;white-space:nowrap;align-items:baseline;gap:10px;font-size:12px;font-weight:700;display:flex}.topbar__sale b{font-family:var(--display);letter-spacing:.06em;color:var(--pink);font-size:16px;font-weight:700}.topbar__sale:hover span{text-underline-offset:4px;text-decoration:underline}@media (width<=440px){.topbar__brand span{display:none}}.hero{isolation:isolate;padding:92px 0 64px;position:relative;overflow:hidden}.hero__inner{grid-template-columns:minmax(0,1fr);display:grid}.hero__kicker{font-family:var(--display);letter-spacing:.2em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.hero__kicker span{color:var(--pink);align-items:center;gap:12px;display:inline-flex}.hero__kicker span:before{content:"";background:var(--line-strong);width:24px;height:1px}.hero__logo{margin-top:22px;line-height:0}.hero__logo img{width:clamp(236px,66vw,420px)}.hero__lead{letter-spacing:.04em;margin-top:8px;font-size:clamp(23px,6.2vw,36px);font-weight:700;line-height:1.5}.hero__lead em{color:var(--pink)}.hero__text{max-width:30em;color:var(--text-soft);margin-top:16px}.facts{border-top:1px solid var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;display:grid}.facts div{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:12px 0 14px 16px;display:flex}.facts div:nth-child(odd){border-right:1px solid var(--line);padding-left:0}.facts dt{letter-spacing:.14em;color:var(--muted);font-size:11px;font-weight:700}.facts dd{letter-spacing:.06em;white-space:nowrap;font-size:12px;font-weight:700}.facts b{font-family:var(--display);letter-spacing:.01em;margin-right:4px;font-size:38px;font-weight:700;line-height:1}.hero__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px;padding-inline:8px;display:grid}.hero__art{margin:12px calc(var(--gutter) * -1) 0;position:relative}.hero__stage{position:relative}.hero__art .sticker{--size:clamp(96px, 26vw, 136px);--turn:-12deg;top:7%;right:8%}.hero__photo{aspect-ratio:1/1.08;object-fit:cover;object-position:50% 40%;-webkit-mask-composite:source-in;width:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 10% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 10% 78%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (width<=899px){.hero__copy{display:contents}.hero__kicker{order:1}.hero__logo{order:2}.hero__art{order:3}.hero__lead{order:4}.hero__text{order:5}.facts{order:6}.hero__actions{order:7}}@media (width>=600px) and (width<=899px){.facts{grid-template-columns:repeat(4,minmax(0,1fr))}.facts div,.facts div:nth-child(odd){border-right:1px solid var(--line);padding-left:16px}.facts div:first-child{padding-left:0}.facts div:last-child{border-right:0}.hero__actions{max-width:440px}}@media (width>=900px){.hero{align-items:center;min-height:min(100svh,1000px);padding:120px 0 88px;display:flex}.hero__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:clamp(24px,4vw,64px)}.hero__logo{margin-top:28px}.hero__lead{margin-top:14px}.facts{grid-template-columns:.7fr 1.06fr 1.02fr 1.22fr}.facts div,.facts div:nth-child(odd){border-right:1px solid var(--line);padding-left:14px}.facts div:first-child{padding-left:0}.facts div:last-child{border-right:0}.hero__actions{gap:22px;padding-inline:10px 0;display:flex}.hero__art{margin:0 -2vw 0 0}.hero__stage{width:min(100%,600px,80svh - 120px);margin-inline:auto}.hero__photo{aspect-ratio:4/5;width:100%}.hero__art .sticker{top:10%;right:6%}}.section-head{gap:18px;margin-bottom:clamp(36px,5vw,60px);display:grid}.section-head__kicker{font-family:var(--display);letter-spacing:.24em;color:var(--pink);font-size:14px;font-weight:700;line-height:1}.section-head h2,.rules__title,.secret h2,.video h2{letter-spacing:.03em;font-size:clamp(28px,7.2vw,54px);font-weight:700;line-height:1.34}.section-head p{max-width:34em;color:var(--text-soft)}@media (width>=900px){.section-head{grid-template-columns:minmax(0,1fr) minmax(0,24em);align-items:end;column-gap:48px}.section-head__kicker{grid-column:1/-1}.section-head p{padding-bottom:8px}}.rules{padding:var(--space) 0;border-top:1px solid var(--line)}.rules__title span{letter-spacing:.05em;color:var(--text-soft);margin-top:14px;font-size:clamp(16px,3.6vw,24px);font-weight:500;line-height:1.6;display:block}.flow{gap:56px;margin-top:clamp(56px,7vw,88px);padding:0;list-style:none;display:grid}.flow__step{position:relative}.flow__visual{aspect-ratio:16/10;border:1px solid var(--line);background:radial-gradient(70% 70% at 50% 60%, #ffffff0b, transparent 70%), var(--bg-raised);justify-content:center;align-items:center;padding:0 7%;display:flex;position:relative;overflow:hidden}.flow__visual .mini{width:20%;transition:transform .4s var(--ease), filter .4s;flex:none}.flow__visual--pairs{gap:4%}.flow__visual--pairs.has-pick .mini:not(.is-picked){filter:grayscale()brightness(.42)}.flow__visual--pairs .is-picked{box-shadow:0 0 0 2px var(--pink), 0 18px 30px -10px #ec477873;transform:translateY(-7%)scale(1.08)}.flow__visual--blind .mini{width:21%}.flow__visual--blind .mini+.mini{margin-left:-5%}.flow__visual--blind .mini:first-child{transform:rotate(-9deg)translateY(4%)}.flow__visual--blind .mini:nth-child(2){transform:rotate(-4deg)translateY(1%)}.flow__visual--blind .mini:nth-child(4){transform:rotate(4deg)translateY(1%)}.flow__visual--blind .mini:nth-child(5){transform:rotate(9deg)translateY(4%)}.flow__visual--blind .is-picked{z-index:1;box-shadow:0 0 0 1.5px var(--gold), 0 0 26px #d9b56c6b, 0 18px 30px -10px #000000e6;transform:translateY(-9%)scale(1.1)}.flow__visual--own .mini--large{width:29%;transform:rotate(-5deg)}.flow__seal{aspect-ratio:1;border:1px solid var(--gold);width:clamp(72px,22%,96px);font-family:var(--display);letter-spacing:.12em;text-align:center;color:var(--gold-soft);background:#0a090cd1;border-radius:50%;place-items:center;font-size:clamp(11px,1.1vw,13px);font-weight:700;line-height:1.15;display:grid;position:absolute;bottom:13%;right:15%;transform:rotate(-12deg);box-shadow:inset 0 0 0 4px #0a090cd1,inset 0 0 0 5px #d9b56c8c}.flow__no{background:var(--bg);font-family:var(--display);letter-spacing:0;color:var(--text);padding:0 10px;font-size:56px;font-weight:700;line-height:1;position:absolute;top:0;left:16px;transform:translateY(-52%)}.flow h3{letter-spacing:.04em;margin-top:22px;font-size:clamp(18px,4.6vw,21px);font-weight:700;line-height:1.5}.flow p{color:var(--text-soft);margin-top:8px;font-size:14px}@media (width>=600px) and (width<=899px){.flow{gap:48px}.flow__step{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;display:grid}.flow__visual{grid-row:1/span 2}.flow h3{align-self:end;margin-top:0}}@media (width>=900px){.flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.pairs{padding:var(--space) 0;border-top:1px solid var(--line);background:#0e0d11}.pairs__photo{margin:0 calc(var(--gutter) * -1) clamp(32px, 5vw, 56px)}.pairs__photo img{aspect-ratio:2;object-fit:cover;-webkit-mask-composite:source-in;width:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#0000,#000 12% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#0000,#000 12% 80%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (width>=768px){.pairs__photo{margin-inline:0}.pairs__photo img{aspect-ratio:2.35;object-position:50% 78%}}.pairs__note{margin-top:18px}.picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin-bottom:clamp(40px,5vw,64px);display:grid}.picker__tab{border:0;border-bottom:2px solid var(--line);text-align:left;color:var(--muted);background:0 0;flex-direction:column;align-items:stretch;padding:0 0 12px;transition:border-color .25s,color .25s;display:flex}.picker__photo{aspect-ratio:4/3;background:#000;border-radius:2px;margin-bottom:12px;display:block;overflow:hidden}.picker__photo img{object-fit:cover;object-position:50% 28%;filter:grayscale(.85)brightness(.5);width:100%;height:100%;transition:filter .35s, transform .6s var(--ease)}.picker__id{font-family:var(--display);letter-spacing:.2em;font-size:14px;font-weight:700;line-height:1}.picker__names{letter-spacing:.02em;word-break:keep-all;overflow-wrap:anywhere;margin-top:8px;font-size:14px;font-weight:700;line-height:1.5}.picker__names>span{display:inline-block}.picker__names i{color:var(--pink);margin:0 .25em;font-weight:400}.picker__tab:hover{color:var(--text-soft)}.picker__tab:hover .picker__photo img{filter:grayscale(.4)brightness(.75)}.picker__tab[aria-selected=true]{border-bottom-color:var(--pink);color:var(--text)}.picker__tab[aria-selected=true] .picker__id{color:var(--pink)}.picker__tab[aria-selected=true] .picker__photo img{filter:none;transform:scale(1.04)}@media (width>=768px){.picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.picker__photo{aspect-ratio:16/10}.picker__names{font-size:15px}}.pairs:not(.is-tabbed) .pair-panel+.pair-panel{margin-top:72px}.pair-panel[hidden]{display:none}.pair-panel:focus-visible{outline-offset:12px}.pair-panel__head{--sticker:88px;min-height:calc(var(--sticker) * .8);padding-right:calc(var(--sticker) + 12px);border-bottom:1px solid var(--line-strong);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 32px;margin-bottom:24px;padding-bottom:18px;display:flex;position:relative}.pair-panel__head .sticker{--size:var(--sticker);--turn:8deg;--shift:-50%;top:50%;right:0}@media (width<=359px){.pair-panel__head{--sticker:76px}}@media (width>=768px){.pair-panel__head{--sticker:108px}}.pair-panel__head h3>span{display:inline-block}.pair-panel__head h3{letter-spacing:.05em;font-size:clamp(24px,5.6vw,36px);font-weight:700;line-height:1.35}.pair-panel__head h3 i{color:var(--pink);margin:0 .3em;font-weight:400}.pair-panel__head p{color:var(--text-soft);font-size:13px;line-height:1.7}.pair-panel__head p b{white-space:nowrap;font-family:var(--display);letter-spacing:.2em;color:var(--pink);margin-right:14px;font-size:14px;font-weight:700}.lineup{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);padding:0;list-style:none;display:grid}.lineup__card{text-align:left;cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.lineup__photo{aspect-ratio:4/5;box-shadow:0 0 0 1px var(--line);background:#000;border-radius:2px;transition:box-shadow .3s;display:block;overflow:hidden}.lineup__photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.lineup__card:hover .lineup__photo{box-shadow:0 0 0 1px #ec477899}.lineup__card:hover .lineup__photo img{transform:scale(1.04)}.lineup__card:focus-visible{outline-offset:6px}.pair-panel.is-entering .lineup li{animation:rise .55s var(--ease) both}.pair-panel.is-entering .lineup li:nth-child(2){animation-delay:50ms}.pair-panel.is-entering .lineup li:nth-child(3){animation-delay:.1s}.pair-panel.is-entering .lineup li:nth-child(4){animation-delay:.15s}.pair-panel.is-entering .lineup li:nth-child(5){animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@media (width<=767px){.lineup{margin-inline:calc(var(--gutter) * -1);padding:6px var(--gutter) 18px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.lineup::-webkit-scrollbar{display:none}.lineup li{scroll-snap-align:start;flex:0 0 min(60vw,250px)}}.pull{isolation:isolate;border:1px solid var(--line);background:var(--bg-deep);margin-top:clamp(64px,8vw,104px);padding:clamp(28px,5vw,56px) clamp(20px,5vw,56px);position:relative;overflow:hidden}.pull:before{content:"";z-index:-1;opacity:.2;background:url(/tjpw-pair-moments/assets/glitter.webp) bottom/cover no-repeat;height:70%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.pull[hidden]{display:none}.pull__copy h3{letter-spacing:.04em;font-size:clamp(22px,5.4vw,34px);font-weight:700;line-height:1.4}.pull__copy p{max-width:30em;color:var(--text-soft);margin-top:12px;font-size:14px}.pull__pair{color:var(--text);font-weight:700}.pull__row{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.4vw,16px);max-width:460px;margin:28px auto 0;display:grid}.pull__slot{transition:transform .3s var(--ease);background:0 0;border:0;padding:0;display:block}.pull__slot .card-face{transition:box-shadow .3s}.pull__slot:hover{transform:translateY(-6px)}.pull__slot:hover .card-face{box-shadow:0 0 0 1px var(--gold), 0 0 22px #d9b56c59, var(--shadow-card)}.pull__slot.is-open .card-face{box-shadow:var(--shadow-card)}.pull__slot.is-current{transform:translateY(-6px)}.pull__slot.is-current .card-face{box-shadow:0 0 0 2px var(--pink), var(--shadow-card)}.pull__slot:focus-visible{outline-offset:5px}.pull__stage{justify-items:center;gap:18px;margin-top:36px;display:grid;position:relative}.pull__plinth{isolation:isolate;perspective:1400px;-webkit-box-reflect:below 3px linear-gradient(to bottom, #0000004d, transparent 34%);position:relative}.pull__plinth:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#286eff66,#0000) 0/50% 90% no-repeat,radial-gradient(closest-side,#ff281e61,#0000) 100%/50% 90% no-repeat;position:absolute;inset:4% -40% 0}.pull__stage:before{content:"";z-index:-2;aspect-ratio:1;opacity:0;width:min(460px,110%);transition:opacity .7s, transform .9s var(--ease);background:radial-gradient(closest-side,#ec47784d,#d9b56c1a 55%,#0000);border-radius:50%;position:absolute;top:-6%;left:50%;transform:translate(-50%)scale(.7)}.pull__stage.is-revealed:before{opacity:1;transform:translate(-50%)scale(1)}.flip{aspect-ratio:765/1215;width:min(236px,58vw);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3, .7, .15, 1), translate .45s var(--ease), scale .45s var(--ease);background:0 0;border:0;padding:0;display:block;position:relative}.flip[aria-disabled=true]{cursor:default}.flip:focus-visible{outline-offset:8px}.flip:not([aria-disabled=true]):hover .flip__face--back{box-shadow:0 0 0 1px var(--gold), 0 0 24px #d9b56c4d, var(--shadow-card)}.flip.is-open{transform:rotateY(180deg)}.flip.is-quick{transition-duration:.26s;transition-timing-function:ease-in}.flip.is-lifting{translate:0 -12px;scale:1.04}.flip__face--back{transition:box-shadow .4s}.flip.is-lifting .flip__face--back{box-shadow:0 0 0 1.5px var(--gold), 0 0 40px #d9b56c99, 0 30px 50px -20px #000000e6}.flip__face--front:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 35%,#fff9 50%,#0000 65%) 110% 0/260% 100% no-repeat;position:absolute;inset:0}.pull__stage.is-revealed .flip__face--front:before{animation:.9s ease-out reveal-sweep}@keyframes reveal-sweep{0%{opacity:1;background-position:110% 0}to{opacity:1;background-position:-10% 0}}.flip__face{backface-visibility:hidden;position:absolute;inset:0}.flip__face--front{transform:rotateY(180deg)}.pull__result{text-align:center;min-height:3.6em;color:var(--muted);justify-items:center;gap:2px;font-size:13px;line-height:1.6;display:grid}.pull__result b{font-family:var(--display);letter-spacing:.12em;color:var(--text);font-size:22px;font-weight:700}.pull__foot{text-align:center;justify-items:center;gap:14px;margin-top:26px;display:grid}@media (width>=900px){.pull{grid-template:"copy stage""row stage""foot stage"1fr/minmax(0,1fr) minmax(0,264px);column-gap:clamp(40px,6vw,96px);display:grid}.pull__table{display:contents}.pull__copy{grid-area:copy}.pull__row{grid-area:row;max-width:520px;margin:36px 0 0}.pull__stage{grid-area:stage;align-self:center;margin-top:0}.pull__plinth,.flip{width:100%}.pull__foot{text-align:left;grid-area:foot;align-self:start;justify-items:start;margin-top:32px}}.secret{isolation:isolate;padding:var(--space) 0;background:var(--bg-deep);position:relative;overflow:hidden}.secret:before{content:"";z-index:-2;opacity:.2;background:url(/tjpw-pair-moments/assets/glitter.webp) 50%/cover no-repeat;position:absolute;inset:0}.secret:after{content:"";z-index:-1;background:radial-gradient(70% 70% at 30% 50%, transparent 20%, var(--bg-deep) 82%);position:absolute;inset:0}.secret__inner{align-items:center;gap:56px;display:grid}.secret__art{perspective:1200px;place-items:center;display:grid}.holo{--mx:.5;--my:.5;border-radius:var(--card-r);width:min(300px,66vw);transform:rotateX(calc((var(--my) - .5) * -16deg)) rotateY(calc((var(--mx) - .5) * 20deg));transition:--mx .25s linear,--my .25s linear;position:relative}.holo .card-face{box-shadow:0 2px 4px #000c,0 50px 90px -30px #000,0 0 0 1px #d9b56c4d}.holo__foil,.holo__glare,.holo:after{border-radius:var(--card-r);pointer-events:none;position:absolute;inset:0}.holo__foil{background-image:url(/tjpw-pair-moments/assets/glitter.webp),repeating-linear-gradient(125deg,#ff5c9d 0%,#ffb35c 5%,#fff27a 10%,#6dffb8 15%,#5cc8ff 20%,#a07bff 25%,#ff5c9d 30%);background-size:auto 118%,260% 260%;background-position:calc(var(--mx) * 100%) calc(var(--my) * 100%), calc(var(--mx) * 100%) calc(var(--my) * 100%);background-blend-mode:luminosity;mix-blend-mode:screen;opacity:.8;-webkit-mask-image:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #000 0%, #00000080 34%, #0000001f 72%);-webkit-mask-image:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #000 0%, #00000080 34%, #0000001f 72%);mask-image:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #000 0%, #00000080 34%, #0000001f 72%);background-repeat:no-repeat}.holo:after{content:"";z-index:1;background:linear-gradient(115deg,#0000 36%,#ff5c9d33 43%,#fff27a2e 48%,#6dffb82e 52%,#5cc8ff33 56%,#a07bff29 60%,#0000 66%) 0 0/300% 100%;background-position:calc(100% - var(--mx) * 100%) 0;mix-blend-mode:screen}.holo__glare{z-index:2;background:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #ffffff57 0%, #ffffff14 24%, transparent 50%);mix-blend-mode:screen}.holo.is-sweeping{animation:holo-sweep 2.2s var(--ease) both}@keyframes holo-sweep{0%{--mx:0;--my:.2}to{--mx:.5;--my:.5}}.secret__count{font-family:var(--display);color:var(--gold);flex-wrap:wrap;align-items:baseline;gap:0 12px;line-height:1;display:flex}.secret__count em{letter-spacing:.4em;flex-basis:100%;order:-1;margin-bottom:10px;font-size:14px;font-weight:700}.secret__count b{letter-spacing:-.02em;background:linear-gradient(175deg,#fbefcb 8%,#d9b56c 46%,#9b7433 92%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(104px,26vw,176px);font-weight:700;line-height:.82}.secret__count span{font-family:var(--jp);letter-spacing:.06em;color:var(--gold-soft);font-size:clamp(18px,4.4vw,24px);font-weight:700}.secret__count span:last-child{font-size:clamp(26px,6.4vw,36px)}.secret h2{margin-top:28px}.secret__copy>p:not(.secret__count){max-width:30em;color:var(--text-soft);margin-top:18px}.secret__copy>p:not(.secret__count,.fine)+p:not(.fine){margin-top:6px}.secret__copy .fine{border-top:1px solid #d9b56c47;margin-top:28px;padding-top:16px}@media (width>=900px){.secret__inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(48px,7vw,112px)}.holo{width:min(360px,100%)}}.video{padding:var(--space) 0}.video__inner{align-items:center;gap:56px;display:grid}.video__art{aspect-ratio:1/1.04;justify-self:center;width:min(380px,86vw);position:relative}.phone{z-index:1;aspect-ratio:9/19.2;background:linear-gradient(160deg,#34313a,#17161a 55%,#222026);border-radius:15%/7.1%;width:49%;padding:2.6%;position:absolute;top:0;left:5%;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 2.5px #0c0b0e,0 40px 70px -28px #000000f2}.phone:before,.phone:after{content:"";background:#2a282e;border-radius:2px;width:1.6%;position:absolute}.phone:before{height:11%;top:24%;right:-1.2%}.phone:after{height:7%;top:19%;left:-1.2%}.phone__screen{background:#000;border-radius:12.4%/5.9%;width:100%;height:100%;display:block;position:relative;overflow:hidden}.phone__screen:before{content:"";z-index:1;background:#000;border-radius:999px;width:30%;height:3.4%;position:absolute;top:2.4%;left:50%;transform:translate(-50%)}.phone__blur{object-fit:cover;filter:blur(14px)brightness(.5)saturate(1.3);width:124%;max-width:none;height:124%;position:absolute;inset:-12%}.phone__lock{letter-spacing:.08em;text-align:center;color:#ffffffd1;justify-items:center;gap:6px;padding-top:40px;font-size:10px;font-weight:700;line-height:1.5;display:grid;position:absolute;inset:36% 6% auto}.phone__lock:before,.phone__lock:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.phone__lock:before{border:2.5px solid var(--text);border-bottom:0;border-radius:8px 8px 0 0;width:15px;height:15px;top:0}.phone__lock:after{background:var(--text);border-radius:3px;width:23px;height:17px;top:12px}.phone__lock b{font-family:var(--display);letter-spacing:.16em;color:#fff;font-size:clamp(15px,4.2vw,19px);font-weight:700;line-height:1}.video__card{z-index:2;width:42%;position:absolute;bottom:0;right:3%;transform:rotate(7deg);box-shadow:0 2px 3px #0009,0 34px 60px -22px #000000f2}.video__copy>p{max-width:30em;color:var(--text-soft);margin-top:20px}.steps{border-top:1px solid var(--line-strong);margin-top:32px;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);align-items:baseline;gap:18px;padding:15px 0;font-weight:500;line-height:1.6;display:flex}.steps b{font-family:var(--display);letter-spacing:.1em;color:var(--pink);flex:none;font-size:16px;font-weight:700}.video__copy>.video__links{color:var(--text);flex-wrap:wrap;gap:14px 32px;margin-top:28px;font-size:14px;font-weight:700;display:flex}.video__links a{border-bottom:1px solid var(--line-strong);padding-bottom:3px;transition:border-color .2s}.video__links a:hover{border-color:var(--pink)}@media (width>=900px){.video__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,112px)}.video__art{width:min(440px,100%)}}.order{isolation:isolate;padding:var(--space) 0;background:var(--pink);color:var(--ink);position:relative;overflow:hidden}.order ::selection{background:var(--ink);color:var(--pink)}.order :focus-visible{outline-color:var(--ink)}.order__inner{grid-template-columns:minmax(0,1fr);gap:44px;display:grid}.order__kicker{background:var(--ink);color:var(--pink);letter-spacing:.14em;padding:7px 14px 8px;font-size:13px;font-weight:700;line-height:1.3;display:inline-block}.order h2{font-feature-settings:normal;margin-top:26px}.order__event{font-family:var(--display);letter-spacing:.01em;font-size:clamp(30px,9.4vw,64px);font-style:italic;font-weight:800;line-height:.95;display:block}.order__date{font-family:var(--display);letter-spacing:-.005em;flex-wrap:wrap;align-items:flex-end;gap:4px 12px;margin-top:12px;font-size:clamp(44px,15.6vw,116px);font-weight:800;line-height:.84;display:flex}.order__date small{border:2px solid var(--ink);letter-spacing:.14em;margin-bottom:.1em;padding:5px 8px 4px;font-size:clamp(15px,3.6vw,20px);font-weight:700;line-height:1}@supports (container-type:inline-size){.order__head{container-type:inline-size}.order__event{font-size:clamp(28px,11.4cqi,64px)}.order__date{font-size:clamp(40px,16.4cqi,124px)}}.order__price{letter-spacing:.04em;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:26px;font-size:clamp(16px,4vw,20px);font-weight:700;display:flex}.order__price b{font-family:var(--display);letter-spacing:0;font-size:clamp(52px,14vw,84px);font-weight:800;line-height:.9}.order__table{border-top:2px solid var(--ink)}.order__table div{border-bottom:1px solid #0a090c47;grid-template-columns:5.6em minmax(0,1fr);gap:16px;padding:15px 0;display:grid}.order__table dt{letter-spacing:.08em;padding-top:2px;font-size:13px;font-weight:700}.order__table dd{word-break:keep-all;word-break:auto-phrase;overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.6}.order__table small{margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.6;display:block}.order__links{flex-wrap:wrap;align-items:center;gap:18px 32px;padding-inline:8px;display:flex}.order__stream{border-bottom:1.5px solid var(--ink);padding-bottom:2px;font-size:14px;font-weight:700}.order__art{display:none}@media (width>=960px){.order__art{height:300px;margin-top:56px;display:block;position:relative}.order__art .card-face{width:150px;position:absolute;top:0;left:0;box-shadow:0 2px 4px #3c001459,0 30px 50px -22px #3c0014b3}.order__art .card-face:first-child{transform:translate(10px,30px)rotate(-9deg)}.order__art .card-face:nth-child(2){transform:translate(120px,8px)rotate(3deg)}.order__art .card-face:nth-child(3){transform:translate(236px,40px)rotate(12deg)}.order__inner{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px clamp(48px,6vw,96px)}.order__head{grid-row:1/span 2}.order__table{grid-area:1/2}.order__links{grid-area:2/2;align-self:start}}.faq{padding:var(--space) 0}.faq__inner{gap:36px;display:grid}.faq h2{letter-spacing:.04em;font-size:clamp(24px,5.4vw,36px);font-weight:700;line-height:1.4}.faq__list{border-top:1px solid var(--line-strong)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;align-items:flex-start;gap:14px;padding:20px 0;font-size:16px;font-weight:700;line-height:1.6;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";font-family:var(--jp);color:var(--pink);flex:none;font-size:16px;font-weight:700;line-height:1.6}.faq summary:after{content:"";width:13px;height:13px;color:var(--muted);transition:transform .25s var(--ease);background:linear-gradient(currentColor 0 0) 50%/100% 1.5px no-repeat,linear-gradient(currentColor 0 0) 50%/1.5px 100% no-repeat;flex:none;margin:.45em 0 0 auto}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:hover:after{color:var(--text)}.faq details p{max-width:40em;color:var(--text-soft);padding:0 0 24px 26px;font-size:14px}@media (width>=900px){.faq__inner{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:72px}}.footer{border-top:1px solid var(--line);padding:56px 0 48px}.footer__inner{justify-items:start;gap:18px;display:grid}.footer__logo{width:150px}.footer p{font-family:var(--display);letter-spacing:.18em;color:var(--muted);font-size:13px;font-weight:600}.footer a{border-bottom:1px solid var(--line-strong);color:var(--text-soft);padding-bottom:2px;font-size:13px}.footer a:hover{border-color:var(--pink)}@media (width<=899px){.footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}}@media (width>=900px){.footer__inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:40px}}.dock{z-index:20;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.06em;min-height:60px;transition:transform .4s var(--ease), opacity .3s, visibility .4s;background:#0e0d11e6;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 16px;font-size:12px;font-weight:700;line-height:1.3;display:flex;position:fixed;left:12px;box-shadow:0 18px 40px #0000008c}.dock b{font-family:var(--display);letter-spacing:.06em;color:var(--pink);margin-bottom:3px;font-size:18px;font-weight:700;line-height:1;display:block}.dock__go{isolation:isolate;min-height:42px;color:var(--ink);white-space:nowrap;align-items:center;padding:0 22px;font-size:13px;display:inline-flex;position:relative}.dock__go:before{content:"";z-index:-1;background:var(--pink);position:absolute;inset:0;transform:skew(-14deg)}.dock.is-hidden{visibility:hidden;opacity:0;transform:translateY(calc(100% + 24px))}@media (width>=900px){.dock{gap:28px;bottom:28px;left:auto;right:28px}}.viewer{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);touch-action:pan-y;overscroll-behavior:contain;background:#08070a;border:0;margin:0;padding:0;overflow:auto}.viewer::backdrop{background:#000000b3}.viewer[open]{animation:viewer-in .3s var(--ease);place-items:center;display:grid}@keyframes viewer-in{0%{opacity:0}}.viewer__close{z-index:2;border:1px solid var(--line-strong);letter-spacing:.1em;background:#0a090ccc;border-radius:2px;min-height:44px;padding:0 18px;font-size:13px;font-weight:700;position:fixed;top:14px;right:14px}.viewer__close:hover{border-color:var(--text)}.viewer__inner{width:100%;max-width:1100px;padding:68px var(--gutter) 36px;justify-items:center;gap:26px;display:grid}.viewer__photo{aspect-ratio:4/5;background:#000;border-radius:2px;width:min(82vw,520px,80svh - 256px);min-width:220px;display:block;overflow:hidden}.viewer__photo img{object-fit:cover;width:100%;height:100%}.viewer__copy{text-align:center;max-width:380px}.viewer__code{font-family:var(--display);letter-spacing:.18em;color:var(--pink);font-size:15px;font-weight:700;line-height:1}.viewer h2{letter-spacing:.04em;margin-top:12px;font-size:clamp(22px,5vw,30px);font-weight:700;line-height:1.4}.viewer__copy>p:not(.viewer__code,.fine){color:var(--text-soft);margin-top:12px;font-size:14px}.viewer__nav{justify-content:center;align-items:center;gap:18px;margin:22px 0 18px;display:flex}.viewer__nav button{border:1px solid var(--line-strong);background:0 0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;font-size:18px;line-height:1;display:grid}.viewer__nav button:hover{border-color:var(--text)}#viewer-position{min-width:5.5em;font-family:var(--display);letter-spacing:.14em;text-align:center;font-size:17px;font-weight:700}@media (width>=900px){.viewer__inner{grid-template-columns:auto minmax(0,360px);justify-content:center;align-items:center;gap:72px;padding-block:64px}.viewer__photo{width:min(560px,80svh - 102.4px)}.viewer__copy{text-align:left}.viewer__nav{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}