.brand-page-pad{padding:clamp(76px,9vw,144px) var(--gutter)}
.brand-page-hero{height:100svh;min-height:720px;padding-top:var(--header);display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);background:var(--canvas)}
.brand-page-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(24px,4vh,46px);padding:clamp(76px,9vw,136px) var(--gutter);background:var(--accent)}
.brand-page-hero-copy h1{margin:0;width:min(100%,460px)}
.brand-page-hero-copy h1 img{height:auto;object-fit:contain}
.brand-page-lead{max-width:600px;margin:0;font-size:clamp(18px,1.55vw,24px);font-weight:600;line-height:1.48}
.brand-page-hero-image{height:calc(100svh - var(--header));min-height:656px;overflow:hidden;background:#b9d6e8}
.brand-page-hero-image img{object-position:50% 44%}
.brand-origin{display:grid;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);gap:clamp(44px,8vw,132px);align-items:center;background:var(--canvas)}
.brand-origin-copy h2,.product-worlds-heading h2,.technology-copy h2,.campaign-places-heading h2,.brand-community-copy h2{margin:20px 0 30px;font-size:clamp(48px,6.2vw,98px);font-weight:700;line-height:.93;letter-spacing:-.05em}
.brand-origin-copy>p:last-child,.technology-copy>p:not(.section-index),.campaign-places-heading>p:not(.section-index),.brand-community-copy>p:not(.section-index){max-width:670px;margin:0;font-size:clamp(17px,1.4vw,22px);line-height:1.58}
.brand-origin-image{position:relative;aspect-ratio:4/5;overflow:hidden}.brand-origin-image img{object-position:center 34%}
.brand-origin-image figcaption,.campaign-place-images figcaption,.brand-community-image figcaption{position:absolute;left:18px;bottom:16px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.65)}
.product-worlds{background:var(--surface)}
.product-worlds-heading{display:grid;grid-template-columns:.32fr 1fr;gap:clamp(28px,6vw,96px);align-items:end;padding-bottom:clamp(52px,6vw,90px)}
.product-worlds-heading h2{margin:0;max-width:900px}
.product-world-list{border-top:1px solid var(--line)}
.product-world{display:grid;grid-template-columns:minmax(180px,26vw) 42px minmax(180px,.7fr) 1fr auto;gap:clamp(16px,3vw,50px);align-items:center;min-height:clamp(180px,20vw,290px);padding:0 var(--gutter);border-bottom:1px solid var(--line)}
.product-world figure{align-self:stretch;overflow:hidden}.product-world figure img{object-position:center 38%;transition:transform .55s ease}.product-world:hover figure img{transform:scale(1.025)}
.product-world>span{font-size:10px;letter-spacing:.13em}.product-world h3{margin:0;font-size:clamp(34px,4vw,64px);line-height:1;letter-spacing:-.04em}.product-world p{max-width:420px;margin:0;font-size:clamp(15px,1.2vw,19px);line-height:1.5}.product-world a{padding-bottom:5px;border-bottom:1px solid;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.technology-feature{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(250px,.62fr) minmax(240px,.53fr);gap:clamp(28px,5vw,76px);align-items:center;background:var(--accent)}
.technology-copy h2{font-size:clamp(46px,5.5vw,86px)}.technology-copy .text-link{display:inline-block;margin-top:32px}
.technology-diagram{padding:clamp(18px,2.4vw,34px);background:var(--canvas)}.technology-diagram img{height:auto;object-fit:contain}.technology-diagram figcaption{margin-top:14px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.technology-product{aspect-ratio:3/4;overflow:hidden}.technology-product img{object-position:center 34%}
.campaign-places{background:var(--canvas)}
.campaign-places-heading{display:grid;grid-template-columns:.26fr 1fr .65fr;gap:clamp(28px,5vw,76px);align-items:end;padding-bottom:clamp(54px,6vw,94px)}
.campaign-places-heading h2{margin:0}.campaign-places-heading>p:not(.section-index){align-self:end}.campaign-places-heading .text-link{grid-column:3;justify-self:start}
.campaign-place-images{display:grid;grid-template-columns:.84fr 1.12fr .92fr;gap:clamp(12px,2vw,28px);align-items:start;padding:0 var(--gutter) clamp(76px,9vw,144px)}
.campaign-place-images figure{position:relative;overflow:hidden}.campaign-place-images figure:nth-child(1){aspect-ratio:4/5;margin-top:8vw}.campaign-place-images figure:nth-child(2){aspect-ratio:3/2}.campaign-place-images figure:nth-child(3){aspect-ratio:4/5;margin-top:4vw}.campaign-place-images img{object-position:center 38%}
.brand-community{display:grid;grid-template-columns:1.15fr .85fr;min-height:88svh;background:var(--surface)}
.brand-community-image{position:relative;min-height:88svh;overflow:hidden}.brand-community-image img{object-position:center 42%}
.brand-community-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(62px,8vw,126px) var(--gutter)}
.brand-community-copy .text-link{align-self:flex-start;margin-top:32px}
.brand-shop-bridge{background:var(--accent);border-color:rgba(0,0,0,.25)}
@media(max-width:960px){
  .brand-page-hero{grid-template-columns:1fr;height:auto;min-height:0}.brand-page-hero-copy{padding:54px var(--gutter);gap:24px}.brand-page-hero-copy h1{width:min(78vw,330px)}.brand-page-hero-image{height:auto;min-height:0;aspect-ratio:3/2}.brand-page-hero-image img{object-position:center 45%}
  .brand-origin{grid-template-columns:1fr;gap:46px}.brand-origin-copy h2,.product-worlds-heading h2,.technology-copy h2,.campaign-places-heading h2,.brand-community-copy h2{font-size:clamp(44px,12vw,70px)}.brand-origin-image{aspect-ratio:3/2}.brand-origin-image img{object-position:center 38%}
  .product-worlds-heading{grid-template-columns:1fr;gap:20px}.product-world{grid-template-columns:130px 34px 1fr auto;grid-template-rows:auto auto;gap:6px 14px;min-height:154px;padding:12px var(--gutter)}.product-world figure{grid-column:1;grid-row:1/3;width:130px;height:130px}.product-world>span{grid-column:2;grid-row:1/3;align-self:start;padding-top:8px}.product-world h3{grid-column:3;grid-row:1;font-size:34px}.product-world p{grid-column:3;grid-row:2;font-size:14px}.product-world a{grid-column:4;grid-row:1/3}
  .technology-feature{grid-template-columns:1fr 1fr}.technology-copy{grid-column:1/-1}.technology-diagram,.technology-product{align-self:stretch}.technology-product{aspect-ratio:4/5}
  .campaign-places-heading{grid-template-columns:1fr;gap:22px}.campaign-places-heading .text-link{grid-column:1}.campaign-place-images{grid-template-columns:1fr;gap:36px}.campaign-place-images figure:nth-child(n){aspect-ratio:3/2;margin-top:0}
  .brand-community{grid-template-columns:1fr;min-height:0}.brand-community-image{min-height:0;aspect-ratio:3/2}.brand-community-copy{padding:68px var(--gutter) 82px}
}
@media(max-width:620px){
  .brand-page-hero-copy{padding-top:42px}.brand-page-lead{font-size:17px}.brand-page-hero-image{aspect-ratio:4/5}
  .brand-origin-image{aspect-ratio:4/5}
  .product-world{grid-template-columns:92px 1fr auto;grid-template-rows:auto auto auto;gap:5px 14px;min-height:136px}.product-world figure{width:92px;height:112px;grid-row:1/4}.product-world>span{display:none}.product-world h3{grid-column:2;grid-row:1;font-size:29px}.product-world p{grid-column:2;grid-row:2;font-size:13px}.product-world a{grid-column:2;grid-row:3;justify-self:start;margin-top:5px}.product-world>a:last-child{white-space:normal}.product-world figure img{object-position:center 34%}
  .technology-feature{grid-template-columns:1fr}.technology-copy,.technology-diagram,.technology-product{grid-column:1}.technology-product{aspect-ratio:3/2}.technology-product img{object-position:center 30%}
  .campaign-place-images figure:nth-child(n),.brand-community-image{aspect-ratio:3/2}
}
@media(prefers-reduced-motion:reduce){.product-world figure img{transition:none}}