/* The landing page has one clear route into the story flow. */
.refreshed-home .hero{padding:58px 0 72px}
.refreshed-home .hero-grid{padding-top:0;gap:clamp(28px,5vw,84px);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.refreshed-home .hero-copy{min-width:0}
.refreshed-home .hero-copy>.eyebrow{color:#687c75;margin-bottom:20px}
.refreshed-home .hero h1{font-size:clamp(36px,3.4vw,48px);line-height:1.45;margin:0 0 19px}
.refreshed-home .hero-lead{margin:0 0 27px;font-size:16px;line-height:1.9}
.refreshed-home .home-sample-link{display:inline-flex;align-items:center;gap:7px;margin-left:19px;min-height:48px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.refreshed-home .home-availability{font-size:12px;color:var(--muted);margin:15px 0 0}
.refreshed-home .hero-art{min-width:0}
.refreshed-home .section{padding-bottom:78px}
.refreshed-home .section-head{margin-bottom:22px}

.refreshed-home .priority-purposes{gap:16px;margin-bottom:13px}
.refreshed-home .priority-purposes .purpose-photo-card{display:block;position:relative;min-height:0;aspect-ratio:1.75;padding:0;overflow:hidden;border:0;background:#d5d6d0;isolation:isolate}
.refreshed-home .priority-purposes .purpose-photo-card::before{content:none}
.refreshed-home .purpose-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.refreshed-home .purpose-photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17232105 30%,#101b1cc2 100%);z-index:1}
.refreshed-home .purpose-photo-card:hover img{transform:scale(1.035)}
.refreshed-home .purpose-photo-copy{position:absolute;inset:auto 25px 24px;z-index:2;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 8px;text-shadow:0 1px 6px #0008}
.refreshed-home .purpose-photo-copy small{grid-column:1/-1;font-size:12px;line-height:1.5;margin-bottom:5px;color:#fff}
.refreshed-home .purpose-photo-copy strong{font:500 clamp(20px,2.3vw,29px)/1.45 var(--serif)}
.refreshed-home .purpose-photo-copy>span{font:25px/1 var(--sans)}
.refreshed-home .compact-purposes .purpose-pills{gap:12px;margin-top:18px}
.refreshed-home .compact-purposes .purpose-pills a{min-height:72px;padding:18px 20px;background:#ede6db;border:1px solid #cbbca9;color:#342f29;font-size:15px;font-weight:600;box-shadow:0 4px 12px #51402b12}
.refreshed-home .compact-purposes .purpose-pills a:hover{background:#e4d9ca;border-color:#9a856e}
.refreshed-home .compact-purposes .purpose-pills a:focus-visible{outline:2px solid #78685b;outline-offset:3px}
.refreshed-home .compact-purposes .purpose-pills a span{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:#fffaf2;color:#5d4f40;font-size:16px;font-weight:400}
.refreshed-home .offer.featured{background:#f5e9e8;border-color:#d9c2c1}
.refreshed-home .disc{animation-play-state:running}

.reviews-preview-note{font-size:12px;color:var(--muted);margin:-8px 0 20px;line-height:1.7}
.home-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,34px)}
.home-review-card{position:relative;min-width:0;padding:0 0 16px;border:0;border-bottom:1px solid #d8d0c6;background:transparent;text-align:left;transition:border-color .2s,transform .2s}
.home-review-card:hover{transform:translateY(-3px)}
.home-review-card.is-selected{border-bottom:2px solid #78685b}
.home-review-card:focus-visible{outline:2px solid #78685b;outline-offset:5px}
.home-review-card strong{display:block;font:400 20px/1.45 var(--serif);margin-top:5px}
.home-review-card>small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.review-card-meta{display:block;font-size:12px;line-height:1.6;color:#766d61;margin-top:14px}
.review-vinyl{position:relative;display:block;height:210px;isolation:isolate;overflow:hidden}
.review-vinyl-disc{position:absolute;top:18px;left:37%;height:172px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#171717 0 1px,#2b2b2b 2px 3px,#161616 4px 5px);box-shadow:7px 12px 19px #221d1a2e}
.review-vinyl-disc::after{content:"";position:absolute;inset:36%;border-radius:50%;background:#c6c6b9;box-shadow:inset 0 0 0 1px #fff7}
.review-vinyl-cover{position:absolute;left:0;top:0;width:190px;max-width:75%;aspect-ratio:1;overflow:hidden;z-index:2;box-shadow:0 12px 20px #211d1a38}
.review-vinyl-cover img{width:100%;height:100%;object-fit:cover}
.review-vinyl-cover::after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#101820ba)}
.review-vinyl-cover>span{position:absolute;left:14px;right:12px;bottom:13px;z-index:1;color:#fff;font:500 18px/1.38 var(--serif);text-shadow:0 1px 5px #0008}
.review-vinyl-play{position:absolute;left:61px;top:64px;z-index:3;display:grid;place-items:center;width:58px;height:58px;border:1px solid #fff9;border-radius:50%;background:#182321b5;color:white;font:20px/1 var(--sans);padding-left:3px}
.review-playing .home-review-card.is-selected .review-vinyl-disc{animation:record-spin 8s linear infinite}
.home-review-detail{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:20px;padding:27px 30px;background:#f9f6f1;border:1px solid var(--line)}
.home-review-detail .eyebrow{color:#897669;margin-bottom:7px}
.home-review-detail h3{font:400 26px/1.5 var(--serif);margin:0 0 12px}
.home-review-detail p:not(.eyebrow){font-size:13px;line-height:1.7;margin:6px 0;color:#5e554d}
.home-review-detail audio{width:100%;max-width:440px;margin-top:14px}
.home-review-detail .help{font-size:11px}
.review-feedback{align-self:center;border-left:1px solid var(--line);padding:20px 0 20px 34px}
.review-feedback strong{font:400 19px var(--serif)}
.review-feedback p{margin:12px 0 0}

.home-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0;border-block:1px solid var(--line)}
.home-process li{position:relative;display:flex;flex-direction:column;gap:8px;min-height:120px;padding:22px 18px}
.home-process li+li{border-left:1px solid var(--line)}
.home-process li span{font-size:11px;letter-spacing:.18em;color:#697d72}
.home-process li strong{font-size:15px;font-weight:500;line-height:1.5}
.home-process li small{font-size:11px;color:var(--muted)}
.refreshed-home .offer{display:flex;flex-direction:column;gap:9px}
.refreshed-home .offer h3,.refreshed-home .offer p{margin:0}
.refreshed-home .offer p{margin-bottom:20px}
.refreshed-home .offer a{align-self:start;margin-top:auto}

@media(max-width:950px){.refreshed-home .hero-grid{grid-template-columns:1fr}.refreshed-home .hero-art{width:min(100%,470px);margin:0 auto}.refreshed-home .hero-copy{max-width:640px}}
@media(max-width:720px){
 .refreshed-home .hero{padding:34px 0 54px}
 .refreshed-home .hero-grid{gap:18px}
 .refreshed-home .hero-copy>.eyebrow{display:block;font-size:10px;margin-bottom:13px}
 .refreshed-home .hero h1{font-size:clamp(30px,8vw,40px);line-height:1.43}
 .refreshed-home .hero-lead{font-size:14px;line-height:1.75;margin-bottom:22px}
 .refreshed-home .home-sample-link{margin:10px 0 0 2px;display:flex;width:max-content}
 .refreshed-home .home-availability{font-size:11px;margin-top:6px}
 .refreshed-home .section{padding-bottom:52px}
 .refreshed-home .priority-purposes{grid-template-columns:1fr;gap:12px}
 .refreshed-home .priority-purposes .purpose-photo-card{aspect-ratio:1.75}
 .refreshed-home .purpose-photo-copy{inset:auto 18px 17px}
 .refreshed-home .purpose-photo-copy small{font-size:11px}
 .refreshed-home .purpose-photo-copy strong{font-size:22px}
 .refreshed-home .compact-purposes .purpose-pills a{min-height:67px;padding:14px 13px;font-size:13px;line-height:1.5}
 .refreshed-home .compact-purposes .purpose-pills a span{width:25px;height:25px;font-size:14px}
 .home-review-grid{grid-template-columns:1fr;gap:18px}
 .home-review-card{display:grid;grid-template-columns:122px minmax(0,1fr);align-content:center;column-gap:15px;padding:2px 0 17px}
 .review-vinyl{grid-row:1/4;height:120px;width:122px}
 .review-vinyl-cover{width:115px;max-width:76%}
 .review-vinyl-disc{height:102px;top:8px;left:25%}
 /* Mobile: play control sits beside the song info, never over the cover title. */
 .review-vinyl-play{left:auto;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:15px;background:#2a2622;border-color:#2a2622}
 .home-review-card>.review-card-meta,.home-review-card>strong,.home-review-card>small{padding-right:54px}
 .review-vinyl-cover>span{font-size:12px;left:7px;bottom:7px}
 .review-card-meta{font-size:10px;margin:0;align-self:end}
 .home-review-card strong{font-size:16px;margin:5px 0}
 .home-review-card>small{margin:0;font-size:10px}
 .home-review-detail{grid-template-columns:1fr;gap:10px;padding:20px}
 .review-feedback{border-left:0;border-top:1px solid var(--line);padding:17px 0 0}
 .home-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-process li{min-height:104px;padding:17px 12px}
 .home-process li:nth-child(3){border-left:0;border-top:1px solid var(--line)}
 .home-process li:nth-child(4){border-top:1px solid var(--line)}
 .home-process li strong{font-size:13px}
}
@media(max-width:420px){
 .refreshed-home .hero h1{font-size:clamp(28px,7.7vw,34px);letter-spacing:-1.7px}
 .refreshed-home .priority-purposes .purpose-photo-card{aspect-ratio:1.55}
 .refreshed-home .purpose-photo-copy strong{font-size:20px}
 .home-review-card{grid-template-columns:104px minmax(0,1fr);column-gap:10px}
 .review-vinyl{width:104px;height:105px}
 .review-vinyl-cover{width:100px}
 .review-vinyl-disc{height:87px}
 .review-vinyl-play{width:44px;height:44px}
 .home-review-card strong{font-size:14px}
}
@media(max-width:350px){
 .refreshed-home .compact-purposes .purpose-pills{grid-template-columns:1fr;gap:8px}
 .refreshed-home .compact-purposes .purpose-pills a{min-height:56px}
}
@media(prefers-reduced-motion:reduce){.refreshed-home .purpose-photo-card img{transition:none}}
@media(prefers-reduced-motion:reduce){.refreshed-home .disc,.review-playing .home-review-card.is-selected .review-vinyl-disc{animation:none}.home-review-card{transition:none}}

/* Mobile record fits its own stage, independent of desktop fixed heights. */
@media(max-width:650px){
 .refreshed-home .hero-grid>div{min-width:0}
 .refreshed-home .hero-art{width:100%;max-width:450px;overflow:visible}
 .refreshed-home .hero-art .lp-art{width:100%;height:auto;aspect-ratio:1.28;overflow:visible;margin-top:16px}
 .refreshed-home .hero-art .album{width:68%;max-width:none;flex:none}
 .refreshed-home .hero-art .disc{left:36%;width:62%;max-width:none;top:10.3%;transform-origin:center}
 .refreshed-home .art-caption{font-size:7px;letter-spacing:.6px;flex-wrap:wrap}
}
/* Pricing copy (A안 261027): gift card badge, item list, upsell line */
.refreshed-home .offer{position:relative}
.refreshed-home .offer .offer-badge{position:absolute;top:-12px;right:20px;background:#2a2622;color:#fff;font-size:12px;font-weight:700;border-radius:30px;padding:4px 12px}
.refreshed-home .offer .offer-items{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:6px;font-size:14px}
.refreshed-home .offer .offer-items li::before{content:'✓';color:#82745e;font-weight:700;margin-right:8px}
.refreshed-home .offer .offer-items li.plus{font-weight:700}
.refreshed-home .offer .offer-items li.plus::before{content:'+';color:#b0665e}
.refreshed-home .offer p.offer-upsell{background:#fff8;border:1px dashed #d9c2c1;border-radius:12px;padding:10px 14px;color:var(--ink);margin-bottom:18px}
