/* Preview concept — a product-led Marylebone skincare boutique, with the
   approved institutional positioning and both source bottle images intact. */
body #home.reset-opening {
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  min-height:650px;
  background:#f8f5ef;
}
body #home.reset-opening > .institution-hero-copy {
  padding:61px clamp(36px,5vw,94px) 56px;
  background:linear-gradient(145deg,#fdfbf7 2%,#f1e9df 100%);
}
body #home.reset-opening .eyebrow { margin-bottom:20px; }
body #home.reset-opening .hero-signature { color:#80545a; }
body #home.reset-opening h1 { font-size:clamp(44px,4.3vw,68px); }
body #home.reset-opening .hero-deck { margin-top:22px; font-size:15px; line-height:1.7; }
body #home.reset-opening .hero-collection-links { gap:12px 25px; margin-top:28px; }
.collection-primary-action {
  display:inline-flex; align-items:center; justify-content:center; gap:18px;
  min-height:46px; padding:0 19px; border-radius:2px;
  background:#593a40; color:#fffdf9;
  font:600 10px/1.2 "DM Sans",sans-serif; letter-spacing:.09em;
  transition:background .2s ease,transform .2s ease;
}
.collection-primary-action:hover { background:#744a53; transform:translateY(-1px); }
.collection-secondary-action {
  display:inline-flex; align-items:center; gap:12px; padding:9px 0;
  color:#6a4149; border-bottom:1px solid #b59d92;
  font:600 10px/1.2 "DM Sans",sans-serif; letter-spacing:.1em;
}
body #home.reset-opening .hero-proof { margin-top:32px; }

/* The two original product photographs are merchandising imagery, not new
   renders. This keeps the existing labels, cap and glass exactly as approved. */
#home.reset-opening > .boutique-edit {
  position:relative; grid-area:1/2/2/3; min-width:0; min-height:650px;
  display:flex; flex-direction:column; gap:17px;
  padding:33px 32px 26px;
  background:linear-gradient(135deg,#e4d9ca 0%,#d8c5b8 48%,#efdfcb 100%);
  border-left:1px solid #c7b8a8;
}
#home .boutique-edit::before {
  content:""; position:absolute; inset:13px; pointer-events:none;
  border:1px solid rgba(255,255,255,.34);
}
.boutique-edit-heading,.boutique-edit-footer {
  position:relative; display:flex; justify-content:space-between; gap:12px;
  color:#603f42; font:600 9px/1.5 "DM Sans",sans-serif; letter-spacing:.18em;
}
.boutique-edit-heading { padding:0 0 12px; border-bottom:1px solid rgba(100,71,58,.28); }
.boutique-edit-footer { padding-top:10px; border-top:1px solid rgba(100,71,58,.25); font-size:8px; }
.boutique-products {
  position:relative; display:grid; flex:1; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.49fr);
  gap:13px; min-height:0;
}
.boutique-product {
  position:relative; display:block; min-height:460px; overflow:hidden;
  background:#f6f1e9; box-shadow:0 11px 22px rgba(72,44,37,.12);
}
.boutique-product img {
  display:block; width:100%; height:100%; object-fit:cover;
  transition:transform .5s ease;
}
.boutique-product:hover img { transform:scale(1.035); }
.boutique-product-mineral img { object-position:73% 57%; }
.boutique-product-xso img { object-position:66% 51%; }
.boutique-product-name {
  position:absolute; left:0; right:0; bottom:0;
  min-height:62px; display:flex; flex-direction:column; justify-content:center;
  padding:10px 14px 11px; background:rgba(253,249,241,.95);
  border-top:1px solid rgba(106,76,69,.21); color:#463536;
}
.boutique-product-name small { font:600 8px/1.6 "DM Sans",sans-serif; letter-spacing:.14em; color:#815761; }
.boutique-product-name strong { font:500 clamp(17px,1.65vw,24px)/1.05 var(--serif); letter-spacing:.015em; }
.boutique-shelf-details {
  display:grid; grid-template-rows:repeat(3,minmax(0,1fr)); gap:13px;
  min-width:0; min-height:0;
}
.boutique-shelf-detail { overflow:hidden; min-height:0; background:#f5ede3; box-shadow:0 6px 16px rgba(72,44,37,.08); }
.boutique-shelf-detail img { display:block; width:100%; height:100%; object-fit:cover; }
.boutique-shelf-detail:nth-child(1) img { object-position:76% 36%; }
.boutique-shelf-detail:nth-child(2) img { object-position:67% 30%; }
.boutique-shelf-detail:nth-child(3) img { object-position:76% 70%; }

/* Bring the brand's London inspiration and its human point of view after both
   targeted treatments, not ahead of the customer journey. */
#marylebone .method-locality {
  margin:18px 0 0; padding-left:17px; border-left:2px solid #9d7e63;
  color:#705d55; max-width:535px;
  font:italic 22px/1.35 var(--serif);
}
.founder-story {
  display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  background:#f1ebe2; border-top:1px solid #d4c9bb;
  color:#30332f;
}
.founder-story-aside {
  position:relative; min-height:420px; display:flex; flex-direction:column;
  align-items:flex-start; justify-content:space-between;
  padding:46px clamp(27px,5vw,76px);
  overflow:hidden; background:#e4d8c9;
  border-right:1px solid #c9b7a7;
}
.founder-index,.founder-origin {
  position:relative; z-index:1;
  font:600 10px/1.5 "DM Sans",sans-serif; letter-spacing:.17em;
  color:#644b49;
}
.founder-origin span { color:#9c7b65; }
.founder-big-mark {
  align-self:center; position:relative; z-index:0;
  font:italic 350px/.65 var(--serif); letter-spacing:-.12em;
  color:#b6a18e; opacity:.55; margin:0;
}
.founder-story-copy { padding:69px clamp(36px,7vw,110px) 63px; }
.founder-story-copy .eyebrow { color:#7c515b; }
.founder-story-copy h2 {
  font:500 clamp(43px,4.35vw,70px)/1.04 var(--serif);
  letter-spacing:-.025em; max-width:800px; margin:0 0 25px;
}
.founder-story-copy h2 em { color:#7b4c56; }
.founder-story-copy>p:not(.eyebrow) {
  max-width:650px; margin:0 0 18px;
  font:15px/1.84 "DM Sans",sans-serif; color:#51554f;
}
.founder-story-signoff {
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
  padding-top:18px; margin-top:29px; border-top:1px solid #cfc3b7;
  color:#795861; font:600 9px/1.5 "DM Sans",sans-serif; letter-spacing:.15em;
}

@media(max-width:1080px) {
  body #home.reset-opening h1 { font-size:clamp(39px,4.8vw,57px); }
  #home.reset-opening > .boutique-edit { padding:29px 22px 23px; }
  .boutique-product-name { padding-inline:10px; }
  .boutique-product-name strong { font-size:19px; }
}
@media(max-width:800px) {
  body #home.reset-opening { display:flex; flex-direction:column; min-height:0; }
  body #home.reset-opening > .institution-hero-copy { order:0; }
  body #home.reset-opening > .boutique-edit { order:1; min-height:0; }
  .boutique-product { height:390px; min-height:0; }
  .founder-story { grid-template-columns:1fr; }
  .founder-story-aside { min-height:150px; padding:26px 32px; flex-direction:row; align-items:center; }
  .founder-big-mark { position:absolute; right:80px; font-size:200px; }
  .founder-story-copy { padding:49px 38px 47px; }
}
@media(max-width:700px) {
  body #home.reset-opening > .institution-hero-copy { order:0; padding:26px 24px 24px; }
  body #home.reset-opening .hero-signature { margin-bottom:12px; }
  body #home.reset-opening h1 { font-size:clamp(37px,9.4vw,48px); }
  body #home.reset-opening .hero-deck { margin-top:12px; font-size:12.5px; line-height:1.55; }
  body #home.reset-opening .hero-collection-links { margin-top:18px; gap:8px 16px; }
  .collection-primary-action { min-height:42px; padding-inline:15px; font-size:9px; }
  .collection-secondary-action { font-size:9px; }
  #home.reset-opening > .boutique-edit { order:1; display:flex; padding:20px 18px 15px; gap:12px; border-left:0; }
  .boutique-edit-heading { font-size:8px; letter-spacing:.13em; padding-bottom:9px; }
  .boutique-products { gap:9px; }
  .boutique-products { grid-template-columns:1fr 1fr; }
  .boutique-product { min-height:0; height:290px; }
  .boutique-product-mineral img { object-position:73% center; }
  .boutique-product-xso img { object-position:66% center; }
  .boutique-product-name { min-height:54px; padding:8px 7px; }
  .boutique-product-name strong { font-size:clamp(15px,4vw,19px); }
  .boutique-product-name small { font-size:7px; }
  .boutique-shelf-details { grid-column:1/-1; grid-template-columns:repeat(3,1fr); grid-template-rows:100px; gap:9px; }
  .boutique-shelf-detail:nth-child(1) img { object-position:73% 42%; }
  .boutique-shelf-detail:nth-child(2) img { object-position:66% 40%; }
  .boutique-shelf-detail:nth-child(3) img { object-position:75% 74%; }
  .boutique-edit-footer { font-size:7px; letter-spacing:.1em; }
  .founder-story-aside { min-height:120px; padding:23px; }
  .founder-index,.founder-origin { font-size:8px; }
  .founder-big-mark { right:80px; font-size:150px; }
  .founder-story-copy { padding:42px 24px 45px; }
  .founder-story-copy h2 { font-size:clamp(38px,10vw,52px); }
  .founder-story-copy>p:not(.eyebrow) { font-size:13px; line-height:1.75; }
  #marylebone .method-locality { font-size:20px; }
}
@media(max-width:390px) {
  .boutique-product { height:260px; }
  .boutique-product-name strong { font-size:15px; }
  .collection-secondary-action { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .boutique-product img,.collection-primary-action { transition:none; }
}
