/* landing.css — Pawna city landing pages. Uses premium.css tokens (--g9/--g8/--g7, --brass, --brassl, --cream, --serif, --accrgb). Load after footer.css. */
.pc{background:var(--g9);color:var(--softer);line-height:1.7;overflow-x:clip}
.pc h2,.pc h3{color:#fff;text-wrap:balance}
.pc h2{font-size:clamp(2.4rem,5.4vw,4.4rem);margin-top:1rem}
.pc h3{font-size:1.6rem;color:var(--cream)}
.pc strong{color:#fff;font-weight:500}
.pc .btn{margin:0 .7rem .7rem 0}
.pc-ov{position:relative;isolation:isolate;overflow:hidden;color:#fff}
.pc-ov:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 90% at 85% 0,rgba(var(--accrgb),.2),transparent 65%),linear-gradient(180deg,rgba(var(--g9rgb),.6),rgba(var(--g9rgb),.2) 42%,rgba(var(--g9rgb),.94))}
.pc-band:after,.pc-end:after{background:linear-gradient(180deg,rgba(var(--g9rgb),.8),rgba(var(--g9rgb),.55),rgba(var(--g9rgb),.9))}
.pc-bg{position:absolute;inset:-25% 0;z-index:-2}
.pc-bg img{width:100%;height:100%;object-fit:cover}
.pc-hero{min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;padding:9rem 0 7rem}
.pc-hero .pc-bg img{animation:pckb 22s ease-out both}
@keyframes pckb{from{scale:1.15}to{scale:1}}
.pc-hc{position:relative;z-index:1}
.pc-hero h1{font-size:clamp(3.2rem,11.5vw,7.4rem);line-height:.98;color:#fff;margin-top:.8rem}
.pc-ln{display:block;overflow:hidden;padding-bottom:.12em}
.pc-ln>span{display:block;transform:translateY(105%);animation:pcln 1.2s var(--ease) .25s forwards}
.pc-ln+.pc-ln>span{animation-delay:.5s}
@keyframes pcln{to{transform:none}}
.pc-lead{max-width:36rem;font-size:1.2rem;margin:1.4rem 0 2.2rem;opacity:0;animation:pcf 1s ease 1s forwards}
@keyframes pcf{to{opacity:1}}
.pc-scroll{position:absolute;left:50%;bottom:1.5rem;width:1px;height:48px;background:linear-gradient(var(--brass),transparent);transform-origin:top;animation:pcsc 2s ease-in-out infinite}
@keyframes pcsc{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
.pc-em{position:absolute;inset:0;z-index:0;pointer-events:none}
.pc-em i{position:absolute;bottom:-8px;left:var(--x);width:5px;height:5px;border-radius:50%;background:var(--brassl);box-shadow:0 0 10px 2px rgba(var(--accrgb),.8);opacity:0;animation:pce 9s linear var(--d) infinite}
@keyframes pce{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}100%{transform:translate(30px,-70vh);opacity:0}}
.pc-facts{margin:-3.4rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;position:relative;z-index:2}
.pc-facts li{padding:1rem 1.2rem;border-radius:18px;background:rgba(var(--g9rgb),.88);backdrop-filter:blur(12px);border:1px solid rgba(var(--accrgb),.28)}
.pc-facts span{display:block;font:500 .7rem Jost;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.pc-facts b{display:block;margin-top:.15rem;font:500 clamp(1.5rem,2.4vw,1.9rem)/1.1 var(--serif);color:var(--brassl)}
.pc-s{padding:clamp(4rem,9vw,7rem) 0}
.pc-gl{background:radial-gradient(900px 520px at 88% 0,rgba(var(--accrgb),.13),transparent 62%),linear-gradient(180deg,var(--g9),var(--g8))}
.pc-dk{background:radial-gradient(800px 400px at 0 100%,rgba(var(--accrgb),.12),transparent 60%),linear-gradient(180deg,var(--g8),var(--g7))}
.pc-two,.pc-split{display:grid;gap:2.2rem 4rem}
.pc-split{align-items:center}
.pc-split>.pc-ph{aspect-ratio:4/5}
@media(min-width:860px){.pc-two{grid-template-columns:5fr 7fr}.pc-two>:first-child{position:sticky;top:6.5rem;align-self:start}.pc-split{grid-template-columns:5fr 6fr}}
.pc-why{padding:0;margin:1.6rem 0 0;display:grid;gap:1.3rem}
.pc-why li{border-left:1px solid var(--brass);padding-left:1.1rem}
.pc-why strong{display:block;font-size:1.1rem}
.pc-tl{counter-reset:s;padding:0;margin:0;position:relative}
.pc-tl:before{content:"";position:absolute;left:1.1rem;top:1rem;bottom:1rem;width:2px;background:linear-gradient(var(--brass) calc(var(--p,0)*100%),rgba(255,255,255,.14) 0)}
.pc-tl li{position:relative;padding:0 0 2.2rem 3.6rem}
.pc-tl li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--g9);border:1px solid var(--brass);color:var(--brassl);display:grid;place-items:center;font-weight:500}
.pc-tl p{margin:.4rem 0 0}
.pc-band{padding:clamp(7rem,20vw,13rem) 0}
.pc-q{font:500 clamp(2rem,6vw,3.9rem)/1.15 var(--serif);max-width:20em;color:#fff}
.js .pc-q span{opacity:.18;transition:opacity .4s}.js .pc-q span.lit{opacity:1}
.pc-tick{padding:0;margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.6rem}
.pc-tick li{padding:.55rem 1.2rem;border-radius:99px;border:1px solid rgba(var(--accrgb),.4);background:rgba(255,255,255,.04)}
.pc-tick li:before{content:"\2713";color:var(--brass);font-weight:600;margin-right:.55rem}
.pc-seas{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2rem}
.pc-seas div{padding:1.6rem;border:1px solid rgba(var(--accrgb),.28);border-radius:24px;background:rgba(255,255,255,.04)}
.pc-seas p{margin-top:.4rem}
.pc-ph{position:relative;overflow:hidden;border-radius:24px}
.pc-ph img{position:absolute;left:0;top:-25%;width:100%;height:150%;object-fit:cover;transition:scale .9s var(--ease)}
.js .pc-ph{clip-path:inset(0 0 100% 0 round 24px);transition:clip-path 1.2s var(--ease)}
.js .pc-ph.in{clip-path:inset(0 round 24px)}
.pc-hint{display:none;color:var(--brass);font-size:.9rem;margin-top:1.2rem}
.pc-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(3,1fr);margin-top:2.5rem}
.pc-grid .pc-card:nth-child(3n+2){margin-top:3.5rem}
.pc-card{position:relative;margin:0;color:#fff}
.pc-card .pc-ph{aspect-ratio:3/4}
.pc-card .pc-ph:after{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(180deg,transparent 45%,rgba(var(--g9rgb),.92));box-shadow:inset 0 0 0 1px rgba(var(--accrgb),.35)}
.pc-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.4rem;z-index:1}
.pc-card h3{color:#fff}
.pc-card p{margin-top:.2rem;font-size:.95rem}
.pc-card:hover img{scale:1.06}
@media(max-width:899px){.pc-hint{display:block}.pc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;margin-inline:-1.5rem;padding:0 1.5rem 1rem;scrollbar-width:none}.pc-grid::-webkit-scrollbar{display:none}.pc-grid .pc-card{flex:0 0 78%;scroll-snap-align:center;margin-top:0!important;transition:transform .15s,opacity .9s}}
@media(max-width:700px){.pc-facts{grid-template-columns:1fr 1fr}}
.pc details{border-bottom:1px solid rgba(255,255,255,.14)}
.pc summary{cursor:pointer;padding:1.1rem 0;font-weight:500;color:#fff;list-style:none}
.pc summary::-webkit-details-marker{display:none}
.pc summary:after{content:"+";float:right;font-size:1.4rem;line-height:1;color:var(--brass)}
.pc details[open] summary:after{content:"\2013"}
.pc details p{margin:0 0 1.1rem;max-width:44rem}
.pc-end{padding:clamp(6rem,14vw,10rem) 0}
.pc-end h2{max-width:14em;margin-bottom:1.5rem}
.pc-end p{max-width:34rem}
.pc .lbl+h2{margin-top:1.1rem}
.js .pc-r{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .pc-r.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.pc-ln>span{animation:none;transform:none}.pc-lead{animation:none;opacity:1}.pc-hero .pc-bg img{animation:none}.pc-scroll,.pc-em{display:none}.js .pc-ph,.js .pc-r{clip-path:none;opacity:1;transform:none;transition:none}.js .pc-q span{opacity:1}}