/* Owner-supplied transparent artwork. Existing navigation and motion stay in styles.css. */
.brand-home{flex-shrink:0;min-height:44px;justify-content:center}
.brand-home .brand-wordmark{display:block;width:216px;height:auto;max-width:none;margin:0;aspect-ratio:720/130}
.brand-wordmark-light{display:block;background:var(--ink);-webkit-mask:url('assets/brand/wordmark-transparent.webp') center/contain no-repeat;mask:url('assets/brand/wordmark-transparent.webp') center/contain no-repeat;aspect-ratio:720/130}
.story-brand{background:#e6ddc9;border:1px solid #c9bba2;padding:38px 34px 30px;min-height:410px}
.story-brand .brand-full{width:100%;max-width:450px;mix-blend-mode:normal}
.story-brand>p{color:#675c47;margin-top:28px}
.closing{isolation:isolate}
.closing-laurels{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none;overflow:hidden}
.closing-laurel{position:absolute;top:50%;width:clamp(130px,15.5vw,230px);height:auto;transform:translateY(-50%);opacity:.14;mix-blend-mode:multiply}
.closing-laurel-left{left:3vw}
.closing-laurel-right{right:3vw}
/* Matching laurels frame the complete footer insignia and wordmark. */
.brand-lockup{display:inline-grid;grid-template-columns:32px 54px minmax(0,1fr) 32px;align-items:center;gap:12px;width:394px;max-width:100%;flex-shrink:0}
.brand-lockup::before,.brand-lockup::after{content:"";display:block;width:100%;aspect-ratio:192/412;background:center/contain no-repeat;pointer-events:none}
.brand-lockup::before{background-image:url('assets/brand/laurel-left-transparent.webp')}
.brand-lockup::after{background-image:url('assets/brand/laurel-right-transparent.webp')}
.footer-top,.footer-top>div{flex-wrap:wrap}
.brand-lockup .brand-insignia{width:100%;height:auto;min-width:0}
.brand-lockup .brand-wordmark{width:100%;min-width:0}
@media(max-width:1100px) and (min-width:761px){.site-header .brand-wordmark{width:175px}}
@media(max-width:900px) and (min-width:761px){.site-header .brand-wordmark{width:158px}.closing-laurel{width:130px}.closing-laurel-left{left:1vw}.closing-laurel-right{right:1vw}}
@media(max-width:760px){
  .site-header .brand-wordmark{width:clamp(112px,38vw,180px)}
  .story-brand{min-height:0;padding:30px 24px 25px}
  .story-brand .brand-full{max-width:420px}
  .story-brand>p{margin-top:23px;font-size:9px}
  .closing-laurel{width:70px;top:auto;bottom:24px;transform:none;opacity:.2}
  .closing-laurel-left{left:-20px}
  .closing-laurel-right{right:-20px}
  .brand-lockup{grid-template-columns:24px 42px minmax(0,1fr) 24px;gap:10px;width:340px}
}
@media(max-width:380px){.site-header .brand-wordmark{width:clamp(110px,37vw,136px)}.brand-lockup{grid-template-columns:22px 38px minmax(0,1fr) 22px;gap:8px}.closing-laurel{width:60px;bottom:25px;opacity:.17}}
@media(forced-colors:active){.brand-wordmark-light{background:CanvasText}.closing-laurels{display:none}}

/* Quiet owner-supplied motifs. Each background is clipped to its own layer,
   leaving content, focus outlines and the shopping controls unobstructed. */
.uniform-feature,.process-result,.reference-intro{position:relative;isolation:isolate}
.uniform-feature::before,.process-result::before,.reference-intro::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;user-select:none;
  background-repeat:no-repeat;
}
.uniform-feature::before{
  inset:0;background-image:url('assets/brand/laurel-left-ornament.webp');
  background-size:260px auto;background-position:left -115px center;
  opacity:.13;mix-blend-mode:multiply;
}
.process-result::before{
  inset:-12px 0 0;background-image:url('assets/brand/torch-ornament.webp');
  background-size:auto 340px;background-position:right 10px center;opacity:.12;
}
.reference-intro::before{
  inset:35px 0 90px;background-image:url('assets/brand/insignia-ornament.webp');
  background-size:min(33vw,420px) auto;background-position:right 4px center;
  opacity:.11;mix-blend-mode:multiply;
}
/* Retain the central closing message while letting larger leaves fall off-page. */
@media(min-width:901px){
  .closing-laurel{width:clamp(240px,22vw,330px);opacity:.14}
  .closing-laurel-left{left:-45px}
  .closing-laurel-right{right:-45px}
}
@media(min-width:761px) and (max-width:1000px){
  .process-result::before{background-size:auto 260px;background-position:right -42px center;opacity:.075}
  .reference-intro::before{background-size:300px auto;background-position:right -55px top 25px;opacity:.07}
}
@media(max-width:760px){
  .uniform-feature::before{background-size:190px auto;background-position:left -130px top -10px;opacity:.1}
  .process-result::before,.reference-intro::before{display:none}
  .closing-laurel{width:90px;bottom:20px;opacity:.13}
  .closing-laurel-left{left:-32px}
  .closing-laurel-right{right:-32px}
}
@media(forced-colors:active){
  .uniform-feature::before,.process-result::before,.reference-intro::before,.closing-laurels{display:none}
}
@media print{
  .uniform-feature::before,.process-result::before,.reference-intro::before,.closing-laurels{display:none}
}