@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Nunito:wght@300;400;500;600;700&display=swap');

:root{
  --paper:#f6f1e8;
  --ink:#1b1b1b;
  --espresso:#2a2018;
  --muted:#6d6d6d;
  --line:#e8e2d8;
  --card:#ffffff;
  --icon:#2d2d2d;
}

*{box-sizing:border-box}
html, body{ max-width:100%; overflow-x:clip; }
@supports not (overflow: clip){
  html, body{ overflow-x:hidden; }
}
body{
  margin:0;
  background:var(--paper);
  color:var(--espresso);
  font-family:"Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
a{color:inherit; text-decoration:none}

/* Square UI: remove rounded edges from images + buttons */
img{border-radius:0 !important;}
button{border-radius:0 !important;}
.pTile, .pSection, .pSection__head, .pWrap, .pFoot, .pFoot__inner,
.pNavTiles__viewport, .pNavTiles, .pTop, .topbar, .footerBanner, .footerBanner__overlay,
.gTile, .gIntro, .gIntro__text, .gIntro__media, .gPillars,
.hmCard, .hmSlide, .clTile, .clSq, .clSlide, .wbSlide, .msSq, .msSlide, .nsTile, .nsSlide,
.twTile, .pImgGrid, .pHero, .pFeatures, .pBack, .pRule
{border-radius:0 !important;}
.pQuote{border-radius:0 !important;}
.pNav a{border-radius:0 !important;}
.pNavTiles__btn{border-radius:0 !important;}
.pHeroImg{border-radius:0 !important;}
.pThumb{border-radius:0 !important;}
.pSolo__img{border-radius:0 !important;}
.pCard{border-radius:0 !important;}
.pIcon{border-radius:0 !important;}
.pClose{border-radius:0 !important;}
.navToggle,
.mobileNav,
.mobileNav__link,
.mobileNav__cta{border-radius:0 !important;}

/* Mobile menu (≤900px): same pattern as home / gallery headers */
.navToggle{
  display:none;
  width:42px;
  height:42px;
  margin-left:auto;
  flex:0 0 auto;
  border:1px solid #c9c2b8;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  place-items:center;
  padding:0;
  -webkit-tap-highlight-color:transparent;
}
.navToggle:hover{background:rgba(255,255,255,.65); box-shadow:0 10px 18px rgba(0,0,0,.08); transform:translateY(-1px);}
.navToggle:active{transform:translateY(0);}
.navToggle:focus-visible{outline:2px solid #8a5a3c; outline-offset:3px;}
.navToggle__icon{width:18px; height:12px; display:block; position:relative;}
.navToggle__icon::before,
.navToggle__icon::after,
.navToggle__icon span{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:2px;
  border-radius:999px;
  background:#2d2d2d;
}
.navToggle__icon::before{top:0;}
.navToggle__icon span{top:5px;}
.navToggle__icon::after{bottom:0;}
.mobileNav{
  position:absolute;
  top:calc(100% + 10px);
  left:12px;
  right:12px;
  background:rgba(246,241,232,.98);
  border:1px solid var(--line);
  padding:10px;
  display:none;
  box-shadow:0 18px 40px rgba(0,0,0,.10);
  z-index:40;
  max-height:min(calc(100vh - 72px), 560px);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.pTop[data-nav-open="1"] .mobileNav{display:grid;}
.mobileNav__link{
  display:flex;
  align-items:center;
  padding:12px;
  font-size:14px;
  color:#2d2d2d;
}
.mobileNav__link:hover{background:rgba(0,0,0,.04);}
.mobileNav__cta{
  margin-top:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  border:1px solid #c9c2b8;
  background:rgba(255,255,255,.45);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#2d2d2d;
}
.mobileNav__cta:hover{background:rgba(255,255,255,.65);}

@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important; transition:none !important; animation:none !important;}
}

.pSite{min-height:100vh; display:flex; flex-direction:column}
.pTop{
  position:relative;
  z-index:30;
  width:100%;
  box-sizing:border-box;
  margin:0;
  background:rgba(246,241,232,.92);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:18px;
  padding:14px 18px;
}
/* Same 1200px band + 18px gutters as home `.site > .topbar` and gallery content. */
.pSite > .pTop{
  max-width:1200px;
  margin-inline:auto;
}
.pLogo{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:220px;
  flex:0 0 auto;
}
.pLogoImg{display:block; height:38px; width:auto;}

.pNavStack{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  flex:1;
  min-width:0;
  max-width:100%;
  gap:0;
}
.pNav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px 16px;
}
.pNav--primary{
  padding-bottom:5px;
  width:100%;
  justify-content:center;
  gap:18px;
  flex-wrap:nowrap;
}
.pNav--categories{
  border-top:1px solid #dcd4c8;
  padding-top:6px;
  margin-top:1px;
}

/* Inspiration row: scroll strip + arrow controls */
.pNavTiles{
  display:none;
  flex-direction:row;
  align-items:stretch;
  gap:4px 8px;
  border-top:1px solid #dcd4c8;
  padding-top:6px;
  margin-top:1px;
  min-width:0;
  width:100%;
}
.pNavTiles--noscroll .pNavTiles__btn{
  display:none;
}
.pNavTiles__btn{
  flex:0 0 34px;
  width:34px;
  min-width:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #c9c2b8;
  border-radius:10px;
  background:rgba(255,255,255,.5);
  color:#2a2018;
  cursor:pointer;
  align-self:stretch;
  min-height:36px;
  transition:background .16s ease, border-color .16s ease, opacity .16s ease;
}
.pNavTiles__btn:hover:not(:disabled){
  background:rgba(255,255,255,.85);
  border-color:#a89888;
}
.pNavTiles__btn:disabled{
  opacity:.32;
  cursor:default;
}
.pNavTiles__ic{display:block; opacity:.9;}
.pNavTiles__viewport{
  flex:1;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.pNavTiles__viewport::-webkit-scrollbar{display:none}
.pNavTiles .pNav--tiles{
  display:flex;
  flex-wrap:nowrap;
  width:max-content;
  max-width:none;
  gap:6px 10px;
  align-items:center;
  justify-content:flex-start;
  border:0;
  padding:0;
  margin:0;
}
.pNav--tiles{
  gap:6px 10px;
  justify-content:flex-start;
}
.pNav a{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:7px 10px;
  border-radius:999px;
  color:#2d2d2d;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.pNav a:hover{background:rgba(0,0,0,.04);}
.pNav a[aria-current="page"]{background:rgba(0,0,0,.06);}
/* Match Home / Gallery primary nav weighting (must follow `.pNav a`). */
.pNav--primary a{
  flex:0 0 auto;
  text-align:center;
  font-size:13px;
  letter-spacing:0.02em;
  text-transform:none;
  opacity:1;
}
.pNav--categories a{font-size:12px; letter-spacing:.14em; opacity:1;}
.pNav--tiles a{
  font-size:10px;
  letter-spacing:.05em;
  text-transform:none;
  line-height:1.25;
  padding:5px 8px;
  font-weight:500;
  white-space:nowrap;
  flex:0 0 auto;
}

.pQuote{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  border:1px solid #c9c2b8;
  padding:10px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.35);
  text-decoration:none !important;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.pQuote:visited{color:inherit; text-decoration:none !important;}
.pQuote:hover,
.pQuote:active,
.pQuote:focus{ text-decoration:none !important; }
.pQuote:hover{background: rgba(255,255,255,.6); box-shadow: 0 8px 18px rgba(0,0,0,.06); transform: translateY(-1px);}

.pMain{flex:1;}
.pWrap{max-width:980px; margin:0 auto; padding:26px 36px 44px;}

/* Temporary: hide all tile-page carousels (we'll restore later). */
.pMain [data-auto-carousel]{
  display:none !important;
}

.pHeroImg{
  width:100%;
  height: min(64vh, 640px);
  border-radius:16px;
  border:1px solid var(--line);
  object-fit:cover;
  object-position:center;
  display:block;
  background:#fff;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.pHeroImg:hover{
  transform: translateY(-2px);
  border-color:#d9d1c6;
  box-shadow: 0 18px 38px rgba(17, 12, 7, .10);
}
.pRule{width:34px; height:1px; background:#bdb6ab; margin:18px 0 14px;}
.pEyebrow{font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:#7a746b; margin:18px 0 8px;}
.pH1{
  font-family:"Cormorant Garamond", ui-serif, Georgia, serif;
  font-size:56px;
  line-height:1.03;
  letter-spacing:-0.01em;
  margin:0 0 10px;
}
.pLead{max-width:70ch; color:#3a3a3a; line-height:1.85; font-size:14px; margin:0;}

/* Offices alternate layout (below hero) */
.oIntro{padding:26px 0 6px; text-align:center;}
.oTitle{
  font-family:"Cormorant Garamond", ui-serif, Georgia, serif;
  font-size:56px;
  line-height:1.02;
  margin:10px 0 8px;
  letter-spacing:-0.01em;
}
.oRule{width:34px; height:1px; background:#bdb6ab; margin:0 auto 14px;}
.oLead{max-width:86ch; margin:0 auto; color:#3a3a3a; line-height:1.9; font-size:14px;}

.oSplit{padding:18px 0 0;}
.oSplit__topRule{height:1px; background:var(--line); margin:14px 0 18px;}
.oCols{
  display:grid;
  grid-template-columns: 1fr 1px 1fr;
  gap:22px;
  align-items:start;
}
.oDivider{width:1px; background:var(--line); height:100%;}
.oCol{
  justify-self:start;
  width:min(100%, 46ch);
}
.oCol h3{
  font-family:"Cormorant Garamond", ui-serif, Georgia, serif;
  font-size:34px;
  margin:0 0 10px;
}
.oCol p{margin:0; color:#3a3a3a; line-height:1.9; font-size:14px;}

.oFeatures{padding:22px 0 0;}
.oFeatGrid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:0;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  background: var(--paper);
}
.oFeat{
  padding:18px 14px 16px;
  text-align:center;
  border-right:1px solid var(--line);
  display:grid;
  gap:8px;
  align-content:start;
  background: transparent;
}
.oFeat:last-child{border-right:0;}
.oIco{
  width:56px;
  height:56px;
  margin:0 auto 2px;
  border:0;
  border-radius:0;
  display:grid;
  place-items:center;
  background:transparent;
  color:var(--icon);
}
.oIco svg{
  width:44px;
  height:44px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.82;
}
.oIco img{
  width:44px;
  height:44px;
  display:block;
  object-fit:contain;
  filter: saturate(.95) contrast(.98);
  opacity:.92;
}
.pIcon img{
  width:34px;
  height:34px;
  display:block;
  object-fit:contain;
  opacity:.92;
}
.oFeat__k{
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#2d2d2d;
  line-height:1.25;
  max-width:18ch;
  margin:0 auto;
}
.oFeat__p{
  font-size:12px;
  color:#5a524a;
  line-height:1.7;
  max-width:26ch;
  margin:0 auto;
}

.pSection{padding:26px 0 0;}
.pSection__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
.pH2{
  font-family:"Cormorant Garamond", ui-serif, Georgia, serif;
  font-size:34px;
  margin:0;
}
.pSub{font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#6f6a61;}

.pEditorial{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:18px;
  padding-top:18px;
}
.pCopy p{margin:0 0 12px; line-height:1.9; color:#3a3a3a; font-size:14px;}
.pImgGrid{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.pThumb{
  width:100%;
  height:180px;
  border-radius:14px;
  border:1px solid var(--line);
  object-fit:cover;
  display:block;
  background:#fff;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
.pThumb--tall{grid-column:1 / -1; height:220px;}
.pThumb:hover{
  transform: translateY(-2px) scale(1.01);
  border-color:#d9d1c6;
  box-shadow: 0 14px 26px rgba(17, 12, 7, .10);
  filter: saturate(1.03) contrast(1.01);
}

.pFeatures{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px;
  padding-top:18px;
}
.pCard{
  background:rgba(255,255,255,.55);
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  display:grid;
  gap:8px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.pCard:hover{
  transform: translateY(-2px);
  border-color:#d9d1c6;
  background: rgba(255,255,255,.68);
  box-shadow: 0 14px 26px rgba(17, 12, 7, .08);
}
.pCard:hover .pIcon{
  box-shadow: 0 10px 18px rgba(17, 12, 7, .08);
}
.pIcon{
  width:36px; height:36px;
  border-radius:12px;
  border:1px solid var(--line);
  display:grid;
  place-items:center;
  background:#faf7f1;
}
.pCard h3{
  font-family:"Cormorant Garamond", ui-serif, Georgia, serif;
  margin:0;
  font-size:22px;
}
.pCard p{margin:0; color:#555; line-height:1.7; font-size:13px;}

.pClose{
  margin-top:26px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.36));
  padding:18px;
}
.pClose h2{margin:0 0 8px; font-family:"Cormorant Garamond", ui-serif, Georgia, serif; font-size:34px;}
.pClose p{margin:0; color:#3a3a3a; line-height:1.85; max-width:80ch;}

.pFoot{
  border-top:1px solid var(--line);
  padding:16px 18px;
  color:#6f6a61;
  font-size:12px;
}
.pFoot__inner{max-width:1240px; margin:0 auto;}

/* Full-width site footer inside premium pages (matches `.site > .footer` on home). */
.pSite > .footer{
  width:100%;
  box-sizing:border-box;
  align-self:stretch;
  min-width:0;
}
.pSite > .footer .footer__inner{
  width:100%;
  box-sizing:border-box;
}

.pSection__body{padding-top:12px; max-width:80ch;}
.pSection__body p{margin:0 0 12px; line-height:1.9; color:#3a3a3a; font-size:14px;}

@media (max-width: 900px){
  /* Logo + hamburger: match home .topbar / .brand--header mobile layout */
  .pTop{
    flex-wrap:nowrap;
    gap:10px 12px;
    align-items:center;
    justify-content:flex-start;
  }
  .pWrap{max-width:none; padding:26px 18px 44px;}
  .pLogo{
    min-width:0;
    flex:1 1 auto;
    max-width:calc(100% - 54px);
    gap:0;
  }
  .pLogoImg{
    display:block;
    height:38px;
    width:auto;
    max-width:100%;
    object-fit:contain;
    object-position:left center;
  }
  /* Pill toggle matches index.html navToggle (scoped exception to square UI) */
  .pTop .navToggle{
    border-radius:999px !important;
    margin-left:auto;
    flex:0 0 42px;
  }
  /* !important: beat cached/older premium-page rules and any edge specificity */
  .pNavStack,
  .pQuote{display:none !important;}
  .pTop .navToggle{display:grid !important;}
  .pHeroImg{height: min(56vh, 520px);}
  .pH1{font-size:44px;}
  .pImgGrid--duo{grid-template-columns:1fr;}
  /* Mobile: heading + subheading stacked (not side-by-side) */
  .pSection__head{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  /* Inspiration / tile pages (.pSite): center section titles + hero copy */
  .pSite .pSection__head{
    align-items:center;
    text-align:center;
  }
  .pSite .pEyebrow,
  .pSite .pH1,
  .pSite .pLead{text-align:center;}
  .pSite .pLead{margin-left:auto;margin-right:auto;}
  .pSite .pCopy p{text-align:center;}
  .pSite .pSection__body,
  .pSite .pSection__body p{text-align:center;}
  .pSite .pSection__body{margin-left:auto;margin-right:auto;}

  /* FU editorial: stack when ≤900px even if breakpoint math differs across devices */
  .pSite:not(.gallery) .pWrap .pEditorial.fuEditEditorial{
    grid-template-columns:1fr;
    --fu-edit-hero-h: min(calc(420px * 0.85), calc(52vh * 0.85));
  }
  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditTwin__row{
    grid-template-columns:1fr;
  }

  .pEditorial{grid-template-columns:1fr; }
  .pFeatures{grid-template-columns:1fr;}
  .oCols{grid-template-columns:1fr; gap:16px;}
  .oDivider{display:none;}
  .oFeatGrid{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .oFeat:nth-child(2){border-right:0;}
  .oFeat:nth-child(1), .oFeat:nth-child(2){border-bottom:1px solid var(--line);}
}

@media (max-width: 520px){
  .pTop{padding:12px 12px;}
  .pSite > .pTop{padding:12px 18px;}
}

/* Inspiration / editorial subpages */
.pBack{display:none;}

.pImgGrid--duo{
  grid-template-columns:1fr 1fr;
  padding-top:8px;
}
.pImgGrid--duo .pThumb{
  height:min(32vh, 280px);
}
.pSolo{
  max-width:920px;
  margin:20px auto 0;
  padding:0 2px;
}
.pSolo__img{
  width:100%;
  height:min(56vh, 540px);
  border-radius:16px;
  border:1px solid var(--line);
  object-fit:cover;
  object-position:center;
  display:block;
  background:#fff;
}

/* .pSite premium pages: center main copy on narrow viewports (kitchens, process, inspiration, services) */
@media (max-width:980px){
  .pSite:not(.gallery) .pWrap .pSection__head{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:8px;
  }

  .pSite:not(.gallery) .pWrap .pEyebrow,
  .pSite:not(.gallery) .pWrap .pH1,
  .pSite:not(.gallery) .pWrap .pLead{
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .pLead{
    margin-inline:auto;
  }
  .pSite:not(.gallery) .pWrap .pRule{
    margin-inline:auto;
  }

  .pSite:not(.gallery) .pWrap .pCopy p,
  .pSite:not(.gallery) .pWrap .pSection__body,
  .pSite:not(.gallery) .pWrap .pSection__body p{
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .pSection__body{
    margin-inline:auto;
  }

  /* FU-style template (when fu-layout / stillness / mow CSS is present) */
  .pSite:not(.gallery) .pWrap .fuHeroAside,
  .pSite:not(.gallery) .pWrap .fuHeroAside p,
  .pSite:not(.gallery) .pWrap .fuWarm__intro,
  .pSite:not(.gallery) .pWrap .fuWarm__title,
  .pSite:not(.gallery) .pWrap .fuStructured__copy,
  .pSite:not(.gallery) .pWrap .fuStructured__head,
  .pSite:not(.gallery) .pWrap .fuStructured__body{
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .fuStructured__body{
    margin-inline:auto;
  }

  /* Triple editorial: single column below 980px (specificity beats per-page layout CSS load order). */
  .pSite:not(.gallery) .pWrap .pEditorial.fuEditEditorial{
    grid-template-columns:1fr;
    --fu-edit-hero-h: min(calc(420px * 0.85), calc(52vh * 0.85));
  }
  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditCol--hero .fuEditHero{
    height: var(--fu-edit-hero-h);
  }
  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditCol--stack{
    min-height:0;
  }
  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditTwin{
    min-height:0;
    gap:16px;
  }
  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditTwin__row{
    grid-template-columns:1fr;
  }
  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditTwin__row--lower{
    margin-top:0;
  }

  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditCol--text.fuEditCol--lead{
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditLead__rule{
    margin-inline:auto;
  }
  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditLead__body{
    margin-inline:auto;
  }
  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditTwin__copy,
  .pSite:not(.gallery) .pWrap .fuEditEditorial .fuEditTwin__copy p{
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .fuCard .fuCap{
    text-align:center;
  }

  /* Kitchen / process split columns */
  .pSite:not(.gallery) .pWrap .oCol{
    justify-self:center;
    width:100%;
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .oCol h3,
  .pSite:not(.gallery) .pWrap .oCol p{
    text-align:center;
  }

  .pSite:not(.gallery) .pWrap .pFeatures .pCard h3,
  .pSite:not(.gallery) .pWrap .pFeatures .pCard p{
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .pFeatures .pIcon{
    margin-inline:auto;
  }

  .pSite:not(.gallery) .pWrap .pClose h2,
  .pSite:not(.gallery) .pWrap .pClose p{
    text-align:center;
  }

  /* ex* story pages (Executive excellence, Tranquil workspace, …) */
  .pSite:not(.gallery) .pWrap .exHero > div:first-child,
  .pSite:not(.gallery) .pWrap .exSection > div:first-child{
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .exRule,
  .pSite:not(.gallery) .pWrap .exHero .pRule{
    margin-inline:auto;
  }
  .pSite:not(.gallery) .pWrap .exClose,
  .pSite:not(.gallery) .pWrap .exClose h2,
  .pSite:not(.gallery) .pWrap .exClose p{
    text-align:center;
  }

  /* Narrow space organisation */
  .pSite:not(.gallery) .pWrap .nsHeroSplit__copy,
  .pSite:not(.gallery) .pWrap .nsHeroKicker,
  .pSite:not(.gallery) .pWrap .nsHeroBody p{
    text-align:center;
  }

  /* The heart in design */
  .pSite:not(.gallery) .pWrap .hdHeroAside,
  .pSite:not(.gallery) .pWrap .hdHeroAside p{
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .hdHeroAside .pRule{
    margin-inline:auto;
  }
  .pSite:not(.gallery) .pWrap .hdMark{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .hdMark .pIcon{
    margin-inline:auto;
  }

  /* Hidden mechanics */
  .pSite:not(.gallery) .pWrap .hmHeroAside,
  .pSite:not(.gallery) .pWrap .hmHeroAside p{
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .hmHeroAside .pRule{
    margin-inline:auto;
  }
  .pSite:not(.gallery) .pWrap .hmCard h3,
  .pSite:not(.gallery) .pWrap .hmCard .hmBody p{
    text-align:center;
  }

  /* Next-Gen gamer’s retreat */
  .pSite:not(.gallery) .pWrap .ngHeroAside,
  .pSite:not(.gallery) .pWrap .ngHeroAside p{
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .ngHeroAside .pRule{
    margin-inline:auto;
  }
  .pSite:not(.gallery) .pWrap .ngIcon{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
  }
  .pSite:not(.gallery) .pWrap .ngIcon .pIcon{
    margin-inline:auto;
  }

  /* Playful precision */
  .pSite:not(.gallery) .pWrap .ppHeroCopy,
  .pSite:not(.gallery) .pWrap .ppLead{
    text-align:center;
    margin-inline:auto;
  }
}