/* Shared page fit: homepage is the reference frame. */
@media (min-width:1121px){
  body>.site-shell{
    width:100%;
    max-width:2400px;
    margin-inline:auto;
  }
  .topic-main,.about-main,.shop-main{
    width:100%;
    max-width:2400px;
    padding-inline:clamp(48px,4vw,96px);
  }
  .topic-intro,.topic-sections,.topic-contact{max-width:1800px;margin-inline:auto}
  .topic-intro [data-introduction]{max-width:900px}
  .section-text{max-width:1050px}
  .about-introduction{max-width:1200px}
  .about-story,.about-collaboration,.enquiry-panel{max-width:1800px;margin-inline:auto}
  .shop-intro,.shop-section,.collection-enquiry{max-width:2100px;margin-inline:auto}
  .shop-products{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
  body>.masthead,body>.account-header,body>footer{width:100%;max-width:2400px;margin-inline:auto}
  body>main{width:100%;max-width:2400px;margin-inline:auto}
  .account-intro{max-width:960px;margin-inline:auto}
  .dashboard-grid,.account-toolbar,.account-help{max-width:1500px;margin-inline:auto}
  .community-page .intro,.community-page #community-nav,.community-page #content{
    width:100%;
    max-width:1800px;
    margin-inline:auto;
  }
}

@media (min-width:1673px){
  .topic-main,.about-main,.shop-main{min-height:calc(100vh - 196px)}
  .topic-intro h1,.about-introduction h1,.shop-main h1{font-size:clamp(64px,3.1vw,78px)}
  .topic-intro [data-introduction],.about-lead,.shop-lead{font-size:clamp(21px,1vw,25px)}
  .grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
}

@media (min-width:2401px){
  .topic-main,.about-main,.shop-main{padding-inline:96px}
}

/* Opening text begins normally; all other illumination layers remain intact. */
.illuminated-destination .illum-initial{
  position:static!important;
  display:inline!important;
  float:none!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  transform:none!important;
  font:inherit!important;
  line-height:inherit!important;
}
.illuminated-destination .illum-initial>svg,
.illuminated-destination .illum-initial>img{display:none!important}
.illuminated-destination .illum-initial>.illum-letter{
  position:static!important;
  inset:auto!important;
  display:inline!important;
  width:auto!important;
  height:auto!important;
  font:inherit!important;
  line-height:inherit!important;
  color:inherit!important;
}

/* Desktop mastheads use the homepage as the exact dimensional reference. */
@media(min-width:1121px){
  .site-header{grid-template-columns:13% 38% minmax(0,1fr) 9%!important;padding-inline:1.5%!important;height:100px!important}
  .site-header .brand-logo{width:clamp(90px,9vw,145px)!important;height:auto!important;left:2%!important;top:4px!important}
  .site-header .wordmark__name{font-size:clamp(24px,2.3vw,39px)!important}
  .site-header .wordmark__line{font-size:clamp(8px,.65vw,12px)!important;letter-spacing:.16em!important}
  .site-header .primary-navigation{font-size:clamp(13px,1.1vw,19px)!important;padding:0!important;flex-wrap:wrap!important;min-width:0!important;gap:5px!important}
  .site-header .primary-navigation a{padding-inline:4px!important}
  .site-header .header-motto{padding-left:8px!important;letter-spacing:.15em!important}
}