.section-intro { display:grid; grid-template-columns:1fr .8fr; gap:60px; align-items:end; }.section-intro h2 { margin:0; font:800 clamp(2.7rem,5vw,4.7rem)/.91 "Barlow Condensed",sans-serif; text-transform:uppercase; }.section-intro h2 em { color:var(--red); font-style:normal; }.section-intro > p { margin:0; color:var(--muted); font-size:1.03rem; }.service-explainer { background:#0b0d10; }.explain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:44px; }.explain-card { position:relative; overflow:hidden; min-height:330px; padding:29px; background:linear-gradient(155deg,#171a1f,#0b0d10 72%); border:1px solid var(--line); transition:transform .28s ease,border-color .28s ease; }.explain-card:after { content:""; position:absolute; inset:auto -20% -65% auto; width:280px; height:280px; background:radial-gradient(circle,rgba(215,25,32,.18),transparent 65%); transition:transform .45s ease; }.explain-card:hover { transform:translateY(-8px); border-color:var(--red); }.explain-card:hover:after { transform:scale(1.45); }.explain-card > * { position:relative; z-index:1; }.explain-card > span { color:var(--red); font:800 1rem "Barlow Condensed",sans-serif; letter-spacing:.14em; }.explain-card h3 { margin:35px 0 12px; font:800 2.3rem/.9 "Barlow Condensed",sans-serif; text-transform:uppercase; }.explain-card p { margin:0; color:var(--muted); font-size:.91rem; }.explain-card a { display:block; margin-top:28px; color:var(--white); font:800 .76rem Manrope,sans-serif; letter-spacing:.1em; text-transform:uppercase; }.explain-card a:hover { color:var(--red); }
.price-section-intro { max-width:650px; margin:12px 0 -10px; color:var(--muted); }.callout-strip { padding:68px 0; background:linear-gradient(105deg,#351014,#090b0e 55%); border-top:1px solid rgba(215,25,32,.35); border-bottom:1px solid rgba(215,25,32,.35); }.callout-strip .shell { display:grid; grid-template-columns:.85fr 1fr auto; gap:45px; align-items:center; }.callout-strip h2 { margin:0; font:800 clamp(2.5rem,4vw,4rem)/.9 "Barlow Condensed",sans-serif; text-transform:uppercase; }.callout-strip strong { display:flex; flex-direction:column; color:var(--white); font:800 3.8rem/.75 "Barlow Condensed",sans-serif; }.callout-strip strong small { margin:7px 0 0; color:var(--red); font:800 .72rem Manrope,sans-serif; letter-spacing:.1em; text-transform:uppercase; }.callout-strip p { margin:14px 0 0; max-width:480px; color:var(--muted); font-size:.86rem; }
.service-detail-hero { padding:125px 0 85px; background:radial-gradient(circle at 86% 24%,rgba(215,25,32,.3),transparent 23%),linear-gradient(120deg,#15191f,#090b0e 64%); }.service-detail-hero:before { content:""; position:absolute; width:520px; height:520px; right:-30px; bottom:-230px; background:url('../images/avon-brand-mark.png') center/contain no-repeat; opacity:.16; filter:grayscale(1); transform:rotate(-8deg); }.service-hero-layout { display:grid; grid-template-columns:1fr 285px; gap:55px; align-items:end; }.service-hero-layout > * { position:relative; z-index:1; }.service-hero-layout h1 { max-width:680px; }.service-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:27px; }.service-price-badge { padding:28px; background:linear-gradient(145deg,#2d1015,#0a0b0e); border:1px solid rgba(215,25,32,.65); box-shadow:0 20px 45px rgba(0,0,0,.3); animation:badge-float 4s ease-in-out infinite; }.service-price-badge span { display:block; color:#e7e7e7; font:800 .73rem Manrope,sans-serif; letter-spacing:.1em; text-transform:uppercase; }.service-price-badge strong { display:block; margin:14px 0 16px; font:800 4.2rem/.78 "Barlow Condensed",sans-serif; }.service-price-badge small { color:var(--muted); font-size:.73rem; }.detail-benefits { background:#111419; }.detail-benefits .shell { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:start; }.benefit-list { border-top:1px solid var(--line); }.benefit-item { display:grid; grid-template-columns:55px 1fr; gap:10px; padding:18px 0; border-bottom:1px solid var(--line); }.benefit-item span { color:var(--red); font:800 1.25rem "Barlow Condensed",sans-serif; letter-spacing:.08em; }.benefit-item p { margin:0; color:#e2e2e2; }.detail-process { background:#090b0e; }.detail-process .shell { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:start; }.detail-process h2 { margin:0; font:800 clamp(2.8rem,4.8vw,4.7rem)/.9 "Barlow Condensed",sans-serif; text-transform:uppercase; }.detail-process h2 em { color:var(--red); font-style:normal; }.detail-checks { border:1px solid var(--line); background:#101216; padding:10px 25px; }.detail-checks p { display:flex; align-items:flex-start; gap:14px; padding:17px 0; margin:0; border-bottom:1px solid var(--line); color:#e5e5e5; }.detail-checks p:last-child { border-bottom:0; }.detail-checks i { color:var(--red); font-style:normal; font-weight:800; }.booking-band { text-align:center; background:linear-gradient(100deg,#5a0b0e,#1c0c0f 55%,#0b0d10); }.booking-band h2 { margin:0 auto 25px; max-width:940px; font:800 clamp(2.8rem,5vw,5.1rem)/.91 "Barlow Condensed",sans-serif; text-transform:uppercase; }
@keyframes badge-float { 0%,100% { transform:translateY(0); box-shadow:0 20px 45px rgba(0,0,0,.3); } 50% { transform:translateY(-7px); box-shadow:0 27px 55px rgba(0,0,0,.42); } }
.brand-manifesto { overflow:hidden; background:linear-gradient(112deg,#201014,#0b0d10 66%); }.brand-manifesto .shell { min-height:360px; display:grid; grid-template-columns:.9fr 1.1fr; gap:35px; align-items:center; }.brand-manifesto h2,.brand-gallery h2 { margin:0 0 17px; font:800 clamp(2.7rem,4.7vw,4.6rem)/.9 "Barlow Condensed",sans-serif; text-transform:uppercase; }.brand-manifesto p:not(.eyebrow),.brand-gallery p:not(.eyebrow) { max-width:570px; color:var(--muted); }.brand-manifesto img { justify-self:end; width:min(100%,540px); max-height:360px; object-fit:contain; mix-blend-mode:screen; filter:drop-shadow(0 10px 28px rgba(0,0,0,.3)); }.brand-gallery { background:#0a0c0f; }.brand-gallery .shell { display:grid; grid-template-columns:.7fr 1.3fr; align-items:center; gap:50px; }.brand-gallery img { width:100%; border:1px solid var(--line); box-shadow:0 25px 48px rgba(0,0,0,.35); }
@media (max-width:850px) { .section-intro,.callout-strip .shell,.service-hero-layout,.detail-benefits .shell,.detail-process .shell,.brand-manifesto .shell,.brand-gallery .shell { grid-template-columns:1fr; gap:28px; }.explain-grid { grid-template-columns:1fr; }.callout-strip { padding:55px 0; }.callout-strip .button { width:100%; }.service-price-badge { max-width:320px; }.detail-benefits .section-intro { gap:16px; }.brand-manifesto .shell { padding:50px 0; }.brand-manifesto img { justify-self:center; max-height:300px; }.brand-gallery img { order:-1; } }.home-price-board { min-height:0; }