/* Temporary review only: no matching attribute means no changes to the current hero. */
@font-face{font-family:Prata;src:url('/assets/Prata-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
[data-hero-review]{--hero-ink:var(--parchment);--hero-base:var(--garnet);--hero-button:var(--parchment);--hero-button-ink:var(--garnet);--hero-glow:rgba(156,70,64,.36);--hero-edge:rgba(22,3,5,.40);--hero-grain:.18}
[data-hero-review="b"]{--hero-ink:var(--brown);--hero-base:var(--parchment);--hero-button:var(--garnet);--hero-button-ink:var(--parchment);--hero-glow:rgba(156,70,64,.13);--hero-edge:rgba(83,43,41,.10);--hero-grain:.23}
[data-hero-review] .header{color:var(--hero-ink)}
[data-hero-review] .header nav .contact-cta{background:var(--hero-button);color:var(--hero-button-ink);padding:11px 16px;border:1px solid transparent}
[data-hero-review] .contact-cta>span{display:none}
[data-hero-review] .header nav a.contact-cta:hover{border-color:currentColor;box-shadow:0 0 0 2px var(--hero-base)}
[data-hero-review] .hero{isolation:isolate;color:var(--hero-ink);background:radial-gradient(ellipse at 52% 43%,var(--hero-glow),transparent 70%),radial-gradient(ellipse at 50% 48%,transparent 24%,var(--hero-edge) 100%),var(--hero-base)}
[data-hero-review] .hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--hero-grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23808080' filter='url(%23n)' d='M0 0h240v240H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
[data-hero-review] .hero-composition{max-width:1440px;grid-template-columns:30% minmax(0,50%);column-gap:20%}
[data-hero-review] .hero h1{font-family:var(--font-heading);font-size:clamp(48px,4.3vw,68px);line-height:1.23;letter-spacing:-.7px;text-transform:none;font-weight:400}
[data-hero-review] .hero h1 em{font-style:normal}
[data-hero-review] .hero .tagline{font:400 clamp(17px,1.3vw,19px)/1.65 var(--font-ui);letter-spacing:.25px;margin-top:24px}
[data-hero-review] .scroll-cue{background:var(--hero-ink)}
[data-hero-review] .scroll-cue:after{border-color:var(--hero-ink)}
[data-hero-review="b"] .hero .logo{filter:none;opacity:1}
@media(max-width:1380px){[data-hero-review] .header nav{color:var(--brown)}[data-hero-review] .header nav .contact-cta{background:var(--garnet);color:var(--parchment)}}
@media(min-width:601px) and (max-width:1100px){[data-hero-review] .hero-composition{grid-template-columns:28% minmax(0,60%);column-gap:12%}[data-hero-review] .hero h1{font-size:clamp(34px,4.35vw,48px)}}
@media(max-width:600px){[data-hero-review] .hero-composition{gap:30px}[data-hero-review] .hero h1{font-size:clamp(28px,8.2vw,45px);line-height:1.27;letter-spacing:-.4px}[data-hero-review] .hero .tagline{font-size:17px;max-width:280px;margin-top:20px}}
/* Canva hero: approved brand fonts, unmodified user assets, no lower action button. */
[data-hero-review="c"]{--hero-ink:var(--parchment)}
[data-hero-review="c"] .header{padding:30px 4vw}
[data-hero-review="c"] .wordmark{font:400 clamp(18px,1.5vw,22px)/1.4 var(--font-heading);letter-spacing:1.8px}
[data-hero-review="c"] .header nav li{font:400 13px/1.5 var(--font-body);letter-spacing:.15px;text-transform:none}
[data-hero-review="c"] .header nav ul{gap:20px}
[data-hero-review="c"] .header nav .contact-cta{border:1px solid rgba(240,229,215,.8);border-radius:30px;color:var(--parchment);background:transparent;padding:11px 18px}
[data-hero-review="c"] .hero{min-height:max(620px,90svh);padding:140px 7vw 110px;background:url('/assets/delivery/hero-background.webp') center/cover,var(--garnet);background-image:image-set(url('/assets/delivery/hero-background.avif') type('image/avif'),url('/assets/delivery/hero-background.webp') type('image/webp'))}
/* New supplied background already contains its intended shading. */
[data-hero-review="c"] .hero:before{display:none}
[data-hero-review="c"] .hero-composition{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,54fr);gap:clamp(40px,6vw,96px);align-items:center;max-width:1240px}
[data-hero-review="c"] .hero .logo{width:min(100%,410px);height:auto;filter:none;opacity:1;justify-self:center}
[data-hero-review="c"] .hero-copy{min-width:0}
[data-hero-review="c"] .hero h1{font:400 clamp(44px,4.3vw,68px)/1.16 var(--font-heading);letter-spacing:-.6px;text-transform:none}
[data-hero-review="c"] .hero .tagline{font:400 clamp(11px,.85vw,13px)/1.9 var(--font-ui);letter-spacing:3.2px;text-transform:uppercase;margin:24px 0 0;max-width:560px}
[data-hero-review="c"] .scroll-cue{position:absolute;left:50%;bottom:30px;width:1px;height:38px;margin:0;opacity:.65}
[data-hero-review="c"] .scroll-cue:after{display:block}
@media(max-width:1380px){[data-hero-review="c"] .header nav .contact-cta{color:var(--garnet);border-color:var(--garnet)}[data-hero-review="c"] .menu-toggle{border:0;font-size:0;padding:10px}[data-hero-review="c"] .menu-toggle span{font-size:22px}}
@media(min-width:761px) and (max-width:1100px){[data-hero-review="c"] .hero{padding-inline:6vw}[data-hero-review="c"] .hero-composition{grid-template-columns:minmax(0,30fr) minmax(0,62fr);gap:32px}[data-hero-review="c"] .hero h1{font-size:clamp(36px,4.7vw,51px)}}
@media(max-width:760px){[data-hero-review="c"] .header{padding:24px;gap:16px}[data-hero-review="c"] .wordmark{font-size:18px;letter-spacing:1.2px}[data-hero-review="c"] .hero{min-height:max(620px,90svh);padding:110px 24px 90px;background-position:35% center}[data-hero-review="c"] .hero-composition{display:flex;flex-direction:column;gap:22px;text-align:center}[data-hero-review="c"] .hero-copy{width:100%}[data-hero-review="c"] .hero .logo{width:clamp(180px,29svh,250px)}[data-hero-review="c"] .hero h1{font-size:clamp(28px,8.1vw,46px);line-height:1.22;letter-spacing:-.4px}[data-hero-review="c"] .hero .tagline{font-size:11px;line-height:2;letter-spacing:2.6px;max-width:290px;margin:20px auto 0}[data-hero-review="c"] .scroll-cue{height:30px;bottom:27px}}
@media(max-height:540px) and (min-width:761px){[data-hero-review="c"] .hero{min-height:480px;padding-top:115px;padding-bottom:85px}[data-hero-review="c"] .hero .logo{max-width:230px}}
