.poppop-case-module__psHl7W__case{--paper:#f4f4f2;--grey:#dfdfdd;--ink:#141414;--night:#0b1625;--muted:#55575a;--soft:#6b6e72;--rule:#14141424;--gutter:clamp(20px, 5vw, 72px);--case-ink:var(--ink);background:var(--paper);color:var(--ink);font-family:var(--font-sans)}.poppop-case-module__psHl7W__case em{color:var(--soft);font-style:normal}.poppop-case-module__psHl7W__case:lang(zh) em{font-style:normal}.poppop-case-module__psHl7W__head{max-width:1440px;padding:118px var(--gutter) clamp(48px, 6vw, 96px);margin:0 auto}.poppop-case-module__psHl7W__headTop{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:20px;font-size:12px;display:flex}.poppop-case-module__psHl7W__headMain{justify-content:space-between;align-items:flex-end;gap:48px;margin-top:clamp(64px,9vw,150px);display:flex}.poppop-case-module__psHl7W__headMain .poppop-case-module__psHl7W__label{margin-bottom:clamp(24px,3vw,40px)}.poppop-case-module__psHl7W__head h1{letter-spacing:-.045em;font-size:clamp(46px,8.2vw,140px);font-weight:700;line-height:.96}.poppop-case-module__psHl7W__case:lang(zh) .poppop-case-module__psHl7W__head h1{letter-spacing:-.01em;line-height:1.14}.poppop-case-module__psHl7W__headMark{flex:none;width:clamp(120px,14vw,210px);height:auto;margin-bottom:10px}.poppop-case-module__psHl7W__heroField{background:var(--ink);height:min(78svh,56vw);min-height:340px;padding:var(--gutter);place-items:center;display:grid}.poppop-case-module__psHl7W__heroField picture{width:min(68%,1040px);display:block}.poppop-case-module__psHl7W__heroLogo{width:100%;height:auto;display:block}.poppop-case-module__psHl7W__hero figcaption,.poppop-case-module__psHl7W__lineBand figcaption,.poppop-case-module__psHl7W__finale figcaption{padding:16px var(--gutter) 0;letter-spacing:.08em;color:var(--muted);font-size:11px}.poppop-case-module__psHl7W__label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;display:flex}.poppop-case-module__psHl7W__label span{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.poppop-case-module__psHl7W__label:after{content:"";background:var(--ink);border-radius:50%;order:-1;width:10px;height:10px}.poppop-case-module__psHl7W__case:lang(zh) .poppop-case-module__psHl7W__label{letter-spacing:.26em}.poppop-case-module__psHl7W__intro{max-width:1440px;padding:clamp(80px, 11vw, 170px) var(--gutter) clamp(30px, 4vw, 60px);grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px clamp(32px,6vw,110px);margin:0 auto;display:grid}.poppop-case-module__psHl7W__facts{gap:22px;margin-top:44px;display:grid}.poppop-case-module__psHl7W__facts div{border-top:1px solid var(--rule);padding-top:12px}.poppop-case-module__psHl7W__facts dt{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px}.poppop-case-module__psHl7W__facts dd{font-size:15px;line-height:1.5}.poppop-case-module__psHl7W__lede{letter-spacing:-.025em;text-wrap:pretty;font-size:clamp(24px,2.5vw,40px);font-weight:500;line-height:1.38}.poppop-case-module__psHl7W__case:lang(zh) .poppop-case-module__psHl7W__lede{letter-spacing:0;line-height:1.7}.poppop-case-module__psHl7W__scope{flex-wrap:wrap;gap:10px;margin-top:44px;padding:0;list-style:none;display:flex}.poppop-case-module__psHl7W__scope li{border:1px solid #14141438;border-radius:999px;padding:9px 16px;font-size:13px}.poppop-case-module__psHl7W__section{max-width:1440px;padding:clamp(80px, 10vw, 160px) var(--gutter) 0;margin:0 auto}.poppop-case-module__psHl7W__chapter{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,6vw,110px);margin-bottom:clamp(44px,5vw,80px);display:grid}.poppop-case-module__psHl7W__chapter .poppop-case-module__psHl7W__label{grid-column:1/-1;margin-bottom:30px}.poppop-case-module__psHl7W__chapter h2{letter-spacing:-.045em;grid-column:1/-1;max-width:15em;scroll-margin-top:120px;font-size:clamp(36px,4.8vw,80px);font-weight:700;line-height:1}.poppop-case-module__psHl7W__case:lang(zh) .poppop-case-module__psHl7W__chapter h2{letter-spacing:-.01em;line-height:1.2}.poppop-case-module__psHl7W__body{max-width:620px;color:var(--muted);grid-column:2;margin-top:clamp(24px,3vw,44px);font-size:17px;line-height:1.8}.poppop-case-module__psHl7W__case:lang(zh) .poppop-case-module__psHl7W__body{line-height:1.95}.poppop-case-module__psHl7W__fill{width:100%;height:100%}.poppop-case-module__psHl7W__markBoard{background:#fff;grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;gap:clamp(28px,4vw,64px);padding:clamp(36px,7vw,110px) clamp(24px,6vw,100px);display:grid}.poppop-case-module__psHl7W__markFrame{aspect-ratio:362.7/291.1;position:relative}.poppop-case-module__psHl7W__markFrame img{display:block}.poppop-case-module__psHl7W__pin{background:var(--paper);width:clamp(24px,2.4vw,34px);height:clamp(24px,2.4vw,34px);color:var(--ink);border:1.5px solid var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:clamp(11px,1vw,14px);font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%)}.poppop-case-module__psHl7W__legend{counter-reset:pin;gap:16px;margin:0;padding:0;list-style:none;display:grid}.poppop-case-module__psHl7W__legend li{counter-increment:pin;border-top:1px solid var(--rule);grid-template-columns:34px 1fr;align-items:baseline;gap:14px;padding-top:14px;font-size:16px;line-height:1.5;display:grid}.poppop-case-module__psHl7W__legend li:before{content:counter(pin, decimal-leading-zero);letter-spacing:.08em;font-size:12px;font-weight:700}.poppop-case-module__psHl7W__lockups{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);display:grid}.poppop-case-module__psHl7W__lockups figure{flex-direction:column;justify-content:center;align-items:center;min-height:clamp(260px,30vw,440px);padding:40px 24px 56px;display:flex;position:relative}.poppop-case-module__psHl7W__lockups figcaption{letter-spacing:.14em;text-transform:uppercase;font-size:11px;position:absolute;bottom:16px;left:20px}.poppop-case-module__psHl7W__tileGrey{background:var(--grey);grid-column:span 12}.poppop-case-module__psHl7W__tileGrey img{width:min(70%,820px);height:auto}.poppop-case-module__psHl7W__tileGrey figcaption,.poppop-case-module__psHl7W__tileWhite figcaption{color:var(--muted)}.poppop-case-module__psHl7W__tileBlack{background:var(--ink);grid-column:span 7}.poppop-case-module__psHl7W__tileBlack img{width:min(46%,300px);height:auto}.poppop-case-module__psHl7W__tileBlack figcaption{color:#b9babb}.poppop-case-module__psHl7W__tileWhite{background:#fff;grid-column:span 5}.poppop-case-module__psHl7W__sizes{align-items:flex-end;gap:clamp(20px,3vw,44px);display:flex}.poppop-case-module__psHl7W__sizes img{display:block}.poppop-case-module__psHl7W__lineBand{margin-top:clamp(80px,10vw,160px)}.poppop-case-module__psHl7W__lineField{background:var(--grey);padding:clamp(80px, 12vw, 200px) var(--gutter);place-items:center;display:grid}.poppop-case-module__psHl7W__lineArt{width:min(84%,1180px);height:auto}.poppop-case-module__psHl7W__typeBoard{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);display:grid}.poppop-case-module__psHl7W__specimen{background:#fff;flex-direction:column;gap:28px;padding:clamp(28px,4vw,64px);display:flex}.poppop-case-module__psHl7W__specimenArt{width:100%;height:auto}.poppop-case-module__psHl7W__specimen figcaption{border-top:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 18px;padding-top:14px;font-size:13px;display:flex}.poppop-case-module__psHl7W__specimen figcaption strong{color:var(--ink);font-weight:700}.poppop-case-module__psHl7W__swatches{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);display:grid}.poppop-case-module__psHl7W__swatches>div{letter-spacing:.08em;flex-direction:column;justify-content:space-between;gap:20px;min-height:clamp(150px,15vw,220px);padding:clamp(18px,2.2vw,32px);font-size:12px;display:flex}.poppop-case-module__psHl7W__swatches>div:nth-child(2){box-shadow:inset 0 0 0 1px var(--rule)}.poppop-case-module__psHl7W__swatchName{letter-spacing:-.03em;font-size:clamp(20px,2vw,32px);font-weight:700}.poppop-case-module__psHl7W__table{background:var(--grey);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;padding:clamp(48px,8vw,130px) clamp(20px,6vw,100px);display:grid}.poppop-case-module__psHl7W__cardFront,.poppop-case-module__psHl7W__cardBack{aspect-ratio:1050/600;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #00000014,0 20px 40px -18px #00000059,0 50px 80px -40px #0000004d}.poppop-case-module__psHl7W__cardFront{grid-column:1/span 6;transform:rotate(-3deg)}.poppop-case-module__psHl7W__cardBack{z-index:1;grid-area:1/7/auto/span 6;margin-top:clamp(70px,10vw,160px);margin-left:clamp(-40px,-2vw,-12px);position:relative;transform:rotate(2deg)}.poppop-case-module__psHl7W__cardFront{grid-row:1}.poppop-case-module__psHl7W__aprons{background:#d4d6d8;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3vw,48px);padding:clamp(36px,6vw,100px) clamp(16px,8vw,140px);display:grid}.poppop-case-module__psHl7W__apron{aspect-ratio:800/1000}.poppop-case-module__psHl7W__apron:last-child{margin-top:clamp(30px,6vw,100px)}.poppop-case-module__psHl7W__apron>button{background:0 0}.poppop-case-module__psHl7W__finale{margin-top:clamp(80px,10vw,160px)}.poppop-case-module__psHl7W__finaleFrame{aspect-ratio:1920/1200;background:#0b0c0e;width:100%;max-height:100svh;position:relative;overflow:hidden}.poppop-case-module__psHl7W__finaleArt{object-fit:cover;object-position:70% 50%}.poppop-case-module__psHl7W__footer{background:var(--ink);color:var(--paper);padding:clamp(60px, 8vw, 120px) var(--gutter) clamp(50px, 6vw, 90px);margin-top:clamp(80px,10vw,150px)}.poppop-case-module__psHl7W__footer dl{grid-template-columns:1.2fr .6fr 2fr;gap:36px;max-width:1440px;margin:0 auto;display:grid}.poppop-case-module__psHl7W__footer dt{letter-spacing:.16em;text-transform:uppercase;color:#a9abad;margin-bottom:14px;font-size:11px}.poppop-case-module__psHl7W__footer dd{font-size:16px;line-height:1.75}.poppop-case-module__psHl7W__note{color:#b4b5b6;max-width:1440px;margin:48px auto 0;font-size:13px;line-height:1.9}.poppop-case-module__psHl7W__next{letter-spacing:-.03em;border-top:1px solid #f4f4f240;justify-content:space-between;gap:24px;max-width:1440px;margin:48px auto 0;padding-top:34px;font-size:clamp(24px,2.8vw,42px);font-weight:700;display:flex}.poppop-case-module__psHl7W__case a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:799px){.poppop-case-module__psHl7W__head{padding-top:100px}.poppop-case-module__psHl7W__headTop{font-size:10px}.poppop-case-module__psHl7W__headMain{flex-direction:column-reverse;align-items:flex-start;gap:40px;margin-top:56px}.poppop-case-module__psHl7W__headMark{display:none}.poppop-case-module__psHl7W__heroField{aspect-ratio:4/5;height:auto;min-height:0}.poppop-case-module__psHl7W__heroField picture{width:min(62%,300px)}.poppop-case-module__psHl7W__intro,.poppop-case-module__psHl7W__chapter{grid-template-columns:1fr}.poppop-case-module__psHl7W__intro{gap:36px}.poppop-case-module__psHl7W__facts{grid-template-columns:1fr 1fr;gap:18px 16px;margin-top:28px}.poppop-case-module__psHl7W__body{grid-column:1;font-size:16px}.poppop-case-module__psHl7W__markBoard{grid-template-columns:1fr}.poppop-case-module__psHl7W__legend li{font-size:15px}.poppop-case-module__psHl7W__tileBlack,.poppop-case-module__psHl7W__tileWhite{grid-column:span 12}.poppop-case-module__psHl7W__tileGrey img{width:84%}.poppop-case-module__psHl7W__typeBoard{grid-template-columns:1fr}.poppop-case-module__psHl7W__swatches{grid-template-columns:1fr 1fr}.poppop-case-module__psHl7W__table{grid-template-columns:1fr;gap:0;padding:48px 28px 64px}.poppop-case-module__psHl7W__cardFront,.poppop-case-module__psHl7W__cardBack{grid-column:1}.poppop-case-module__psHl7W__cardBack{grid-row:2;margin-top:-18px;margin-left:12%}.poppop-case-module__psHl7W__cardFront{margin-right:12%}.poppop-case-module__psHl7W__lineArt{width:100%}.poppop-case-module__psHl7W__aprons{gap:8px;padding:28px 8px}.poppop-case-module__psHl7W__finaleFrame{aspect-ratio:4/5}.poppop-case-module__psHl7W__footer dl{grid-template-columns:1fr 1fr;gap:28px 18px}.poppop-case-module__psHl7W__footer dl>div:last-child{grid-column:1/-1}.poppop-case-module__psHl7W__next{flex-direction:column}}
