/* D01 Phase 2: approved editorial hero and independent WHITE circular quick navigation.
   No product catalog, channel worker, image-pipeline or checkout styles are modified. */
.d01 .d-approved-hero.d-phase2-hero {
  position:relative; isolation:isolate; overflow:hidden; display:block; height:530px;
  margin:0; padding:0; background:#fbf4ed;
}
.d01 .d-phase2-hero>.d-phase2-hero-image {
  position:absolute; top:0; right:0; z-index:-2; display:block;
  width:73%; height:100%; object-fit:cover; object-position:48% 48%;
}
.d01 .d-approved-hero.d-phase2-hero::after {
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg,#fbf4ed 0%,#fbf4ed 28%,#fbf4edea 37%,#fbf4ed80 46%,transparent 64%);
}
.d01 .d-approved-hero.d-phase2-hero>.d-hero-copy {
  position:relative; z-index:1; display:flex; flex-direction:column;
  justify-content:center; align-items:flex-start;
  width:55%; height:100%; padding:45px 62px; color:#252725;
}
.d01 .d-phase2-hero .d-phase2-brand {
  font-family:Arial,Helvetica,sans-serif; font-weight:400; font-size:clamp(40px,4.2vw,76px);
  letter-spacing:.15em; line-height:1.05; text-transform:uppercase; margin:0 0 13px;
}
.d01 .d-phase2-hero .d-phase2-kicker {
  font-family:Arial,Helvetica,sans-serif; font-size:clamp(10px,.82vw,13px);
  font-weight:400; letter-spacing:.17em; line-height:1.3; text-transform:uppercase; margin:0;
}
.d01 .d-phase2-hero .d-phase2-accent {
  display:block; background:#c9a065; width:66px; height:2px; margin:24px 0 25px;
}
.d01 .d-phase2-hero h1 {
  font-family:Georgia,"Times New Roman",serif; font-size:clamp(35px,3vw,54px);
  font-weight:400; line-height:1.1; letter-spacing:-.025em; margin:0 0 28px;
}
.d01 .d-phase2-hero .d-button {
  min-height:49px; padding:11px 29px; border-radius:3px; background:#292929;
  color:white; font-size:13px; letter-spacing:.12em; text-transform:uppercase;
}
.d01 .d-phase2-hero .d-button:hover {background:#414141}
.d01 .d-phase2-quick-links {
  display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:13px;
  margin:0; padding:27px 15px 23px; width:100%; background:#fff;
}
.d01 .d-phase2-quick-link {
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  gap:11px; min-width:0; color:#2a2a2a; text-decoration:none; text-align:center;
  border-radius:8px; outline-offset:5px;
}
.d01 .d-phase2-quick-link>img {
  display:block; width:min(100%,130px); height:auto; aspect-ratio:1;
  border-radius:50%; object-fit:cover; background:#f8f1eb;
  transition:transform .18s ease,box-shadow .18s ease;
}
.d01 .d-phase2-quick-link>span {
  display:block; font-family:Arial,Helvetica,sans-serif; font-size:11px;
  font-weight:600; letter-spacing:.015em; line-height:1.3; text-transform:uppercase;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .d01 .d-phase2-quick-link:hover>img {transform:translateY(-3px);box-shadow:0 6px 16px #42322317}
}
.d01 .d-phase2-quick-link:focus-visible {outline:3px solid #394f33}
@media(max-width:1200px) and (min-width:768px) {
  .d01 .d-phase2-quick-links {grid-template-columns:repeat(5,minmax(0,1fr));gap:23px 16px}
  .d01 .d-phase2-hero .d-hero-copy {width:60%;padding:30px 38px}
  .d01 .d-phase2-hero .d-phase2-brand {font-size:clamp(34px,5vw,56px)}
}
@media(max-width:767px) {
  .d01 .d-approved-hero.d-phase2-hero {display:flex; flex-direction:column;height:auto;margin:0}
  .d01 .d-approved-hero.d-phase2-hero::after {display:none}
  .d01 .d-phase2-hero>.d-phase2-hero-image {
    position:relative; order:2; z-index:0; width:100%; height:220px;
    object-fit:cover; object-position:center center;
  }
  .d01 .d-approved-hero.d-phase2-hero>.d-hero-copy {
    order:1; width:100%; min-height:245px; height:auto; padding:25px 24px 26px; background:#fbf4ed;
  }
  .d01 .d-phase2-hero .d-phase2-brand {font-size:clamp(34px,9vw,46px);margin-bottom:10px}
  .d01 .d-phase2-hero .d-phase2-kicker {font-size:9px;letter-spacing:.13em}
  .d01 .d-phase2-hero .d-phase2-accent {margin:13px 0 12px;width:47px}
  .d01 .d-phase2-hero h1 {font-size:clamp(28px,7.4vw,38px);margin-bottom:20px}
  .d01 .d-phase2-hero .d-button {min-height:43px;padding:8px 20px;font-size:11px}
  .d01 .d-phase2-quick-links {
    display:flex; flex-wrap:nowrap; gap:12px; overflow-x:auto; overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory; scrollbar-width:thin; padding:21px 4px 19px;
  }
  .d01 .d-phase2-quick-link {flex:0 0 94px;gap:8px;scroll-snap-align:start}
  .d01 .d-phase2-quick-link>img {width:82px;height:82px}
  .d01 .d-phase2-quick-link>span {font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  .d01 .d-phase2-quick-link>img {transition:none!important;transform:none!important}
}