/* Utah Climbing Gyms skin. Loaded only on the climbing site (config.skin). Oswald: SIL Open Font License, self-hosted. */
@font-face{font-family:"Oswald";font-style:normal;font-weight:400 700;font-display:swap;src:url(/skin/oswald-latin.woff2) format("woff2")}
.skin-climb{--granite:#2b2d31;--rock:#a9431f;--sand:#d9a066;--chalk:#f7f2ec;--orange:#ff8a1f;--lime:#b6e31b;--line:#e4d9cc;--muted:#5e554c;--r:6px;background:#f7f2ec url(/skin/topo.svg) 0 0/400px 400px}
.skin-climb main{overflow-x:clip}
.skin-climb h1,.skin-climb h2,.skin-climb h3,.skin-climb .logo,.skin-climb .btn,.skin-climb .chip,.skin-climb .plabel b,.skin-climb .tile b,.skin-climb .ctile b,.skin-climb .ctile .big,.skin-climb nav.top a,.skin-climb .eyebrow,.skin-climb .badge.cat,.skin-climb .badge.hl{font-family:"Oswald","Arial Narrow",Impact,system-ui,sans-serif}
.skin-climb h1,.skin-climb h2{text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.skin-climb h3{font-weight:500;letter-spacing:.2px}
/* header */
.skin-climb header.site{background:var(--granite);border-bottom:4px solid var(--orange)}
.skin-climb .logo{font-size:1.35rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.skin-climb .logo span{color:var(--orange)}
.skin-climb .logo-ic{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:6px;background:var(--orange);color:var(--granite);clip-path:polygon(0 18%,18% 0,100% 0,100% 82%,82% 100%,0 100%)}
.skin-climb nav.top a{color:#e9e3dc;text-transform:uppercase;letter-spacing:.8px;font-size:.92rem;font-weight:500}
.skin-climb nav.top a:hover{color:var(--orange)}
.skin-climb .preview{background:#f1e7da;color:#5a3a12;border-bottom:1px solid #e2d3bf}
/* hero */
.skin-climb .hero{background:linear-gradient(180deg,#1d1f23 0%,#2b2a2c 38%,#5a2f1e 72%,#9a4521 100%);padding:64px 0 210px;overflow:hidden;isolation:isolate}
.skin-climb .hero .wrap{position:relative;z-index:2}
.skin-climb .hero-art{position:absolute;inset:0;z-index:1;pointer-events:none}
.skin-climb .hero-art .land{position:absolute;left:0;bottom:0;width:100%;height:100%}
.skin-climb .hero h1{font-size:clamp(2.1rem,5.4vw,3.6rem);line-height:1.02;max-width:700px;font-weight:700}
.skin-climb .hero h1{text-shadow:0 3px 0 rgba(0,0,0,.35)}
.skin-climb .hero p{max-width:600px}
.skin-climb .eyebrow{background:transparent;border:2px solid var(--orange);color:#ffd7b0;border-radius:4px;text-transform:uppercase;letter-spacing:1.5px;font-weight:500;backdrop-filter:none}
.skin-climb .eyebrow svg{color:var(--orange)}
.skin-climb .search{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:8px;border-radius:8px;max-width:620px;flex-wrap:nowrap}
.skin-climb .search select{border-radius:4px;box-shadow:none;background:var(--chalk);color:#24201c;font-weight:600}
.skin-climb .search .btn{border-radius:4px;white-space:nowrap}
.skin-climb .btn{border-radius:4px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;box-shadow:0 4px 0 #b85a0a}
.skin-climb .btn:hover{box-shadow:0 6px 0 #b85a0a}
.skin-climb .btn.ghost{box-shadow:none;border-radius:4px;color:var(--rock);border-color:var(--rock)}
.skin-climb .chips{gap:10px}
.skin-climb .chip{background:rgba(29,31,35,.6);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:4px;text-transform:uppercase;letter-spacing:.8px;font-weight:500;padding:7px 12px}
.skin-climb .chip svg{color:var(--orange)}
.skin-climb .chip:hover{background:var(--orange);color:var(--granite);border-color:var(--orange)}.skin-climb .chip:hover svg{color:var(--granite)}
/* sections */
.skin-climb h2.sec{font-size:1.7rem;color:var(--granite)}
.skin-climb .dot{border-radius:6px;clip-path:polygon(0 15%,15% 0,100% 0,100% 85%,85% 100%,0 100%)}
.skin-climb .ptile{border-radius:6px;box-shadow:0 6px 0 color-mix(in srgb,var(--c) 60%,#000)}
.skin-climb .pfill{background:url(/skin/holds.svg) 0 0/300px 320px,repeating-radial-gradient(ellipse at 80% 10%,transparent 0 22px,rgba(255,255,255,.07) 23px 24px),linear-gradient(160deg,var(--c),color-mix(in srgb,var(--c) 55%,#000));color:rgba(255,255,255,.75)}
.skin-climb .pfill svg{width:70px;height:70px;transform:translateY(-20px)}
.skin-climb .plabel b{font-size:1.25rem;text-transform:uppercase;letter-spacing:.6px;font-weight:600}
.skin-climb .pi{border-radius:4px}
.skin-climb .band{background:#2b2d31 url(/skin/holds.svg) 0 0/300px 320px;box-shadow:0 0 0 100vmax #2b2d31;color:#f0ebe4;padding-bottom:36px;position:relative}
.skin-climb .band h2.sec{color:#fff}
.skin-climb .tile{border-radius:4px}
.skin-climb .tile.city{border:0;border-left:6px solid var(--c);background:#38393e;color:#fff;box-shadow:none}
.skin-climb .band .tile.city{--c:var(--orange)!important}
.skin-climb .band .tile.city:nth-child(3n+2){--c:var(--lime)!important}.skin-climb .band .tile.city:nth-child(3n){--c:#4fc3c7!important}
.skin-climb .tile.city b{font-size:1.15rem;text-transform:uppercase;letter-spacing:.6px;font-weight:500}
.skin-climb .tile.city small{color:#cfc6bb}
.skin-climb .tile.city:hover{background:#444650}
.skin-climb .ctile{border-radius:4px}
.skin-climb .panel,.skin-climb .card,.skin-climb .loc,.skin-climb .note{background-color:#fffdf9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .35 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.skin-climb .panel{border-radius:6px;border:1px solid var(--line);box-shadow:0 3px 0 #e7dccd}
.skin-climb .panel.owner{background-color:#fff4e6}
.skin-climb .note{border-radius:6px}
/* cards */
.skin-climb .card{border:1px solid var(--line);border-left:6px solid var(--c);border-radius:6px;box-shadow:0 3px 0 #e7dccd;transition:transform .12s,box-shadow .12s}
.skin-climb .card:hover{transform:translateY(-2px);box-shadow:0 6px 0 #e0d1bf}
.skin-climb .card .ph,.skin-climb .ph{border-radius:6px;clip-path:polygon(0 14%,14% 0,100% 0,100% 86%,86% 100%,0 100%);background:linear-gradient(150deg,var(--c),color-mix(in srgb,var(--c) 60%,#000))}
.skin-climb .card h3{font-size:1.2rem}
.skin-climb .card h3 a{color:#24201c}.skin-climb .card h3 a:hover{color:var(--rock)}
.skin-climb .badge{border-radius:3px}
/* grade-style type tags: like the tape tag at the start of a gym route */
.skin-climb .badge.cat{background:var(--c);color:#fff;text-transform:uppercase;letter-spacing:.9px;font-size:.78rem;font-weight:600;padding:3px 10px 3px 8px;border-radius:2px;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 50%,100% 100%,0 100%);padding-right:14px}
.skin-climb .badge.hl{background:#24201c;color:var(--lime);font-weight:500;letter-spacing:.6px;font-size:.82rem;border-radius:3px}
.skin-climb .badge.ok{background:#e9efe0;color:#365016}
.skin-climb .badge.chain{background:#ece5dc;color:#4b3f33}
.skin-climb .stars{color:#9a5a00}
/* category + listing pages */
.skin-climb .catban{border-radius:6px;min-height:180px;background:url(/skin/holds.svg) right top/300px 320px,repeating-radial-gradient(ellipse at 85% 15%,transparent 0 20px,rgba(255,255,255,.08) 21px 22px),linear-gradient(150deg,var(--c),color-mix(in srgb,var(--c) 50%,#000))}
.skin-climb .catban-in{background:none}
.skin-climb .catban h1{text-transform:uppercase}
.skin-climb .lhead h1{font-size:clamp(1.7rem,4vw,2.5rem);color:var(--granite)}
.skin-climb .thumb{border-radius:6px;border:0;box-shadow:0 4px 0 #e0d1bf}
.skin-climb .details{border-top:5px solid var(--orange)}
.skin-climb .hours li{border-bottom:1px dashed #e4d9cc}
.skin-climb footer.site{background:#1d1f23;border-top:0;position:relative;margin-top:56px}
.skin-climb footer.site::before{content:"";position:absolute;left:0;right:0;top:-44px;height:45px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 45' preserveAspectRatio='none'%3E%3Cpath d='M0 45 L0 30 L80 22 L120 8 L160 20 L260 26 L330 12 L360 14 L400 28 L520 24 L600 6 L640 4 L680 18 L800 26 L900 14 L960 18 L1040 30 L1120 20 L1180 2 L1220 6 L1260 22 L1360 26 L1440 16 L1440 45z' fill='%231d1f23'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.skin-climb footer.site a{color:#ffd7b0}
@media (max-width:760px){
 .skin-climb .hero{padding:40px 0 150px}
 .skin-climb .hero-art .land{height:62%;top:auto}
 .skin-climb .search{flex-wrap:wrap}.skin-climb .search .btn{width:100%}
 .skin-climb nav.top a{margin:0 12px 0 0;font-size:.85rem}
 .skin-climb .ptile{aspect-ratio:16/10}
}
.skin-climb .logo .logo-ic{color:var(--granite)}
@media (max-width:760px){
 .skin-climb .ptiles{grid-template-columns:1fr!important}
 .skin-climb .ptile{aspect-ratio:auto;height:130px}
 .skin-climb .pfill{place-items:center end;padding-right:22px}
 .skin-climb .pfill svg{width:60px;height:60px;transform:translateY(-14px)}
 .skin-climb .plabel{background:linear-gradient(to right,var(--c) 0%,color-mix(in srgb,var(--c) 80%,transparent) 55%,transparent 100%);top:0;align-content:end;padding-right:90px}
}
.skin-climb .badge.ok.hl{background:#24201c;color:var(--lime)}
.skin-climb .footer-signup{margin-bottom:22px}