.home-v21 .hero .actions>.button:last-child{background:transparent;color:var(--tobacco)}.home-v21 .hero-grid{grid-template-columns:1.1fr 1fr;min-height:0}.home-v21 .hero-art{aspect-ratio:4/5;min-height:0;margin:0 -48px 0 0;height:100%;max-height:740px}.home-visual{min-width:0;position:relative}.home-photo{margin:0;height:100%;width:100%}.home-photo img{height:100%;width:100%;object-fit:cover}.home-photo figcaption{position:absolute;bottom:14px;left:14px;right:14px;padding:5px 9px;background:#f7f4eed9;font-size:.7rem;color:var(--charcoal)}.home-v21 .hero-labels{display:flex;flex-wrap:wrap;gap:10px 20px;text-transform:uppercase}.hero-labels a{border-bottom:1px solid var(--line);padding:6px 0}.hero-path{font-size:.75rem!important;margin:22px 0 0;color:var(--tobacco)!important;letter-spacing:.025em}.hero-path span{padding:0 8px}.media-slot{background:linear-gradient(135deg,#eee7db,#e0d4c5);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;isolation:isolate;overflow:hidden;aspect-ratio:4/3;border:1px solid #c9baaa;color:var(--tobacco)}.media-slot:before{content:'';position:absolute;inset:16px;border:1px solid #b49a7c60;z-index:-1}.media-slot strong{font:clamp(1.55rem,2vw,2.5rem)/1.2 var(--serif);max-width:90%;margin:30px 0 18px}.media-slot>span:not(.slot-index){font-size:.78rem;max-width:300px;line-height:1.6}.media-slot .slot-index,.media-slot small{font-size:.58rem;letter-spacing:.15em;line-height:1.5}.media-slot small{margin-top:30px}.application-visual{aspect-ratio:4/3;width:100%}.application-visual.media-slot{padding:24px 16px}.application-visual.media-slot strong{font-size:1.7rem;margin:22px 0 12px}.visual-applications .application-card{padding:0;border:0}.application-card-copy{padding-top:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.visual-applications .number{margin:0 0 12px}.visual-applications h3{margin-bottom:16px}.visual-applications ul{padding:0;margin:0 0 24px;list-style:none;color:var(--muted);font-size:.82rem;line-height:1.85}.format-intro{max-width:1000px;margin-bottom:44px}.format-intro h2{font-size:clamp(2.3rem,3.4vw,3.7rem)}.format-intro h2 em{color:var(--amber)}.format-intro p{max-width:650px;color:var(--muted)}.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.format-visual{aspect-ratio:1;width:100%}.format-heading{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.format-heading>span{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--amber)}.format-heading h3{font: .85rem/1.6 var(--sans);text-transform:uppercase;letter-spacing:.09em;margin:12px 0}.format-heading strong{display:block;font:clamp(2.8rem,4vw,4.7rem)/1.1 var(--serif);letter-spacing:-.045em;text-transform:none;margin-bottom:8px}.format-card{display:flex;flex-direction:column;align-items:flex-start}.format-card p{font-size:.9rem;color:var(--muted)}.format-card .text-link{margin-top:auto}.visual-scents .scent-card{padding:0;border:0}.scent-visual{aspect-ratio:3/2;width:100%}.scent-visual.media-slot{background:linear-gradient(145deg,#f2ebdf,#dcd1c0)}.visual-scents .scent-card:nth-child(2) .media-slot{background:linear-gradient(145deg,#d3b89b,#bca088)}.visual-scents .scent-card:nth-child(3) .media-slot{background:linear-gradient(145deg,#f4ebd9,#ded0b6)}.scent-card-copy{padding:26px 0;display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%}.library-next{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:22px}.library-next p{font-size:.88rem;margin:0;color:var(--muted)}.repeat-flow{display:flex;gap:22px;flex-wrap:wrap;align-items:center;border-top:1px solid #ffffff40;padding-top:24px;margin-top:40px;font-size:.8rem;color:var(--cream)}.home-v21 .volume{letter-spacing:.045em;font-size:.82rem;line-height:1.6}.home-v21 .journey-step{position:relative}.home-v21 .journey-step:not(:last-child):after{content:'→';position:absolute;right:15px;top:12px;color:var(--cream)}.development-visual,.bulk-visual{aspect-ratio:4/3}.development-process{margin-top:42px}.development-process .process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}.development-process li{align-items:flex-start;font-size:.82rem;line-height:1.5;gap:12px;padding:18px 0}.testing-visual{aspect-ratio:4/3}.testing-visual:has(.video-shell){aspect-ratio:auto}.home-v21 .supply-formats{grid-template-columns:1fr 1fr}.compact-trust{padding:70px 0}.compact-trust h2{font-size:clamp(2rem,3vw,3.2rem)}.compact-trust .pillars{gap:22px 40px}.documentation-section .section-head h2{font-size:clamp(2rem,3vw,3.2rem)}.home-knowledge-links,.category-navigation{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:35px}.category-navigation{margin:0 0 35px}.category-navigation a{font-size:.8rem;border-bottom:1px solid var(--line);padding:7px 0}.category-navigation a[aria-current=page]{color:var(--amber);border-color:var(--amber)}.home-v21 .media-preview{padding-top:70px;padding-bottom:70px}.home-v21 .eyebrow{line-height:1.6}.home-v21 .tobacco .eyebrow,.home-v21 .tobacco .step-number{color:#E0B995}
@media(min-width:1500px){.home-v21 .hero-art{margin-right:calc((1320px - 100vw)/2)}}
@media(max-width:1280px){.header-inner{gap:16px}.nav{gap:13px}.nav>a,.nav>details>summary{font-size:.7rem}.nav .button{padding:10px 12px}.wordmark{font-size:1.5rem}.home-v21 .hero-art{margin-right:-32px}.visual-applications{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 26px}.application-visual{aspect-ratio:16/10}.home-v21 .hero-copy{padding-right:28px}.home-v21 .hero h1{font-size:clamp(3rem,5.8vw,5.5rem)}}
@media(max-width:1100px) and (min-width:1001px){.header-inner{height:78px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);padding:24px 32px;border-bottom:1px solid var(--line);max-height:calc(100dvh - 78px);overflow:auto}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.nav>a,.nav>details>summary{font-size:1rem}.mega{position:static;box-shadow:none;padding:22px 0;border:0}.mega .wrap{width:100%}.mega-grid{grid-template-columns:1fr 1fr}.nav .insights-dropdown{position:static;box-shadow:none}}
@media(max-width:1000px){.home-v21 .hero-grid{grid-template-columns:1fr 1fr}.home-v21 .hero-art{max-height:650px;aspect-ratio:auto}.format-grid{gap:20px}.format-visual.media-slot{padding:22px 15px}.format-visual.media-slot strong{font-size:1.8rem}.media-slot .slot-index{font-size:.55rem}.development-process .process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-v21 .split{gap:35px}.nav>a,.nav>details>summary{font-size:1rem}}
@media(max-width:700px){.home-v21 .hero-grid{display:flex}.home-v21 .hero-art{aspect-ratio:4/5;height:auto;min-height:0;max-height:480px;margin:0 -20px}.home-v21 .hero-art .home-photo img{position:static;height:100%;aspect-ratio:4/5;max-height:480px}.home-v21 .hero-copy{padding:38px 0 32px}.home-v21 .hero h1{font-size:clamp(2.8rem,10.5vw,4rem)}.hero-path{font-size:.69rem!important}.hero-path span{padding:0 3px}.visual-applications{grid-template-columns:1fr;gap:38px}.visual-applications .application-card-copy{width:100%}.visual-applications ul{min-height:0;font-size:.9rem}.application-visual{aspect-ratio:16/10}.format-grid{grid-template-columns:1fr;gap:40px}.format-visual{aspect-ratio:4/3}.format-intro h2{font-size:2.3rem}.format-heading strong{font-size:3.4rem}.scent-visual{aspect-ratio:3/2}.library-next{align-items:flex-start;flex-direction:column}.home-v21 .journey{grid-template-columns:1fr;gap:28px}.home-v21 .journey-step{display:grid;grid-template-columns:45px 1fr;padding:18px 0 0;gap:0 12px}.home-v21 .journey-step .step-number{grid-row:1/4;margin:6px 0}.home-v21 .journey-step h3{margin:0 0 12px}.home-v21 .journey-step p{max-width:none}.home-v21 .volume{grid-column:2;margin:0;padding-top:12px}.home-v21 .journey-step:not(:last-child):after{display:none}.repeat-flow{gap:12px;display:grid;grid-template-columns:1fr;text-align:left}.repeat-flow>span[aria-hidden]{display:none}.development-process .process-list{grid-template-columns:1fr}.development-process li{font-size:.9rem}.home-v21 .split{gap:30px}.home-v21 .pillars{grid-template-columns:1fr 1fr;gap:20px}.home-v21 .documents{grid-template-columns:1fr}.home-v21 .section-head h2{font-size:2.25rem}.home-knowledge-links{gap:18px}.media-slot{padding:26px}.media-slot strong{font-size:2rem}}

/* V2.2 owner-supplied assets: preserve the complete products. */
.home-v21 .hero-grid{grid-template-columns:1fr 1.15fr;align-items:center}.home-v21 .hero h1{font-size:clamp(2.6rem,4.2vw,4.5rem)}.home-v21 .hero-art.real-asset{aspect-ratio:1672/941;height:auto;max-height:none;margin:0}.real-asset .home-photo,.real-asset picture{display:block;height:auto}.real-asset .home-photo img,.home-v21 .hero-art.real-asset .home-photo img{display:block;position:static;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.real-asset.format-visual{aspect-ratio:1}.real-asset.development-visual,.real-asset.testing-visual,.real-asset.bulk-visual{aspect-ratio:3/2}.hero-path{line-height:1.7}
@media(max-width:1000px){.home-v21 .hero-grid{grid-template-columns:1fr}.home-v21 .hero-copy{padding-right:0}.home-v21 .hero-art.real-asset{width:100%;margin:0 0 30px}}
@media(max-width:700px){.home-v21 .hero-art.real-asset{aspect-ratio:1120/941}.home-v21 .hero h1{font-size:clamp(2.5rem,10vw,3.7rem)}.real-asset.format-visual{aspect-ratio:1}.official-logo{width:165px}}

/* One continuous photographic field, scoped to the four requested sections. */
.home-v21 :is(#home-hero,#home-custom,#home-diffusion,#home-supply){
 --canvas:var(--cream);--edge-bleed:clamp(32px,calc((100vw - 1320px)/2),160px);
 overflow:hidden;
}

/* Final desktop Hero refinement: height follows the copy-led grid row. */
@media(min-width:1101px){
 .home-v21 #home-hero .hero-art.real-asset{height:91%;aspect-ratio:auto;min-height:0}
 .home-v21 #home-hero .hero-art .home-photo,
 .home-v21 #home-hero .hero-art picture{height:100%}
 .home-v21 #home-hero .hero-art.real-asset .home-photo img{
  height:100%;width:100%;object-fit:cover;object-position:right center;
 }
 .home-v21 #home-hero .hero-art.real-asset::after{
  background:linear-gradient(to right,var(--canvas),transparent 17%,transparent 98%,var(--canvas)),linear-gradient(to bottom,var(--canvas),transparent 10%,transparent 91%,var(--canvas));
 }
}
.home-v21 :is(#home-hero,#home-diffusion){--canvas:var(--ivory)}
.home-v21 :is(#home-hero,#home-custom,#home-diffusion,#home-supply) .real-asset{isolation:isolate}
.home-v21 :is(#home-hero,#home-custom,#home-diffusion,#home-supply) .real-asset::after{
 content:"";position:absolute;inset:-1px;pointer-events:none;
 background:linear-gradient(to right,var(--canvas),transparent 17%,transparent 98%,var(--canvas)),linear-gradient(to bottom,var(--canvas),transparent 8%,transparent 93%,var(--canvas));
}
.home-v21 #home-diffusion .real-asset::after{
 background:linear-gradient(to left,var(--canvas),transparent 16%,transparent 98%,var(--canvas)),linear-gradient(to bottom,var(--canvas),transparent 8%,transparent 93%,var(--canvas));
}
@media(min-width:1101px){
 .home-v21 #home-hero .hero-grid{grid-template-columns:42% 58%;align-items:center}
 .home-v21 #home-hero .hero-copy{padding-right:28px}
 .home-v21 #home-hero .hero-art.real-asset{width:calc(100% + var(--edge-bleed) + 80px);margin:0 0 0 -80px;align-self:center}
 .home-v21 #home-custom .split,.home-v21 #home-supply .split{grid-template-columns:42% 58%;gap:0}
 .home-v21 #home-diffusion .split{grid-template-columns:55% 45%;gap:0}
 .home-v21 :is(#home-custom,#home-supply) .split>div:first-child{position:relative;z-index:1;padding-right:38px}
 .home-v21 :is(#home-custom,#home-supply) .real-asset{width:calc(100% + var(--edge-bleed) + 32px);margin-left:-32px}
 .home-v21 #home-diffusion .real-asset{width:calc(100% + 48px);margin-left:-48px}
 .home-v21 #home-diffusion .split>div:last-child{position:relative;z-index:1;padding-left:26px}
}
@media(min-width:701px) and (max-width:1100px){
 .home-v21 #home-hero .hero-grid{display:grid;grid-template-columns:1fr}
 .home-v21 #home-hero .hero-copy{padding-right:0;padding-bottom:28px}
 .home-v21 #home-hero .hero-art.real-asset{width:calc(100% + 32px);margin:0 -16px 24px}
 .home-v21 :is(#home-custom,#home-supply) .split{grid-template-columns:43% 57%;gap:0}
 .home-v21 #home-diffusion .split{grid-template-columns:57% 43%;gap:0}
 .home-v21 :is(#home-custom,#home-supply) .split>div:first-child{padding-right:22px}
 .home-v21 :is(#home-custom,#home-supply) .real-asset{width:calc(100% + 24px)}
 .home-v21 #home-diffusion .real-asset{width:calc(100% + 24px);margin-left:-24px}
 .home-v21 #home-diffusion .split>div:last-child{padding-left:22px}
}
@media(max-width:700px){
 .home-v21 :is(#home-hero,#home-custom,#home-diffusion,#home-supply) .real-asset::after{display:none}
 .home-v21 :is(#home-hero,#home-custom,#home-diffusion,#home-supply) .real-asset{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}
 .home-v21 #home-hero .hero-art.real-asset{width:calc(100% + 40px);margin:0 -20px 20px}
 .home-v21 #home-diffusion .testing-visual{order:2}
}

/* Editorial scenes: fade the photograph itself into its existing canvas.
   Keep the center fully opaque and retain the entire uncropped source. */
@media(min-width:701px){
 .home-v21 :is(#home-custom,#home-diffusion,#home-supply) .real-asset::after{display:none}
 .home-v21 :is(#home-custom,#home-diffusion,#home-supply) .home-photo{
  --scene-edge:linear-gradient(to right,transparent 0%,rgba(0,0,0,.15) 3%,rgba(0,0,0,.7) 8%,#000 15%,#000 97%,transparent 100%);
  --scene-height:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 2%,#000 5%,#000 95%,rgba(0,0,0,.7) 98%,transparent 100%);
  -webkit-mask-image:var(--scene-edge),var(--scene-height);
  mask-image:var(--scene-edge),var(--scene-height);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
 }
 .home-v21 #home-diffusion .home-photo{
  --scene-edge:linear-gradient(to left,transparent 0%,rgba(0,0,0,.15) 3%,rgba(0,0,0,.7) 8%,#000 15%,#000 97%,transparent 100%);
 }
}

/* Homepage editorial reserves and lower-page information rhythm. */
.home-v21 :is(#home-applications,#home-fragrances) .editorial-reserve{
 border:0;background:linear-gradient(135deg,var(--ivory),var(--line));
 padding:28px;justify-content:flex-end;align-items:flex-start;text-align:left;
}
.home-v21 :is(#home-applications,#home-fragrances) .editorial-reserve::before{display:none}
.home-v21 :is(#home-applications,#home-fragrances) .editorial-reserve strong{
 font:italic clamp(1.5rem,2vw,2rem)/1.2 var(--serif);margin:0 0 12px;max-width:100%;
}
.home-v21 :is(#home-applications,#home-fragrances) .editorial-reserve>span{font-size:.8rem;max-width:100%}
.home-v21 #about{padding-block:58px}
.home-v21 #about .section-head{margin-bottom:30px}
.home-v21 #about .section-head .eyebrow{margin-bottom:12px}
.home-v21 #about .pillars{gap:24px 40px}
.home-v21 #about .pillar h3{font-size:.8rem;letter-spacing:.09em;line-height:1.4;margin-bottom:10px}
.home-v21 #about .pillar p{margin-bottom:0}
.home-v21 #documentation .documents{grid-template-columns:repeat(3,minmax(0,1fr));border:0;gap:28px 40px}
.home-v21 #documentation .document{border:0;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent);padding:24px 0 8px}
.home-v21 #documentation .document h3{font:1.35rem/1.25 var(--serif);margin-bottom:14px}
.home-v21 #documentation .document span{display:block;font-size:.875rem;line-height:1.65;max-width:34ch}
.home-v21 #home-insights .insight .eyebrow{margin-bottom:16px}
@media(max-width:1000px){.home-v21 #documentation .documents{gap:24px}}
@media(min-width:701px) and (max-width:1000px){
 .home-v21 #home-fragrances .editorial-reserve{padding:16px}
 .home-v21 #home-fragrances .editorial-reserve strong{font-size:1.3rem}
}
@media(max-width:700px){
 .home-v21 #about{padding-block:48px}
 .home-v21 #about .pillars{gap:24px}
 .home-v21 #documentation .documents{grid-template-columns:1fr;gap:12px}
 .home-v21 #documentation .document{padding:20px 0 12px}
 .home-v21 #documentation .document span{max-width:none}
}

/* Keep application links aligned despite different category list lengths. */
.home-v21 #home-applications .application-card{display:flex;flex-direction:column}
.home-v21 #home-applications .application-card-copy{display:flex;flex-direction:column;flex:1}
.home-v21 #home-applications .application-card-copy>.text-link{margin-top:auto;align-self:flex-start}

/* Approved application and scent images retain the existing card frames. */
.home-v21 :is(#home-applications,#home-fragrances) .real-asset{overflow:hidden}
.home-v21 :is(#home-applications,#home-fragrances) .real-asset .home-photo{position:absolute;inset:0;height:100%;margin:0}
.home-v21 :is(#home-applications,#home-fragrances) .real-asset picture{height:100%}
.home-v21 :is(#home-applications,#home-fragrances) .real-asset .home-photo img{height:100%;object-fit:cover;object-position:50% 50%}
.home-v21 #home-applications .application-card:first-child .home-photo img{object-position:100% 50%}

/* Full approved Hero composition: allocate more canvas without zooming the image. */
@media(min-width:1101px){
 .home-v21 #home-hero .hero-grid{width:calc(100% - 104px);max-width:1760px;grid-template-columns:38% 62%}
 .home-v21 #home-hero .hero-copy{width:107.894737%;max-width:554.4px}
 .home-v21 #home-hero .hero-art.real-asset{width:calc(95.16129% + 108px);height:auto;aspect-ratio:1672/941;margin:0 0 0 -108px}
 .home-v21 #home-hero .hero-art.real-asset .home-photo img{height:100%;object-fit:contain;object-position:center}
 .home-v21 #home-hero .hero-art.real-asset::after{background:linear-gradient(to right,var(--canvas),transparent 5%,transparent 99%,var(--canvas)),linear-gradient(to bottom,var(--canvas),transparent 3%,transparent 98%,var(--canvas))}
}
@media(min-width:1101px) and (max-width:1600px){
 .home-v21 #home-hero .hero-art.real-asset{width:95.16129%;margin:0}
}

/* Shared transparent bronze artwork; preserve the existing logo layout slots. */
.header .wordmark:has(.official-logo){width:190px;display:flex;align-items:center}
.header .official-logo{width:175px;height:auto}
footer .wordmark:has(.official-logo){width:190px;height:68.75px;display:flex;align-items:center}
footer .official-logo{width:160px;height:auto}
@media(max-width:700px){
 .header .wordmark:has(.official-logo){width:165px}
 .header .official-logo{width:165px}
 footer .wordmark:has(.official-logo){height:59.7px;max-width:100%}
}