@font-face{font-family:Inter;src:url('../fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:Playfair;src:url('../fonts/playfair-display-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Noto;src:url('../fonts/noto-sans-kr-korean-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Noto;src:url('../fonts/noto-sans-kr-korean-500-normal.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:Noto;src:url('../fonts/noto-sans-kr-korean-700-normal.woff2') format('woff2');font-weight:700 800;font-display:swap}

/* Tokens, header, profile, footer and dialogs mirror edu/listen; the link cards are the go-specific part. */
:root{color-scheme:dark;--paper:#1f1a16;--backdrop:#15120f;--white:#29231d;--ink:#faf7f0;--muted:#c9bfb1;--accent:#8a683f;--accent-hover:#755732;--highlight:#d2aa72;--line:#4e4134;--soft:#352b22;--width:620px;--radius:20px;--card-side:40px;--card-gap:12px;--cta-height:128px;--list-gap:14px;--page-pad:32px;--page-radius:28px;--hero-gap:16px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--backdrop);color:var(--ink);font-family:Inter,Noto,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--highlight);outline-offset:5px}
.icon{display:block;width:24px;height:24px;flex:none}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.page{max-width:var(--width);margin:34px auto;padding:0 var(--page-pad);background:linear-gradient(160deg,#241e18,var(--paper) 45%,#191511);border:1px solid var(--line);border-radius:28px;box-shadow:0 12px 55px #00000030}
.masthead{position:relative;z-index:2;height:68px;display:flex;align-items:center;justify-content:space-between}
.wordmark{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:600;letter-spacing:-.7px}
.brand-divider{width:1px;height:16px;background:var(--line)}
.site-label{font-size:13px;letter-spacing:.08em;color:var(--highlight);font-weight:400}
.icon-button{background:transparent;border:1px solid var(--line);color:var(--muted);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;transition:background .2s,color .2s;flex:none}
.icon-button .icon{width:18px;height:18px}

/* Top band: decorative album-cover collage from the container's top edge down to the profile circle's centre line.
   The band ends exactly at the centre because it reserves half the avatar height and the avatar is pulled up by the same amount. */
.hero-top{position:relative;margin:0 calc(-1 * var(--page-pad));padding:0 var(--page-pad) calc(var(--avatar-size) / 2 + var(--hero-gap));border-radius:calc(var(--page-radius) - 1px) calc(var(--page-radius) - 1px) 0 0;overflow:hidden;isolation:isolate}
.collage{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none;overflow:hidden;background:linear-gradient(180deg,#2a221a,#1f1a16)}
.collage::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#15120fcc 0%,#15120f80 38%,#15120f99 70%,#1f1a16 100%)}
.collage-cover{--tilt:0deg;--lift:0px;flex:none;width:var(--cover);height:var(--cover);object-fit:cover;border-radius:12px;margin:0 calc(var(--cover) * -0.11);transform:translateY(var(--lift)) rotate(var(--tilt));box-shadow:0 10px 30px #00000066;border:1px solid #faf7f01f;background:#29231d}
.collage-1{--tilt:-6deg;--lift:10px}.collage-2{--tilt:3deg;--lift:-6px}.collage-3{--tilt:-2deg;--lift:4px;z-index:1}.collage-4{--tilt:4deg;--lift:-8px}.collage-5{--tilt:-5deg;--lift:8px}.collage-6{--tilt:3deg;--lift:-4px}
.hero-top .wordmark{text-shadow:0 1px 8px #15120fe6,0 0 2px #15120f}
.hero-top .icon-button{background:#1f1a16c7;color:var(--ink);border-color:#faf7f03d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* Identity. */
.profile{position:relative;z-index:3;text-align:center;padding:0 0 30px}
:root{--avatar-size:112px;--cover:170px}
.avatar{width:var(--avatar-size);height:var(--avatar-size);box-shadow:0 8px 28px #00000059;background:#f5f0e6;border:1px solid #d7c6aa;border-radius:50%;margin:calc(var(--avatar-size) / -2) auto 12px;display:grid;place-items:center;overflow:hidden}
.avatar img{display:block;width:94%;height:94%;object-fit:contain;transform:scale(1.15);transform-origin:center}   /* piano mark ~15% larger inside the unchanged circle (owner 2026-10-21) */
h1{font-family:Playfair,Georgia,serif;font-size:34px;font-weight:500;letter-spacing:-1px;line-height:1.15;margin:0 0 10px}
.tagline{font-size:14px;font-weight:400;margin:0;color:var(--muted);letter-spacing:-.35px;line-height:1.6}
.tagline [lang=ko]{font-family:Noto,Inter,sans-serif;letter-spacing:-.2px}
.tagline{text-wrap:balance}

/* Language menu: small underlined native select, aligned to the card list's left edge, generous hit area. */
.lang-menu{display:flex;justify-content:flex-start;margin:0 0 10px}
.lang-menu-field{position:relative;display:inline-flex;align-items:center}
.lang-select{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--muted);font:inherit;font-size:12.5px;letter-spacing:.1px;min-height:36px;padding:0 18px 0 2px;cursor:pointer;transition:color .2s,border-color .2s}
.lang-select:hover{color:var(--ink);border-bottom-color:var(--highlight)}
.lang-select:focus-visible{outline:3px solid var(--highlight);outline-offset:3px;color:var(--ink)}
.lang-select option{background:var(--paper);color:var(--ink)}
.lang-menu-caret{position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--highlight);pointer-events:none}
.tagline{overflow-wrap:anywhere}

/* Link cards: one real <a> per card, equal side columns keep the copy centred, min-height lets long or enlarged text grow. */
.links{display:grid;gap:var(--list-gap)}
.link-card{min-height:var(--cta-height);display:grid;grid-template-columns:var(--card-side) minmax(0,1fr) var(--card-side);align-items:center;gap:var(--card-gap);padding:18px 20px;text-align:center;border-radius:var(--radius);background:var(--white);border:1px solid var(--line);transition:transform .2s,background .2s,border-color .2s}
.card-icon{display:grid;place-items:center;width:var(--card-side);height:var(--card-side);border-radius:50%;background:var(--soft);color:var(--highlight);flex:none}
.card-icon .icon{width:21px;height:21px}
.card-copy{display:flex;min-width:0;flex-direction:column;align-items:center;overflow-wrap:anywhere}
.card-title{font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:1.3}
.card-description{font-family:Noto,Inter,sans-serif;font-size:12.5px;line-height:1.6;margin-top:5px;color:var(--muted);letter-spacing:-.2px}
.card-audience{margin-top:8px;padding:2px 10px;border:1px solid #6a5637;border-radius:999px;font-size:10.5px;letter-spacing:.3px;color:var(--highlight);line-height:1.5}
.card-arrow{justify-self:end;color:var(--highlight)}
.card-arrow .icon{width:18px;height:18px}
.link-card-trigger{width:100%;font:inherit;color:var(--ink);cursor:pointer}
.js .link-card-fallback{display:none}
.no-js .link-card-trigger{display:none}
html.modal-open{overflow:hidden}

/* Piano Sheet chooser: two options side by side at every width (never stacked), each a single link. */
.chooser{max-width:520px;padding:26px 22px 22px;text-align:center}
.chooser h2{font-size:20px;margin:6px 0 16px}
.chooser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.chooser-option{display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);transition:border-color .2s,background .2s,transform .18s}
.chooser-option:focus-visible{outline-offset:2px}
.chooser-frame{display:block;width:100%;height:calc(160px * var(--s));overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#2a221a,#1f1a16);border:1px solid #4e413466}
.stage{position:relative;display:block;width:200px;height:160px;margin:0 auto;transform:scale(var(--s));transform-origin:top center;left:50%;margin-left:-100px}
.chooser-title{margin-top:10px;font-size:15px;font-weight:600;letter-spacing:-.3px;line-height:1.3;font-family:Noto,Inter,sans-serif}
.chooser-note{margin-top:4px;font-size:11.5px;color:var(--muted);line-height:1.5;font-family:Noto,Inter,sans-serif}
.chooser-badge{display:inline-flex;align-items:center;margin-top:5px;padding:0 9px;min-height:19px;border:1px solid #6a5637;border-radius:999px;font-size:11px;color:var(--muted);line-height:17px;letter-spacing:.2px;font-family:Noto,Inter,sans-serif;white-space:nowrap}
.chooser-cta{display:inline-flex;align-items:center;margin-top:auto;padding-top:10px;font-size:12.5px;color:var(--highlight);font-weight:600;font-family:Noto,Inter,sans-serif;text-decoration:underline;text-decoration-color:#8a683f99;text-underline-offset:3px}
.chooser-option:hover{border-color:var(--highlight);background:#352b22}
:root{--s:1}

/* books: same three covers and left/front/right 3-D arrangement as Try Piano's SheetBookPromo (stage colours in go's palette). */
.stage-books{perspective:600px;perspective-origin:50% 46%}
.stage-glow{position:absolute;left:10%;right:10%;top:6%;height:80%;border-radius:50%;background:radial-gradient(ellipse at 50% 58%,#d2aa7259,#d2aa7222 42%,#d2aa7200 70%);filter:blur(10px)}
.stage-floor{position:absolute;left:-10%;right:-10%;bottom:0;height:34px;background:linear-gradient(180deg,#d2aa7226 0%,#15120f26 35%,#15120fc7 100%)}
.book{position:absolute;bottom:24px;transform-style:preserve-3d;--t:7px}
.book-front{left:50%;width:72px;margin-left:-36px;z-index:3;--t:10px;transform:translateZ(10px) rotateY(-13deg)}
.book-left{left:calc(50% - 76px);width:54px;bottom:36px;z-index:1;transform:translateZ(-40px) rotateY(26deg)}
.book-right{right:calc(50% - 76px);width:54px;bottom:36px;z-index:1;transform:translateZ(-40px) rotateY(-26deg)}
.book-cover{position:relative;display:block;width:100%;aspect-ratio:384/543;transform:translateZ(var(--t));border-radius:2px;box-shadow:0 10px 18px #00000066;background:#29231d}
.book-cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.book-cover::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(108deg,#ffffff2e 0%,#ffffff08 28%,#00000000 52%,#00000026 100%)}
.book-pages{position:absolute;top:1.2%;bottom:1.2%;left:100%;width:var(--t);transform-origin:left center;transform:rotateY(-90deg);background:repeating-linear-gradient(90deg,#f3eadb 0 1px,#d9cdb8 1px 2px)}
.book-bottom{position:absolute;left:1%;right:1%;top:100%;height:var(--t);transform-origin:center top;transform:rotateX(90deg);background:#e9dfcc}
.book-spine{position:absolute;top:0;bottom:0;left:0;width:var(--t);transform-origin:left center;transform:rotateY(-90deg);background:linear-gradient(180deg,#3a2f24,#1f1a16)}

/* scores: the two real score pages fanned like the home Music Pass visual (back 4.5°, front −3.5°). */
.score{position:absolute;width:78px;height:auto;background:#fff;border:1px solid #d7c6aa;border-radius:3px;box-shadow:0 14px 26px #00000059,0 3px 8px #00000033}
.score-back{right:16%;top:6px;transform:rotate(4.5deg)}
.score-front{left:14%;top:36px;transform:rotate(-3.5deg);z-index:1}

@media(max-width:600px){:root{--s:.8}.chooser{padding:22px 16px 16px}.chooser-grid{gap:10px}.chooser-option{padding:10px 8px 10px}.chooser-title{font-size:14px}.chooser-note{font-size:11px}.chooser-badge{font-size:10.5px}.chooser-cta{font-size:12px}}
@media(max-width:400px){:root{--s:.68}}
@media(max-width:340px){:root{--s:.6}}
@media(min-width:1600px){:root{--s:1.08}.chooser{max-width:560px}}

/* Footer. */
footer{text-align:center;padding:26px 0 20px}
.socials{display:flex;align-items:center;justify-content:center;gap:11px}
.social-link{display:grid;place-items:center;width:40px;height:40px;color:var(--muted);border-radius:50%;transition:background .2s}
.social-link .icon{width:20px;height:20px}
.contact{margin:12px 0 0;text-align:center}
.contact-mail{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;font-size:13px;color:var(--muted);letter-spacing:.1px;text-decoration:underline;text-decoration-color:#8a683f99;text-underline-offset:4px;border-radius:999px;transition:color .2s,text-decoration-color .2s}
.contact-icon{display:grid;place-items:center;color:var(--highlight);flex:none}
.contact-icon .icon{width:20px;height:20px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:9px;color:var(--muted);letter-spacing:.1px}
.footer-bottom a{display:flex;align-items:center;gap:5px;letter-spacing:1px;font-size:7px}
.footer-bottom .icon{width:12px;height:12px}

/* Accessible dialog and feedback. */
.skip-link{position:fixed;top:-100px;left:12px;background:var(--ink);color:var(--paper);padding:12px;z-index:20}
.skip-link:focus{top:12px}
.toast{position:fixed;bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 12px));left:50%;transform:translate(-50%,12px);padding:12px 20px;background:var(--ink);color:var(--paper);border-radius:30px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center;z-index:10}
.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);padding:30px;max-width:430px;width:calc(100% - max(40px,calc(env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px) + 32px)));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);overflow:auto;box-shadow:0 20px 100px #21150735}
dialog::backdrop{background:#100d0ac9;backdrop-filter:blur(3px)}
dialog h2{font-size:20px;margin:15px 0}
dialog p{font-size:13px;line-height:1.8;color:var(--muted)}
dialog label{font-size:12px;display:block;margin:20px 0 8px}
dialog input{width:100%;border:1px solid #77634d;border-radius:10px;padding:12px;background:var(--white);color:var(--ink);font-size:12px}
.dialog-close{position:absolute;right:16px;top:12px;width:36px;height:36px;border:0;background:transparent;color:var(--muted);font-size:28px}
.copy-link{background:var(--accent);border:0;border-radius:40px;color:var(--ink);width:100%;padding:13px;margin-top:16px}

@media(max-width:600px){
 :root{--card-side:34px;--card-gap:10px;--radius:18px;--list-gap:10px;--cta-height:100px}   /* compact mobile cards (owner 2026-10-21): min-height, not height — long copy / enlarged text still grows */
 body{background:var(--paper)}
 .page{border:0;border-radius:0;margin:0 auto;padding:env(safe-area-inset-top,0px) max(22px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(22px,env(safe-area-inset-left,0px));min-height:100svh;box-shadow:none}
 .masthead{height:54px}
 .wordmark{font-size:15px}
 .icon-button{width:36px;height:36px}
 :root{--avatar-size:96px;--cover:132px;--page-pad:22px;--page-radius:0px;--hero-gap:12px}
 .hero-top{border-radius:0}
 .profile{padding:0 0 24px}
 .avatar{margin-bottom:8px}
 .contact-mail{font-size:12.5px;gap:9px}
 h1{font-size:28px;margin-bottom:6px}
 .tagline{font-size:12.5px}
 .lang-select{font-size:12px;min-height:40px}
 .link-card{padding:12px 14px}
 .card-icon .icon{width:18px;height:18px}
 .card-title{font-size:16px}
 .card-description{font-size:11.5px;margin-top:4px}
 .card-audience{font-size:10px;margin-top:6px}
 .card-arrow .icon{width:16px;height:16px}
 footer{padding:18px 0 16px}
 .footer-bottom{font-size:8px;margin-top:8px}
}
@media(max-width:360px){
 :root{--card-side:28px;--card-gap:7px;--cta-height:96px}
 :root{--page-pad:17px;--avatar-size:88px;--cover:120px}
 .page{padding-left:max(17px,env(safe-area-inset-left,0px));padding-right:max(17px,env(safe-area-inset-right,0px))}
 .masthead{height:50px}
 h1{font-size:26px}
 .link-card{padding:10px 11px}
}
@media(min-width:1600px){
 :root{--width:760px;--card-side:46px;--card-gap:16px;--cta-height:144px;--list-gap:16px}
 :root{--page-pad:40px;--avatar-size:128px;--cover:200px;--hero-gap:20px}
 .page{margin:48px auto}
 .masthead{height:76px}
 .wordmark{font-size:19px}
 .site-label{font-size:15px}
 .contact-mail{font-size:15px}
 h1{font-size:42px}
 .tagline{font-size:16px}
 .link-card{padding:24px}
 .card-title{font-size:23px}
 .card-description{font-size:15px}
 .card-audience{font-size:12px}
 .footer-bottom,.footer-bottom a{font-size:11px}
}
@media(min-width:2560px){
 :root{--width:880px;--card-side:52px;--radius:24px;--cta-height:160px}
 :root{--page-pad:48px;--avatar-size:144px;--cover:230px;--hero-gap:24px}
 .page{margin-top:64px}
 .masthead{height:86px}
 .wordmark{font-size:22px}
 .contact-mail{font-size:17px}
 h1{font-size:48px}
 .tagline{font-size:18px}
 .card-title{font-size:26px}
 .card-description{font-size:18px}
 .social-link{width:48px;height:48px}
 .social-link .icon{width:24px;height:24px}
 dialog{max-width:520px;font-size:18px}
 dialog h2{font-size:26px}
 dialog p{font-size:16px}
}
@media(hover:hover) and (pointer:fine){
 .icon-button:hover{background:var(--soft);color:var(--ink)}
 .link-card:hover{transform:translateY(-2px);border-color:var(--highlight);background:#352b22}
 .chooser-option:hover{transform:translateY(-1px)}
 .social-link:hover{background:var(--soft)}
 .copy-link:hover{background:var(--accent-hover)}
 .footer-bottom a:hover{color:var(--ink)}
 .contact-mail:hover{color:var(--ink);text-decoration-color:var(--highlight)}
 .dialog-close:hover{background:var(--soft);border-radius:50%;color:var(--ink)}
}
:is(.link-card,.copy-link,.icon-button,.social-link,.dialog-close){transition:transform .18s ease,background .18s ease,border-color .18s ease}
:is(.link-card,.copy-link,.icon-button,.social-link,.dialog-close):active{transform:scale(.985)}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{transition:none!important;animation:none!important}
 :is(.link-card,.copy-link,.icon-button,.social-link,.dialog-close):is(:hover,:active){transform:none}
}


/* ===== shop landing additions (appended after go-base.css at build time; go rules above are untouched) ===== */
/* Studio photo inside go's unchanged .hero-top: absolute layer under the masthead; the avatar overlaps its bottom centre as before.
   object-position bottom-right keeps the hands + white keys when the box ratio changes; a weak top gradient only for the masthead text.
   If the image fails, the dark gradient background stays (same as the old collage band). */
.studio-hero{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;border-radius:inherit;pointer-events:none;user-select:none;background:linear-gradient(180deg,#2a221a,#1f1a16)}
.studio-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:100% 100%}
/* Top: light veil for the masthead text. Bottom: gentle darkening from mid-band down to the profile centre line so the photo blends into the page (same idea as go's cover band). */
.studio-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,18,15,.43) 0%,rgba(21,18,15,0) 36%,rgba(21,18,15,.1) 60%,rgba(24,20,17,.42) 84%,rgba(31,26,22,.68) 100%)}
/* Language link in the place of go's language menu: same underlined, muted look as go's native select. */
/* '‹ Back' to go (same structure/styles as edu/listen; shown by app.js only for ?from=go). Pill is photo-safe inside the hero. */
.masthead-lead{display:flex;align-items:center;gap:10px;min-width:0}
.masthead-lead .wordmark{white-space:nowrap}
.go-back{display:inline-flex;align-items:center;gap:3px;min-height:36px;padding:0 12px 0 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;letter-spacing:-.2px;white-space:nowrap;flex:none;transition:background .2s,color .2s}
.go-back[hidden]{display:none}
.hero-top .go-back{background:#1f1a16c7;color:var(--ink);border-color:#faf7f03d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media(hover:hover) and (pointer:fine){.go-back:hover{background:var(--soft);color:var(--ink)}}
@media(max-width:600px){.go-back{min-height:32px;padding:0 10px 0 7px;font-size:12px}.masthead-lead{gap:8px}}
@media(max-width:360px){.masthead-lead{gap:6px}.go-back{padding:0 8px 0 6px}}
/* Korean intro: break between words only (go keeps its own tagline rules). */
.tagline[lang=ko]{word-break:keep-all}
.lang-menu .lang-switch{display:inline-flex;align-items:center;min-height:36px;padding:0 2px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12.5px;letter-spacing:.1px;transition:color .2s,border-color .2s}
.lang-menu .lang-switch:hover{color:var(--ink);border-bottom-color:var(--highlight)}
.lang-menu .lang-switch:focus-visible{outline:3px solid var(--highlight);outline-offset:3px;color:var(--ink)}
/* Store buttons: go link-card frame. Layers: product collage (blur on the image only) → dark-brown overlay → icon · CTA · badge · arrow.
   The card keeps go's background colour, so a missing image simply leaves the plain card. overflow:hidden clips the layer to the
   rounded corners; the focus outline is drawn outside the box and is not clipped. */
.store-card{position:relative;overflow:hidden;isolation:isolate}
.store-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none;overflow:hidden;border-radius:inherit}
.store-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:blur(2.5px);transform:scale(1.08)}
.store-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(41,35,29,.86) 0%,rgba(41,35,29,.78) 50%,rgba(41,35,29,.86) 100%)}
.store-card:hover .store-bg::after{background:linear-gradient(90deg,rgba(53,43,34,.86) 0%,rgba(53,43,34,.78) 50%,rgba(53,43,34,.86) 100%)}
.card-cta{text-wrap:balance;text-shadow:0 1px 6px rgba(21,18,15,.6)}
.card-cta[lang=ko]{font-family:Noto,Inter,sans-serif;letter-spacing:-.3px}
.store-card .card-audience{background:rgba(31,26,22,.55)}
.store-card .card-copy{gap:0}
.card-logo{display:block;line-height:0;padding:6px 0 2px}
.card-logo img{display:block;width:var(--logo-w,176px);max-width:100%;height:auto}
.card-wordmark{font-family:Noto,Inter,sans-serif;font-size:27px;font-weight:700;letter-spacing:-.6px;line-height:1.4;padding:3px 0 0}
.store-card .card-audience{margin-top:9px}
/* Disclosures: directly under the buttons, compact, readable (muted ivory on the page gradient ≈ 9:1). */
.disclosures{margin:18px 0 0;padding:0 6px;text-align:center;font-size:12.5px;line-height:1.65;color:var(--muted);letter-spacing:-.1px}
.disclosures p{margin:0 0 5px}
.disclosures p:last-child{margin-bottom:0}
.disclosures [lang=ko]{font-family:Noto,Inter,sans-serif}
@media(max-width:600px){
 .card-logo img{width:var(--logo-w-s,152px)}
 .card-wordmark{font-size:24px}
 .disclosures{font-size:12px;margin-top:14px}
}
@media(max-width:360px){
 .card-logo img{width:var(--logo-w-xs,140px)}
 .card-wordmark{font-size:22px}
}
@media(min-width:1600px){
 .card-logo img{width:var(--logo-w-l,208px)}
 .card-wordmark{font-size:32px}
 .disclosures{font-size:14px;margin-top:22px}
}
@media(min-width:2560px){
 .card-logo img{width:var(--logo-w-xl,232px)}
 .card-wordmark{font-size:36px}
 .disclosures{font-size:16px}
}