/* NEXTGROW WITH AI — showcase (v2.9) · 광고사업부 견본관 */
@font-face{font-family:"NG Serif";src:url(/assets/fonts/instrument-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"NG Serif";src:url(/assets/fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root{--gold:#d9b46a;--gold-soft:rgba(217,180,106,.16);--sc-bg:#06090e;--sc-card:#0d131c;--sc-line:rgba(255,255,255,.09);--serif:"NG Serif","Times New Roman",serif}
.sc{background:var(--sc-bg)}
.sc .wrap{max-width:1400px}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:0}
.it{font-style:italic}
.gold{color:var(--gold)}
/* HERO */
.sc-hero{position:relative;min-height:min(100svh,940px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:calc(var(--header-h) + 60px) 0 clamp(48px,6vw,84px)}
.sc-hero .reel{position:absolute;inset:0;z-index:-2}
.sc-hero .reel video,.sc-hero .reel img{width:100%;height:100%;object-fit:cover}
.sc-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,9,14,.55) 0%,rgba(6,9,14,.15) 32%,rgba(6,9,14,.62) 64%,rgba(6,9,14,.96) 100%),radial-gradient(90% 70% at 10% 100%,rgba(6,9,14,.85) 0%,rgba(6,9,14,0) 70%)}
.sc-hero .crumb{font-size:12px;letter-spacing:.08em;color:var(--text-mute);margin:0 0 26px}
.sc-hero .crumb a{color:var(--text-dim);text-decoration:none}
.sc-kicker{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 20px}
.sc-kicker::before{content:"";width:28px;height:1px;background:var(--gold)}
.sc-hero h1{margin:0 0 22px;font-size:clamp(2.6rem,6.2vw,5.6rem);line-height:1.02;letter-spacing:-.035em;font-weight:800;max-width:12em}
.sc-hero h1 .serif{font-size:1.08em;letter-spacing:-.01em;color:var(--gold)}
html[lang="ko"] .sc-hero h1{letter-spacing:-.045em;line-height:1.08}
.sc-hero .lead{font-size:clamp(1.02rem,1.3vw,1.22rem);max-width:36em;margin:0 0 30px;color:rgba(244,246,248,.82)}
.sc-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0;list-style:none}
.sc-facts li{border:1px solid rgba(255,255,255,.18);background:rgba(10,15,22,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:9px 16px;font-size:13.5px;color:var(--text-dim)}
.sc-facts b{color:var(--text);font-weight:700;margin-right:6px}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#16120a}
.btn-gold:hover{background:#e6c47e;border-color:#e6c47e}
.sc-hero .reel-ctl{position:absolute;right:var(--gutter);bottom:28px;z-index:2;display:inline-flex;align-items:center;gap:8px;background:rgba(6,9,14,.6);border:1px solid rgba(255,255,255,.2);color:var(--text-dim);font-size:12px;border-radius:999px;padding:8px 14px;cursor:pointer}
.sc-scroll{margin-top:38px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute)}
/* SECTIONS */
.sc-sec{padding-block:clamp(72px,9vw,132px);position:relative}
.sc-sec.tight{padding-block:clamp(56px,6vw,88px)}
.sc-sec.paper{background:#f3f1ec;color:#11161d}
.sc-sec.paper .lead{color:#3c4450}
.sc-sec.ink2{background:#0a0f16}
.sc-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(36px,4.5vw,60px)}
.sc-head h2{margin:0;font-size:clamp(2rem,4.1vw,3.6rem);line-height:1.08;letter-spacing:-.035em;font-weight:800}
.sc-head h2 .serif{color:var(--gold);font-size:1.1em}
.sc-sec.paper .sc-head h2 .serif{color:#9a7428}
.sc-head .lead{margin:0;max-width:34em}
.num{font-family:var(--serif);font-size:15px;color:var(--gold);letter-spacing:.04em;display:block;margin-bottom:16px}
.sc-sec.paper .num{color:#9a7428}
/* TABS */
.sc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}
.sc-tabs button{appearance:none;border:1px solid var(--sc-line);background:transparent;color:var(--text-dim);border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s var(--ease)}
.sc-tabs button span{opacity:.55;font-weight:500;margin-left:6px}
.sc-tabs button[aria-selected="true"]{background:var(--text);color:#0b1119;border-color:var(--text)}
.sc-tabs button:hover{border-color:rgba(255,255,255,.4)}
.sc-group{margin-bottom:clamp(48px,6vw,80px)}
.sc-group[hidden]{display:none}
.sc-group-h{display:flex;align-items:baseline;gap:16px;border-top:1px solid var(--sc-line);padding-top:22px;margin-bottom:26px}
.sc-group-h h3{margin:0;font-size:clamp(1.3rem,2vw,1.7rem);letter-spacing:-.02em}
.sc-group-h p{margin:0;color:var(--text-mute);font-size:14px}
.sc-group-h .serif{font-size:1.3em;color:var(--gold)}
/* GRID */
.sc-grid{display:grid;gap:clamp(18px,2vw,28px)}
.sc-grid.phones{grid-template-columns:repeat(4,minmax(0,1fr))}
.sc-grid.wides{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc-grid.wides3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sccard{position:relative;display:flex;flex-direction:column;gap:14px}
.sccard .frame{position:relative;display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer;overflow:hidden;color:inherit;text-align:left}
.sccard.v .frame{aspect-ratio:9/16;border-radius:30px;box-shadow:0 0 0 7px #151b24,0 0 0 8px rgba(255,255,255,.12),0 30px 60px -20px rgba(0,0,0,.8)}
.sccard.v .frame::after{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:28%;height:18px;border-radius:12px;background:#000;z-index:3}
.sccard.h .frame{aspect-ratio:16/9;border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 60px -24px rgba(0,0,0,.8)}
.sccard .frame img,.sccard .frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),opacity .4s}
.sccard .frame video{opacity:0}
.sccard .frame.playing video{opacity:1}
.sccard:hover .frame img{transform:scale(1.03)}
.sccard .frame .shade{position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));z-index:2;pointer-events:none}
.sccard .frame .scbadge{position:absolute;left:14px;top:14px;z-index:4;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgba(6,9,14,.7);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;color:#fff}
.sccard.v .frame .scbadge{top:40px;left:50%;transform:translateX(-50%);white-space:nowrap}
.sccard .frame .scplay{position:absolute;right:14px;bottom:14px;z-index:4;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);color:#0b1119;display:grid;place-items:center;transition:transform .3s var(--ease)}
.sccard .frame:hover .scplay{transform:scale(1.08)}
.sccard .frame .scplay svg{width:14px;height:16px;margin-left:3px}
.sccard .meta{display:flex;flex-direction:column;gap:6px}
.sccard .kind{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.sccard h4{margin:0;font-size:1.12rem;line-height:1.3;letter-spacing:-.01em}
.sccard h4 a{text-decoration:none}
.sccard h4 a:hover{text-decoration:underline;text-underline-offset:3px}
.sccard .brand{color:var(--text-mute);font-size:13px}
.sccard .hook{font-size:13.5px;color:var(--text-dim);line-height:1.5}
.sccard .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.sccard .tags span{font-size:12px;border:1px solid var(--sc-line);border-radius:6px;padding:3px 8px;color:var(--text-mute)}
.sccard .acts{display:flex;gap:14px;margin-top:4px;font-size:13px}
.sccard .acts a{color:var(--text);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px}
.sccard .acts a:hover{border-color:var(--gold);color:var(--gold)}
.sc-note{font-size:13px;color:var(--text-mute);margin:26px 0 0;max-width:60em}
/* SAME CAFE COMPARISON */
.cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#d8d3c8;border:1px solid #d8d3c8;border-radius:18px;overflow:hidden}
.cmp article{background:#fbfaf7;padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:18px}
.cmp .pic{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.cmp .pic button{border:0;padding:0;cursor:pointer;border-radius:14px;overflow:hidden;width:96px;aspect-ratio:9/16;background:#000;position:relative}
.cmp .pic button.wide{width:170px;aspect-ratio:16/9}
.cmp .pic img{width:100%;height:100%;object-fit:cover}
.cmp .pic .ch{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9a7428;margin:0 0 6px}
.cmp .pic h3{margin:0;font-size:1.2rem;letter-spacing:-.02em;color:#11161d}
.cmp dl{margin:0;display:grid;grid-template-columns:5.6em 1fr;gap:10px 14px;font-size:14px}
.cmp dt{color:#7a7f87;font-weight:600}
.cmp dd{margin:0;color:#1d242e}
.cmp .goal{margin-top:auto;padding-top:16px;border-top:1px solid #e6e1d6;font-weight:700;color:#11161d;font-size:15px}
.cmp .goal .serif{color:#9a7428;font-size:1.25em;margin-right:6px}
/* TECH */
.tf-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.tf{background:var(--sc-card);border:1px solid var(--sc-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.tf .frame{border-radius:0!important;box-shadow:none!important}
.tf .body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:14px;flex:1}
.tf .purpose{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.tf h3{margin:0;font-size:1.25rem;letter-spacing:-.02em}
.tf dl{margin:0;display:grid;grid-template-columns:6.4em 1fr;gap:9px 12px;font-size:13.5px}
.tf dt{color:var(--text-mute)}
.tf dd{margin:0;color:var(--text-dim)}
.tf .acts{margin-top:auto;display:flex;gap:16px;font-size:13px}
.tf .acts a{color:var(--text);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.report{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(48px,6vw,80px);background:linear-gradient(135deg,#101826,#0a0f16);border:1px solid var(--sc-line);border-radius:22px;padding:clamp(24px,4vw,56px)}
.report h3{font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.03em;margin:0 0 14px;line-height:1.15}
.report p{color:var(--text-dim);margin:0 0 18px}
.report ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.report li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--text-dim);font-size:14.5px}
.report li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:8px}
.report .pages{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-1.2deg)}
.report .pages img{border-radius:8px;box-shadow:0 20px 40px -14px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.08)}
.report .pages img:nth-child(2){transform:translateY(22px)}
/* MOCKUPS */
.mk{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.mk figure{margin:0;position:relative;border-radius:16px;overflow:hidden;background:#000}
.mk figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.mk figure:hover img{transform:scale(1.035)}
.mk figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));font-size:13.5px;color:#fff}
.mk figure figcaption a{color:#fff;text-decoration:none}
.mk .s-a{grid-column:span 7;aspect-ratio:3/2}
.mk .s-b{grid-column:span 5;aspect-ratio:auto}
.mk .s-c{grid-column:span 4;aspect-ratio:3/2}
.mk .s-d{grid-column:span 6;aspect-ratio:3/2}
/* PROCESS */
.scsteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:st;border-top:1px solid #d8d3c8}
.scsteps li{list-style:none;padding:26px 22px 8px 0;position:relative}
.scsteps li::before{counter-increment:st;content:"0" counter(st);font-family:var(--serif);font-size:2.6rem;line-height:1;color:#9a7428;display:block;margin-bottom:16px}
.scsteps li::after{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#11161d}
.scsteps h3{margin:0 0 8px;font-size:1.08rem;color:#11161d}
.scsteps p{margin:0;color:#4a525d;font-size:14px}
.scsteps .get{display:inline-block;margin-top:12px;font-size:12px;background:#e9e4d8;color:#5b4a22;border-radius:6px;padding:4px 8px}
.proc-two{display:grid;gap:clamp(40px,5vw,72px)}
.proc-two h3.t{font-size:1.25rem;margin:0 0 18px;color:#11161d;letter-spacing:-.02em}
.proc-two h3.t span{font-family:var(--serif);color:#9a7428;font-size:1.2em;margin-right:8px}
/* PRICE */
.pz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pz article{border:1px solid var(--sc-line);border-radius:18px;background:var(--sc-card);padding:28px 26px;display:flex;flex-direction:column;gap:14px;position:relative}
.pz article.pick{border-color:var(--gold);background:linear-gradient(180deg,#1a1710,#0d131c 42%)}
.pz .flag{position:absolute;top:-12px;left:24px;background:var(--gold);color:#16120a;font-size:11.5px;font-weight:700;letter-spacing:.06em;border-radius:999px;padding:4px 10px}
.pz .tier{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute)}
.pz .amt{font-size:clamp(2rem,3vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1}
.pz .amt small{font-size:.42em;font-weight:600;color:var(--text-mute);margin-left:4px;letter-spacing:0}
.pz .one{color:var(--text-dim);font-size:14.5px;margin:0}
.pz dl{margin:4px 0 0;display:grid;grid-template-columns:5em 1fr;gap:8px 12px;font-size:13.5px;border-top:1px solid var(--sc-line);padding-top:16px}
.pz dt{color:var(--text-mute)}
.pz dd{margin:0;color:var(--text-dim)}
.pt{width:100%;border-collapse:collapse;font-size:14.5px}
.pt th,.pt td{text-align:left;padding:16px 14px;border-bottom:1px solid var(--sc-line);vertical-align:top}
.pt th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);font-weight:600}
.pt td b{display:block;font-size:15.5px}
.pt td small{color:var(--text-mute)}
.pt td.p{font-weight:800;font-size:16.5px;white-space:nowrap;text-align:right}
.pt .nw{white-space:nowrap}
@media (min-width:900px){.pt th:nth-child(3),.pt td:nth-child(3){width:21em}}
.pt td.p small{display:block;font-weight:500;font-size:12px}
.pt tr.hl td{background:rgba(217,180,106,.06)}
.addon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--sc-line);border:1px solid var(--sc-line);border-radius:14px;overflow:hidden;margin-top:26px}
.addon div{background:#0b1018;padding:16px 18px;font-size:13.5px;color:var(--text-dim);display:flex;justify-content:space-between;gap:12px}
.addon b{color:var(--text);white-space:nowrap}
.pnote{margin:22px 0 0;font-size:13.5px;color:var(--text-mute);max-width:62em}
.price-split{display:grid;gap:clamp(48px,6vw,80px)}
.price-split h3{font-size:1.35rem;margin:0 0 6px;letter-spacing:-.02em}
.price-split .sub{color:var(--text-mute);margin:0 0 24px;font-size:14px}
/* CATALOG PREVIEW */
.cat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px)}
.cat .book{background:var(--sc-card);border:1px solid var(--sc-line);border-radius:18px;padding:22px}
.cat .book h3{margin:0 0 4px;font-size:1.15rem}
.cat .book p{margin:0 0 16px;color:var(--text-mute);font-size:13.5px}
.cat .strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cat .strip button{padding:0;border:0;background:none;cursor:zoom-in;border-radius:6px;overflow:hidden}
.cat .strip img{width:100%;aspect-ratio:1287/911;object-fit:cover;transition:transform .5s var(--ease)}
.cat .strip button:hover img{transform:scale(1.04)}
/* CTA */
.sc-cta{position:relative;overflow:hidden;border-radius:26px;margin-inline:auto;background:#0d131c;border:1px solid var(--sc-line);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch}
.sc-cta .t{padding:clamp(28px,5vw,64px)}
.sc-cta h2{margin:0 0 14px;font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:1.1;letter-spacing:-.035em}
.sc-cta p{color:var(--text-dim);margin:0 0 26px;max-width:30em}
.sc-cta .img{min-height:280px;position:relative}
.sc-cta .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-cta ol{margin:0 0 28px;padding:0;list-style:none;display:grid;gap:10px}
.sc-cta ol li{display:grid;grid-template-columns:30px 1fr;gap:10px;color:var(--text-dim);font-size:14.5px}
.sc-cta ol li span{font-family:var(--serif);color:var(--gold);font-size:1.3em;line-height:1}
/* LIGHTBOX */
.lb{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;color:var(--text)}
.lb::backdrop{background:rgba(3,5,8,.92);backdrop-filter:blur(6px)}
.lb[open]{display:flex;align-items:center;justify-content:center}
.lb .box{display:grid;grid-template-columns:minmax(0,auto) minmax(260px,360px);gap:28px;align-items:center;max-width:min(1280px,94vw);max-height:92vh}
.lb video{max-height:86vh;max-width:min(74vw,1000px);border-radius:14px;background:#000}
.lb.vert video{max-width:min(48vh,92vw)}
.lb .info{display:flex;flex-direction:column;gap:12px}
.lb .info .kind{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.lb .info h3{margin:0;font-size:1.45rem;letter-spacing:-.02em}
.lb .info p{margin:0;color:var(--text-dim);font-size:14.5px}
.lb .info dl{margin:0;display:grid;grid-template-columns:5.4em 1fr;gap:7px 12px;font-size:13.5px}
.lb .info dt{color:var(--text-mute)}
.lb .info dd{margin:0;color:var(--text-dim)}
.lb .info .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.lb .x{position:fixed;top:18px;right:22px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.4);color:#fff;font-size:22px;cursor:pointer}
.lb.img .box{grid-template-columns:1fr}
.lb.img img{max-width:92vw;max-height:88vh;border-radius:10px}
/* WATCH PAGE */
.wp-hero{padding:calc(var(--header-h) + 40px) 0 clamp(40px,5vw,72px)}
.wp-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.wp-grid.vert{grid-template-columns:minmax(0,.62fr) minmax(0,1fr)}
.wp-player video{width:100%;border-radius:16px;background:#000;box-shadow:0 30px 70px -26px rgba(0,0,0,.9)}
.wp-player.v video{border-radius:30px;box-shadow:0 0 0 8px #151b24,0 0 0 9px rgba(255,255,255,.12),0 30px 70px -26px rgba(0,0,0,.9)}
.wp h1{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 16px}
.wp .crumb{font-size:12px;color:var(--text-mute);margin:0 0 18px;letter-spacing:.06em}
.wp .crumb a{color:var(--text-dim);text-decoration:none}
.wp .sum{font-size:1.08rem;color:var(--text-dim);margin:0 0 24px}
.wp dl.spec{display:grid;grid-template-columns:6.2em 1fr;gap:10px 16px;margin:0 0 26px;font-size:14.5px;border-top:1px solid var(--sc-line);padding-top:18px}
.wp dl.spec dt{color:var(--text-mute)}
.wp dl.spec dd{margin:0}
.wp .blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(40px,5vw,64px)}
.wp .blocks div{border:1px solid var(--sc-line);border-radius:16px;padding:22px;background:var(--sc-card)}
.wp .blocks h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.wp .blocks p{margin:0;color:var(--text-dim);font-size:14.5px}
.wp .buy{border:1px solid var(--gold);border-radius:16px;padding:20px 22px;background:var(--gold-soft);margin:0 0 22px}
.wp .buy b{display:block;font-size:1.05rem}
.wp .buy span{color:var(--text-dim);font-size:14px}
.wp .fict{font-size:12.5px;color:var(--text-mute);margin-top:16px}
/* SAMPLES LANDING */
.sl-feat{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.sl-feat.vert{grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}
.sl-feat video{width:100%;border-radius:16px;background:#000}
.sl-feat.vert video{border-radius:28px;box-shadow:0 0 0 8px #151b24,0 0 0 9px rgba(255,255,255,.12)}
/* REVEAL */
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.sccard .frame img{transition:none}}
/* RESPONSIVE */
@media (max-width:1100px){.sc-grid.phones{grid-template-columns:repeat(2,minmax(0,1fr))}.scsteps{grid-template-columns:repeat(2,minmax(0,1fr))}.mk .s-a,.mk .s-b,.mk .s-c,.mk .s-d{grid-column:span 6}}
@media (max-width:900px){.sc-head,.report,.sc-cta,.wp-grid,.wp-grid.vert,.sl-feat,.sl-feat.vert{grid-template-columns:1fr}.tf-row,.pz,.cmp,.cat,.wp .blocks{grid-template-columns:1fr}.sc-grid.wides,.sc-grid.wides3{grid-template-columns:1fr}.addon{grid-template-columns:1fr}.lb .box{grid-template-columns:1fr;overflow:auto;padding:20px}.lb video{max-width:92vw;max-height:62vh}.wp-grid.vert .wp-player{max-width:360px;margin:0 auto}.sl-feat.vert video{max-width:340px;margin:0 auto;display:block}.pt td.p{white-space:normal}}
@media (max-width:640px){.sc-grid.phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sccard.v .frame{border-radius:20px;box-shadow:0 0 0 4px #151b24,0 0 0 5px rgba(255,255,255,.12)}.sccard.v .frame::after{height:12px;top:8px}.sccard .frame .scplay{width:40px;height:40px}.sccard .hook,.sccard .tags{display:none}.mk .s-a,.mk .s-b,.mk .s-c,.mk .s-d{grid-column:span 12}.scsteps{grid-template-columns:1fr}.cmp .pic button{width:76px}.cmp .pic button.wide{width:130px}.pt thead{display:none}.pt tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--sc-line);padding:10px 0}.pt td{border:0;padding:6px 4px}.pt td.c{grid-column:1/-1}.pt tr.hl{background:rgba(217,180,106,.06)}.pt tr.hl td{background:transparent}.cat .strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
.h2f{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.03em;line-height:1.12;margin:6px 0 14px}.work-sc{margin-bottom:28px}.sccard h3.h4{margin:0;font-size:1.05rem}
.tf .frame.tff{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#000;cursor:pointer;overflow:hidden}
.tf .frame.tff img,.tf .frame.tff video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tf .frame.tff video{opacity:0}.tf .frame.tff.playing video{opacity:1}
.tf .frame.tff .shade{position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));z-index:2}
.tf .frame.tff .scbadge{position:absolute;left:14px;top:14px;z-index:4;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgba(6,9,14,.7);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;color:#fff}
.tf .frame.tff .scplay{position:absolute;right:14px;bottom:14px;z-index:4;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);color:#0b1119;display:grid;place-items:center}
.tf .frame.tff .scplay svg{width:14px;height:16px;margin-left:3px}
.sc-grid.solo{grid-template-columns:1fr}
.sc-grid.solo .sccard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center}
.sc-grid.solo .sccard h4{font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:-.025em}
.sc-grid.solo .sccard .hook{font-size:15px}
@media (max-width:900px){.sc-grid.solo .sccard{grid-template-columns:1fr}}
@media (max-width:640px){.sc-hero{min-height:auto;padding-top:calc(var(--header-h) + 120px)}.sc-hero::before{background:linear-gradient(180deg,rgba(6,9,14,.5) 0%,rgba(6,9,14,.78) 38%,rgba(6,9,14,.97) 100%)}.sc-hero .reel-ctl{display:none}.sc-group-h{flex-direction:column;gap:6px}.sc-hero h1{font-size:2.45rem}.sc-facts li{font-size:13px}.sc-head h2{font-size:2rem}.report .pages{transform:none}}
.scsteps{margin:0;padding:0}
.paper .sc-note,.sc-sec.paper .sc-note{color:#6b7480}
@media (max-width:640px){.scsteps li{padding:22px 0 18px;border-bottom:1px solid #e2ddd1}.scsteps li::after{display:none}.scsteps li::before{font-size:2rem;margin-bottom:8px}}
/* WHY — 여백 */
.sc-why{padding-block:clamp(110px,13vw,200px);background:var(--sc-bg)}
.why-h{max-width:980px;margin:0 auto clamp(70px,8vw,120px);text-align:center}
.why-h .num{letter-spacing:.14em;font-size:13px;margin-bottom:26px}
.why-h h2{margin:0;font-size:clamp(1.9rem,3.9vw,3.4rem);line-height:1.22;letter-spacing:-.04em;font-weight:700;color:rgba(244,246,248,.94)}
.why-h h2 .serif{color:var(--gold);font-size:1.12em;letter-spacing:-.01em}
.why-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,3.4vw,56px)}
.why-g article{display:flex;flex-direction:column}
.why-g figure{margin:0 0 30px;aspect-ratio:3/4;overflow:hidden;border-radius:2px;background:#0b0f15}
.why-g figure img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.6s var(--ease),filter 1.6s var(--ease);filter:saturate(.9) brightness(.94)}
.why-g article:hover figure img{transform:scale(1.06);filter:none}
.why-g .n{display:flex;align-items:baseline;gap:14px;font-family:var(--serif);font-size:30px;color:var(--gold);line-height:1;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(217,180,106,.28)}
.why-g .n em{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);font-family:inherit}
.why-g h3{margin:0 0 12px;font-size:clamp(1.12rem,1.35vw,1.3rem);letter-spacing:-.025em;font-weight:700;line-height:1.35}
.why-g p{margin:0 0 20px;font-size:14.5px;line-height:1.75;color:var(--text-dim)}
.why-g a{margin-top:auto;font-size:13px;color:var(--text-dim);text-decoration:none;letter-spacing:.02em;align-self:flex-start;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.why-g a:hover{color:var(--gold);border-color:var(--gold)}
@media (max-width:1100px){.why-g{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:72px}}
@media (max-width:640px){.sc-why{padding-block:96px}.why-h{text-align:left}.why-h h2{font-size:1.75rem}.why-g{grid-template-columns:1fr;row-gap:64px}.why-g figure{aspect-ratio:4/3;margin-bottom:24px}}
html[lang="ko"] .sc-hero h1 .serif,html[lang="ko"] .sc-head h2 .serif,html[lang="ko"] .why-h h2 .serif{font-style:normal;font-family:inherit;font-weight:inherit;font-size:1em;letter-spacing:inherit}
@media (max-width:640px){.why-g figure img{object-position:50% 80%}}
/* home — why strip */
.why-strip{list-style:none;margin:8px 0 clamp(44px,5vw,72px);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,44px)}
.why-strip li{border-top:1px solid rgba(217,180,106,.35);padding-top:20px;display:flex;flex-direction:column;gap:8px}
.why-strip .n{font-family:var(--serif);color:var(--gold);font-size:22px;line-height:1}
.why-strip b{font-size:1.02rem;letter-spacing:-.02em;font-weight:700}
.why-strip .d{font-size:13.5px;line-height:1.65;color:var(--text-mute)}
@media (max-width:900px){.why-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.why-strip{grid-template-columns:1fr;gap:0}.why-strip li{padding:18px 0}}
/* CATALOG LINE — 견본 줄 끝, 화면에 녹아든 소개자료 버튼 */
.catrow{display:flex;justify-content:flex-end;margin-top:clamp(28px,3vw,44px)}
.catline{display:inline-flex;align-items:center;gap:16px;padding:7px 22px 7px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(10,15,22,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;color:var(--text);transition:border-color .35s var(--ease),background .35s var(--ease)}
.catline:hover{border-color:rgba(217,180,106,.75);background:rgba(217,180,106,.08)}
.catline .cv{flex:none;width:68px;height:48px;border-radius:999px 10px 10px 999px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.catline .cv img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block}
.catline .tx{display:flex;flex-direction:column;gap:2px;line-height:1.35}
.catline .tx b{font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.catline .tx small{font-size:12.5px;color:var(--text-mute)}
.catline .go{margin-left:10px;font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap}
@media (max-width:640px){.catrow{justify-content:stretch}.catline{width:100%;border-radius:18px;padding:8px 14px 8px 8px;gap:12px}.catline .cv{border-radius:12px;width:60px;height:44px}.catline .tx small{display:none}.catline .go{margin-left:auto}}
/* hero reel toggle — 작은 아이콘 */
.sc-hero .reel-ctl{width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;background:rgba(6,9,14,.35);border-color:rgba(255,255,255,.18);opacity:.55;transition:opacity .3s}
.sc-hero .reel-ctl:hover,.sc-hero .reel-ctl:focus-visible{opacity:1}
.sc-hero .reel-ctl .i-pause{width:9px;height:10px;border-left:2.5px solid #fff;border-right:2.5px solid #fff;box-sizing:border-box}
.sc-hero .reel-ctl.is-paused .i-pause{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff;margin-left:2px}
@media (max-width:640px){.sc-hero .reel-ctl{display:inline-flex;right:16px;bottom:16px;width:30px;height:30px}}
/* 광고 영문 카탈로그 새 판 공개 전 표시(2026-10-07 대표 결정) — 새 판 공개 때 soon 클래스를 지운다 */
.catline.soon .go{color:var(--text-mute)}