html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#F5F3EE}
img,video{max-width:100%}
a{color:#7E560E}a:hover{color:#5E400A}
.cst-tile{position:relative;margin:0;border-radius:6px;overflow:hidden;background:#17191C;aspect-ratio:3/4}
.cst-tile img,.cst-tile video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.cst-tile:hover img,.cst-tile:hover video{transform:scale(1.04)}
.cst-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 10px;background:linear-gradient(transparent,rgba(10,11,13,.85));color:#F5F3EE;font-size:13px;font-weight:600;line-height:1.3}
.cst-wide{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.cst-wide video{position:absolute;inset:0}
@property --cst-n{syntax:'<integer>';initial-value:0;inherits:false}
@property --cst-v{syntax:'<integer>';initial-value:0;inherits:false}
.cst-count{counter-reset:n var(--cst-n);animation:cstUp 2.4s cubic-bezier(.2,.7,.2,1) forwards;--cst-n:108}
.cst-count::before{content:counter(n) "K+"}
.cst-views{counter-reset:v var(--cst-v);animation:cstUpV 2.4s cubic-bezier(.2,.7,.2,1) forwards;--cst-v:3}
.cst-views::before{content:counter(v) "M+"}
@keyframes cstUp{from{--cst-n:0}to{--cst-n:108}}
@keyframes cstUpV{from{--cst-v:0}to{--cst-v:3}}
.cst-social{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1.5px solid #3A3E45;border-radius:6px;color:#F5F3EE;text-decoration:none;transition:border-color .2s,background .2s}
.cst-social:hover{border-color:#F5F3EE;background:#22252A;color:#FFFFFF}
.cst-tt{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:9/16;background:#17191C;color:#FFFFFF;text-decoration:none}
.cst-tt img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.cst-tt:hover img{transform:scale(1.03)}
.cst-tt .cst-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:rgba(23,25,28,.72);border:2px solid #FFFFFF;display:flex;align-items:center;justify-content:center}
.cst-tt .cst-cap{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;background:linear-gradient(transparent,rgba(10,11,13,.9));font-size:14px;font-weight:600;line-height:1.35}
@media (prefers-reduced-motion:reduce){.cst-count,.cst-views{animation:none}}
.cst-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.cst-gal{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Small screens: scale the big display headings down */
@media (max-width:640px){
  h1{font-size:52px !important}
  h2{font-size:40px !important}
}

/* Configurator */
@media (min-width:900px){.cfg-preview{position:sticky;top:24px}}
.cfg-fs{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cfg-lg{padding:0;margin-bottom:10px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase}
.cfg-sub{font-family:'Public Sans',sans-serif;font-size:14px;font-weight:500;text-transform:none;color:#4A4E55}
.cfg-row{display:flex;flex-wrap:wrap;gap:8px}
.cfg-btn{font:inherit;font-size:15px;font-weight:600;padding:10px 16px;border-radius:4px;cursor:pointer;border:1.5px solid #17191C;background:#FFFFFF;color:#17191C;display:flex;flex-direction:column;align-items:flex-start}
.cfg-btn[aria-pressed="true"]{background:#17191C;color:#FFFFFF}
.cfg-btn-sub{font-size:12px;font-weight:500;opacity:.85}
.cfg-sw{border-radius:50%;cursor:pointer;padding:0}
.cfg-match{font:inherit;font-size:14px;font-weight:600;padding:0 14px;height:44px;border-radius:22px;cursor:pointer;background:#FFFFFF;color:#17191C}

/* Quote forms */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{flex:1 1 100%;margin:0;padding:12px 14px;border-radius:4px;font-weight:600;font-size:15px}
.form-status-ok{background:#E3F1E1;color:#17391A;border:1.5px solid #2F6B34}
.form-status-missing,.form-status-error{background:#FBE7E2;color:#5C1A0E;border:1.5px solid #A3341E}