@font-face{font-family:Prata;src:url('assets/fonts/Prata-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/Manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--ink:#141212;--muted:#706967;--line:#e6dfda;--paper:#f8f6f4;--red:#c81926;--red-hover:#ac1220;--gold:#a77b3a;--gold-light:#e6c58f;--blush:#fff4f2;--green:var(--red);--lime:var(--gold-light);--error:#ad1722;--display:Prata,Georgia,serif}
body{background:#faf7f2;font-family:Manrope,Arial,sans-serif;line-height:1.6}
main{padding-top:0}
button:focus-visible,input:focus-visible,a:focus-visible{outline-color:var(--red)}
.brand-header{max-width:680px;margin:0 auto 28px;padding:10px 0 18px;border-bottom:1px solid var(--line)}
.brand-header img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.brand-header::after{content:"";display:block;width:48px;height:2px;background:var(--red);margin:14px auto -20px}
h2,h3,.card-heading h2,.section-heading h2,.selection-summary h2,.confirmation h3{font-family:var(--display);font-weight:400;line-height:1.35;letter-spacing:-.5px}
.card-heading h2{font-size:33px}.packages-title{font-size:32px}.section-heading h2{font-size:27px}
.card,.video-card,.confirmation{border-radius:12px}
.card.selected,.video-card.selected{box-shadow:0 0 0 2px var(--red)}
.card{min-width:0}.card-subtitle{font-size:17px}.from{font-size:14px}
.tag{background:var(--blush);color:var(--red);border:1px solid #f2d3cf;border-radius:4px}
.price strong,.selection-summary>strong,.total strong,.mobile-bar strong{font-weight:800}
.choose,.primary{background:var(--red);color:white;border-radius:6px;min-height:48px}
.choose{border:1px solid transparent}
.primary:hover,.choose:hover{filter:brightness(.94)}
.card.selected .choose{background:var(--paper);border-color:var(--line);color:var(--ink)}
.stepper button{border:1px solid var(--line);border-radius:6px;color:var(--ink)}
.ultra{border-color:var(--gold)}
.ultra .tag{background:var(--gold-light);border-color:var(--gold-light);color:#35230f}
.ultra .choose{background:var(--red);color:white}
.ultra .saving{color:var(--gold-light)}
.ultra .from,.ultra .delivery,.ultra .price s{color:#c9bfba}
.ultra .counter{border-color:#50443b}
.ultra .stepper button{background:#2b2622;border-color:#50443b;color:#fff}
.ultra.selected .choose{background:#2b2622;border-color:#8b6b40;color:var(--gold-light)}
.video-frame{background:var(--ink)}
.video-placeholder{background:linear-gradient(150deg,#322c2c,#151313)}
.look-frame .video-placeholder{background:linear-gradient(150deg,#3b3024,#171412)}
.video-placeholder span{color:#d2cbc7}
.video-name{font-family:var(--display);font-weight:400;font-size:clamp(48px,6vw,76px);letter-spacing:-2px;line-height:1.2;color:#ffffffcc;margin-bottom:8px}
.video-tariff:hover .video-name{color:white}
.video-tariff:focus-visible{outline-color:var(--gold-light)}
.video-tariff .video-meta{color:#fff1e8;line-height:1.6}
.video-toggle{border-radius:6px;background:#14121299}
.video-caption{padding:18px}
.package-link{padding:20px;border-radius:8px;background:var(--red);color:white}
.offer-title{font-size:15px;line-height:1.5}
.offer-title b{font-family:var(--display);font-size:20px;font-weight:400;margin-right:4px}
.offer-pricing strong{font-weight:800;line-height:1.15}
.offer-regular{color:#ffe6e1}
.offer-action{border-radius:5px;background:white;color:var(--red-hover);font-weight:800}
.package-link:hover{background:var(--red-hover)}
.package-link:focus-visible{outline-color:var(--ink)}
.order-layout{margin-top:42px}
.step{border-color:var(--gold);color:#7a5627}
.fields input{border-color:#c9bfb8;border-radius:6px;font-size:16px}
.fields input::placeholder{color:#7c7470;opacity:1}
.fields input:focus{border-color:var(--red)}
.fields small{font-size:13px;margin-top:6px}
.selection-summary{background:var(--paper);border-top:2px solid var(--gold);border-radius:8px}
.selection-summary h2{font-size:29px}
.confirmation h3{font-size:31px}
.text-button{color:var(--red);text-underline-offset:4px}
input[type=checkbox]{accent-color:var(--red)}
.collab{border-color:#ebc8c3;background:var(--blush);border-radius:6px}
.collab small{color:#77514a}
.package-collab strong{color:var(--red)}
.ultra .package-collab{background:#ffffff05;border-color:#705b3c;color:white}
.ultra .package-collab strong{color:var(--gold-light)}
.ultra .package-collab input{accent-color:var(--gold-light)}
.preview-note{font-size:13px}
@media(max-width:760px){main{padding-top:0}.brand-header{margin-bottom:22px;padding:4px 0 14px}.brand-header::after{margin-bottom:-16px}.video-name{font-size:64px}.video-caption{padding:14px}.package-link{padding:16px}.card-heading h2{font-size:31px}.card-subtitle{font-size:16px}.packages-title{font-size:29px}.section-heading h2{font-size:25px}.order-layout{margin-top:36px}.fields{gap:18px 12px}}
@media(max-width:480px){.fields{grid-template-columns:1fr}.wide{grid-column:auto}}
@media(max-width:360px){.card-heading h2{font-size:29px}.video-name{font-size:56px}.offer-pricing strong{font-size:39px}}

/* Asymmetric paint compositions stay at the edges, fading toward the text. */
:root{--brand-paint:url('assets/paint-flourish.png')}
.brand-header{position:relative;isolation:isolate;max-width:none;overflow:hidden;background:#faf7f2}
.brand-header img{max-width:680px;margin:auto}
.brand-header::before{content:none}
.card,.package-link{position:relative;isolation:isolate;overflow:clip}
.card{--card-surface:#fff}.ultra{--card-surface:var(--ink)}
.card::before,.card::after,.package-link::before{content:"";position:absolute;background:var(--brand-paint) center/contain no-repeat;pointer-events:none;z-index:-1}
.card::before{width:300px;height:450px;right:-130px;top:-48px;transform:rotate(-12deg);opacity:.85;mask-image:linear-gradient(to right,transparent 5%,#000 65%)}
.card::after{width:190px;height:285px;left:-145px;bottom:-180px;transform:rotate(20deg);opacity:.55}
.dance-standalone .card::before{width:360px;height:540px;right:-145px;top:auto;bottom:-165px;transform:rotate(-20deg)}
.dance-standalone .card::after{left:-140px;top:-180px;bottom:auto;transform:rotate(155deg);opacity:.65}
.ultra::before{width:340px;height:510px;right:-115px;top:-150px;transform:rotate(180deg);opacity:.8;mask-image:linear-gradient(to left,transparent 5%,#000 75%)}
.ultra::after{width:260px;height:390px;left:-200px;bottom:-175px;transform:rotate(25deg);opacity:.65}
.card-heading,.card .counter,.card .choose,.card .collab{position:relative;z-index:1}
.card>p,.card .price{text-shadow:0 0 7px var(--card-surface),0 0 3px var(--card-surface)}
.card .stepper button:disabled{opacity:1;background:var(--paper);color:#c4beba}
.ultra .stepper button:disabled{background:#2b2622;color:#706862}
.ultra .package-collab{background:#201b17}
.package-link::before{width:280px;height:420px;right:-105px;top:-165px;transform:rotate(18deg);opacity:.9;mask-image:linear-gradient(to right,transparent 10%,#000 80%)}
[data-card="look"] .package-link::before{width:340px;height:510px;right:-135px;top:-230px;transform:rotate(155deg);mask-image:linear-gradient(to left,transparent 5%,#000 85%)}
.offer-action{position:relative}
@media(max-width:760px){
  .card::before{width:280px;height:420px;right:-140px;top:-35px}
  .dance-standalone .card::before{width:320px;height:480px;right:-145px;top:auto;bottom:-135px}
  .ultra::before{width:310px;height:465px;right:-130px;top:-135px}
  .package-link::before{right:-130px}
  [data-card="look"] .package-link::before{right:-165px}
}

/* Configuration remains separate from the selected order. */
.quantity-control{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}
.quantity-label{font-size:13px;color:var(--muted);white-space:nowrap;text-shadow:0 0 5px var(--card-surface)}
.ultra .quantity-label{color:#c9bfba}
.counter{align-items:flex-end}.counter>span{min-width:0}
.bar-amount{display:flex;align-items:center;flex-wrap:wrap;gap:0 12px}
.bar-reset{background:transparent;color:var(--muted);font-size:13px;line-height:1.2;padding:8px 0;min-height:36px;text-decoration:underline;text-underline-offset:3px}
.bar-reset:hover:not(:disabled){color:var(--ink)}
.bar-reset:disabled{opacity:.4}
@media(max-width:480px){.mobile-bar{gap:10px}.mobile-bar .primary{min-width:126px;padding:12px;font-size:13px}.bar-amount{gap:0 8px}}
@media(max-width:360px){.mobile-bar .primary{min-width:116px;padding:12px 9px}.mobile-bar strong{font-size:22px}.bar-reset{font-size:12px}.quantity-label{font-size:12px}}