/* Baking AI – animated brand mark section (homepage). Self-contained; does not touch main.css. */
.brand-reel__inner{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:center}
.brand-reel__copy .section-head{margin-bottom:0}
.brand-reel__media{position:relative;margin:0;display:flex;align-items:center;justify-content:center;min-height:clamp(260px,26vw,420px)}
.brand-reel__media:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--line-2) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.55) 38%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.55) 38%,transparent 72%);pointer-events:none}
.brand-reel__video{position:relative;width:100%;max-width:560px;height:auto;mix-blend-mode:multiply;background:transparent}
.brand-reel__tag{position:absolute;right:6%;bottom:8%;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 24px #1414141a;font-size:.75rem;color:var(--ink-2);white-space:nowrap}
.brand-reel__tag i{width:8px;height:8px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px #14141414;animation:brandPulse 2.4s ease-in-out infinite}
@keyframes brandPulse{0%,100%{opacity:1}50%{opacity:.35}}
.js .brand-reel__media{opacity:0;translate:0 24px;transition:opacity .9s var(--ease) .15s,translate .9s var(--ease) .15s}
.js .brand-reel__media.is-in{opacity:1;translate:0 0}
@media(max-width:960px){.brand-reel__inner{grid-template-columns:1fr;gap:24px}.brand-reel__media{min-height:0;padding:24px 0}}
@media(max-width:640px){.brand-reel__tag{display:none}}
@media(prefers-reduced-motion:reduce){.brand-reel__tag i{animation:none}.js .brand-reel__media{opacity:1;translate:none;transition:none}}


/* spacing: tighter rhythm with neighbours */
.section.brand-reel{padding:24px 0 8px}
.brand-reel+script+.section,.brand-reel+.section{padding-top:56px}
.brand-reel__media{min-height:0;padding:8px 0 28px}
.brand-reel__tag{bottom:0;right:2%}
@media(max-width:960px){.section.brand-reel{padding:24px 0 0}.brand-reel+script+.section,.brand-reel+.section{padding-top:40px}}

/* Hero: animated logo centred in the right column */
.hero__inner{gap:48px;justify-content:space-between}
.hero__copy{flex:none}
.hero__inner{align-items:center}
.hero__reel{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;align-self:center;min-height:0;padding:0;margin:0}
.hero__reel .brand-reel__video{margin:0 auto;max-width:600px}
.hero__reel .brand-reel__tag{right:8%;bottom:-6px}
@media(max-width:960px){.hero__inner{flex-direction:column;align-items:stretch;padding-top:16px;margin-top:0;gap:8px}.hero__reel{order:-1;flex:none;min-height:0;padding:8px 0 24px}.hero__reel .brand-reel__video{max-width:440px}.hero__reel .brand-reel__tag{right:4%;bottom:0}}
/* Journey: mountain as a faded background, clouds on the left, peak on the right */
.brand-reel--journey{position:relative;overflow:hidden;padding:0;min-height:clamp(400px,34vw,500px);display:flex;align-items:center}
.brand-reel--journey .brand-reel__inner{display:block;position:static;width:100%}
.brand-reel--journey .brand-reel__copy{position:relative;z-index:1;max-width:min(520px,42%)}
.journey-visual{position:absolute;top:0;right:0;height:100%;aspect-ratio:2/1;margin:0;z-index:0;-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.55) 22%,#000 46%),linear-gradient(to bottom,transparent 0,#000 8%,#000 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.55) 22%,#000 46%),linear-gradient(to bottom,transparent 0,#000 8%,#000 90%,transparent 100%);mask-composite:intersect}
.journey-visual__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 39%}
.journey-visual .hero__flag{top:12%}.journey-visual .hero__pin--1{top:63%}.journey-visual .hero__pin--2{top:37.5%}.journey-visual .hero__pin--3{top:80%}
@media(max-width:960px){.brand-reel--journey{display:block;min-height:0;padding:72px 0 0}.brand-reel--journey .brand-reel__copy{max-width:none}.journey-visual{position:relative;width:100%;height:auto;margin-top:8px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 90%,transparent 100%)}}
@media(max-width:640px){.journey-visual .hero__pin{gap:6px;padding:5px 10px 5px 6px;font-size:.6875rem}.journey-visual .hero__pin b{width:18px;height:18px;font-size:.625rem}.journey-visual .hero__pin strong{font-size:.75rem}.journey-visual .hero__flag{font-size:.75rem}.journey-visual .hero__pin--2,.journey-visual .hero__pin--3{left:auto;right:3%}}