
:root{
  --bg:#09090a; --panel:#121214; --panel2:#17171a; --text:#f5f5f5; --muted:#b4b4bc;
  --gold:#d6a83d; --gold2:#f0c75e; --line:#29292e; --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,system-ui,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.nav-wrap{position:sticky;top:0;z-index:30;background:rgba(9,9,10,.88);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between}
.brand{font-family:Oswald,sans-serif;font-weight:700;font-size:28px;letter-spacing:.5px}
.crown{color:var(--gold2);margin-right:6px}
.nav-links{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}
.nav-links a:hover{color:var(--gold2)}
.nav-cta{border:1px solid var(--gold);padding:10px 15px;border-radius:999px}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{min-height:80vh;display:flex;align-items:center;padding:68px 0 58px;background:
radial-gradient(circle at 78% 27%,rgba(214,168,61,.16),transparent 27%),linear-gradient(180deg,#09090a,#0d0d10)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}
.eyebrow{color:var(--gold2);font-weight:800;letter-spacing:2px;font-size:13px;margin-bottom:14px}
h1,h2,h3,h4{font-family:Oswald,sans-serif;line-height:1.08;margin:0 0 17px}
h1{font-size:clamp(46px,7vw,82px)}
h1 span{color:var(--gold2)}
h2{font-size:clamp(36px,5vw,56px)}
h3{font-size:28px}
h4{font-size:22px}
.hero-copy>p{color:var(--muted);font-size:18px;max-width:720px}
.hero-actions{display:flex;gap:14px;margin:30px 0}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:10px;font-weight:800;border:1px solid transparent;cursor:pointer}
.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111}
.ghost{border-color:#39393e;background:#131316;color:#fff}
.full{width:100%}
.mini-proof{display:flex;gap:28px;margin-top:36px;flex-wrap:wrap}
.mini-proof div{display:flex;flex-direction:column}
.mini-proof strong{color:#fff}
.mini-proof span{color:#888;font-size:12px}
.hero-visual{display:flex;justify-content:center}
.photo-card{position:relative;width:min(520px,100%);border:1px solid #333;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.5);background:radial-gradient(circle at 50% 35%,rgba(214,168,61,.09),transparent 42%),linear-gradient(180deg,#0c0c0f,#101116)}
.photo-card img{width:100%;height:420px;object-fit:contain;object-position:center;background:linear-gradient(180deg,#0c0c0f,#111217);padding:30px}
.photo-card:after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.photo-badge{position:absolute;z-index:2;left:22px;bottom:20px;font-size:14px;font-weight:800;letter-spacing:1px;color:#f0c75e;background:rgba(0,0,0,.38);padding:8px 12px;border:1px solid rgba(240,199,94,.35);border-radius:999px}
.section{padding:92px 0}
.section-head{max-width:780px;margin-bottom:42px}
.section-head p,.category-title p,.service-card p,.portfolio-grid p,.order-grid p,.steps p,.faq p,.subscription p{color:var(--muted)}
.category-block{margin:54px 0 68px}
.category-title{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}
.category-icon{font-size:34px}
.category-title h3{margin-bottom:6px}
.category-title p{margin:0}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:23px;min-height:235px;transition:.2s}
.service-card:hover{transform:translateY(-4px);border-color:#4d4229}
.service-card p{margin:0 0 22px}
.service-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid #29292d}
.service-bottom span{font-weight:800;color:var(--gold2)}
.service-bottom button{border:1px solid #424249;background:#1c1c20;color:#fff;border-radius:9px;padding:8px 11px;cursor:pointer;font-weight:700}
.service-bottom button:hover{border-color:var(--gold);color:var(--gold2)}
.info-note{margin-top:18px;padding:16px 18px;border:1px dashed #4c422c;border-radius:12px;color:#bdb7a7;font-size:13px}
.dark-section{background:#0d0d0f;border-top:1px solid #1b1b1e;border-bottom:1px solid #1b1b1e}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pricing.four{grid-template-columns:repeat(4,1fr)}
.price-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px}
.price-card.featured{border-color:var(--gold);box-shadow:0 0 0 1px rgba(214,168,61,.17),0 18px 50px rgba(0,0,0,.25)}
.tag{display:inline-block;color:#111;background:var(--gold2);font-size:10px;font-weight:900;padding:7px 10px;border-radius:999px;margin-bottom:18px}
.price{font-family:Oswald;font-size:48px;font-weight:700;margin:8px 0 16px;color:var(--gold2)}
.price-card ul{padding-left:20px;color:var(--muted);min-height:190px}
.price-card li{margin:9px 0}
.subscription{margin-top:28px;background:linear-gradient(135deg,#151516,#1b1710);border:1px solid #423821;border-radius:20px;padding:30px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.subscription p{max-width:700px;margin-bottom:0}
.subscription-price{display:grid;justify-items:end;gap:4px;min-width:250px}
.subscription-price strong{font-family:Oswald;font-size:38px;color:var(--gold2)}
.subscription-price span{color:#999;font-size:12px;margin-bottom:8px}
.express{margin-top:18px;padding:18px;border:1px dashed #4e422a;border-radius:12px;color:#cfc8b9}
.price-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px}
.price-list div{display:flex;justify-content:space-between;gap:25px;padding:16px 0;border-bottom:1px solid #252529}
.price-list strong{color:var(--gold2);white-space:nowrap}
.portfolio-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:center}
.portfolio-card{border-radius:18px;overflow:hidden;border:1px solid #2f2f33;background:#111}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps article{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.steps span{font-family:Oswald;font-size:40px;color:var(--gold2);font-weight:700}
.steps h3{font-size:23px;margin-top:9px}
.faq-section{padding-top:30px}
.faq{display:grid;gap:12px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.faq summary{cursor:pointer;font-weight:800}
.faq p{margin-bottom:0}
.order-section{background:linear-gradient(180deg,#0a0a0b,#101013)}
.order-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.contacts{display:grid;gap:12px;margin-top:28px}
.contacts a{color:#ddd}
.order-form{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;gap:16px}
.order-form label{display:grid;gap:8px;font-size:13px;font-weight:700}
input,select,textarea{width:100%;background:#0c0c0e;color:#fff;border:1px solid #303036;border-radius:10px;padding:13px 14px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}
.form-note{font-size:12px!important;margin:0}
.hidden-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
footer{border-top:1px solid #1f1f22;padding:36px 0;background:#080809}
.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:center}
.footer-row p{color:#888;margin:6px 0 0}
.footer-links{display:flex;gap:20px;color:#bbb;font-size:14px}
.copyright{margin-top:28px;padding-top:20px;border-top:1px solid #1b1b1e;color:#666;font-size:12px}

@media(max-width:1050px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .pricing.four{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .hero-grid,.portfolio-grid,.order-grid{grid-template-columns:1fr}
  .photo-card img{width:100%;height:420px;object-fit:contain;object-position:center;background:linear-gradient(180deg,#0c0c0f,#111217);padding:30px}
  .price-list{grid-template-columns:1fr}
  .subscription{flex-direction:column;align-items:flex-start}
  .subscription-price{justify-items:start}
}
@media(max-width:680px){
  .nav-links{display:none;position:absolute;left:0;right:0;top:74px;background:#0d0d10;padding:24px;flex-direction:column;border-bottom:1px solid #222}
  .menu-open .nav-links{display:flex}
  .menu-btn{display:block}
  .hero{padding-top:40px}
  .service-grid,.pricing.four,.steps{grid-template-columns:1fr}
  .mini-proof{gap:18px}
  .section{padding:70px 0}
  .photo-card img{width:100%;height:420px;object-fit:contain;object-position:center;background:linear-gradient(180deg,#0c0c0f,#111217);padding:30px}
  .footer-row{flex-direction:column;align-items:flex-start}
  .footer-links{flex-wrap:wrap}
}

.brand-with-logo{display:inline-flex;align-items:center;gap:10px}
.brand-logo{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(214,168,61,.25))}
.brand-logo.small{width:34px;height:34px}
.brand-text{display:inline-block}
.brand-clock-wrap{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.bace-clock{display:flex;flex-direction:column;justify-content:center;min-width:148px;padding:6px 13px;border:1px solid rgba(240,199,94,.34);border-radius:12px;background:linear-gradient(135deg,rgba(214,168,61,.1),rgba(255,255,255,.025));box-shadow:0 0 18px rgba(214,168,61,.12),inset 0 0 12px rgba(240,199,94,.04);line-height:1.12}
.bace-clock strong{font-family:Oswald,sans-serif;color:#f4cc67;font-size:19px;letter-spacing:2px;text-shadow:0 0 8px rgba(240,199,94,.65),0 0 18px rgba(214,168,61,.3);font-variant-numeric:tabular-nums}
.bace-clock span{margin-top:3px;color:#b9b1a0;font-size:8px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;white-space:nowrap}
@media(max-width:1050px){.bace-clock{min-width:126px;padding:6px 10px}.bace-clock strong{font-size:17px}.bace-clock span{font-size:7px}.nav-links{gap:13px;font-size:11px}}
@media(max-width:680px){.brand-clock-wrap{gap:9px}.brand-logo{width:32px;height:32px}.brand{font-size:23px}.bace-clock{min-width:108px;padding:5px 8px;border-radius:9px}.bace-clock strong{font-size:15px;letter-spacing:1.3px}.bace-clock span{max-width:105px;overflow:hidden;text-overflow:ellipsis;font-size:6.5px;letter-spacing:.15px}}
@media(max-width:390px){.brand-clock-wrap{gap:6px}.brand-with-logo{gap:6px}.brand-logo{width:28px;height:28px}.brand{font-size:20px}.bace-clock{min-width:94px;padding:5px 6px}.bace-clock strong{font-size:14px}.bace-clock span{max-width:90px}}

/* Premium entry glow for the BaCe identity. */
.nav-wrap .brand-with-logo{animation:baceBrandEntrance 2.15s ease-out both}
.nav-wrap .brand-with-logo .brand-logo{animation:baceCrownEntrance 2.15s ease-out both}
@keyframes baceBrandEntrance{
  0%{opacity:0;transform:translateY(-7px) scale(.94);filter:brightness(.7)}
  38%{opacity:1;transform:translateY(0) scale(1.045);color:#fff;text-shadow:0 0 8px #fff2b0,0 0 22px #d6a83d,0 0 44px rgba(214,168,61,.75)}
  68%{text-shadow:0 0 5px #f9db7e,0 0 17px rgba(214,168,61,.8)}
  100%{opacity:1;transform:none;filter:none;text-shadow:0 0 8px rgba(214,168,61,.28)}
}
@keyframes baceCrownEntrance{
  0%{opacity:0;transform:rotate(-8deg) scale(.76);filter:brightness(.65)}
  42%{opacity:1;transform:rotate(3deg) scale(1.12);filter:brightness(1.55) drop-shadow(0 0 18px rgba(240,199,94,.95))}
  100%{opacity:1;transform:none;filter:drop-shadow(0 6px 14px rgba(214,168,61,.25))}
}
@media(prefers-reduced-motion:reduce){.nav-wrap .brand-with-logo,.nav-wrap .brand-with-logo .brand-logo{animation:none}}
.classifieds-link{color:#f0c75e}


/* Portfolio gallery */
.portfolio-head{display:flex;align-items:end;justify-content:space-between;gap:28px;max-width:none}
.portfolio-head>div{max-width:790px}
.portfolio-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.project-card{background:#111114;border:1px solid #29292e;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}
.project-card:hover{transform:translateY(-5px);border-color:#514524;box-shadow:0 20px 45px rgba(0,0,0,.24)}
.featured-project{grid-column:span 2}
.project-image{display:block;width:100%;padding:0;border:0;background:#09090a;cursor:zoom-in;overflow:hidden}
.project-image img{width:100%;height:470px;object-fit:cover;object-position:top center;transition:transform .35s}
.project-card:not(.featured-project) .project-image img{height:390px}
.project-image:hover img{transform:scale(1.025)}
.project-info{padding:21px;display:flex;flex-direction:column;flex:1}
.project-type{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#f0c75e;margin-bottom:9px}
.project-info h3{font-size:25px;margin-bottom:9px}
.project-info p{color:#b4b4bc;font-size:13px;margin:0 0 18px}
.project-order{margin-top:auto;width:100%;border:1px solid #443a25;background:#17150f;color:#f0c75e;border-radius:9px;padding:11px 13px;font-weight:800;cursor:pointer}
.project-order:hover{background:#211c10;border-color:#d6a83d}
.portfolio-disclaimer{margin-top:24px;padding:16px 18px;border:1px dashed #4c422c;border-radius:12px;color:#a9a399;font-size:12px}
.portfolio-lightbox{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);padding:28px;place-items:center}
.portfolio-lightbox.open{display:grid}
.portfolio-lightbox img{max-width:min(920px,92vw);max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 25px 90px rgba(0,0,0,.7)}
.lightbox-close{position:fixed;top:18px;right:24px;z-index:101;background:rgba(15,15,17,.8);border:1px solid #444;color:#fff;width:46px;height:46px;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}
@media(max-width:1000px){
  .portfolio-gallery{grid-template-columns:repeat(2,1fr)}
  .featured-project{grid-column:span 2}
}
@media(max-width:680px){
  .portfolio-head{display:block}
  .portfolio-head .btn{margin-top:12px}
  .portfolio-gallery{grid-template-columns:1fr}
  .featured-project{grid-column:auto}
  .project-image img,.project-card:not(.featured-project) .project-image img{height:auto;max-height:none}
}


/* Client-ready additions */
.service-page-links{display:flex;flex-wrap:wrap;gap:10px;margin:-12px 0 35px}
.service-page-links a{padding:10px 13px;background:#121214;border:1px solid #2d2d32;border-radius:999px;font-size:12px;font-weight:800;color:#d7d7dc}
.service-page-links a:hover{color:#f0c75e;border-color:#574a29}
.calculator-section{background:radial-gradient(circle at 20% 40%,rgba(214,168,61,.08),transparent 30%)}
.calculator-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}
.calculator-grid>div:first-child>p{color:#b4b4bc}
.calc-help{margin-top:24px;display:grid;gap:5px;border-left:3px solid #d6a83d;padding-left:15px}.calc-help span{color:#999;font-size:13px}
.calculator-card{background:#121214;border:1px solid #332f27;border-radius:20px;padding:27px;display:grid;gap:16px;box-shadow:0 25px 60px rgba(0,0,0,.2)}
.calculator-card label{display:grid;gap:8px;font-size:12px;font-weight:800}
.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calc-check{align-content:end;grid-template-columns:auto 1fr!important;align-items:center}.calc-check input{width:auto}
.calc-result{background:linear-gradient(135deg,#17150f,#101012);border:1px solid #4a3e24;border-radius:14px;padding:18px;display:grid;gap:3px}
.calc-result span{font-size:12px;color:#a9a39a}.calc-result strong{font-family:Oswald;font-size:42px;color:#f0c75e}.calc-result small{color:#888}
.audit-section{background:radial-gradient(circle at 85% 30%,rgba(214,168,61,.09),transparent 27%)}
.audit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.audit-grid>div>p{color:#b4b4bc}.audit-points{display:grid;gap:9px;margin-top:20px;color:#d5d1c7;font-size:13px}
.audit-form{background:#121214;border:1px solid #2b2b30;border-radius:18px;padding:25px;display:grid;gap:14px}.audit-form label{display:grid;gap:7px;font-size:12px;font-weight:800}
.quick-contact{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:24px 0 10px}.quick-contact-btn{border:1px solid #36363c;background:#141417;color:#fff;border-radius:10px;padding:11px 13px;font-weight:800;text-align:center;cursor:pointer}.quick-contact-btn:hover{border-color:#d6a83d;color:#f0c75e}.quick-contact-btn.disabled{opacity:.45;cursor:not-allowed}
.contact-setup-note{font-size:11px!important;color:#7f7f87!important}.order-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.order-links a{font-size:11px;color:#a8a8af;border-bottom:1px solid #3a3a3e}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-help{color:#7f7f87;font-weight:500;line-height:1.4}.check-line{grid-template-columns:auto 1fr!important;align-items:start}.check-line input{width:auto;margin-top:4px}
.success-code{margin:25px auto;padding:18px;background:#121214;border:1px solid #4b4027;border-radius:14px;max-width:430px;display:grid;gap:5px}.success-code span{font-size:11px;color:#999}.success-code strong{font-family:Oswald;color:#f0c75e;font-size:30px;letter-spacing:1px}

/* Detail pages */
.service-detail-hero{padding:95px 0 72px;background:radial-gradient(circle at 75% 25%,rgba(214,168,61,.12),transparent 30%),linear-gradient(180deg,#09090a,#0e0e10)}
.service-detail-hero h1{font-size:clamp(50px,7vw,80px)}.service-detail-hero p{color:#b4b4bc;font-size:18px;max-width:760px}.service-big-icon{font-size:47px;margin-bottom:14px}
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.detail-card{background:#121214;border:1px solid #29292e;border-radius:17px;padding:24px;display:flex;flex-direction:column}.detail-card strong{font-family:Oswald;font-size:30px;color:#f0c75e}.detail-card p{color:#aaa;flex:1}.detail-card .btn{margin-top:10px}
.service-send-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.service-send-grid p{color:#aaa}.send-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:0}.send-list li{background:#141417;border:1px solid #2c2c31;border-radius:11px;padding:14px}.send-list li:before{content:"✓";color:#f0c75e;font-weight:900;margin-right:9px}
.service-example-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-example-gallery img{width:100%;height:390px;object-fit:cover;object-position:top;border-radius:15px;border:1px solid #303035}.center-cta{text-align:center;margin-top:28px}.service-nav{display:flex}

/* About / legal / status */
.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.about-grid article{background:#121214;border:1px solid #29292e;border-radius:16px;padding:24px}.about-grid p{color:#aaa}
.legal-page{padding:90px 0;max-width:900px}.legal-page h1{font-size:clamp(45px,6vw,70px)}.legal-page h2{font-size:26px;margin-top:35px}.legal-page p{color:#bbb}.legal-warning{margin:24px 0;padding:17px;border:1px dashed #64522d;background:#15130e;color:#d4c8ad;border-radius:12px}
.status-page{padding:100px 0;max-width:800px}.status-page>p{color:#aaa}.status-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin:25px 0}.status-card{background:#121214;border:1px solid #323238;border-radius:18px;padding:24px;margin:20px 0}.status-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.status-badge{background:#241e0f;color:#f0c75e;border:1px solid #574826;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px}.progress{height:10px;background:#252529;border-radius:999px;overflow:hidden;margin:18px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#d6a83d,#f0c75e)}.status-steps{display:grid;gap:9px}.status-step{padding:10px 12px;border-left:3px solid #343439;color:#777}.status-step.done{border-left-color:#d6a83d;color:#ddd}

/* Ecosystem cards */
.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ecosystem-card{padding:25px;border:1px solid #2c2c31;border-radius:16px;background:#121214}.ecosystem-card p{color:#aaa}.ecosystem-link.disabled{opacity:.5;pointer-events:none}

@media(max-width:1000px){
  .detail-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .calculator-grid,.audit-grid,.service-send-grid{grid-template-columns:1fr}
  .service-example-gallery{grid-template-columns:repeat(2,1fr)}
  .ecosystem-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .calc-row,.form-two,.send-list,.about-grid,.service-example-gallery,.detail-grid{grid-template-columns:1fr}
  .quick-contact{grid-template-columns:1fr}
  .status-search{grid-template-columns:1fr}
}

/* Home collection showcase */
.collection-hero-card img{object-fit:cover!important;padding:0!important;background:#0b0b0d!important}
.home-collection-strip{padding:64px 0 74px;background:radial-gradient(circle at 20% 0%,rgba(214,168,61,.10),transparent 32%),#0b0b0d;border-top:1px solid #242015;border-bottom:1px solid #211d14}
.home-collection-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}
.home-collection-head>div{max-width:760px}.home-collection-head h2{margin-bottom:8px}.home-collection-head p{color:#aaa;margin:0}
.home-product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.home-product-card{background:#121214;border:1px solid #2a2a2e;border-radius:16px;overflow:hidden;padding-bottom:15px;transition:.2s;min-width:0}
.home-product-card:hover{transform:translateY(-4px);border-color:#66552b;box-shadow:0 18px 38px rgba(0,0,0,.25)}
.home-product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#0a0a0b;display:block}
.home-product-card span,.home-product-card strong,.home-product-card b{display:block;margin-left:14px;margin-right:14px}
.home-product-card span{margin-top:12px;color:#c5a64d;font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
.home-product-card strong{margin-top:6px;color:#fff;font-size:13px;line-height:1.35;min-height:36px}
.home-product-card b{margin-top:10px;color:#f0c75e;font-size:17px}
.home-collection-note{margin:18px 0 0;color:#777;font-size:11px;line-height:1.55}
@media(max-width:1100px){.home-product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.home-collection-head{align-items:flex-start;flex-direction:column}.home-product-grid{grid-template-columns:repeat(2,1fr)}.home-product-card strong{min-height:0}}

/* 2026 BaCe Collection portrait framing */
.home-product-card{background-image:linear-gradient(135deg,rgba(7,7,9,.40),rgba(7,7,9,.86)),url('assets/bace-portrait-bg.jpg');background-size:cover;background-position:center 40%;padding-top:12px}
.home-product-card img{width:calc(100% - 24px);margin:0 12px;aspect-ratio:1/1;object-fit:contain;background:#f3f0e9;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.34)}
.collection-hero-card{background-image:linear-gradient(135deg,rgba(7,7,9,.26),rgba(7,7,9,.78)),url('assets/bace-portrait-bg.jpg');background-size:cover;background-position:center 40%}
.collection-hero-card{display:block;text-decoration:none}
.collection-hero-card img{width:84%!important;margin:22px auto 8px!important;object-fit:contain!important;background:#f3f0e9!important;border-radius:14px!important;box-shadow:0 20px 50px rgba(0,0,0,.38);transition:opacity .35s ease,transform .35s ease}
.collection-hero-card img.is-switching{opacity:.3;transform:scale(.985)}
.hero-rotator-meta{position:absolute;left:22px;right:22px;bottom:62px;z-index:2;display:grid;gap:4px;pointer-events:none}
.hero-rotator-meta span{color:#f0c75e;font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
.hero-rotator-meta strong{color:#fff;font-size:18px;line-height:1.25;text-shadow:0 3px 14px rgba(0,0,0,.45)}
.hero-rotator-meta b{color:#f7d579;font-size:20px}


/* 2026 home collection categories */
.home-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}
.home-category-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;background:linear-gradient(135deg,#151515,#0f0f11);border:1px solid #302b20;border-radius:15px;padding:16px 18px;transition:.2s}
.home-category-card:hover{transform:translateY(-3px);border-color:#d6a83d;background:linear-gradient(135deg,#1b1810,#111114)}
.home-category-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#0b0b0d;border:1px solid #3c3421;font-size:21px}
.home-category-card strong{display:block;color:#fff;font-size:15px}.home-category-card small{display:block;color:#8f8f97;font-size:10px;margin-top:2px}.home-category-card>b{color:#f0c75e;font-size:22px}
@media(max-width:760px){.home-category-grid{grid-template-columns:1fr}.home-category-card{padding:14px 15px}}

/* Home collection uses clean product mockups, without portrait backgrounds. */
.collection-card-live{background:#111114!important;background-image:none!important;}
.collection-card-live img{width:100%!important;object-fit:contain!important;background:#f2f2f2!important;box-shadow:none!important;}

@media(max-width:680px){.hero-rotator-meta{left:18px;right:18px;bottom:58px}.hero-rotator-meta strong{font-size:16px}.hero-rotator-meta b{font-size:18px}}

/* Home music teaser */
.home-music-teaser{padding:48px 0;background:linear-gradient(105deg,#09090b 0%,#16100b 48%,#09090b 100%);border-bottom:1px solid #302817}
.home-music-teaser-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.home-music-teaser h2{margin:6px 0}.home-music-teaser p{margin:0;color:#aaa}
@media(max-width:680px){.home-music-teaser-inner{align-items:flex-start;flex-direction:column}}

/* Order from BaCe */
.order-from-bace{padding:82px 0;background:radial-gradient(circle at 75% 20%,rgba(214,168,61,.10),transparent 27%),#0d0d0f;border-bottom:1px solid #242424}
.order-from-bace-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.order-from-bace-head>div:first-child{max-width:700px}.order-from-bace-head h2{font-size:clamp(38px,5vw,62px);margin:7px 0 10px}.order-from-bace-head h2 span{color:#e1b64a}.order-from-bace-head p{color:#aaa;margin:0}.order-from-bace-mark{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;border:1px solid #705b2b;background:#17130a;color:#f0c75e;font-size:39px;box-shadow:0 0 35px rgba(214,168,61,.14)}
.order-from-bace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bace-order-card{position:relative;display:flex;flex-direction:column;min-height:335px;padding:25px;border-radius:20px;border:1px solid #302f33;background:linear-gradient(145deg,#171719,#101012);overflow:hidden;transition:.25s}.bace-order-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-75px;top:-75px;background:radial-gradient(circle,rgba(214,168,61,.12),transparent 70%)}.bace-order-card:hover{transform:translateY(-5px);border-color:#80682f;box-shadow:0 20px 50px rgba(0,0,0,.3)}.bace-order-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#0b0b0d;border:1px solid #4b4024;color:#f0c75e;font-size:25px;margin-bottom:23px}.bace-order-label{font-size:9px;letter-spacing:1.4px;color:#a78d4d;font-weight:900}.bace-order-card h3{font-size:26px;margin:8px 0}.bace-order-card p{color:#929299;font-size:13px;line-height:1.65;flex:1}.bace-order-card strong{display:block;color:#f0c75e;font-size:23px;margin:13px 0}.bace-order-card button,.bace-order-card a{display:block;width:100%;border:1px solid #6d582a;border-radius:11px;padding:12px 14px;background:#1b160b;color:#f3cf71;font-weight:900;text-align:center;cursor:pointer}.bace-order-card button:hover,.bace-order-card a:hover{background:#d6a83d;color:#0b0b0b}.song-order{background:radial-gradient(circle at 85% 10%,rgba(129,56,162,.14),transparent 35%),linear-gradient(145deg,#171719,#101012)}.merch-order{background:radial-gradient(circle at 85% 10%,rgba(214,168,61,.14),transparent 35%),linear-gradient(145deg,#171719,#101012)}.site-order{background:radial-gradient(circle at 85% 10%,rgba(39,116,180,.14),transparent 35%),linear-gradient(145deg,#171719,#101012)}
@media(max-width:850px){.order-from-bace-grid{grid-template-columns:1fr}.bace-order-card{min-height:285px}}
@media(max-width:680px){.order-from-bace{padding:62px 0}.order-from-bace-head{align-items:flex-start}.order-from-bace-mark{width:58px;height:58px;font-size:28px;flex:0 0 auto}.order-from-bace-head p{font-size:13px}}

/* Store-first homepage */
.storefront-first{padding:64px 0 70px;background:radial-gradient(circle at 18% 5%,rgba(214,168,61,.12),transparent 29%),linear-gradient(180deg,#09090a,#0d0d0f);border-bottom:1px solid #252525}
.storefront-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:28px;align-items:start}
.storefront-shop,.storefront-services{background:#101012;border:1px solid #29292d;border-radius:23px;padding:25px;box-shadow:0 24px 70px rgba(0,0,0,.27)}
.storefront-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:22px}.storefront-heading>div{max-width:590px}.storefront-heading h1{font-size:clamp(42px,5vw,68px);line-height:.98;margin:9px 0 12px}.storefront-heading h1 span{color:#e2b84e}.storefront-heading p{color:#aaa;margin:0}
.storefront-products{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:13px}.storefront-product{display:flex;flex-direction:column;background:#171719;border:1px solid #303034;border-radius:16px;overflow:hidden;padding-bottom:15px;transition:.22s;min-width:0}.storefront-product:hover{transform:translateY(-4px);border-color:#876e31;box-shadow:0 16px 34px rgba(0,0,0,.3)}.storefront-product img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#f0f0f0}.storefront-product span,.storefront-product strong,.storefront-product b{margin-left:14px;margin-right:14px}.storefront-product span{margin-top:12px;color:#c5a64d;font-size:9px;font-weight:900;letter-spacing:1.3px}.storefront-product strong{margin-top:5px;color:#fff;font-size:13px;line-height:1.35;flex:1}.storefront-product b{margin-top:10px;color:#f0c75e;font-size:18px}
.storefront-collections{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.storefront-collections a{padding:9px 12px;border:1px solid #393225;border-radius:999px;color:#c8b77c;background:#13120f;font-size:10px;font-weight:800}.storefront-collections a:hover{border-color:#d6a83d;color:#fff}
.storefront-services{position:sticky;top:94px}.storefront-services h2{font-size:36px;margin:7px 0}.storefront-services>p{color:#8f8f97;font-size:13px;margin:0 0 18px}.storefront-service-list{display:grid;gap:9px}.storefront-service-list a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:13px;border:1px solid #29292d;border-radius:13px;background:#151517;transition:.2s}.storefront-service-list a:hover{transform:translateX(-4px);border-color:#6d592b;background:#191711}.storefront-service-list a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#0d0d0f;font-size:19px}.storefront-service-list strong,.storefront-service-list small{display:block}.storefront-service-list strong{font-size:12px;color:#fff}.storefront-service-list small{font-size:9px;color:#85858e;margin-top:3px}.storefront-service-list b{color:#d6a83d}.storefront-service-list .music-service{background:linear-gradient(100deg,#19130a,#161017);border-color:#4b3b21}
@media(max-width:1000px){.storefront-layout{grid-template-columns:1fr}.storefront-services{position:static}.storefront-service-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.storefront-first{padding:30px 0 45px}.storefront-shop,.storefront-services{padding:17px;border-radius:18px}.storefront-heading{align-items:flex-start;flex-direction:column}.storefront-products{grid-template-columns:repeat(2,1fr)}.storefront-product.featured{grid-column:1/-1}.storefront-product.featured img{aspect-ratio:16/10}.storefront-service-list{grid-template-columns:1fr}.storefront-heading h1{font-size:43px}}


/* Final product-only imagery: no portrait/background behind merchandise. */
.home-product-card{background:#121214!important;background-image:none!important;padding-top:0!important}
.home-product-card img{width:100%!important;margin:0!important;aspect-ratio:1/1!important;object-fit:contain!important;background:#f2f2f2!important;border-radius:0!important;box-shadow:none!important}
.collection-hero-card{background:#111114!important;background-image:none!important}
.collection-hero-card img{background:#f2f2f2!important;box-shadow:none!important}
