:root {
  --at-espresso: #29231F;
  --at-tan: #B78B5B;
  --at-tan-hover: #9C7044;
  --at-cream: #F4F0E8;
  --at-sand: #E5D8C5;
  --at-bg: #F4F0E8;
  --at-header-bg: #F4F0E8;
  --at-surface: #FFFFFF;
  --at-text: #29231F;
  --at-muted: #65594F;
  --at-border: #DED4C5;
  --at-announcement-bg: #29231F;
  --at-announcement-text: #F4F0E8;
  --at-heading: "Barlow Condensed", sans-serif;
  --at-body: "DM Sans", sans-serif;
  --at-container: 1600px;
  --at-gutter: 5em;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--at-bg); color: var(--at-text); font-family: var(--at-body); font-size: 14px; transition: background var(--at-transition), color var(--at-transition); }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }

.at-announcement { position: relative; z-index: 120; padding: 0 var(--at-gutter); overflow: hidden; background: var(--at-announcement-bg); color: var(--at-announcement-text); border-bottom: 1px solid rgba(183,139,91,0.45); }
.at-announcement-inner { position: relative; display: grid; grid-template-columns: 1.2fr 3fr 1fr; align-items: center; gap: 20px; max-width: var(--at-container); min-height: 44px; margin: 0 auto; }
.at-announcement-left { display: flex; align-items: center; gap: 10px; color: #E7D8C5; font-size: 11px; font-weight: 600; letter-spacing: 0.15em; white-space: nowrap; }
.at-announcement-dot { position: relative; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--at-tan); box-shadow: 0 0 0 4px rgba(183,139,91,0.13); }
.at-announcement-center { display: block; min-width: 0; overflow: hidden; }
.at-marquee-track { display: flex; width: max-content; animation: at-marquee 32s linear infinite; }
.at-marquee-group { display: flex; flex: 0 0 auto; align-items: center; gap: 25px; padding-right: 25px; color: #E7D8C5; font-size: 11px; font-weight: 500; letter-spacing: 0.13em; white-space: nowrap; }
.at-marquee-star { color: var(--at-tan); font-size: 14px; }
.at-announcement-center:hover .at-marquee-track { animation-play-state: paused; }
.at-announcement-right { display: inline-flex; align-items: center; justify-content: flex-end; gap: 10px; color: var(--at-cream); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; white-space: nowrap; }
.at-announcement-right svg { color: var(--at-tan); transition: transform var(--at-transition); }
.at-announcement-right:hover svg { transform: translateX(4px); }
@keyframes at-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.at-header { 
  position: sticky; 
  top: 0; 
  z-index: 110; 
  background: var(--at-header-bg); 
  border-bottom: 1px solid var(--at-border); 
  transition: background var(--at-transition), border-color var(--at-transition), box-shadow var(--at-transition); 
}
.at-header.is-scrolled { box-shadow: 0 8px 24px rgba(41,35,31,0.07); }
.at-header-inner { max-width: var(--at-container); margin: 0 auto; padding: 12px var(--at-gutter); display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.at-logo { display: flex; flex: 0 0 auto; flex-direction: column; gap: 5px; min-width: 205px; }
.at-logo-name { font-family: var(--at-heading); font-size: 30px; font-weight: 700; letter-spacing: 0.09em; line-height: 0.95; }
.at-logo-name sup { margin-left: 2px; font-family: var(--at-body); font-size: 10px; vertical-align: top; }
.at-logo-caption { color: var(--at-muted); font-size: 10px; letter-spacing: 0.14em; white-space: nowrap; font-weight: 600; }

.at-nav { display: flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: clamp(16px, 2.2vw, 36px); }
.at-nav-link { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 45px; padding: 8px 0; border: 0; background: transparent; color: var(--at-text); font-size: 14px; font-weight: 500; white-space: nowrap; transition: color var(--at-transition); }
.at-nav-link::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--at-tan); content: ""; transform: scaleX(0); transform-origin: left; transition: transform var(--at-transition); }
.at-nav-link:hover, .at-nav-link.is-active { color: var(--at-tan-hover); }
.at-nav-link:hover::after, .at-nav-link.is-active::after { transform: scaleX(1); }
.at-home-dropdown { position: relative; flex: 0 0 auto; }
.at-chevron { transition: transform var(--at-transition); }
.at-home-dropdown.is-open .at-chevron { transform: rotate(180deg); }
.at-home-menu { position: absolute; top: calc(100% + 6px); left: -20px; z-index: 150; display: flex; flex-direction: column; min-width: 180px; padding: 12px; background: var(--at-surface); border: 1px solid var(--at-border); box-shadow: 0 16px 36px rgba(41,35,31,0.12); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity var(--at-transition), transform var(--at-transition), visibility var(--at-transition); }
.at-home-dropdown:hover .at-home-menu, .at-home-dropdown:focus-within .at-home-menu, .at-home-dropdown.is-open .at-home-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.at-home-menu a { display: flex; align-items: center; gap: 12px; padding: 13px 10px; color: var(--at-text); font-size: 14px; transition: background var(--at-transition), color var(--at-transition); }
.at-home-menu a span { color: var(--at-tan); font-size: 10px; }
.at-home-menu a:hover { background: var(--at-bg); color: var(--at-tan-hover); }
.at-home-menu a.is-active, .at-home-menu a[aria-current="page"] { padding-inline-start: 7px; border-inline-start: 3px solid var(--at-tan); background: var(--at-bg); color: var(--at-tan-hover); font-weight: 700; }

.at-theme-toggle { display: flex; flex: 0 0 auto; align-items: center; gap: 0; padding: 5px 4px; border: 1px solid var(--at-border); border-radius: 30px; background: var(--at-sand); cursor: pointer; }
.at-theme-icon { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; color: var(--at-muted); font-size: 12px; transition: background var(--at-transition), color var(--at-transition); }
.at-rtl-toggle { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 5px; min-width: 39px; height: 39px; padding: 0 0px; border: 1px solid var(--at-border); border-radius: 30px; background: transparent; color: var(--at-text); font-size: 8px; font-weight: 700; letter-spacing: 0.04em; transition: background var(--at-transition), border-color var(--at-transition); }
.at-rtl-toggle:hover { border-color: var(--at-tan); background: var(--at-surface); }
.at-rtl-toggle svg {
  width: 30px !important;
  height: 20px !important;
  min-width: 34px;
  flex-shrink: 0;
  overflow: visible;
}
.at-header-cta { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 12px; min-height: 39px; padding: 0 17px; background: var(--at-tan); color: #FFFFFF; border: 1px solid var(--at-tan); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; white-space: nowrap; transition: background var(--at-transition), border-color var(--at-transition), transform var(--at-transition); }
.at-header-cta:hover { background: var(--at-tan-hover); border-color: var(--at-tan-hover); color: #FFFFFF; transform: translateY(-2px); }
.at-header-cta svg { transition: transform var(--at-transition); }
.at-header-cta:hover svg { transform: translate(3px, -2px); }

.at-menu-open, .at-mobile-nav-head, .at-mobile-controls, .at-overlay { display: none; }

@media (max-width: 1350px) {
  :root { --at-gutter: 2.5em; }
  .at-header-inner { gap: 17px; }
  .at-logo { min-width: 175px; }
  .at-logo-name { font-size: 33px; }
  .at-logo-caption { font-size: 8px; letter-spacing: 0.1em; }
  .at-nav { gap: 17px; }
  .at-nav-link { font-size: 12px; }
  .at-header-cta { gap: 7px; padding: 0 12px; font-size: 10.5px; }
}

@media (max-width: 1100px) {
  .at-announcement-inner { grid-template-columns: auto 1fr; gap: 18px; }
  .at-announcement-center { display: none; }
  .at-announcement-right { justify-content: flex-end; }
  .at-header-inner { min-height: 65px; gap: 13px; }
  .at-menu-open { display: flex; flex: 0 0 38px; width: 38px; height: 38px; flex-direction: column; align-items: center; justify-content: center; gap: 6px; order: 5; border: 1px solid var(--at-border); background: transparent; }
  .at-menu-open span { display: block; width: 17px; height: 1px; background: currentColor; }
  .at-logo { flex: 1 1 auto; order: 0; }
  .at-nav { position: fixed; top: 0; right: 0; bottom: 0; z-index: 210; display: flex; width: min(360px, 88vw); padding: 25px; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 5px; overflow-y: auto; background: var(--at-header-bg); border-left: 1px solid var(--at-border); transform: translateX(105%); visibility: hidden; pointer-events: none; transition: transform 0.35s ease, visibility 0.35s ease, background var(--at-transition); }
  .at-nav.is-open { transform: translateX(0); visibility: visible; pointer-events: auto; }
  .at-mobile-nav-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;margin-top:30px }
  .at-mobile-logo { font-family: var(--at-heading); font-size: 29px; letter-spacing: 0.5px;font-weight: 700; }
  .at-menu-close { border: 0; background: transparent; font-size: 30px; }
  .at-nav-link { width: 100%; min-height: 48px; justify-content: flex-start; border-bottom: 1px solid var(--at-border); font-size: 14px; }
  .at-nav-link::after { display: none; }
  .at-home-dropdown { width: 100%; }
  .at-home-trigger { justify-content: space-between; }
  .at-home-menu { position: static; display: none; min-width: 0; padding: 5px 10px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; background: var(--at-surface); }
  .at-home-dropdown.is-open .at-home-menu { display: flex; }
  .at-mobile-controls { display: flex; flex-direction: column; gap: 10px; margin-top: 22px; }
  .at-mobile-control { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 13px 12px; border: 1px solid var(--at-border); border-radius: 10px; background: var(--at-surface); text-align: start; font-size: 14px; }
  .at-mobile-control i, .at-mobile-control svg { flex: 0 0 auto; }
  .at-mobile-control span { flex: 1 1 auto; }
  .at-mobile-cta { display: flex; align-items: center; justify-content: center; width: 100%; padding: 14px; background: var(--at-tan); color: #FFFFFF; text-align: center; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; }
  .at-overlay { position: fixed; inset: 0; z-index: 200; background: rgba(20,15,11,0.55); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.35s ease, visibility 0.35s ease; }
  .at-overlay.is-visible { opacity: 1; visibility: visible; pointer-events: auto; }
  .at-theme-toggle, .at-rtl-toggle, .at-header-cta { display: none; }
  .at-hero-copy { width: 62%; padding-left: 5%; }
}

@media (max-width: 767px) {
  :root { --at-gutter: 1.5em; }
  .at-announcement-inner { display: flex; justify-content: center; min-height: 37px; }
  .at-announcement-left { display: none; }
  .at-announcement-right { justify-content: center; font-size: 12px; }
  .at-header-inner { min-height: 67px; padding-top: 11px; padding-bottom: 11px; gap: 8px; }
  .at-logo-name { font-size: 29px; }
  .at-logo-caption { font-size: 7px; letter-spacing: 0.08em; }
  .at-theme-toggle { padding: 3px; }
  .at-theme-icon { width: 22px; height: 22px; font-size: 11px; }
  .at-rtl-toggle { min-width: 48px; height: 31px; padding: 0 5px; gap: 3px; font-size: 12px; }
  .at-rtl-toggle svg { width: 20px; }
  .at-header-cta { min-height: 34px; padding: 0 8px; gap: 4px; font-size: 8px; letter-spacing: 0; }
  .at-header-cta svg { width: 12px; }
  .at-menu-open { width: 32px; height: 32px; flex-basis: 32px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
  .at-marquee-track { animation: none; }
}

.at-footer { background: var(--at-announcement-bg); color: var(--at-cream); padding: 70px 5em 22px; }
.at-footer-main { display: grid; grid-template-columns: 1.25fr .75fr .75fr 1.5fr; gap: 45px; padding-bottom: 55px; }
.at-footer-logo { display: inline-block; color: var(--at-cream); font-family: "Barlow Condensed", sans-serif; font-size: 34px; font-weight: 800; letter-spacing: 2px; text-decoration: none; }
.at-footer-logo span { color: var(--at-tan); font-family: "DM Sans", sans-serif; font-size: 14px; vertical-align: top; margin-left: 3px; }
.at-footer-desc { max-width: 280px; margin: 18px 0 22px; color: #C9C0B5; font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 1.8; }
.at-footer-socials { display: flex; gap: 10px; }
.at-footer-socials a { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(244,240,232,.22); border-radius: 50%; color: var(--at-cream); font-family: "DM Sans", sans-serif; font-size: 14px; text-decoration: none; transition: background .3s ease, color .3s ease, border-color .3s ease; }
.at-footer-socials a:hover { background: var(--at-tan); border-color: var(--at-tan); color: var(--at-espresso); }
.at-footer-links { margin-top: 7px;display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
.at-footer-links h3 { margin: 8px 0 12px; color: var(--at-tan); font-family: "DM Sans", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; }
.at-footer-links a { color: #C9C0B5; font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 1.5; text-decoration: none; transition: color .3s ease; }
.at-footer-links a:hover, .at-footer-legal a:hover, .at-back-top:hover { color: var(--at-tan); }
.at-footer-newsletter { margin-top: 14px; }
.at-footer-kicker { color: var(--at-tan); font-family: "DM Sans", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; }
.at-footer-newsletter h3 { margin: 14px 0; color: var(--at-cream); font-family: "Barlow Condensed", sans-serif; font-size: 36px; font-weight: 700; line-height: 1.05; text-transform: uppercase; }
.at-footer-newsletter p { margin: 0 0 20px; color: #C9C0B5; font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 1.8; }
.at-footer-form { display: flex; align-items: center; border-bottom: 1px solid rgba(244,240,232,.4); }
.at-footer-form input { width: 100%; min-width: 0; padding: 13px 0; border: 0; outline: 0; background: transparent; color: var(--at-cream); font-family: "DM Sans", sans-serif; font-size: 14px; }
.at-footer-form input::placeholder { color: #B9B0A5; opacity: 1; }
.at-footer-form button { flex: 0 0 38px; width: 38px; height: 38px; border: 0; background: var(--at-tan); color: var(--at-espresso); font-size: 22px; cursor: pointer; transition: background .3s ease; }
.at-footer-form button:hover { background: var(--at-cream); }
.at-footer-newsletter small { display: block; margin-top: 12px; color: #B9B0A5; font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 1.6; }
.at-footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding-top: 22px; border-top: 1px solid rgba(244,240,232,.18); }
.at-footer-bottom p { margin: 0; color: #B9B0A5; font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 1.5; }
.at-footer-legal { display: flex; flex-wrap: wrap; gap: 22px; }
.at-footer-legal a, .at-back-top { color: #C9C0B5; font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 1.5; text-decoration: none; transition: color .3s ease; }
.at-back-top { letter-spacing: 1px; }
@media (max-width: 1024px) {
  .at-footer { padding: 55px 2.5em 22px; }
  .at-footer-main { grid-template-columns: 1fr 1fr; column-gap: 40px; row-gap: 45px; }
  .at-footer-newsletter h3 { font-size: 24px;line-height: 1.4; }
  .at-footer-newsletter { padding-left: 0; }
}
@media (max-width: 767px) {
  .at-footer { padding: 45px 1.5em 20px; }
  .at-footer-main { grid-template-columns: 1fr 1fr; gap: 35px 22px; padding-bottom: 38px; }
  .at-footer-brand, .at-footer-newsletter { grid-column: 1 / -1; }
  .at-footer-logo { font-size: 30px; }
  .at-footer-newsletter h3 { font-size: 20px; }
  .at-footer-bottom { align-items: flex-start; flex-direction: column; gap: 15px; }
  .at-footer-legal { gap: 16px; }
}
@media (max-width: 380px) {
  .at-footer-main { grid-template-columns: 1fr; }
  .at-footer-brand, .at-footer-newsletter { grid-column: auto; }
}

/* CONTACT HERO BANNER */
.contact-hero-banner { position: relative; display: flex; align-items: center; justify-content: center; min-height: 430px; padding: 6em 5em; overflow: hidden; color: #fff; text-align: center; }
.contact-hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20,18,16,.72), rgba(20,18,16,.55), rgba(20,18,16,.72)); }
.contact-hero-content { position: relative; z-index: 1; width: 100%; max-width: 850px; margin: 0 auto; }
.contact-hero-label { display: inline-block; margin-bottom: 20px; color: #D8B987; font-family: var(--at-body, "DM Sans", sans-serif); font-size: 14px; font-weight: 600; letter-spacing: .22em; }
.contact-hero-content h1 { margin: 0; color: #fff; font-family: var(--at-heading, "Barlow Condensed", sans-serif); font-size: clamp(54px, 7vw, 92px); font-weight: 800; line-height: 1.05; letter-spacing: .015em; }
.contact-hero-content h1 span { color: #D8B987; }
.contact-hero-content p { max-width: 550px; margin: 20px auto 24px; color: rgba(255,255,255,.88); font-family: var(--at-body, "DM Sans", sans-serif); font-size: 14px; font-weight: 400; line-height: 1.8; }
.contact-breadcrumb { display: flex; justify-content: center; align-items: center; gap: 12px; color: rgba(255,255,255,.75); font-size: 14px; }
.contact-breadcrumb a { color: #D8B987; text-decoration: none; transition: color .3s ease; }
.contact-breadcrumb a:hover { color: #fff; }
@media (max-width: 1023px) {
  .contact-hero-banner { min-height: 380px; padding: 5em 2.5em; }
  .contact-hero-content h1 { font-size: clamp(52px, 8vw, 76px); }
}
@media (max-width: 767px) {
  .contact-hero-banner { min-height: 340px; padding: 5em 1.5em; background-position: 55% center; }
  .contact-hero-label { margin-bottom: 16px; }
  .contact-hero-content h1 { font-size: clamp(46px, 12vw, 64px); }
  .contact-hero-content p { margin: 18px auto 22px; }
}

/* ATELIER CONTACT — EDITORIAL REDESIGN */
.ati-contact { padding: 6em 5em; overflow: hidden; background: var(--at-bg); color: var(--at-text); }
.ati-contact-layout { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); align-items: stretch; gap: clamp(35px,6vw,90px); width: 100%; max-width: var(--at-container); margin: 0 auto; }
.ati-contact-visual { position: relative; min-width: 0; min-height: 450px; overflow: hidden; isolation: isolate; background: var(--at-espresso); color: #fff; }
.ati-contact-visual > img { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .9s ease; }
.ati-contact-visual:hover > img { transform: scale(1.035); }
.ati-contact-visual-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,rgba(25,20,17,.22) 0%,rgba(25,20,17,.05) 35%,rgba(25,20,17,.88) 100%); }
.ati-contact-visual-top { position: absolute; top: 27px; right: 28px; left: 28px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.4); font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.ati-contact-visual-top > span:last-child { text-align: right; color: rgba(255,255,255,.78); }
.ati-contact-visual-bottom { position: absolute; right: 30px; bottom: 58px; left: 30px; }
.ati-contact-visual-kicker { display: block; margin-bottom: 17px; color: #E4C49C; font-size: 14px; font-weight: 600; letter-spacing: .12em; }
.ati-contact-visual-bottom h3 { margin: 0; color: #fff; font-family: var(--at-heading); font-size: clamp(55px,3.7vw,82px); font-weight: 800; letter-spacing: -.025em; line-height: 1.4; }
.ati-contact-visual-bottom h3 span { color: #D2A675; }
.ati-contact-visual-note { display: block; margin-top: 25px; color: rgba(255,255,255,.82); font-size: 14px; letter-spacing: .1em; }
.ati-contact-visual-index { position: absolute; right: 28px; bottom: 20px; color: rgba(255,255,255,.72); font-size: 14px; letter-spacing: .08em; }
.ati-contact-content { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 25px 0; }
.ati-contact-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; color: var(--at-muted); font-size: 14px; font-weight: 600; letter-spacing: .09em; }
.ati-contact-eyebrow-line { width: 30px; height: 1px; flex: 0 0 30px; background: var(--at-tan); }
.ati-contact-heading h2 { margin: 0; font-family: var(--at-heading); font-size: clamp(55px,3.7vw,82px); font-weight: 800; letter-spacing: -.025em; line-height: 1.4; overflow-wrap: anywhere; }
.ati-contact-heading h2 span { color: var(--at-tan); }
.ati-contact-heading > p { max-width: 450px; margin: 24px 0 30px; color: var(--at-muted); font-family: var(--at-body); font-size: 14px; font-weight: 400; line-height: 1.9; }
.ati-contact-list { width: 100%; }
.ati-contact-row { display: grid; grid-template-columns: 30px minmax(0,1fr) 22px; align-items: center; gap: 15px; width: 100%; min-width: 0; padding: 23px 0; border-top: 1px solid var(--at-border); color: var(--at-text); text-align: left; }
.ati-contact-row:last-child { border-bottom: 1px solid var(--at-border); }
a.ati-contact-row { transition: color .3s ease; }
a.ati-contact-row:hover { color: var(--at-tan-hover); }
.ati-contact-row-index { align-self: start; padding-top: 2px; color: var(--at-tan); font-size: 14px; font-weight: 600; }
.ati-contact-row-main { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 7px; }
.ati-contact-row-label { color: var(--at-muted); font-size: 14px; font-weight: 600; letter-spacing: .08em; line-height: 1.8;}
.ati-contact-row-value { max-width: 100%; color: inherit; font-family: var(--at-heading); font-size: clamp(23px,2vw,31px); font-weight: 700; line-height: 1.15; overflow-wrap: anywhere; }
.ati-contact-row-description { color: var(--at-muted); font-size: 14px; line-height: 1.7; }
.ati-contact-arrow { width: 20px; height: 20px; color: var(--at-tan); transition: transform .3s ease; }
a.ati-contact-row:hover .ati-contact-arrow { transform: translate(3px,-3px); }
.ati-contact-footer { display: flex; align-items: center; gap: 12px; margin-top: 25px; }
.ati-contact-footer-mark { color: var(--at-tan); font-size: 22px; }
.ati-contact-footer p { margin: 0; color: var(--at-muted); font-size: 14px; line-height: 1.7; letter-spacing: .035em; }
@media (max-width: 1023px) {
  .ati-contact { padding: 5em 3em; }
  .ati-contact-layout { grid-template-columns: minmax(0,1fr); gap: 36px; }
  .ati-contact-visual { min-height: 360px; }
  .ati-contact-visual-top { right: 20px; left: 20px; }
  .ati-contact-visual-bottom { right: 22px; left: 22px; }
  .ati-contact-visual-bottom h3 { font-size: clamp(40px,4.4vw,61px); }
  .ati-contact-content { padding: 10px 0; }
  .ati-contact-heading h2 { font-size: clamp(40px,4.4vw,61px); }
  .ati-contact-row { grid-template-columns: 25px minmax(0,1fr) 18px; gap: 10px; padding: 20px 0; }
  .ati-contact-row-value { font-size: clamp(18px,2.3vw,27px); }
}
@media (max-width: 767px) {
  .ati-contact { padding: 5em 1.5em; }
  .ati-contact-layout { grid-template-columns: minmax(0,1fr); gap: 36px; }
  .ati-contact-visual { min-height: 430px; }
  .ati-contact-visual-top { top: 20px; right: 18px; left: 18px; padding-bottom: 14px; }
  .ati-contact-visual-bottom { right: 20px; bottom: 58px; left: 20px; }
  .ati-contact-visual-bottom h3 { font-size: clamp(35px,8.5vw,75px); }
  .ati-contact-visual-index { right: 20px; bottom: 18px; }
  .ati-contact-content { padding: 0; }
  .ati-contact-eyebrow { margin-bottom: 23px; }
  .ati-contact-heading h2 { font-size: clamp(35px,8.5vw,75px); }
  .ati-contact-heading > p { margin: 21px 0 26px; }
  .ati-contact-row { grid-template-columns: 26px minmax(0,1fr) 19px; gap: 11px; padding: 21px 0; }
  .ati-contact-row-value { font-size: clamp(18px,3.2vw,30px); }
  .ati-contact-footer { align-items: flex-start; margin-top: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .ati-contact *, .ati-contact *::before, .ati-contact *::after { animation: none !important; transition: none !important; }
}

/* ATELIER CONTACT FORM — IVORY EDITORIAL */
.atf3-section { padding: 6em 5em; overflow: hidden; background: #FFFFFF; color: #24211E; }
.atf3-inner { width: 100%; max-width: var(--at-container, 1440px); margin: 0 auto; }
.atf3-topline { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid rgba(36,33,30,.17); }
.atf3-eyebrow { display: inline-flex; align-items: center; gap: 11px; color: #69635B; font-size: 14px; font-weight: 700; letter-spacing: .09em; }
.atf3-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--at-tan, #B99A63); }
.atf3-edition { color: #777067; font-size: 14px; letter-spacing: .06em; }
.atf3-intro { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(220px,.65fr); align-items: end; gap: 45px; padding: 45px 0 42px; }
.atf3-intro h2 { margin: 0; color: #24211E; font-family: var(--at-heading, "Barlow Condensed", sans-serif); font-size: var(--at-contact-heading-size, clamp(55px,3.7vw,82px)); font-weight: 800; letter-spacing: -.035em; line-height: var(--at-contact-heading-line-height, 1.1); overflow-wrap: anywhere; }
.atf3-intro h2 span { color: var(--at-tan, #A67C48); }
.atf3-intro-copy { max-width: 365px; padding-bottom: 8px; }
.atf3-copy-index { display: block; margin-bottom: 12px; color: #8A673D; font-size: 14px; font-weight: 700; letter-spacing: .1em; }
.atf3-intro-copy p { margin: 0; color: #686159; font-family: var(--at-body, "DM Sans", sans-serif); font-size: 14px; line-height: 1.9; }
.atf3-rule { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 0; border-top: 1px solid rgba(36,33,30,.2); border-bottom: 1px solid rgba(36,33,30,.2); color: #686159; font-size: 14px; font-weight: 700; letter-spacing: .065em; }
.atf3-star { margin-left: 7px; color: #A67C48; }
.atf3-form { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 55px; padding-top: 12px; }
.atf3-field { display: flex; min-width: 0; flex-direction: column; padding: 25px 0 15px; border-bottom: 1px solid rgba(36,33,30,.2); }
.atf3-field label { margin-bottom: 11px; color: #686159; font-size: 14px; font-weight: 700; letter-spacing: .055em; }
.atf3-field label span { color: #A67C48; }
.atf3-field input, .atf3-field select, .atf3-field textarea { display: block; width: 100%; min-width: 0; padding: 7px 0; border: 0; border-radius: 0; outline: none; background: transparent; color: #24211E; font-family: var(--at-body, "DM Sans", sans-serif); font-size: 14px; font-weight: 400; line-height: 1.9; box-shadow: none; }
.atf3-field input::placeholder, .atf3-field textarea::placeholder { color: #928A80; opacity: 1; }
.atf3-field select { cursor: pointer; }
.atf3-field select:invalid { color: #928A80; }
.atf3-field select option { background: #F3F0E9; color: #24211E; }
.atf3-field:focus-within { border-bottom-color: #A67C48; }
.atf3-field input:focus-visible, .atf3-field select:focus-visible, .atf3-field textarea:focus-visible { outline: 2px solid rgba(166,124,72,.35); outline-offset: 4px; }
.atf3-field textarea { min-height: 100px; resize: vertical; }
.atf3-message { grid-column: 1 / -1; }
.atf3-submit-row { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-top: 28px; }
.atf3-submit-row > p { max-width: 420px; margin: 0; color: #686159; font-size: 14px; line-height: 1.9; }
.atf3-submit { display: inline-flex; min-width: 250px; min-height: 58px; align-items: center; justify-content: space-between; gap: 25px; padding: 7px 8px 7px 20px; border: 1px solid #28231E; border-radius: 0; background: #28231E; color: #F8F5EF; font-family: var(--at-body, "DM Sans", sans-serif); font-size: 14px; font-weight: 700; letter-spacing: .045em; cursor: pointer; transition: background .25s ease, color .25s ease; }
.atf3-submit:hover { background: #A67C48; border-color: #A67C48; }
.atf3-submit-icon { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; background: rgba(255,255,255,.13); }
.atf3-submit-icon svg { display: block; width: 20px; height: 20px; transition: transform .25s ease; }
.atf3-submit:hover .atf3-submit-icon svg { transform: translateX(4px); }
.atf3-status { grid-column: 1 / -1; margin: 0; color: #76562F; font-size: 14px; line-height: 1.9; }
.atf3-status:not(:empty) { margin-top: 16px; }
.atf3-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 65px; padding-top: 17px; border-top: 1px solid rgba(36,33,30,.2); color: #777067; font-size: 14px; font-weight: 600; letter-spacing: .055em; }
.atf3-footer-arrow { padding-left: 8px; color: #A67C48; }
@media (max-width: 1023px) {
  .atf3-section { padding: 5em 2.5em; }
  .atf3-intro { grid-template-columns: minmax(0,1.2fr) minmax(190px,.8fr); gap: 28px; padding: 35px 0; }
  .atf3-intro h2 { font-size: var(--at-contact-heading-tablet, clamp(40px,4.4vw,61px)); }
  .atf3-form { column-gap: 35px; }
  .atf3-submit-row { align-items: flex-start; flex-direction: column; gap: 18px; }
  .atf3-footer { margin-top: 50px; }
}
@media (max-width: 767px) {
  .atf3-section { padding: 5em 1.5em; }
  .atf3-topline { align-items: flex-start; flex-direction: column; gap: 10px; }
  .atf3-intro { grid-template-columns: minmax(0,1fr); gap: 18px; padding: 28px 0; }
  .atf3-intro h2 { font-size: var(--at-contact-heading-mobile, clamp(35px,8.5vw,75px)); }
  .atf3-intro-copy { max-width: 100%; }
  .atf3-rule { align-items: flex-start; flex-direction: column; gap: 10px; }
  .atf3-form { grid-template-columns: minmax(0,1fr); }
  .atf3-field { padding: 21px 0 14px; }
  .atf3-message, .atf3-submit-row, .atf3-status { grid-column: 1; }
  .atf3-submit-row { padding-top: 24px; }
  .atf3-submit { width: 100%; min-width: 0; }
  .atf3-footer { align-items: flex-start; flex-direction: column; gap: 12px; margin-top: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  .atf3-section *, .atf3-section *::before, .atf3-section *::after { animation: none !important; transition: none !important; }
}

/* ATELIER STORE LOCATION */
.asl-section { padding: 6em 5em; overflow: hidden; background: #F3F0E9; color: #24211E; }
.asl-inner { width: 100%; max-width: var(--at-container, 1440px); margin: 0 auto; }
.asl-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid rgba(36,33,30,.18); }
.asl-eyebrow { display: inline-flex; align-items: center; gap: 11px; color: #686159; font-size: 14px; font-weight: 700; letter-spacing: .09em; }
.asl-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--at-tan, #B99A63); }
.asl-index { color: #777067; font-size: 14px; letter-spacing: .06em; }
.asl-title-row { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(220px,.7fr); align-items: end; gap: 45px; padding: 42px 0; }
.asl-title-row h2 { margin: 0; color: #24211E; font-family: var(--at-heading, "Barlow Condensed", sans-serif); font-size: var(--at-contact-heading-size, clamp(55px,3.7vw,82px)); font-weight: 800; letter-spacing: -.035em; line-height: var(--at-contact-heading-line-height, 1.1); }
.asl-title-row h2 span { color: var(--at-tan, #A67C48); }
.asl-title-row > p { max-width: 360px; margin: 0 0 8px; color: #686159; font-family: var(--at-body, "DM Sans", sans-serif); font-size: 14px; line-height: 1.9; }
.asl-location-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: clamp(35px,6vw,85px); align-items: stretch; }
.asl-map-wrap { position: relative; min-width: 0; min-height: 460px; overflow: hidden; background: #E6E0D5; }
.asl-map { position: absolute; inset: 0; display: block; width: 100%; height: 100%; min-height: 460px; border: 0; filter: grayscale(25%) contrast(1.02); }
.asl-map-label { position: absolute; z-index: 2; right: 25px; bottom: 22px; left: 25px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 35px; background: linear-gradient(180deg,transparent,rgba(15,14,13,.72)); color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .06em; pointer-events: none; }
.asl-map-label a { color: #fff; text-decoration: none; pointer-events: auto; }
.asl-map-label a:hover { color: #D8C49A; }
.asl-details { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 10px 0 0; }
.asl-location-tag { display: inline-flex; align-items: center; gap: 10px; color: #686159; font-size: 14px; font-weight: 700; letter-spacing: .09em; }
.asl-pulse { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--at-tan, #B99A63); }
.asl-details h3 { margin: 24px 0 28px; color: #24211E; font-family: var(--at-heading, "Barlow Condensed", sans-serif); font-size: clamp(38px,3.1vw,58px); font-weight: 800; letter-spacing: -.025em; line-height: 1.3; }
.asl-detail-item { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 15px; width: 100%; padding: 19px 0; border-top: 1px solid rgba(36,33,30,.18); }
.asl-detail-number { color: #A67C48; font-size: 14px; font-weight: 700; }
.asl-detail-item h4 { margin: 0 0 12px; color: #24211E; font-family: var(--at-heading, "Barlow Condensed", sans-serif); font-size: 17px; font-weight: 700; letter-spacing: .045em; line-height: 1.5; }
.asl-detail-item p { margin: 0 0 5px; color: #686159; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.asl-directions { display: inline-flex; width: 100%; min-height: 58px; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; padding: 8px 12px 8px 20px; border: 1px solid #28231E; background: #28231E; color: #F8F5EF; font-size: 14px; font-weight: 700; letter-spacing: .05em; text-decoration: none; transition: background .25s ease,border-color .25s ease; }
.asl-directions:hover { border-color: #A67C48; background: #A67C48; }
.asl-directions svg { width: 22px; height: 22px; flex: 0 0 22px; }
.asl-footer-line { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 65px; padding-top: 18px; border-top: 1px solid rgba(36,33,30,.18); color: #777067; font-size: 14px; font-weight: 600; letter-spacing: .06em; }
.asl-footer-arrow { padding-left: 8px; color: #A67C48; }

@media (max-width: 1023px) {
  .asl-section { padding: 5em 2.5em; }
  .asl-title-row { grid-template-columns: minmax(0,1.2fr) minmax(190px,.8fr); gap: 25px; padding: 35px 0; }
  .asl-title-row h2 { font-size: var(--at-contact-heading-tablet, clamp(40px,4.4vw,61px)); }
  .asl-location-layout { grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: 30px; }
  .asl-map-wrap, .asl-map { min-height: 400px; }
  .asl-details h3 { font-size: clamp(36px,4vw,48px); }
  .asl-footer-line { margin-top: 50px; }
}

@media (max-width: 767px) {
  .asl-section { padding: 5em 1.5em; }
  .asl-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
  .asl-title-row { grid-template-columns: minmax(0,1fr); gap: 15px; padding: 28px 0; }
  .asl-title-row h2 { font-size: var(--at-contact-heading-mobile, clamp(35px,8.5vw,75px)); }
  .asl-title-row > p { max-width: 100%; }
  .asl-location-layout { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .asl-map-wrap, .asl-map { min-height: 300px; height: 300px; }
  .asl-map-label { right: 16px; bottom: 16px; left: 16px; }
  .asl-details { padding-top: 0; }
  .asl-details h3 { margin: 18px 0 22px; font-size: clamp(35px,8.5vw,55px); }
  .asl-footer-line { align-items: flex-start; flex-direction: column; gap: 12px; margin-top: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .asl-section *, .asl-section *::before, .asl-section *::after { animation: none !important; transition: none !important; }
}

/* ATELIER UPCOMING RELEASES */
.at-release { position:relative; padding:5em 0; overflow:visible; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.at-release-inner { width:calc(100% - 10em); max-width:var(--at-container,1600px); margin:0 auto; }
.at-release-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:25px; }
.at-release-eyebrow { display:block; margin-bottom:12px; color:var(--at-muted,#65594F); font-size:12px; font-weight:700; letter-spacing:.16em; }
.at-release-heading { display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
.at-release-heading h2 { margin:0; color:var(--at-text,#29231F); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(32px,3.4vw,48px); font-weight:800; line-height:1; letter-spacing:.01em; }
.at-release-live { display:inline-flex; align-items:center; gap:8px; padding:8px 11px; background:var(--at-tan,#B78B5B); color:#fff; font-size:11px; font-weight:700; white-space:nowrap; }
.at-release-live i { width:7px; height:7px; border-radius:50%; background:#fff; animation:at-release-pulse 1.5s infinite; }
.at-release-edition { color:var(--at-muted,#65594F); font-size:12px; font-weight:600; letter-spacing:.1em; white-space:nowrap; }
.at-release-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:40px; }
.at-release-card { display:flex; min-width:0; flex-direction:column; padding:16px; border:1px solid var(--at-border,#DED4C5); border-radius:10px; background:var(--at-surface,#fff); box-shadow:0 8px 24px rgba(41,35,31,.06); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.at-release-card:hover { transform:translateY(-3px); border-color:var(--at-tan,#B78B5B); box-shadow:0 14px 30px rgba(41,35,31,.1); }
.at-release-card-top { display:flex; min-height:150px; align-items:flex-start; justify-content:space-between; gap:8px; }
.at-release-name { min-width:0; }
.at-release-category { display:block; margin-bottom:16px; color:var(--at-muted,#65594F); font-size:12px; font-weight:700; letter-spacing:.1em; }
.at-release-name h3 { margin:0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(20px,2vw,30px); font-weight:800; line-height:1.4; overflow-wrap:anywhere; }
.at-release-name h3 span { display:block; color:var(--at-tan,#B78B5B); }
.at-release-name p { margin:10px 0 0; color:var(--at-muted,#65594F); font-size:11px; }
.at-release-timer { display:flex; flex-shrink:0; align-items:center; gap:4px; }
.at-release-timer-label { display:none; }
.at-release-clock { display:flex; align-items:baseline; gap:2px; padding:7px 5px; border:1px solid var(--at-border,#DED4C5); border-radius:5px; background:var(--at-bg,#F4F0E8); }
.at-release-clock strong { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:23px; font-weight:700; line-height:1; font-variant-numeric:tabular-nums; }
.at-release-clock small { color:var(--at-muted,#65594F); font-size:12px; }
.at-release-image { position:relative; display:flex; height:205px; align-items:center; justify-content:center; margin:8px 0 25px; overflow:hidden; background:linear-gradient(145deg,rgba(183,139,91,.09),transparent 75%),var(--at-bg,#F4F0E8); }
.at-release-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.at-release-card:hover .at-release-image img { transform:scale(1.045); }
.at-release-image > span { position:absolute; right:7px; bottom:7px; color:var(--at-muted,#65594F); font-size:12px; letter-spacing:.08em; }
.at-release-details { margin-top:auto; }
.at-release-details h4 { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 15px 0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:20px; font-weight:700; }
.at-release-details h4 span { font-family:var(--at-body,"DM Sans",sans-serif); font-size:15px; font-weight:700; }
.at-release-details > p { margin:15px 0 22px; color:var(--at-muted,#65594F); font-size:12px; }
.at-release-details > p i { display:inline-block; width:4px; height:4px; margin:0 5px 2px; border-radius:50%; background:var(--at-tan,#B78B5B); }
.at-release-progress { height:6px; overflow:hidden; border-radius:20px; background:var(--at-border,#DED4C5); }
.at-release-progress span { display:block; width:var(--progress,50%); height:100%; border-radius:20px; background:var(--at-tan,#B78B5B); }
.at-release-progress-text { display:flex; justify-content:space-between; gap:8px; margin:16px 0 22px; color:var(--at-muted,#65594F); font-size:12px; }
.at-release-button { display:flex; min-height:42px; align-items:center; justify-content:center; gap:12px; padding:10px 12px; border:1px solid var(--at-tan,#B78B5B); background:var(--at-tan,#B78B5B); color:#fff; font-size:11px; font-weight:700; letter-spacing:.04em; text-align:center; transition:background .25s ease,color .25s ease; }
.at-release-button:hover { background:transparent; color:var(--at-text,#29231F); }
.at-release-button > span { font-size:16px; }
.at-release-button-note { display:block; margin-top:15px; color:var(--at-muted,#65594F); font-size:12px; text-align:center; letter-spacing:.05em; }
.at-release-footer { display:flex; justify-content:space-between; gap:16px; margin-top:25px; padding-top:15px; border-top:1px solid var(--at-border,#DED4C5); color:var(--at-muted,#65594F); font-size:12px; font-weight:600; letter-spacing:.1em; }
@keyframes at-release-pulse { 50% { opacity:.35; } }
@media (max-width:1350px) { .at-release-inner { width:calc(100% - 5em); } .at-release-grid { gap:15px; } .at-release-card { padding:12px; } .at-release-card-top { flex-direction:column; min-height:126px; } .at-release-timer { margin-top:6px; } .at-release-image { height:180px; } .at-release-clock { padding:5px; } .at-release-clock strong { font-size:21px; } }
@media (max-width:1023px) { .at-release { padding:2.5em 0; } .at-release-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .at-release-card-top { flex-direction:row; min-height:95px; } .at-release-image { height:195px; } .at-release-name h3 { font-size:clamp(23px,3vw,30px); } }
@media (max-width:767px) { .at-release-inner { width:calc(100% - 3em); } .at-release-header { align-items:flex-start; flex-direction:column; gap:10px; } .at-release-heading h2 { font-size:clamp(30px,7vw,40px); } .at-release-grid { grid-template-columns:1fr; gap:16px; } .at-release-card { padding:15px; } .at-release-card-top { min-height:90px; } .at-release-name h3 { font-size:28px; } .at-release-image { height:240px; } .at-release-footer { flex-direction:column; gap:8px; } }
@media (prefers-reduced-motion:reduce) { .at-release-card,.at-release-image img,.at-release-live i { animation:none; transition:none; } }  



/* ATELIER RELEASE CALENDAR — LIGHT THEME */
.atrc { padding:6em var(--at-gutter); background:#FFFFFF; color:var(--at-text); font-family:var(--at-body); }
.atrc * { box-sizing:border-box; }
.atrc__container { width:100%; max-width:var(--at-container); margin:0 auto; }
.atrc__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:36px; }
.atrc__heading { min-width:0; }
.atrc__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.atrc__heading h2 { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.atrc__heading p { margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.atrc__search { display:flex; align-items:center; gap:12px; width:260px; min-height:48px; padding:0 15px; border:1px solid var(--at-border); background:var(--at-surface); color:var(--at-text); }
.atrc__search > span { font-size:23px; line-height:1; }
.atrc__search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--at-text); font-family:var(--at-body); font-size:14px; }
.atrc__search input::placeholder { color:var(--at-muted); opacity:1; }
.atrc__layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(360px,.9fr); align-items:stretch; gap:26px; }
.atrc__calendar,.atrc__sidebar { min-width:0; border:1px solid var(--at-border); background:var(--at-surface); }
.atrc__calendar { display:flex; flex-direction:column; padding:26px; }
.atrc__monthbar { display:grid; grid-template-columns:42px minmax(0,1fr) 42px; align-items:center; gap:16px; margin-bottom:27px; }
.atrc__monthbar > button { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--at-border); background:var(--at-bg); color:var(--at-text); font:inherit; font-size:27px; line-height:1; cursor:pointer; transition:background var(--at-transition),color var(--at-transition),border-color var(--at-transition); }
.atrc__monthbar > button:hover { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.atrc__monthtitle { text-align:center; }
.atrc__monthtitle > span { display:block; margin-bottom:7px; color:var(--at-muted); font-size:14px; font-weight:600; letter-spacing:.1em; line-height:1.5; }
.atrc__monthtitle h3 { margin:0; color:var(--at-text); font-family:var(--at-heading); font-size:28px; font-weight:700; line-height:1.2; }
.atrc__weekdays,.atrc__days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
.atrc__weekdays { margin-bottom:9px; }
.atrc__weekdays span { padding:5px 0; color:var(--at-muted); font-family:var(--at-heading); font-size:14px; font-weight:600; line-height:1.5; text-align:center; }
.atrc__days { grid-auto-rows:minmax(84px,1fr); }
.atrc__day { position:relative; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; min-width:0; min-height:84px; padding:10px; overflow:hidden; border:1px solid var(--at-border); background:var(--at-bg); color:var(--at-text); text-align:start; font:inherit; cursor:pointer; transition:border-color var(--at-transition),background var(--at-transition),box-shadow var(--at-transition); }
.atrc__day:hover { border-color:var(--at-tan); }
.atrc__day.is-outside { opacity:.4; }
.atrc__day.is-selected { border-color:var(--at-tan); background:var(--at-sand); box-shadow:inset 0 0 0 1px var(--at-tan); }
.atrc__day.is-drop::after { position:absolute; top:10px; right:10px; width:7px; height:7px; border-radius:50%; background:var(--at-tan); content:""; }
.atrc__day-number { color:var(--at-text); font-family:var(--at-heading); font-size:16px; font-weight:600; line-height:1.3; }
.atrc__day img { display:block; width:100%; height:35px; margin:4px auto; object-fit:contain; mix-blend-mode:multiply; }
.atrc__day-label { display:block; color:var(--at-muted); font-size:12px; font-weight:500; line-height:1.4; text-align:center; }
.atrc__day.is-featured { align-items:center; justify-content:center; gap:7px; background:var(--at-espresso); text-align:center; }
.atrc__day.is-featured .atrc__day-number { color:var(--at-tan); font-size:29px; font-weight:800; }
.atrc__day.is-featured .atrc__day-label { color:var(--at-cream); }
.atrc__day.is-selected.is-featured { background:var(--at-tan); }
.atrc__day.is-selected.is-featured .atrc__day-number,.atrc__day.is-selected.is-featured .atrc__day-label { color:#fff; }
.atrc__calendar-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin-top:24px; padding-top:18px; border-top:1px solid var(--at-border); }
.atrc__legend { display:flex; flex-wrap:wrap; gap:14px 22px; }
.atrc__legend span { display:inline-flex; align-items:center; gap:9px; color:var(--at-muted); font-size:14px; line-height:1.6; }
.atrc__legend i { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:var(--at-tan); }
.atrc__legend i.atrc__legend-limited { border:1px solid var(--at-tan); background:transparent; }
.atrc__hint { color:var(--at-muted); font-size:14px; line-height:1.6; }
.atrc__sidebar { display:flex; flex-direction:column; min-height:0; padding:23px; }
.atrc__sidebar-head { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; padding-bottom:20px; border-bottom:1px solid var(--at-border); }
.atrc__sidebar-head h3 { margin:10px 0 0; color:var(--at-text); font-family:var(--at-heading); font-size:21px; font-weight:700; line-height:1.35; }
.atrc__sidebar-head h3 > span:first-child { color:var(--at-tan); }
.atrc__slash { color:var(--at-muted); padding:0 3px; }
.atrc__count { flex:0 0 auto; padding:8px 10px; border:1px solid var(--at-border); color:var(--at-muted); font-size:14px; font-weight:600; line-height:1.4; white-space:nowrap; }
.atrc__filters { display:flex; flex-wrap:wrap; gap:8px; padding:18px 0; border-bottom:1px solid var(--at-border); }
.atrc__filters button { padding:9px 12px; border:1px solid var(--at-border); background:transparent; color:var(--at-muted); font-family:var(--at-body); font-size:14px; line-height:1.4; cursor:pointer; transition:background var(--at-transition),color var(--at-transition),border-color var(--at-transition); }
.atrc__filters button:hover,.atrc__filters button.is-active { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.atrc__scroll { display:flex; flex:1 1 auto; flex-direction:column; gap:16px; min-height:0; max-height:580px; margin-top:19px; padding:0 7px 0 0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--at-tan) var(--at-bg); }
.atrc__scroll::-webkit-scrollbar { width:6px; }
.atrc__scroll::-webkit-scrollbar-track { background:var(--at-bg); }
.atrc__scroll::-webkit-scrollbar-thumb { background:var(--at-tan); }
.atrc__card { display:grid; grid-template-columns:minmax(100px,.78fr) minmax(0,1.22fr); align-items:stretch; gap:16px; flex:0 0 auto; min-height:184px; padding:14px; border:1px solid var(--at-border); background:var(--at-bg); transition:border-color var(--at-transition); }
.atrc__card:hover { border-color:var(--at-tan); }
.atrc__card[hidden] { display:none !important; }
.atrc__image { position:relative; display:flex; align-items:center; justify-content:center; min-width:0; min-height:150px; overflow:hidden; background:var(--at-sand); }
.atrc__image img { display:block; width:100%; height:100%;object-fit:cover; mix-blend-mode:multiply; transition:transform .45s ease; }
.atrc__card:hover .atrc__image img { transform:scale(1.04); }
.atrc__index { position:absolute; z-index:1; top:9px; left:9px; display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--at-border); background:var(--at-surface); color:var(--at-text); font-size:14px; font-weight:600; line-height:1; }
.atrc__info { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:3px 0; }
.atrc__category { display:block; margin-bottom:9px; color:var(--at-tan); font-size:14px; font-weight:600; letter-spacing:.04em; line-height:1.5; }
.atrc__info h4 { margin:0; color:var(--at-text); font-family:var(--at-heading); font-size:19px; font-weight:700; line-height:1.3; overflow-wrap:anywhere; }
.atrc__edition { margin:4px 0 0; color:var(--at-tan); font-family:var(--at-heading); font-size:16px; font-weight:600; line-height:1.4; }
.atrc__description { margin:9px 0 0; color:var(--at-muted); font-size:14px; line-height:1.65; }
.atrc__meta { display:flex; flex-wrap:wrap; gap:7px 13px; margin-top:auto; padding:13px 0; color:var(--at-muted); font-size:14px; line-height:1.5; }
.atrc__meta span:first-child { color:var(--at-text); font-weight:600; }
.atrc__link { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:40px; margin-top:3px; padding:10px 12px; background:var(--at-tan); color:#fff; font-size:14px; font-weight:600; line-height:1.4; text-decoration:none; transition:background var(--at-transition); }
.atrc__link:hover { background:var(--at-tan-hover); }
.atrc__link span { font-size:18px; line-height:1; }
.atrc__empty { margin:0; padding:25px 10px; color:var(--at-muted); font-size:14px; line-height:1.8; }
.atrc__sidebar-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:19px; padding-top:16px; border-top:1px solid var(--at-border); color:var(--at-muted); font-size:14px; letter-spacing:.03em; line-height:1.6; }
.atrc__sidebar-foot b { color:var(--at-tan); font-size:18px; }
.atrc button:focus-visible,.atrc a:focus-visible,.atrc input:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }
@media (max-width:1200px) { .atrc { padding:4em 2.5em; } .atrc__layout { grid-template-columns:minmax(0,1.25fr) minmax(330px,.95fr); gap:18px; } .atrc__calendar { padding:18px; } .atrc__sidebar { padding:17px; } .atrc__days { grid-auto-rows:minmax(72px,1fr); gap:5px; } .atrc__day { min-height:72px; padding:7px; } .atrc__day img { height:28px; } .atrc__card { grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr); gap:12px; padding:11px; } .atrc__scroll { max-height:540px; } }
@media (max-width:900px) { .atrc__header { align-items:flex-start; flex-direction:column; gap:22px; } .atrc__search { width:100%; } .atrc__layout { grid-template-columns:1fr; gap:22px; } .atrc__calendar { order:1; } .atrc__sidebar { order:2; } .atrc__days { grid-auto-rows:minmax(82px,1fr); } .atrc__day { min-height:82px; } .atrc__day img { height:34px; } .atrc__scroll { max-height:460px; } }
@media (max-width:767px) { .atrc { padding:3.5em 1.5em; } .atrc__header { margin-bottom:25px; } .atrc__heading h2 { font-size:36px; } .atrc__calendar { padding:12px; } .atrc__monthbar { grid-template-columns:36px minmax(0,1fr) 36px; gap:8px; margin-bottom:18px; } .atrc__monthbar > button { width:36px; height:38px; } .atrc__monthtitle h3 { font-size:24px; } .atrc__weekdays,.atrc__days { gap:3px; } .atrc__weekdays span { font-size:14px; } .atrc__days { grid-auto-rows:minmax(62px,1fr); } .atrc__day { min-height:62px; padding:5px 4px; } .atrc__day-number { font-size:14px; } .atrc__day img { height:19px; margin:2px auto; } .atrc__day-label { font-size:12px; } .atrc__day.is-featured .atrc__day-number { font-size:23px; } .atrc__calendar-foot { align-items:flex-start; flex-direction:column; margin-top:17px; } .atrc__sidebar { padding:15px; } .atrc__sidebar-head { align-items:flex-start; flex-direction:column; gap:10px; } .atrc__sidebar-head h3 { font-size:19px; } .atrc__filters { gap:7px; padding:15px 0; } .atrc__filters button { padding:9px 10px; } .atrc__scroll { max-height:420px; gap:13px; margin-top:15px; } .atrc__card { grid-template-columns:minmax(95px,.75fr) minmax(0,1.25fr); gap:11px; min-height:165px; padding:10px; } .atrc__image { min-height:140px; } .atrc__category { margin-bottom:6px; } .atrc__info h4 { font-size:18px; } .atrc__edition { font-size:16px; } .atrc__description { margin-top:7px; } .atrc__meta { gap:6px 10px; padding:10px 0; } .atrc__sidebar-foot { align-items:flex-start; flex-direction:column; } }
@media (max-width:420px) { .atrc__heading h2 { font-size:32px; } .atrc__days { grid-auto-rows:minmax(53px,1fr); } .atrc__day { min-height:53px; padding:4px 3px; } .atrc__day img { height:14px; } .atrc__day-label { font-size:12px; } .atrc__day.is-featured .atrc__day-number { font-size:21px; } .atrc__card { grid-template-columns:88px minmax(0,1fr); gap:9px; padding:9px; } .atrc__image { min-height:132px; } .atrc__info h4 { font-size:17px; } .atrc__category,.atrc__edition { font-size:14px; } .atrc__meta { gap:6px; } }
@media (prefers-reduced-motion:reduce) { .atrc * { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }


/* ATELIER® — MOST ANTICIPATED DROPS */
.at-drops { width:100%; padding:6em 5em; overflow:hidden; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.at-drops * { box-sizing:border-box; }
.at-drops-inner { width:100%; max-width:var(--at-container,1600px); margin:0 auto; }
.at-drops-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:2em; margin-bottom:3em; }
.at-drops-heading-copy { max-width:650px; }
.at-drops-eyebrow { display:inline-block; margin-bottom:1em; color:var(--at-tan,#B78B5B); font-size:14px; font-weight:700; letter-spacing:.16em; }
.at-drops-heading h2 { margin:0; color:var(--at-text,#29231F); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(38px,3.7vw,68px); font-weight:700; line-height:.98; letter-spacing:-.025em; text-transform:uppercase; }
.at-drops-heading h2 span { color:var(--at-tan,#B78B5B); }
.at-drops-heading-copy p { margin:1.2em 0 0; color:var(--at-muted,#65594F); font-size:14px; line-height:1.8; }
.at-drops-controls { display:flex; flex-shrink:0; gap:.75em; }
.at-drops-arrow { display:flex; align-items:center; justify-content:center; width:48px; height:48px; padding:0; border:1px solid var(--at-border,#DED4C5); border-radius:50%; background:transparent; color:var(--at-text,#29231F); cursor:pointer; transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease; }
.at-drops-arrow svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.at-drops-arrow:hover { border-color:var(--at-tan,#B78B5B); background:var(--at-tan,#B78B5B); color:#fff; transform:translateY(-2px); }
.at-drops-arrow:focus-visible { outline:2px solid var(--at-tan,#B78B5B); outline-offset:4px; }
.at-drops-showcase { width:100%; overflow:hidden; padding:1.5em 0 2em; }
.at-drops-track { display:flex; align-items:stretch; gap:1.5em; width:max-content; direction:ltr; transform:translate3d(0,0,0); transition:transform .65s cubic-bezier(.22,.61,.36,1); will-change:transform; }
.at-drop-card { display:flex; flex:0 0 clamp(220px,20vw,280px); flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--at-border,#DED4C5); background:var(--at-surface,#fff); color:var(--at-text,#29231F); opacity:.72; transform:scale(.94); transform-origin:center center; transition:opacity .45s ease,transform .45s ease,border-color .45s ease,box-shadow .45s ease; }
.at-drop-card.is-active { z-index:2; border-color:var(--at-tan,#B78B5B); opacity:1; transform:scale(1.035); box-shadow:0 18px 42px rgba(41,35,31,.12); }
.at-drop-image { position:relative; width:100%; height:300px; overflow:hidden; background:var(--at-sand,#E5D8C5); }
.at-drop-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .8s cubic-bezier(.22,.61,.36,1); }
.at-drop-card:hover .at-drop-image img { transform:scale(1.06); }
.at-drop-status { position:absolute; top:1em; left:1em; z-index:1; display:inline-flex; align-items:center; min-height:30px; padding:.55em .85em; background:var(--at-cream,#F4F0E8); color:var(--at-espresso,#29231F); font-size:14px; font-weight:700; line-height:1.2; letter-spacing:.04em; }
.at-drop-info { display:flex; flex:1; flex-direction:column; padding:1.5em; }
.at-drop-date { display:block; margin-bottom:.85em; color:var(--at-tan,#B78B5B); font-size:14px; font-weight:700; letter-spacing:.08em; }
.at-drop-info h3 { margin:0; color:var(--at-text,#29231F); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:28px; font-weight:700; line-height:1.1; text-transform:uppercase; }
.at-drop-info p { margin:.75em 0 1.5em; color:var(--at-muted,#65594F); font-size:14px; line-height:1.7; }
.at-drop-meta { display:flex; align-items:center; justify-content:space-between; gap:.75em; margin-top:auto; padding-top:1em; border-top:1px solid var(--at-border,#DED4C5); }
.at-drop-meta span { color:var(--at-muted,#65594F); font-size:14px; font-weight:500; letter-spacing:.03em; }
.at-drop-meta strong { color:var(--at-text,#29231F); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:23px; font-weight:700; }
.at-drops-footer { display:flex; align-items:center; justify-content:space-between; gap:2em; margin-top:1em; }
.at-drops-progress-track { position:relative; flex:1; height:2px; overflow:hidden; background:var(--at-border,#DED4C5); }
.at-drops-progress { display:block; width:20%; height:100%; background:var(--at-tan,#B78B5B); transition:width .4s ease; }
.at-drops-counter { display:flex; align-items:center; gap:.65em; color:var(--at-text,#29231F); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:20px; font-weight:700; white-space:nowrap; }
.at-drops-counter-divider { color:var(--at-tan,#B78B5B); }
#atDropsCurrent { min-width:1.2em; text-align:center; }

@media (max-width:1023px) {
  .at-drops { padding:5em 2.5em; }
  .at-drops-heading { margin-bottom:2.5em; }
  .at-drops-heading h2 { font-size:clamp(38px,6vw,54px); }
  .at-drops-track { gap:1.25em; }
  .at-drop-card { flex-basis:clamp(230px,42vw,310px); }
  .at-drop-image { height:290px; }
}
@media (max-width:767px) {
  .at-drops { padding:4em 1.5em; }
  .at-drops-heading { align-items:flex-start; flex-direction:column; gap:1.5em; margin-bottom:1.75em; }
  .at-drops-heading h2 { font-size:clamp(36px,10vw,46px); line-height:1; }
  .at-drops-heading-copy p { max-width:340px; margin-top:1em; }
  .at-drops-controls { align-self:flex-end; gap:.6em; }
  .at-drops-arrow { width:42px; height:42px; }
  .at-drops-showcase { padding:1em 0 1.25em; }
  .at-drops-track { gap:1em; }
  .at-drop-card { flex-basis:78vw; max-width:340px; }
  .at-drop-image { height:clamp(240px,72vw,310px); }
  .at-drop-info { padding:1.25em; }
  .at-drop-info h3 { font-size:26px; }
  .at-drops-footer { gap:1.25em; margin-top:1em; }
  .at-drops-counter { font-size:18px; }
}
@media (max-width:380px) {
  .at-drops { padding:3.5em 1.5em; }
  .at-drops-heading h2 { font-size:36px; }
  .at-drop-card { flex-basis:82vw; }
  .at-drop-image { height:235px; }
  .at-drop-info { padding:1.1em; }
  .at-drop-info h3 { font-size:24px; }
  .at-drop-meta { align-items:flex-start; flex-direction:column; gap:.4em; }
}
@media (prefers-reduced-motion:reduce) {
  .at-drops *, .at-drops *::before, .at-drops *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}


@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
.at-recent { position:relative; overflow:hidden; padding:6em 5em 2em; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); font-family:var(--at-body,"DM Sans",sans-serif); }
.at-recent * { box-sizing:border-box; }
.at-recent-inner { display:grid; grid-template-columns:minmax(250px,.65fr) minmax(0,1.4fr); align-items:center; gap:4em; max-width:1600px; margin:0 auto; }
.at-recent-intro { position:relative; z-index:6; max-width:440px; }
.at-recent-kicker { display:flex; align-items:center; gap:12px; margin-bottom:2em; color:var(--at-muted,#65594F); font-size:14px; font-weight:700; letter-spacing:.1em; }
.at-recent-kicker-line { width:38px; height:1px; background:var(--at-tan,#B78B5B); }
.at-recent-kicker span:last-child { color:var(--at-tan,#B78B5B); }
.at-recent-intro h2 { margin:0; font-family:var(--at-heading,"Barlow Condensed",sans-serif);font-size: clamp(55px,3.7vw,82px); font-weight:800; line-height:.91; letter-spacing:.025em; }
.at-recent-intro h2>span { display:block; margin-top:.12em; }
.at-title-period { color:var(--at-tan,#B78B5B); }
.at-recent-intro>p { max-width:340px; margin:1.7em 0 2em; color:var(--at-muted,#65594F); font-size:14px; line-height:1.9; }
.at-recent-view-all { display:inline-flex; align-items:center; gap:1em; padding-bottom:9px; border-bottom:1px solid var(--at-tan,#B78B5B); color:var(--at-text,#29231F); font-size:14px; font-weight:700; letter-spacing:.04em; text-decoration:none; transition:gap .3s ease,color .3s ease; }
.at-recent-view-all:hover { gap:1.5em; color:var(--at-tan-hover,#9C7044); }
.at-recent-view-all>span { color:var(--at-tan,#B78B5B); font-size:19px; }
.at-recent-index { display:flex; align-items:center; gap:15px; margin-top:4em; color:var(--at-text,#29231F); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:23px; font-weight:700; }
.at-recent-index span:last-child { color:var(--at-muted,#65594F); font-size:16px; }
.at-index-divider { width:65px; height:1px; background:var(--at-border,#DED4C5); }
.at-recent-intro-mark { position:absolute; right:0; bottom:-.5em; z-index:-1; color:rgba(183,139,91,.09); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(100px,15vw,210px); font-weight:800; line-height:1; pointer-events:none; }
.at-recent-showcase { min-width:0; }
.at-recent-stage { position:relative; width:100%; height:640px; perspective:1400px; }
.at-recent-stack { position:absolute; inset:0 3.5em 0 0; }
.at-recent-card { position:absolute; top:50%; left:50%; display:flex; flex-direction:column; width:clamp(285px,29vw,410px); max-width:calc(100% - 20px); overflow:hidden; border:1px solid rgba(205,167,112,.7); border-radius:2px; background:#171512; color:#F4F0E8; box-shadow:0 35px 80px rgba(0,0,0,.35); transform:translate(-50%,-50%) scale(.7); opacity:0; pointer-events:none; transition:transform .65s cubic-bezier(.2,.75,.25,1),opacity .65s ease,box-shadow .4s ease; will-change:transform,opacity; }
.at-recent-card::before { position:absolute; inset:5px; z-index:8; border:1px solid rgba(205,167,112,.2); content:""; pointer-events:none; }
.at-recent-card.is-active { z-index:5; transform:translate(-50%,-50%) scale(1); opacity:1; pointer-events:auto; box-shadow:0 40px 95px rgba(0,0,0,.5),0 0 0 1px rgba(205,167,112,.12); }
.at-recent-card.is-prev { z-index:4; transform:translate(-104%,-48%) scale(.79) rotate(-6deg); opacity:.8; }
.at-recent-card.is-next { z-index:4; transform:translate(4%,-48%) scale(.79) rotate(6deg); opacity:.8; }
.at-recent-card.is-far-prev { z-index:2; transform:translate(-130%,-45%) scale(.66) rotate(-10deg); opacity:.28; }
.at-recent-card.is-far-next { z-index:2; transform:translate(30%,-45%) scale(.66) rotate(10deg); opacity:.28; }
.at-recent-card-image { position:relative; width:100%; height:clamp(235px,23vw,300px); flex:0 0 auto; overflow:hidden; background:#27211B; }
.at-recent-card-image::before { position:absolute; inset:0; z-index:2; background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 34%,rgba(0,0,0,.6)); content:""; pointer-events:none; }
.at-recent-card-image::after { position:absolute; right:0; bottom:0; left:0; z-index:3; height:2px; background:linear-gradient(90deg,transparent,#CDA770,#F0D3A6,#CDA770,transparent); content:""; }
.at-recent-card-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.88) contrast(1.04); transition:transform 1s ease,filter .5s ease; }
.at-recent-card.is-active:hover .at-recent-card-image img { transform:scale(1.07); filter:saturate(1.05) contrast(1.06); }
.at-recent-badge { position:absolute; top:16px; left:16px; z-index:4; padding:7px 10px; border:1px solid rgba(220,185,132,.72); background:rgba(24,21,17,.84); color:#E6C594; font-size:14px; font-weight:700; letter-spacing:.05em; backdrop-filter:blur(12px); }
.at-recent-date { position:absolute; top:17px; right:16px; z-index:4; color:#F4F0E8; font-size:14px; font-weight:600; }
.at-image-caption { position:absolute; bottom:15px; left:16px; z-index:4; color:rgba(255,255,255,.82); font-size:14px; letter-spacing:.08em; }
.at-recent-card-info { position:relative; display:flex; flex:1 0 auto; flex-direction:column; min-width:0; padding:22px 24px 25px; background:radial-gradient(ellipse at 100% 0%,rgba(183,139,91,.1),transparent 45%),linear-gradient(145deg,#29231D,#151310); }
.at-recent-card-info:before { position:absolute; top:0; right:24px; left:24px; height:1px; background:linear-gradient(90deg,#CDA770,rgba(205,167,112,.12),transparent); content:""; }
.at-recent-category { display:flex; align-items:center; gap:9px; margin:0 0 11px; color:#D2AD7B; font-size:14px; font-weight:700; letter-spacing:.07em; }
.at-recent-category:before { width:22px; height:1px; background:#CDA770; content:""; }
.at-recent-card-info h3 { margin:0; color:#FAF5EC; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(27px,2.15vw,34px); font-weight:800; line-height:1.04; overflow-wrap:anywhere; }
.at-recent-edition { margin:10px 0 22px; color:rgba(244,240,232,.68); font-size:14px; line-height:1.7; }
.at-recent-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:17px; border-top:1px solid rgba(205,167,112,.25); }
.at-recent-meta strong { color:#E7C697; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:27px; font-weight:700; }
.at-recent-meta>span { color:rgba(244,240,232,.72); font-size:14px; font-weight:500; text-align:right; }
.at-stock-dot { display:inline-block; width:5px; height:5px; margin-left:5px; border-radius:50%; background:#D9B47F; vertical-align:middle; }
.at-recent-side-nav { position:absolute; top:50%; right:-5%; z-index:7; display:flex; flex-direction:column; align-items:center; gap:1em; transform:translateY(-50%); }
.at-recent-side-label { color:var(--at-muted,#65594F); font-size:14px; font-weight:700; letter-spacing:.08em; writing-mode:vertical-rl; }
.at-recent-side-btn,.at-recent-mobile-btn { display:flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0; border:1px solid var(--at-tan,#B78B5B); border-radius:50%; background:transparent; color:var(--at-tan,#B78B5B); cursor:pointer; transition:background .3s ease,color .3s ease,transform .3s ease; }
.at-recent-side-btn svg,.at-recent-mobile-btn svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.at-recent-side-btn:hover,.at-recent-mobile-btn:hover { background:var(--at-tan,#B78B5B); color:#191714; transform:scale(1.05); }
.at-recent-side-line { width:1px; height:65px; background:linear-gradient(transparent,var(--at-tan,#B78B5B),transparent); }
.at-recent-mobile-controls { display:none; }
.at-recent-progress { flex:1; height:2px; overflow:hidden; background:rgba(41,35,31,.18); }
.at-recent-progress span { display:block; width:20%; height:100%; background:var(--at-tan,#B78B5B); transition:width .4s ease; }
.at-recent-bottomline { display:flex; justify-content:space-between; gap:1em; max-width:1600px; margin:2em auto 0; padding:1.5em 0; border-top:1px solid var(--at-border,#DED4C5); color:var(--at-muted,#65594F); font-size:14px; letter-spacing:.06em; }
.at-recent button:focus-visible,.at-recent a:focus-visible { outline:2px solid var(--at-tan,#B78B5B); outline-offset:4px; }
@media(max-width:1200px) {  .at-recent-intro h2 { font-size:clamp(35px, 6vw, 54px) }.at-recent-side-nav { position:absolute; top:50%; right:0%;}.at-recent { padding:4.5em 2.5em 2em; } .at-recent-inner { display:flex; flex-direction:column; align-items:stretch; gap:1.5em; } .at-recent-stage { height:560px; } .at-recent-stack { inset:0 2.8em 0 0; } .at-recent-card { width:clamp(260px,34vw,340px); } .at-recent-card-image { height:245px; } .at-recent-card-info { padding:19px 20px 22px; } .at-recent-card-info h3 { font-size:27px; } .at-recent-card.is-prev { transform:translate(-87%,-48%) scale(.72) rotate(-6deg); } .at-recent-card.is-next { transform:translate(-13%,-48%) scale(.72) rotate(6deg); } .at-recent-card.is-far-prev { transform:translate(-105%,-45%) scale(.59) rotate(-10deg); } .at-recent-card.is-far-next { transform:translate(5%,-45%) scale(.59) rotate(10deg); } }
@media(min-width:768px) and (max-width:1200px) { .at-recent-intro { max-width:100%; text-align:center; } .at-recent-kicker { justify-content:center; } .at-recent-intro>p { margin-right:auto; margin-left:auto; } .at-recent-view-all { justify-content:center; } .at-recent-index { justify-content:center;margin-top: 2em; } .at-recent-intro-mark { right:50%; transform:translateX(50%); } }
@media(max-width:767px) { .at-recent { padding:3.5em 1.5em 1.5em; } .at-recent-inner { display:flex; flex-direction:column; align-items:stretch; gap:3.5em; } .at-recent-intro { max-width:100%; } .at-recent-kicker { gap:8px; margin-bottom:1.3em; } .at-recent-intro h2 { font-size:clamp(35px,8.5vw,75px); } .at-recent-intro>p { margin:1em 0 1.5em; } .at-recent-index { display:none; } .at-recent-stage { height:clamp(450px,125vw,535px); } .at-recent-stack { inset:0; } .at-recent-card { width:min(76%,340px); } .at-recent-card.is-prev { transform:translate(-88%,-47%) scale(.7) rotate(-5deg); } .at-recent-card.is-next { transform:translate(-12%,-47%) scale(.7) rotate(5deg); } .at-recent-card.is-far-prev { transform:translate(-106%,-44%) scale(.57) rotate(-8deg); } .at-recent-card.is-far-next { transform:translate(6%,-44%) scale(.57) rotate(8deg); } .at-recent-card-image { height:clamp(210px,58vw,260px); } .at-recent-card-info { padding:18px 18px 22px; } .at-recent-card-info h3 { font-size:26px; } .at-recent-badge { top:12px; left:12px; } .at-recent-date { top:13px; right:12px; } .at-recent-side-nav { display:none; } .at-recent-mobile-controls { display:flex; align-items:center; gap:1em; width:100%; margin-top:2.5em; } .at-recent-mobile-btn { flex:0 0 40px; width:40px; height:40px; } .at-recent-bottomline { flex-wrap:wrap; font-size:14px; } .at-recent-bottomline span:nth-child(2) { order:3; width:100%; } }
@media(max-width:380px) { .at-recent { padding:3em 1.25em 1.5em; } .at-recent-stage { height:420px; } .at-recent-card { width:78%; } .at-recent-card-image { height:205px; } .at-recent-card-info { padding:15px 15px 19px; } .at-recent-card-info h3 { font-size:23px; } .at-recent-edition { margin:7px 0 13px; } .at-recent-meta { align-items:flex-start; flex-direction:column; gap:5px; } .at-recent-meta>span { text-align:left; } }
@media(prefers-reduced-motion:reduce) { .at-recent-card,.at-recent-card img,.at-recent-view-all,.at-recent-side-btn,.at-recent-mobile-btn,.at-recent-progress span { transition:none!important; } }

/* ATELIER — LUXURY DROP LETTER */
.ati-release-luxe { position: relative; padding: 6em 5em; overflow: hidden; background: #E8DFD1; color: #29231F; }
.ati-release-luxe-inner { position: relative; width: 100%; max-width: var(--at-container); margin: 0 auto; }
.ati-release-luxe-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(41,35,31,.3); }
.ati-release-luxe-brand { font-family: var(--at-heading); font-size: 25px; font-weight: 800; letter-spacing: -.04em; }
.ati-release-luxe-brand span { margin-left: 3px; color: var(--at-tan); font-family: var(--at-body); font-size: 12px; vertical-align: top; }
.ati-release-luxe-edition { color: #65594F; font-size: 14px; font-weight: 600; letter-spacing: .1em; }
.ati-release-luxe-main { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); align-items: center; gap: clamp(35px,7vw,105px); padding: 36px 0 36px; }
.ati-release-luxe-heading { min-width: 0; }
.ati-release-luxe-kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; color: #766047; font-size: 14px; font-weight: 700; letter-spacing: .12em; }
.ati-release-luxe-kicker i { display: inline-block; width: 32px; height: 1px; background: #B78B5B; }
.ati-release-luxe-heading h2 { margin: 0; color: #29231F; font-family: var(--at-heading); font-size: clamp(55px,3.7vw,82px); font-weight: 800; letter-spacing: -.035em; line-height: 1.4; overflow-wrap: anywhere; }
.ati-release-luxe-heading h2 em { color: #A77A4A; font-style: normal; }
.ati-release-luxe-heading > p { max-width: 440px; margin: 25px 0 0; color: #65594F; font-family: var(--at-body); font-size: 14px; font-weight: 400; line-height: 1.9; }
.ati-release-luxe-signup { min-width: 0; padding: 30px 0 0; border-top: 1px solid rgba(41,35,31,.4); }
.ati-release-luxe-count { display: flex; align-items: center; gap: 12px; color: #A77A4A; font-size: 14px; font-weight: 700; letter-spacing: .08em; }
.ati-release-luxe-count span { color: #766B60; font-weight: 600; }
.ati-release-luxe-prompt { margin: 39px 0 30px; color: #29231F; font-family: var(--at-heading); font-size: clamp(25px,2.2vw,35px); font-weight: 700; line-height: 1.3; }
.ati-release-luxe-form label { display: block; margin-bottom: 12px; color: #766047; font-size: 14px; font-weight: 700; letter-spacing: .1em; }
.ati-release-luxe-field { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid #8B765D; }
.ati-release-luxe-field input { flex: 1 1 auto; width: 100%; min-width: 0; height: 56px; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; color: #29231F; font-family: var(--at-body); font-size: 14px; }
.ati-release-luxe-field input::placeholder { color: #887B6D; opacity: 1; }
.ati-release-luxe-field input:focus-visible { box-shadow: inset 0 -2px 0 #B78B5B; }
.ati-release-luxe-field button { display: grid; width: 48px; height: 44px; flex: 0 0 48px; place-items: center; border: 0; background: #29231F; color: #F4F0E8; cursor: pointer; transition: background .3s ease,color .3s ease; }
.ati-release-luxe-field button:hover { background: #B78B5B; color: #29231F; }
.ati-release-luxe-field button svg { width: 21px; height: 21px; transition: transform .3s ease; }
.ati-release-luxe-field button:hover svg { transform: translateX(3px); }
.ati-release-luxe-message { min-height: 24px; margin: 15px 0 0; color: #766B60; font-size: 14px; line-height: 1.7; }
.ati-release-luxe-message.is-error { color: #A33E32; }
.ati-release-luxe-message.is-info { color: #766047; }
.ati-release-luxe-perks { display: flex; flex-wrap: wrap; gap: 10px 19px; margin-top: 35px; padding-top: 20px; border-top: 1px solid rgba(41,35,31,.2); color: #65594F; font-size: 14px; font-weight: 700; letter-spacing: .045em; }
.ati-release-luxe-perks span { display: inline-flex; align-items: center; gap: 8px; }
.ati-release-luxe-perks span::before { width: 4px; height: 4px; border-radius: 50%; background: #B78B5B; content: ""; }
.ati-release-luxe-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 20px; border-top: 1px solid rgba(41,35,31,.3); color: #766B60; font-size: 14px; font-weight: 600; letter-spacing: .09em; }
.ati-release-luxe-footer-mark { color: #A77A4A; }
@media (max-width: 1023px) {
  .ati-release-luxe { padding: 5em 2.5em; }
  .ati-release-luxe-main { grid-template-columns: minmax(0,1fr); gap: 48px; padding: 58px 0 60px; }
  .ati-release-luxe-heading h2 { font-size: clamp(40px,4.4vw,61px); }
  .ati-release-luxe-heading > p { margin-top: 20px; }
  .ati-release-luxe-signup { max-width: 620px; }
  .ati-release-luxe-prompt { margin-top: 28px; }
}
@media (max-width: 767px) {
  .ati-release-luxe { padding: 5em 1.5em; }
  .ati-release-luxe-top { align-items: flex-start; gap: 12px; }
  .ati-release-luxe-brand { font-size: 23px; }
  .ati-release-luxe-edition { max-width: 155px; text-align: right; line-height: 1.7; }
  .ati-release-luxe-main { gap: 38px; padding: 44px 0 45px; }
  .ati-release-luxe-kicker { gap: 9px; margin-bottom: 22px; letter-spacing: .06em; }
  .ati-release-luxe-kicker i { width: 22px; flex: 0 0 22px; }
  .ati-release-luxe-heading h2 { font-size: clamp(35px,8.5vw,75px); }
  .ati-release-luxe-heading > p { margin-top: 18px; }
  .ati-release-luxe-signup { padding-top: 23px; }
  .ati-release-luxe-prompt { margin: 25px 0; font-size: clamp(24px,6vw,32px); }
  .ati-release-luxe-field button { width: 44px; height: 42px; flex-basis: 44px; }
  .ati-release-luxe-perks { gap: 12px 15px; margin-top: 27px; padding-top: 17px; }
  .ati-release-luxe-footer { align-items: flex-start; gap: 12px; line-height: 1.7; letter-spacing: .04em; }
}
@media (prefers-reduced-motion: reduce) {
  .ati-release-luxe *, .ati-release-luxe *::before, .ati-release-luxe *::after { animation: none !important; transition: none !important; }
}

/* ATELIER® — OUR STORY SECTION */
.ast { --ast-dark:#1D1915; position:relative; padding:4em 0 3.5em; overflow:hidden; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.ast * { box-sizing:border-box; }
.ast__inner { display:flex; flex-direction:column; gap:clamp(28px,3.4vw,52px); width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }

/* Top / bottom bars */
.ast__topbar { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.ast__brand { display:flex; align-items:center; gap:clamp(24px,3.6vw,56px); min-width:0; }
.ast__logo { color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:30px; font-weight:700; letter-spacing:.09em; line-height:.95; }
.ast__logo sup { margin-left:2px; font-family:var(--at-body,"DM Sans",sans-serif); font-size:10px; vertical-align:top; }
.ast__topnav { display:flex; gap:clamp(18px,2.2vw,32px); }
.ast__topnav span, .ast__est, .ast__page { color:var(--at-text); font-size:12px; font-weight:600; letter-spacing:.2em; white-space:nowrap; }
.ast__est, .ast__page { display:inline-flex; align-items:center; gap:22px; }
.ast__est::before, .ast__page::before { width:52px; height:1px; background:var(--at-text); content:""; }
.ast__bottombar { display:flex; justify-content:flex-end; }

/* Layout */
.ast__layout { display:grid; grid-template-columns:minmax(0,.4fr) minmax(0,.6fr); align-items:stretch; gap:clamp(24px,2.4vw,40px); }
.ast__copy { display:flex; flex-direction:column; justify-content:space-between; gap:56px; min-width:0; }
.ast__copy-main { padding-top:clamp(0px,7.5vw,125px); }

/* Typography — same tokens as the release calendar heading */
.ast__eyebrow { display:flex; align-items:center; gap:14px; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.ast__eyebrow::after { width:52px; height:1px; background:var(--at-tan); content:""; }
.ast__title { margin:12px 0 0; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:var(--ast-title-size,clamp(40px,4vw,50px)); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.ast__title span { color:var(--at-tan); }
.ast__tagline { margin:clamp(28px,3.2vw,52px) 0 28px; color:var(--at-text); font-size:14px; font-weight:600; letter-spacing:.22em; line-height:2; }
.ast__text { max-width:390px; margin:0 0 24px; color:var(--at-muted); font-size:14px; line-height:1.8; }
.ast__sign { position:relative; margin:0; padding-top:26px; color:var(--at-text); font-size:12px; font-weight:500; letter-spacing:.22em; line-height:1.75; }
.ast__sign::before { position:absolute; top:0; inset-inline-start:0; width:40px; height:2px; background:var(--at-text); content:""; }

/* Collage — percentages scale the reference composition at any width */
.ast__collage { position:relative; width:100%; min-width:0; aspect-ratio:925/845; container-type:inline-size; }
.ast__item { position:absolute; inset-inline-start:var(--x); top:var(--y); z-index:2; width:var(--w); height:var(--h); margin:0; overflow:hidden; background:var(--ast-dark); }
.ast__item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.ast__item:hover img { transform:scale(1.04); }
.ast__item--main     { --x:21.7%; --y:.2%;   --w:51.2%; --h:97.6%; z-index:1; }
.ast__item--shade    { --x:58.4%; --y:96.1%; --w:14.6%; --h:3.9%; background:#171411; }
.ast__item--rack     { --x:2.2%;  --y:18.8%; --w:22.2%; --h:37.5%; --m-ar:1/1.2; }
.ast__item--sneaker  { --x:5%;    --y:48%;   --w:19%;   --h:26.2%; z-index:3; --m-ar:1/1.2; }
.ast__item--card     { --x:65.1%; --y:8.1%; --w:15.4%; --h:35.4%; --m-ar:1/1.2; padding:15% 6%; background-color:#1B1815; background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px),linear-gradient(160deg,rgba(255,255,255,.04),transparent 60%); background-size:5px 5px,100% 100%; color:#E8DFD2; }
.ast__item--card p { margin:0; font-size:clamp(6.5px,1.1cqw,11px); font-weight:500; letter-spacing:.26em; line-height:1.95; }
.ast__star { position:absolute; inset-inline-start:20%; top:46%; width:clamp(10px,1.8cqw,18px); height:auto; color:#E8DFD2; }
.ast__item--building { --x:80.8%; --y:11.1%; --w:18.9%; --h:34.9%; --m-ar:1/1.2; }
.ast__item--store    { --x:73.1%; --y:48.6%; --w:26.9%; --h:43.4%; --m-ar:16/11; }

.ast__float { position:absolute; z-index:4; }
.ast__script { --ast-rot:-18deg; inset-inline-start:.6%; top:7%; width:19%; color:var(--at-text); font-family:"Mrs Saint Delafield","Snell Roundhand",cursive; font-size:clamp(20px,3.5cqw,38px); line-height:.9; transform:rotate(var(--ast-rot)); transform-origin:0 50%; pointer-events:none; }
.ast__script span { display:block; }
.ast__script span:nth-child(2) { margin-inline-start:12%; }
.ast__script span:nth-child(3) { margin-inline-start:26%; }
.ast__script svg { display:block; width:44%; margin:2% 0 0 28%; opacity:.85; }
.ast__badge { inset-inline-start:.3%; top:76.6%; width:13.7%; height:auto; color:var(--at-text); direction:ltr; }
.ast__badge-text { fill:currentColor; font-family:var(--at-body,"DM Sans",sans-serif); font-size:7.2px; font-weight:500; letter-spacing:2.1px; }
.ast__badge-star { fill:currentColor; }

/* Tablet */
@media (max-width:1100px) {
  .ast { padding:3.5em 0 3em; }
  .ast__layout { grid-template-columns:minmax(0,1fr); gap:44px; }
  .ast__copy { gap:36px; }
  .ast__copy-main { padding-top:0; }
  .ast__text { max-width:560px; }
  .ast__collage { max-width:780px; margin:0 auto; }
}

/* Mobile — collage is recomposed as a grid */
@media (max-width:767px) {
  .ast { padding:2.5em 0 2.5em; }
  .ast__topnav { display:none; }
  .ast__logo { font-size:26px; }
  .ast__layout { gap:34px; }
  .ast__tagline { font-size:13px; letter-spacing:.2em; }
  .ast__text { max-width:none; }
  .ast__collage { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:none; aspect-ratio:auto; }
  .ast__item { position:relative; inset:auto; width:auto; height:auto; aspect-ratio:var(--m-ar,1/1.2); }
  .ast__item--main { grid-column:1/-1; grid-row:1; aspect-ratio:1/1.15; }
  .ast__item--rack { grid-column:1; grid-row:2; }
  .ast__item--sneaker { grid-column:2; grid-row:2; }
  .ast__item--card { grid-column:1; grid-row:3; padding:16% 14%; }
  .ast__item--building { grid-column:2; grid-row:3; }
  .ast__item--store { grid-column:1/-1; grid-row:4; }
  .ast__item--shade { display:none; }
  .ast__item--card p { font-size:9px; }
  .ast__star { width:14px; }
  .ast__float { position:relative; inset:auto; grid-column:1/-1; grid-row:1; }
  .ast__script { --ast-rot:-12deg; align-self:start; justify-self:start; width:150px; margin:16px; color:#F4F0E8; font-size:30px; text-shadow:0 1px 8px rgba(0,0,0,.35); }
  .ast__badge { align-self:end; justify-self:start; width:92px; margin:14px; border-radius:50%; background:var(--at-bg); }
}

/* ATELIER® — OUR PHILOSOPHY + CURATION PROCESS */
.aph { --aph-band:#FFFFFF; position:relative; overflow:hidden; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.aph * { box-sizing:border-box; }
.aph__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.aph__philosophy { padding:6em 0; }
.aph__process { padding:6em 0; background:var(--aph-band); border-top:1px solid var(--at-border,#DED4C5); }

/* Shared heading — same tokens as the release calendar */
.aph__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:48px; }
.aph__heading { min-width:0; }
.aph__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.aph__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:var(--aph-title-size,clamp(40px,4vw,50px)); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.aph__title span { color:var(--at-tan); }
.aph__lead, .aph__sub { margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.aph__lead { max-width:430px; }
.aph__count { flex:0 0 auto; padding:8px 12px; border:1px solid var(--at-border); color:var(--at-muted); font-size:14px; font-weight:600; line-height:1.4; letter-spacing:.06em; white-space:nowrap; }

/* Philosophy layout */
.aph__layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:stretch; gap:clamp(35px,6vw,90px); }
.aph__visual { position:relative; min-width:0; min-height:540px; }
.aph__photo { position:absolute; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-tan),var(--at-espresso,#29231F)); }
.aph__photo img, .aph__step-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.aph__photo:hover img, .aph__step:hover .aph__step-image img { transform:scale(1.04); }
.aph__photo--main { inset-block-start:0; inset-inline-start:0; width:84%; height:88%; }
.aph__photo--sub { inset-block-end:0; inset-inline-end:0; z-index:2; width:44%; height:42%; border:8px solid var(--at-bg,#F4F0E8); }
.aph__tag { position:absolute; inset-block-end:18px; inset-inline-start:18px; display:inline-flex; align-items:center; gap:10px; padding:9px 13px; background:rgba(23,19,15,.82); color:#F4F0E8; font-size:12px; font-weight:700; letter-spacing:.16em; backdrop-filter:blur(4px); }
.aph__tag i { width:6px; height:6px; border-radius:50%; background:var(--at-tan); }

.aph__principles { display:flex; flex-direction:column; justify-content:center; min-width:0; }
.aph__principle { display:grid; grid-template-columns:44px minmax(0,1fr) 22px; align-items:start; gap:15px; padding:28px 0; border-top:1px solid var(--at-border); color:var(--at-text); transition:color var(--at-transition,.3s ease); }
.aph__principle:last-of-type { border-bottom:1px solid var(--at-border); }
.aph__principle:hover { color:var(--at-tan-hover); }
.aph__index { padding-top:6px; color:var(--at-tan); font-size:14px; font-weight:600; }
.aph__principle h3 { margin:0 0 10px; color:inherit; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(23px,2vw,31px); font-weight:700; line-height:1.15; }
.aph__principle p { max-width:480px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.aph__arrow { width:20px; height:20px; margin-top:6px; color:var(--at-tan); transition:transform .3s ease; }
.aph__principle:hover .aph__arrow { transform:translateX(4px); }
.aph__quote { display:flex; align-items:center; gap:16px; margin:34px 0 0; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(24px,2.2vw,32px); font-weight:700; line-height:1.2; }
.aph__quote svg { flex:0 0 20px; width:20px; height:20px; color:var(--at-tan); }
.aph__quote em { color:var(--at-tan); font-style:normal; }

/* Curation process */
.aph__rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin-bottom:26px; }
.aph__rail span { position:relative; display:block; height:1px; background:var(--at-border); }
.aph__rail span::before { position:absolute; top:-4px; inset-inline-start:0; width:9px; height:9px; border:1px solid var(--at-tan); border-radius:50%; background:var(--at-bg); content:""; transition:background .4s ease; }
.aph__rail span::after { position:absolute; top:0; left:0; width:100%; height:1px; background:var(--at-tan); content:""; transform:scaleX(0); transform-origin:left; transition:transform .7s ease; }
.aph__rail span.is-done::before { background:var(--at-tan); }
.aph__rail span.is-done::after { transform:scaleX(1); }

.aph__steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.aph__step { display:flex; min-width:0; flex-direction:column; border:1px solid var(--at-border); background:var(--at-bg); transition:border-color var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.aph__step:hover { border-color:var(--at-tan); transform:translateY(-3px); }
.aph__step-image { position:relative; aspect-ratio:4/3; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.aph__step-index { position:absolute; z-index:1; top:9px; inset-inline-start:9px; display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--at-border); background:var(--at-surface); color:var(--at-text); font-size:14px; font-weight:600; line-height:1; }
.aph__step-body { display:flex; flex:1 1 auto; flex-direction:column; align-items:flex-start; padding:20px; }
.aph__kicker { color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; line-height:1.5; }
.aph__step h3 { margin:10px 0 10px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:21px; font-weight:700; line-height:1.35; }
.aph__step p { margin:0 0 18px; color:var(--at-muted); font-size:14px; line-height:1.7; }
.aph__tags { display:flex; flex-wrap:wrap; gap:8px; margin:auto 0 0; padding:0; list-style:none; }
.aph__tags li { padding:5px 9px; border:1px solid var(--at-border); color:var(--at-muted); font-size:12px; line-height:1.4; }

/* CTA band */
.aph__cta { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto; align-items:center; gap:32px; margin-top:48px; padding:34px 38px; background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); }
.aph__cta h3 { margin:0 0 6px; color:var(--at-cream,#F4F0E8); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(26px,2.4vw,34px); font-weight:700; line-height:1.15; }
.aph__cta h3 span { color:var(--at-tan); }
.aph__cta p { margin:0; color:#D9C8B5; font-size:14px; line-height:1.7; }
.aph__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; padding:0; list-style:none; }
.aph__stats strong { display:block; color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(30px,2.6vw,40px); font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.aph__stats span { display:block; margin-top:8px; color:#D9C8B5; font-size:12px; font-weight:600; letter-spacing:.1em; line-height:1.4; }
.aph__button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:45px; padding:0 17px; border:1px solid var(--at-tan); background:var(--at-tan); color:#FFFFFF; font-size:12px; font-weight:700; letter-spacing:.08em; white-space:nowrap; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.aph__button:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); color:#FFFFFF; transform:translateY(-2px); }
.aph__button svg { transition:transform .3s ease; }
.aph__button:hover svg { transform:translate(3px,-2px); }

/* Image fallback */
.is-fallback img { display:none; }

/* Tablet */
@media (max-width:1100px) {
  .aph__philosophy, .aph__process { padding:5em 0; }
  .aph__header { align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:38px; }
  .aph__layout { grid-template-columns:minmax(0,1fr); gap:44px; }
  .aph__visual { width:100%; max-width:720px; min-height:0; aspect-ratio:1/.9; margin:0 auto; }
  .aph__rail { display:none; }
  .aph__steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .aph__cta { grid-template-columns:minmax(0,1fr); gap:26px; padding:30px; }
  .aph__button { justify-self:start; }
}

/* Mobile */
@media (max-width:767px) {
  .aph__philosophy, .aph__process { padding:4em 0; }
  .aph__header { margin-bottom:30px; }
  .aph__visual { aspect-ratio:1/1.05; }
  .aph__photo--sub { border-width:5px; }
  .aph__tag { inset-block-end:12px; inset-inline-start:12px; padding:7px 10px; font-size:10px; letter-spacing:.12em; }
  .aph__principle { grid-template-columns:34px minmax(0,1fr); gap:12px; padding:22px 0; }
  .aph__arrow { display:none; }
  .aph__quote { margin-top:26px; }
  .aph__steps { grid-template-columns:minmax(0,1fr); gap:16px; }
  .aph__step-body { padding:18px; }
  .aph__cta { margin-top:34px; padding:26px 20px; }
  .aph__stats { gap:10px; }
  .aph__stats span { font-size:10px; letter-spacing:.06em; }
  .aph__button { width:100%; justify-self:stretch; }
}

/* ATELIER® — AUTHENTICITY & COMMUNITY + BRAND PARTNERS */
.acb { --acb-band:#FFFFFF; position:relative; overflow:hidden; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.acb * { box-sizing:border-box; }
.acb__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.acb__trust { padding:6em 0; }
.acb__partners { padding:6em 0; background:var(--acb-band); border-top:1px solid var(--at-border,#DED4C5); }

/* Shared heading — same tokens as the release calendar */
.acb__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.acb__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:var(--acb-title-size,clamp(40px,4vw,50px)); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.acb__title span, .acb__subtitle span { color:var(--at-tan); }
.acb__lead, .acb__sub { margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.acb__lead { max-width:520px; }
.acb__count { flex:0 0 auto; padding:8px 12px; border:1px solid var(--at-border); color:var(--at-muted); font-size:14px; font-weight:600; line-height:1.4; letter-spacing:.06em; white-space:nowrap; }
.acb__count b { color:var(--at-tan); font-weight:700; }

/* Authenticity layout */
.acb__layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center; gap:clamp(35px,6vw,90px); }
.acb__intro { min-width:0; }
.acb__checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin:34px 0 30px; padding:0; list-style:none; }
.acb__check { display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; padding:22px 0; border-top:1px solid var(--at-border); }
.acb__tick { display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--at-tan); border-radius:50%; color:var(--at-tan); transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.acb__tick svg { width:16px; height:16px; }
.acb__check:hover .acb__tick { background:var(--at-tan); color:#fff; }
.acb__check h3 { margin:2px 0 8px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:21px; font-weight:700; line-height:1.35; }
.acb__check p { margin:0; color:var(--at-muted); font-size:14px; line-height:1.7; }
.acb__link { display:inline-flex; align-items:center; gap:12px; color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; border-bottom:1px solid var(--at-tan); padding-bottom:6px; transition:color var(--at-transition,.3s ease); }
.acb__link:hover { color:var(--at-tan-hover); }
.acb__link svg { color:var(--at-tan); transition:transform .3s ease; }
.acb__link:hover svg { transform:translateX(4px); }

/* Visual */
.acb__visual { position:relative; width:100%; min-width:0; aspect-ratio:1/1.04; }
.acb__photo { position:absolute; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-tan),var(--at-espresso,#29231F)); }
.acb__photo img, .acb__card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.acb__photo:hover img, .acb__card:hover .acb__card-image img { transform:scale(1.04); }
.acb__photo--main { inset-block-start:0; inset-inline-end:0; width:80%; height:84%; }
.acb__photo--sub { inset-block-end:0; inset-inline-start:0; z-index:2; width:42%; height:38%; border:8px solid var(--at-bg,#F4F0E8); }
.acb__chip { position:absolute; inset-block-end:18px; inset-inline-end:18px; display:flex; align-items:baseline; gap:10px; padding:10px 14px; background:rgba(23,19,15,.84); color:#F4F0E8; backdrop-filter:blur(4px); }
.acb__chip strong { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:26px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.acb__chip span { font-size:11px; font-weight:700; letter-spacing:.14em; }

.acb__cert { position:absolute; inset-block-start:12%; inset-inline-start:0; z-index:3; width:46%; min-width:170px; padding:18px 18px 16px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-text); box-shadow:0 18px 40px rgba(41,35,31,.16); }
.acb__cert-top { display:flex; justify-content:space-between; gap:8px; padding-bottom:12px; border-bottom:1px solid var(--at-border); color:var(--at-muted); font-size:10px; font-weight:700; letter-spacing:.14em; }
.acb__cert-top b { color:var(--at-tan); font-weight:700; }
.acb__cert-title { margin:14px 0 12px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(22px,2vw,28px); font-weight:800; line-height:1.05; letter-spacing:.015em; }
.acb__cert-title span { display:block; color:var(--at-tan); }
.acb__cert ul { display:grid; gap:7px; margin:0 0 14px; padding:0; list-style:none; }
.acb__cert li { display:flex; align-items:center; gap:9px; color:var(--at-muted); font-size:12px; font-weight:600; }
.acb__cert li i { position:relative; width:14px; height:14px; border-radius:50%; background:var(--at-tan); }
.acb__cert li i::after { position:absolute; top:3px; inset-inline-start:5px; width:3px; height:6px; border:solid #fff; border-width:0 1.5px 1.5px 0; content:""; transform:rotate(45deg); }
.acb__bars { height:22px; background:repeating-linear-gradient(90deg,var(--at-text) 0 1px,transparent 1px 3px,var(--at-text) 3px 5px,transparent 5px 6px,var(--at-text) 6px 7px,transparent 7px 10px); opacity:.55; }

/* Community */
.acb__subhead { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin:clamp(56px,6vw,88px) 0 32px; }
.acb__subtitle { margin:12px 0 0; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(30px,3vw,38px); font-weight:800; line-height:1.1; letter-spacing:.015em; }
.acb__comm { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.acb__card { display:flex; min-width:0; flex-direction:column; border:1px solid var(--at-border); background:var(--at-surface,#fff); transition:border-color var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.acb__card:hover { border-color:var(--at-tan); transform:translateY(-3px); }
.acb__card-image { position:relative; aspect-ratio:16/10; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.acb__card-index { position:absolute; z-index:1; top:9px; inset-inline-start:9px; display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--at-border); background:var(--at-surface); color:var(--at-text); font-size:14px; font-weight:600; line-height:1; }
.acb__card-body { display:flex; flex:1 1 auto; flex-direction:column; align-items:flex-start; padding:22px; }
.acb__kicker { color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.12em; line-height:1.5; }
.acb__card h3 { margin:10px 0 10px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(23px,2vw,28px); font-weight:700; line-height:1.2; }
.acb__card p { margin:0 0 22px; color:var(--at-muted); font-size:14px; line-height:1.8; }
.acb__more { display:inline-flex; align-items:center; gap:10px; margin-top:auto; color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; transition:color var(--at-transition,.3s ease); }
.acb__more svg { color:var(--at-tan); transition:transform .3s ease; }
.acb__more:hover { color:var(--at-tan-hover); }
.acb__more:hover svg { transform:translateX(4px); }

/* Brand partners */
.acb__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:40px; }
.acb__heading { min-width:0; }
.acb__tools { display:flex; flex-direction:column; align-items:flex-end; gap:16px; }
.acb__filters { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.acb__filters button { padding:9px 12px; border:1px solid var(--at-border); background:transparent; color:var(--at-muted); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; line-height:1.4; cursor:pointer; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.acb__filters button:hover, .acb__filters button.is-active { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }

.acb__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.acb__partner { position:relative; display:flex; min-width:0; min-height:210px; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:36px 20px 52px; border:1px solid var(--at-border); background:var(--at-bg); text-align:center; transition:border-color var(--at-transition,.3s ease),background var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.acb__partner:hover { border-color:var(--at-tan); background:var(--at-sand); transform:translateY(-3px); }
.acb__partner[hidden] { display:none !important; }
.acb__partner-index { position:absolute; top:14px; inset-inline-start:16px; color:var(--at-tan); font-size:14px; font-weight:600; }
.acb__wordmark { color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(26px,2.6vw,38px); font-weight:800; line-height:1; letter-spacing:.08em; overflow-wrap:anywhere; }
.acb__wordmark img { display:block; max-width:140px; max-height:44px; width:auto; height:auto; object-fit:contain; }
.acb__partner-meta { position:absolute; inset-block-end:16px; inset-inline:0; display:flex; align-items:center; justify-content:center; gap:9px; color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; }
.acb__partner-meta i { width:5px; height:5px; border-radius:50%; background:var(--at-tan); }

.acb__cta { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:48px; padding:34px 38px; background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); }
.acb__cta h3 { margin:0 0 6px; color:var(--at-cream,#F4F0E8); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(26px,2.4vw,34px); font-weight:700; line-height:1.15; }
.acb__cta h3 span { color:var(--at-tan); }
.acb__cta p { max-width:520px; margin:0; color:#D9C8B5; font-size:14px; line-height:1.7; }
.acb__button { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:12px; min-height:45px; padding:0 17px; border:1px solid var(--at-tan); background:var(--at-tan); color:#FFFFFF; font-size:12px; font-weight:700; letter-spacing:.08em; white-space:nowrap; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.acb__button:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); color:#FFFFFF; transform:translateY(-2px); }
.acb__button svg { transition:transform .3s ease; }
.acb__button:hover svg { transform:translate(3px,-2px); }

.is-fallback img { display:none; }

/* Tablet */
@media (max-width:1100px) {
  .acb__trust, .acb__partners { padding:5em 0; }
  .acb__layout { grid-template-columns:minmax(0,1fr); gap:48px; }
  .acb__visual { max-width:700px; margin:0 auto; }
  .acb__subhead { margin-top:56px; }
  .acb__header { align-items:flex-start; flex-direction:column; gap:22px; margin-bottom:34px; }
  .acb__tools { align-items:flex-start; }
  .acb__filters { justify-content:flex-start; }
}
@media (max-width:1023px) {
  .acb__comm { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .acb__card:last-child:nth-child(odd) { grid-column:1/-1; flex-direction:row; }
  .acb__card:last-child:nth-child(odd) .acb__card-image { flex:0 0 46%; aspect-ratio:auto; min-height:220px; }
  .acb__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .acb__cta { padding:30px; }
}

/* Mobile */
@media (max-width:767px) {
  .acb__trust, .acb__partners { padding:4em 0; }
  .acb__checks { grid-template-columns:minmax(0,1fr); margin:28px 0 26px; }
  .acb__check { padding:18px 0; }
  .acb__visual { aspect-ratio:1/1.12; }
  .acb__photo--main { width:84%; height:78%; }
  .acb__photo--sub { width:46%; height:34%; border-width:5px; }
  .acb__chip { inset-block-end:10px; inset-inline-end:10px; gap:8px; padding:8px 10px; }
  .acb__chip strong { font-size:21px; }
  .acb__chip span { font-size:9px; letter-spacing:.1em; }
  .acb__cert { inset-block-start:6%; width:54%; min-width:0; padding:12px; }
  .acb__cert-top { font-size:9px; letter-spacing:.08em; padding-bottom:9px; }
  .acb__cert-title { margin:10px 0 9px; font-size:20px; }
  .acb__cert li { font-size:11px; }
  .acb__bars { height:16px; }
  .acb__subhead { align-items:flex-start; flex-direction:column; gap:18px; margin:48px 0 26px; }
  .acb__comm { grid-template-columns:minmax(0,1fr); gap:16px; }
  .acb__card:last-child:nth-child(odd) { flex-direction:column; }
  .acb__card:last-child:nth-child(odd) .acb__card-image { flex:none; aspect-ratio:16/10; min-height:0; }
  .acb__card-body { padding:18px; }
  .acb__grid { gap:12px; }
  .acb__partner { min-height:150px; padding:30px 10px 44px; gap:10px; }
  .acb__wordmark { font-size:22px; letter-spacing:.05em; }
  .acb__partner-index { top:10px; inset-inline-start:12px; font-size:12px; }
  .acb__partner-meta { inset-block-end:12px; font-size:10px; letter-spacing:.06em; }
  .acb__cta { flex-direction:column; align-items:flex-start; gap:22px; margin-top:34px; padding:26px 20px; }
  .acb__button { width:100%; }
}

/* ATELIER® — FEATURED BRANDS + BROWSE ALL BRANDS + SHOP BY BRAND */
.asb { --asb-band:#FFFFFF; position:relative; overflow-x:clip; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.asb * { box-sizing:border-box; }
.asb__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.asb__block { padding:6em 0; }
.asb__featured { background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); }
.asb__browse { background:var(--asb-band); border-top:1px solid var(--at-border,#DED4C5); border-bottom:1px solid var(--at-border,#DED4C5); }

/* Shared heading — same tokens as the release calendar */
.asb__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:44px; }
.asb__heading { min-width:0; }
.asb__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.asb__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:var(--asb-title-size,clamp(40px,4vw,50px)); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.asb__title span { color:var(--at-tan); }
.asb__sub { max-width:520px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.asb__featured .asb__title { color:var(--at-cream,#F4F0E8); }
.asb__featured .asb__sub { color:#D9C8B5; }
.asb__count { flex:0 0 auto; padding:8px 12px; border:1px solid var(--at-border); color:var(--at-muted); font-size:14px; font-weight:600; line-height:1.4; letter-spacing:.06em; white-space:nowrap; }
.asb__count b { color:var(--at-tan); font-weight:700; font-variant-numeric:tabular-nums; }
.asb__link { display:inline-flex; flex:0 0 auto; align-items:center; gap:12px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:color var(--at-transition,.3s ease); }
.asb__link svg { color:var(--at-tan); transition:transform .3s ease; }
.asb__link:hover { color:var(--at-tan-hover); }
.asb__link:hover svg { transform:translateX(4px); }

/* Shared arrows */
.asb__nav { display:flex; gap:10px; }
.asb__arrow { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid var(--at-border); background:var(--at-bg); color:var(--at-text); font:inherit; font-size:27px; line-height:1; cursor:pointer; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease),opacity var(--at-transition,.3s ease); }
.asb__arrow::before { content:"‹"; margin-top:-3px; }
.asb__arrow--next::before { content:"›"; }
.asb__arrow:hover:not(:disabled) { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.asb__arrow:disabled { opacity:.35; cursor:default; }

/* 1 — FEATURED: expanding showcase */
.asb__ctrl { display:flex; flex:0 0 auto; align-items:center; gap:22px; }
.asb__counter { color:#D9C8B5; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.1em; font-variant-numeric:tabular-nums; }
.asb__counter b { color:var(--at-tan); font-weight:800; }
.asb__featured .asb__arrow { border-color:rgba(244,240,232,.28); background:transparent; color:#F4F0E8; }
.asb__featured .asb__arrow:hover:not(:disabled) { border-color:var(--at-tan); background:var(--at-tan); }

.asb__showcase { display:flex; gap:12px; height:clamp(520px,44vw,680px); }
.asb__panel { position:relative; flex:1 1 0; min-width:0; isolation:isolate; overflow:hidden; border:1px solid rgba(244,240,232,.12); background:linear-gradient(145deg,var(--at-tan),#17130F); transition:flex .75s cubic-bezier(.77,0,.18,1),border-color .4s ease; }
.asb__panel.is-active { flex:4.4 1 0; border-color:rgba(196,154,108,.55); }
.asb__panel img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; filter:grayscale(.55) brightness(.78); transition:transform 1.2s ease,filter .7s ease; }
.asb__panel.is-active img { filter:none; transform:scale(1.03); }
.asb__panel::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(23,19,15,.12) 25%,rgba(23,19,15,.88) 100%); content:""; }
.asb__panel-hit { position:absolute; inset:0; z-index:1; border:0; background:transparent; cursor:pointer; }
.asb__panel-hit:focus-visible { outline:2px solid var(--at-tan); outline-offset:-4px; }
.asb__panel-index { position:absolute; z-index:2; top:20px; inset-inline-start:20px; display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(244,240,232,.45); background:rgba(23,19,15,.35); color:#F4F0E8; font-size:13px; font-weight:600; line-height:1; pointer-events:none; }
.asb__panel-rail { position:absolute; z-index:2; bottom:26px; left:50%; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:24px; font-weight:700; letter-spacing:.14em; white-space:nowrap; writing-mode:vertical-rl; transform:translateX(-50%) rotate(180deg); transition:opacity .3s ease; pointer-events:none; }
.asb__panel.is-active .asb__panel-rail { opacity:0; }
.asb__panel-body { position:absolute; inset-inline-start:0; bottom:0; z-index:2; width:clamp(300px,36vw,560px); padding:clamp(24px,3vw,44px); opacity:0; visibility:hidden; transform:translateY(18px); pointer-events:none; transition:opacity .3s ease,transform .3s ease,visibility 0s .3s; }
.asb__panel.is-active .asb__panel-body { opacity:1; visibility:visible; transform:none; pointer-events:auto; transition:opacity .55s ease .35s,transform .55s ease .35s,visibility 0s 0s; }
.asb__panel-tag { display:inline-flex; align-items:center; gap:10px; color:#D8B987; font-size:12px; font-weight:700; letter-spacing:.14em; }
.asb__panel-tag i { width:5px; height:5px; border-radius:50%; background:var(--at-tan); }
.asb__panel-body h3 { margin:12px 0 12px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:var(--asb-title-size,clamp(40px,4vw,50px)); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.asb__panel-body p { max-width:440px; margin:0 0 24px; color:rgba(244,240,232,.84); font-size:14px; line-height:1.8; }
.asb__panel-link { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:45px; padding:0 17px; border:1px solid var(--at-tan); background:var(--at-tan); color:#FFFFFF; font-size:12px; font-weight:700; letter-spacing:.08em; white-space:nowrap; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.asb__panel-link:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); color:#FFFFFF; transform:translateY(-2px); }
.asb__panel-link svg { transition:transform .3s ease; }
.asb__panel-link:hover svg { transform:translate(3px,-2px); }

/* 2 — BROWSE: A–Z directory */
.asb__browse-layout { display:grid; grid-template-columns:minmax(280px,.3fr) minmax(0,1fr); align-items:start; gap:clamp(30px,4vw,60px); }
.asb__tools { position:sticky; top:100px; padding:24px; border:1px solid var(--at-border); background:var(--at-bg); }
.asb__search { display:flex; align-items:center; gap:12px; min-height:48px; padding:0 15px; border:1px solid var(--at-border); background:var(--at-surface); color:var(--at-text); transition:border-color var(--at-transition,.3s ease); }
.asb__search:focus-within { border-color:var(--at-tan); }
.asb__search svg { flex:0 0 18px; color:var(--at-tan); }
.asb__search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.asb__search input::placeholder { color:var(--at-muted); opacity:1; }
.asb__tools-label { display:flex; justify-content:space-between; gap:12px; margin:24px 0 12px; color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.12em; }
.asb__letters { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; }
.asb__letters button { display:grid; place-items:center; aspect-ratio:1; padding:0; border:1px solid var(--at-border); background:transparent; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:17px; font-weight:700; line-height:1; cursor:pointer; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.asb__letters button:hover:not(:disabled), .asb__letters button.is-active { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.asb__letters button:disabled { opacity:.28; cursor:default; }
.asb__letters .asb__all { grid-column:1/-1; aspect-ratio:auto; min-height:40px; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; letter-spacing:.12em; }

.asb__directory { min-width:0; }
.asb__list { counter-reset:asb; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(24px,3vw,48px); border-bottom:1px solid var(--at-border); }
.asb__row { counter-increment:asb; display:grid; grid-template-columns:34px minmax(0,1fr) auto 18px; align-items:center; gap:14px; padding:22px 0; border-top:1px solid var(--at-border); color:var(--at-text); transition:color var(--at-transition,.3s ease); }
.asb__row::before { content:counter(asb,decimal-leading-zero); color:var(--at-tan); font-size:14px; font-weight:600; }
.asb__row::after { content:"↗"; justify-self:end; color:var(--at-tan); font-size:16px; line-height:1; transition:transform .3s ease; }
.asb__row[hidden] { display:none !important; }
.asb__row-main { display:flex; min-width:0; flex-direction:column; gap:4px; transition:transform .35s ease; }
.asb__row-main b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(24px,2.2vw,32px); font-weight:700; line-height:1.15; overflow-wrap:anywhere; }
.asb__row-main em { color:var(--at-muted); font-size:12px; font-style:normal; font-weight:700; letter-spacing:.1em; }
.asb__row-count { padding:5px 9px; border:1px solid var(--at-border); color:var(--at-muted); font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; transition:border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.asb__row:hover { color:var(--at-tan-hover); }
.asb__row:hover .asb__row-main { transform:translateX(6px); }
.asb__row:hover .asb__row-count { border-color:var(--at-tan); color:var(--at-tan-hover); }
.asb__row:hover::after { transform:translate(3px,-3px); }
.asb__empty { margin:0; padding:36px 0; border-top:1px solid var(--at-border); color:var(--at-muted); font-size:14px; line-height:1.8; }

.asb__peek { position:fixed; top:0; left:0; z-index:90; width:220px; height:280px; overflow:hidden; border:1px solid var(--at-tan); background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); box-shadow:0 22px 50px rgba(41,35,31,.28); opacity:0; pointer-events:none; transform:translate3d(-999px,-999px,0); transition:opacity .25s ease; }
.asb__peek.is-visible { opacity:1; }
.asb__peek img { display:block; width:100%; height:100%; object-fit:cover; }

/* 3 — SHOP BY BRAND: tabs + brand card + slider */
.asb__tabs { display:flex; gap:clamp(22px,3vw,46px); margin-bottom:34px; overflow-x:auto; border-bottom:1px solid var(--at-border); scrollbar-width:none; }
.asb__tabs::-webkit-scrollbar { display:none; }
.asb__tab { position:relative; flex:0 0 auto; padding:0 0 18px; border:0; background:transparent; color:var(--at-muted); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(24px,2.2vw,32px); font-weight:700; line-height:1.15; white-space:nowrap; cursor:pointer; transition:color var(--at-transition,.3s ease); }
.asb__tab sup { margin-inline-start:6px; color:var(--at-tan); font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.05em; vertical-align:top; }
.asb__tab::after { position:absolute; inset-inline:0; bottom:-1px; height:2px; background:var(--at-tan); content:""; transform:scaleX(0); transform-origin:left; transition:transform .4s ease; }
.asb__tab:hover, .asb__tab[aria-selected="true"] { color:var(--at-text); }
.asb__tab[aria-selected="true"]::after { transform:scaleX(1); }
.asb__tab:focus-visible { outline:2px solid var(--at-tan); outline-offset:4px; }

.asb__shopgrid { display:grid; grid-template-columns:minmax(0,.34fr) minmax(0,.66fr); align-items:stretch; gap:clamp(24px,3vw,44px); }
.asb__brandcard { position:relative; display:flex; min-width:0; min-height:480px; flex-direction:column; justify-content:space-between; gap:28px; padding:clamp(26px,3vw,40px); overflow:hidden; border:1px solid var(--at-border); background:var(--at-surface); }
.asb__brandcard::before { position:absolute; inset-block-end:-.18em; inset-inline-end:-.04em; color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(220px,24vw,360px); font-weight:800; line-height:1; opacity:.1; content:attr(data-letter); pointer-events:none; }
.asb__brandcard > * { position:relative; }
.asb__kicker { color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.asb__brandcard h3 { margin:12px 0 14px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:var(--asb-title-size,clamp(40px,4vw,50px)); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.asb__brandcard p { max-width:360px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.asb__stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0; padding:20px 0 0; border-top:1px solid var(--at-border); }
.asb__stats div { min-width:0; }
.asb__stats dt { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(30px,2.6vw,40px); font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.asb__stats dd { margin:8px 0 0; color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; line-height:1.4; }
.asb__shopall { display:inline-flex; align-items:center; justify-content:center; gap:12px; align-self:flex-start; min-height:45px; padding:0 17px; border:1px solid var(--at-tan); background:var(--at-tan); color:#FFFFFF; font-size:12px; font-weight:700; letter-spacing:.08em; white-space:nowrap; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.asb__shopall:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); color:#FFFFFF; transform:translateY(-2px); }
.asb__shopall svg { transition:transform .3s ease; }
.asb__shopall:hover svg { transform:translate(3px,-2px); }

.asb__slider { display:flex; min-width:0; flex-direction:column; gap:22px; }
.asb__track { display:flex; gap:20px; padding-bottom:2px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; outline:none; }
.asb__track::-webkit-scrollbar { display:none; }
.asb__track:focus-visible { outline:2px solid var(--at-tan); outline-offset:4px; }
.asb__product { flex:0 0 calc((100% - 40px)/3); min-width:0; scroll-snap-align:start; }
.asb__product-image { position:relative; aspect-ratio:4/5; margin:0; overflow:hidden; border:1px solid var(--at-border); background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.asb__product-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.asb__product:hover .asb__product-image img { transform:scale(1.05); }
.asb__badge { position:absolute; z-index:2; top:10px; inset-inline-start:10px; padding:6px 9px; background:var(--at-tan); color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; line-height:1; }
.asb__wish { position:absolute; z-index:2; top:10px; inset-inline-end:10px; display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid var(--at-border); background:var(--at-surface); color:var(--at-text); cursor:pointer; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.asb__wish svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; }
.asb__wish:hover { border-color:var(--at-tan); }
.asb__wish[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.asb__wish[aria-pressed="true"] svg { fill:currentColor; }
.asb__quick { position:absolute; z-index:2; inset-inline:10px; bottom:10px; min-height:42px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-weight:700; letter-spacing:.08em; cursor:pointer; opacity:0; transform:translateY(calc(100% + 14px)); transition:transform .4s ease,opacity .3s ease,background var(--at-transition,.3s ease); }
.asb__product:hover .asb__quick, .asb__product:focus-within .asb__quick { opacity:1; transform:none; }
.asb__quick:hover { background:var(--at-tan-hover); border-color:var(--at-tan-hover); }
.asb__product-info { padding-top:16px; }
.asb__product-cat { display:block; color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; line-height:1.5; }
.asb__product h4 { margin:6px 0 10px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:21px; font-weight:700; line-height:1.35; }
.asb__product-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.asb__product-row strong { font-size:15px; font-weight:700; }
.asb__dots { display:flex; gap:6px; }
.asb__dots i { width:12px; height:12px; border:1px solid var(--at-border); border-radius:50%; background:var(--c); }

.asb__slider-foot { display:flex; align-items:center; gap:24px; }
.asb__progress { position:relative; flex:1 1 auto; height:2px; overflow:hidden; background:var(--at-border); }
.asb__progress span { position:absolute; inset:0; background:var(--at-tan); transform:scaleX(var(--p,.33)); transform-origin:left; transition:transform .25s ease; }

.is-fallback img { display:none; }

/* Tablet */
@media (max-width:1100px) {
  .asb__block { padding:5em 0; }
  .asb__header { align-items:flex-start; flex-direction:column; gap:22px; margin-bottom:34px; }

  /* showcase becomes a vertical accordion */
  .asb__showcase { flex-direction:column; gap:10px; height:auto; }
  .asb__panel, .asb__panel.is-active { flex:none; transition:height .7s cubic-bezier(.77,0,.18,1),border-color .4s ease; }
  .asb__panel { height:70px; }
  .asb__panel.is-active { height:min(480px,110vw); }
  .asb__panel-rail { top:20px; bottom:auto; left:auto; inset-inline-start:64px; font-size:20px; line-height:30px; writing-mode:horizontal-tb; transform:none; }
  .asb__panel-body { width:100%; }

  .asb__browse-layout { grid-template-columns:minmax(0,1fr); gap:30px; }
  .asb__tools { position:static; }
  .asb__letters { grid-template-columns:repeat(13,minmax(0,1fr)); }
  .asb__letters .asb__all { grid-column:1/-1; }
  .asb__search { max-width:460px; }

  .asb__shopgrid { grid-template-columns:minmax(0,1fr); }
  .asb__brandcard { min-height:0; }
  .asb__product { flex:0 0 min(46%,320px); }
}

/* Mobile */
@media (max-width:767px) {
  .asb__block { padding:4em 0; }
  .asb__ctrl { width:100%; justify-content:space-between; }
  .asb__panel.is-active { height:min(440px,118vw); }
  .asb__panel-body { padding:22px; }
  .asb__panel-body p { margin-bottom:20px; }
  .asb__tools { padding:16px; }
  .asb__letters { grid-template-columns:repeat(9,minmax(0,1fr)); gap:5px; }
  .asb__letters button { font-size:15px; }
  .asb__list { grid-template-columns:minmax(0,1fr); }
  .asb__row { grid-template-columns:30px minmax(0,1fr) auto 16px; gap:10px; padding:18px 0; }
  .asb__tabs { margin-bottom:26px; gap:24px; }
  .asb__brandcard { padding:24px 20px; gap:22px; }
  .asb__shopall { align-self:stretch; }
  .asb__track { gap:14px; }
  .asb__product { flex:0 0 72%; }
  .asb__slider-foot { gap:16px; }
}
@media (max-width:560px) {
  .asb__letters { grid-template-columns:repeat(7,minmax(0,1fr)); }
}

/* Touch devices: always show quick-add */
@media (hover:none) {
  .asb__quick { opacity:1; transform:none; }
  .asb__peek { display:none; }
}
@media (max-width:1100px) {
  .asb__peek { display:none; }
}

/* ATELIER® — NEW ARRIVALS + TRENDING PICKS + BRAND STORIES */
.anp { --anp-band:#FFFFFF; position:relative; overflow:hidden; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.anp * { box-sizing:border-box; }
.anp__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.anp__block { padding:6em 0; }
.anp__arrivals { background:var(--anp-band); border-top:1px solid var(--at-border,#DED4C5); }
.anp__trending { background:var(--at-bg,#F4F0E8); }
.anp__stories { background:#29231ff8; color:var(--at-announcement-text,#F4F0E8); }

/* Shared heading — same tokens as the release calendar */
.anp__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:44px; }
.anp__heading { min-width:0; }
.anp__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.anp__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:var(--anp-title-size,clamp(40px,4vw,50px)); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.anp__title span { color:var(--at-tan); }
.anp__sub { max-width:540px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.anp__stories .anp__title { color:var(--at-cream,#F4F0E8); }
.anp__stories .anp__sub { color:#D9C8B5; }
.anp__tools { display:flex; flex:0 0 auto; flex-direction:column; align-items:flex-start; gap:12px; }
.anp__tools--end { align-items:flex-end; gap:18px; }
.anp__note { color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.12em; }
.anp__link { display:inline-flex; flex:0 0 auto; align-items:center; gap:12px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:color var(--at-transition,.3s ease); }
.anp__link svg { color:var(--at-tan); transition:transform .3s ease; }
.anp__link:hover { color:var(--at-tan-hover); }
.anp__link:hover svg { transform:translateX(4px); }
.anp__stories .anp__link { color:#F4F0E8; }
.anp__stories .anp__link:hover { color:var(--at-tan); }
.anp__live { display:inline-flex; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--at-border); color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; }
.anp__live i { position:relative; width:6px; height:6px; border-radius:50%; background:var(--at-tan); box-shadow:0 0 0 4px rgba(183,139,91,.16); animation:anp-pulse 2s ease-in-out infinite; }
@keyframes anp-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(183,139,91,.16); } 50% { box-shadow:0 0 0 7px rgba(183,139,91,0); } }

/* 1 — NEW ARRIVALS: bento mosaic */
.anp__bento { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-rows:clamp(240px,23vw,360px); gap:16px; }
.anp__tile { position:relative; isolation:isolate; min-width:0; overflow:hidden; border:1px solid var(--at-border); background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); color:#F4F0E8; }
.anp__tile--a { grid-column:1/6; grid-row:1/3; }
.anp__tile--b { grid-column:6/10; grid-row:1; }
.anp__tile--c { grid-column:10/13; grid-row:1; }
.anp__tile--d { grid-column:6/9; grid-row:2; }
.anp__tile--e { grid-column:9/13; grid-row:2; }
.anp__media { position:absolute; inset:0; z-index:-2; overflow:hidden; }
.anp__img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; transition:opacity .6s ease,transform .9s ease; }
.anp__img--2 { opacity:0; }
.anp__tile::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(23,19,15,0) 38%,rgba(23,19,15,.9) 100%); content:""; }
.anp__tile::after { position:absolute; inset:0; z-index:-1; background:rgba(23,19,15,.38); content:""; opacity:0; transition:opacity .4s ease; }
.anp__tile.is-open::after { opacity:1; }
.anp__badge { position:absolute; z-index:2; top:12px; inset-inline-start:12px; padding:6px 9px; background:var(--at-tan); color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; line-height:1; }
.anp__wish { position:absolute; z-index:2; top:12px; inset-inline-end:12px; display:grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid rgba(244,240,232,.5); background:rgba(23,19,15,.35); color:#F4F0E8; cursor:pointer; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.anp__wish svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; }
.anp__wish:hover { border-color:var(--at-tan); }
.anp__wish[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); }
.anp__wish[aria-pressed="true"] svg { fill:currentColor; }

.anp__foot { position:absolute; inset-inline:0; bottom:0; z-index:2; padding:18px; }
.anp__panel { display:grid; gap:10px; max-height:0; margin-bottom:0; overflow:hidden; opacity:0; transition:max-height .45s ease,opacity .3s ease,margin .45s ease; }
.anp__tile.is-open .anp__panel { max-height:150px; margin-bottom:14px; opacity:1; }
.anp__sizes { display:flex; flex-wrap:wrap; gap:6px; }
.anp__sizes button { display:grid; place-items:center; min-width:38px; height:38px; padding:0 8px; border:1px solid rgba(244,240,232,.5); background:rgba(23,19,15,.3); color:#F4F0E8; font-family:var(--at-body,"DM Sans",sans-serif); font-size:13px; font-weight:600; cursor:pointer; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.anp__sizes button:hover { border-color:var(--at-tan); }
.anp__sizes button[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); }
.anp__add { min-height:42px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-weight:700; letter-spacing:.08em; cursor:pointer; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.anp__add:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.anp__add.is-warn { animation:anp-shake .4s ease; }
@keyframes anp-shake { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-5px); } 75% { transform:translateX(5px); } }
.anp__info { padding-inline-end:52px; }
.anp__cat { display:block; color:#D8B987; font-size:12px; font-weight:700; letter-spacing:.1em; line-height:1.5; }
.anp__tile h3 { margin:6px 0 8px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:21px; font-weight:700; line-height:1.35; }
.anp__row { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; }
.anp__row strong { font-size:15px; font-weight:700; }
.anp__landed { color:rgba(244,240,232,.78); font-size:11px; font-weight:700; letter-spacing:.1em; }
.anp__plus { position:absolute; bottom:18px; inset-inline-end:18px; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid rgba(244,240,232,.55); background:rgba(23,19,15,.35); color:#F4F0E8; cursor:pointer; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.anp__plus svg { width:16px; height:16px; transition:transform .3s ease; }
.anp__plus:hover, .anp__tile.is-open .anp__plus { border-color:var(--at-tan); background:var(--at-tan); }
.anp__tile.is-open .anp__plus svg { transform:rotate(45deg); }

.anp__tile--a h3 { font-size:clamp(28px,2.6vw,38px); line-height:1.15; }
.anp__tile--a .anp__foot { padding:clamp(18px,2.4vw,30px); }
.anp__tile--a .anp__plus { bottom:clamp(18px,2.4vw,30px); inset-inline-end:clamp(18px,2.4vw,30px); }
.anp__desc { max-width:360px; margin:0 0 16px; color:rgba(244,240,232,.84); font-size:14px; line-height:1.7; }
.anp__feat-meta { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin:0 0 16px; }
.anp__swatches { display:flex; gap:6px; }
.anp__swatches i { width:16px; height:16px; border:1px solid rgba(244,240,232,.6); border-radius:50%; background:var(--c); }
.anp__stock { display:grid; gap:6px; min-width:150px; }
.anp__stock small { color:#D8B987; font-size:11px; font-weight:700; letter-spacing:.1em; }
.anp__stock-bar { height:3px; background:rgba(244,240,232,.28); }
.anp__stock-bar i { display:block; width:var(--s,30%); height:100%; background:var(--at-tan); }

@media (hover:hover) {
  .anp__tile:hover .anp__img--2 { opacity:1; }
  .anp__tile:hover .anp__img { transform:scale(1.05); }
  .anp__tile:hover::after, .anp__tile:focus-within::after { opacity:1; }
  .anp__tile:hover .anp__panel, .anp__tile:focus-within .anp__panel { max-height:150px; margin-bottom:14px; opacity:1; }
  .anp__tile:hover .anp__plus svg { transform:rotate(45deg); }
}

/* 2 — TRENDING: podium + leaderboard */
.anp__seg { position:relative; display:inline-flex; max-width:100%; padding:4px; border:1px solid var(--at-border); background:var(--at-surface,#fff); }
.anp__seg button { position:relative; z-index:1; padding:11px 16px; border:0; background:transparent; color:var(--at-muted); font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; line-height:1; white-space:nowrap; cursor:pointer; transition:color var(--at-transition,.3s ease); }
.anp__seg button:hover { color:var(--at-text); }
.anp__seg button[aria-pressed="true"] { color:#fff; }
.anp__seg-ind { position:absolute; top:4px; bottom:4px; left:0; width:var(--w,0); background:var(--at-tan); transform:translateX(var(--x,0)); transition:transform .45s cubic-bezier(.77,0,.18,1),width .45s cubic-bezier(.77,0,.18,1); }

.anp__podium { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; gap:22px; margin-bottom:34px; }
.anp__pod { display:flex; min-width:0; flex-direction:column; border:1px solid var(--at-border); background:var(--at-surface,#fff); transition:border-color var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.anp__pod[data-rank="1"] { order:2; border-color:var(--at-tan); }
.anp__pod[data-rank="2"] { order:1; }
.anp__pod[data-rank="3"] { order:3; }
.anp__pod:hover { border-color:var(--at-tan); transform:translateY(-3px); }
.anp__pod-img { position:relative; aspect-ratio:4/4.6; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.anp__pod[data-rank="1"] .anp__pod-img { aspect-ratio:4/5.5; }
.anp__pod-img img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.anp__pod:hover .anp__pod-img img { transform:scale(1.05); }
.anp__pod-img::after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(23,19,15,0) 55%,rgba(23,19,15,.5) 100%); content:""; pointer-events:none; }
.anp__rank { position:absolute; inset-block-end:-.14em; inset-inline-start:14px; z-index:2; color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(88px,9vw,136px); font-weight:800; line-height:1; -webkit-text-stroke:1.5px #F4F0E8; pointer-events:none; }
.anp__pod[data-rank="1"] .anp__rank { color:var(--at-tan); -webkit-text-stroke:0; }
.anp__top { position:absolute; z-index:2; top:12px; inset-inline-start:12px; padding:6px 9px; background:var(--at-tan); color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; line-height:1; }
.anp__hot { position:absolute; z-index:2; top:12px; inset-inline-end:12px; padding:6px 9px; background:rgba(23,19,15,.82); color:#F4F0E8; font-size:12px; font-weight:700; letter-spacing:.04em; line-height:1; font-variant-numeric:tabular-nums; }
.anp__pod-body { padding:20px; }
.anp__pod h3 { margin:6px 0 0; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:21px; font-weight:700; line-height:1.35; }
.anp__pod[data-rank="1"] h3 { font-size:clamp(24px,2.2vw,30px); }
.anp__pod .anp__cat { color:var(--at-muted); }
.anp__heatlab { display:flex; justify-content:space-between; gap:10px; margin:16px 0 8px; color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; }
.anp__heatlab b { color:var(--at-tan); font-variant-numeric:tabular-nums; }
.anp__heat { height:6px; overflow:hidden; border-radius:20px; background:var(--at-border); }
.anp__heat span { display:block; width:0; height:100%; border-radius:20px; background:var(--at-tan); transition:width 1s cubic-bezier(.22,1,.36,1); }
.anp__heat.is-set span { width:var(--h,50%); }
.anp__pod-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; }
.anp__pod-row strong { font-size:15px; font-weight:700; }
.anp__mini { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 14px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-weight:700; letter-spacing:.08em; white-space:nowrap; cursor:pointer; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.anp__mini:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }

.anp__board { border:1px solid var(--at-border); background:var(--at-surface,#fff); }
.anp__listhead, .anp__item { display:grid; grid-template-columns:56px 64px minmax(0,1fr) 130px 92px 80px 96px; align-items:center; gap:18px; padding:16px 24px; }
.anp__listhead { border-bottom:1px solid var(--at-border); color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.12em; }
.anp__list { margin:0; padding:0; list-style:none; }
.anp__item { border-top:1px solid var(--at-border); transition:background var(--at-transition,.3s ease); }
.anp__item:first-child { border-top:0; }
.anp__item:hover { background:var(--at-bg); }
.anp__n { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:30px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.anp__thumb { width:64px; height:64px; margin:0; overflow:hidden; border:1px solid var(--at-border); background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.anp__thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.anp__item-main { display:flex; min-width:0; flex-direction:column; gap:4px; }
.anp__item-main b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(21px,1.8vw,26px); font-weight:700; line-height:1.15; overflow-wrap:anywhere; }
.anp__item-main em { color:var(--at-muted); font-size:12px; font-style:normal; font-weight:700; letter-spacing:.1em; }
.anp__spark { display:block; width:120px; height:32px; direction:ltr; }
.anp__spark-line { fill:none; stroke:var(--at-tan); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.anp__spark-area { fill:var(--at-tan); opacity:.14; }
.anp__delta { color:var(--at-tan-hover); font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; }
.anp__delta.is-down { color:var(--at-muted); }
.anp__delta--inline { display:none; }
.anp__buy { display:contents; }
.anp__buy strong { font-size:15px; font-weight:700; }

/* 3 — BRAND STORIES: editorial spread */
.anp__editorial { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:stretch; gap:22px; }
.anp__feature { position:relative; isolation:isolate; display:flex; min-height:clamp(560px,46vw,700px); flex-direction:column; justify-content:flex-end; padding:clamp(24px,3vw,44px); overflow:hidden; border:1px solid rgba(244,240,232,.14); background:linear-gradient(145deg,var(--at-tan),#17130F); color:#F4F0E8; }
.anp__feature > img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease; }
.anp__feature:hover > img { transform:scale(1.04); }
.anp__feature::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(23,19,15,.1) 25%,rgba(23,19,15,.92) 100%); content:""; }
.anp__chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.anp__chips span { padding:7px 10px; border:1px solid rgba(244,240,232,.42); font-size:11px; font-weight:700; letter-spacing:.12em; line-height:1; }
.anp__chips span:first-child { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.anp__feature h3 { max-width:580px; margin:0 0 14px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(30px,3vw,44px); font-weight:800; line-height:1.12; letter-spacing:.015em; }
.anp__feature p { max-width:470px; margin:0 0 26px; color:rgba(244,240,232,.84); font-size:14px; line-height:1.8; }
.anp__byline { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-top:18px; border-top:1px solid rgba(244,240,232,.26); }
.anp__author { display:flex; align-items:center; gap:12px; min-width:0; }
.anp__avatar { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:50%; background:var(--at-tan); color:#fff; font-size:12px; font-weight:700; letter-spacing:.06em; }
.anp__author b { display:block; font-size:14px; font-weight:700; }
.anp__author small { display:block; margin-top:3px; color:rgba(244,240,232,.7); font-size:11px; font-weight:700; letter-spacing:.1em; }
.anp__read { display:inline-flex; flex:0 0 auto; align-items:center; gap:10px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:#F4F0E8; font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; }
.anp__read::after { position:absolute; inset:0; z-index:3; content:""; }
.anp__read svg { color:var(--at-tan); transition:transform .3s ease; }
.anp__feature:hover .anp__read svg { transform:translateX(4px); }

.anp__side { display:grid; grid-template-rows:1fr 1fr auto; gap:22px; min-width:0; }
.anp__story { display:grid; grid-template-columns:minmax(120px,.42fr) minmax(0,1fr); min-width:0; overflow:hidden; border:1px solid rgba(244,240,232,.14); background:rgba(244,240,232,.03); color:#F4F0E8; transition:border-color var(--at-transition,.3s ease),background var(--at-transition,.3s ease); }
.anp__story:hover { border-color:var(--at-tan); background:rgba(244,240,232,.06); }
.anp__story-img { position:relative; min-height:190px; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-tan),#17130F); }
.anp__story-img img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.anp__story:hover .anp__story-img img { transform:scale(1.05); }
.anp__story-body { display:flex; min-width:0; flex-direction:column; align-items:flex-start; padding:22px; }
.anp__kicker { color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.12em; line-height:1.5; }
.anp__story h3 { margin:10px 0 10px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(23px,2vw,28px); font-weight:700; line-height:1.2; }
.anp__story p { display:-webkit-box; margin:0 0 18px; overflow:hidden; color:#D9C8B5; font-size:14px; line-height:1.7; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.anp__meta { display:inline-flex; align-items:center; gap:10px; margin-top:auto; color:#F4F0E8; font-size:12px; font-weight:700; letter-spacing:.1em; }
.anp__meta svg { color:var(--at-tan); transition:transform .3s ease; }
.anp__story:hover .anp__meta svg { transform:translateX(4px); }
.anp__quote { position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:22px; margin:0; padding:clamp(22px,2.4vw,32px); background:var(--at-tan); color:var(--at-espresso,#29231F); }
.anp__quote blockquote { margin:0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(24px,2.2vw,32px); font-weight:700; line-height:1.2; }
.anp__quote figcaption { font-size:12px; font-weight:700; letter-spacing:.12em; }

.is-fallback img { display:none; }

/* Tablet */
@media (max-width:1100px) {
  .anp__block { padding:5em 0; }
  .anp__header { align-items:flex-start; flex-direction:column; gap:22px; margin-bottom:34px; }
  .anp__tools--end { align-items:flex-start; flex-direction:row; flex-wrap:wrap; gap:14px 22px; }

  .anp__bento { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; gap:14px; }
  .anp__tile { aspect-ratio:4/5; }
  .anp__tile--a, .anp__tile--b, .anp__tile--c, .anp__tile--d, .anp__tile--e { grid-column:auto; grid-row:auto; }
  .anp__tile--a { grid-column:1/-1; aspect-ratio:16/11; }

  .anp__pod-body { padding:16px; }
  .anp__pod h3 { font-size:19px; }
  .anp__pod[data-rank="1"] h3 { font-size:24px; }
  .anp__podium { gap:14px; }

  .anp__editorial { grid-template-columns:minmax(0,1fr); }
  .anp__feature { min-height:520px; }
  .anp__side { grid-template-rows:none; }
}
@media (max-width:1023px) {
  .anp__listhead, .anp__item { grid-template-columns:48px 60px minmax(0,1fr) 90px 80px 96px; gap:14px; padding:14px 18px; }
  .anp__spark, .anp__h-trend { display:none; }
}

/* Mobile */
@media (max-width:767px) {
  .anp__block { padding:4em 0; }
  .anp__seg { display:flex; width:100%; }
  .anp__seg button { flex:1 1 0; padding:11px 6px; font-size:11px; letter-spacing:.06em; }

  .anp__tile--a { aspect-ratio:4/5; }
  .anp__foot { padding:14px; }
  .anp__plus { bottom:14px; inset-inline-end:14px; width:36px; height:36px; }
  .anp__info { padding-inline-end:46px; }
  .anp__tile h3 { font-size:19px; }
  .anp__tile--a h3 { font-size:28px; }
  .anp__landed { display:none; }
  .anp__tile--a .anp__landed { display:inline; }

  .anp__podium { grid-template-columns:minmax(0,1fr); gap:14px; margin-bottom:24px; }
  .anp__pod[data-rank] { flex-direction:row; order:0; }
  .anp__pod-img, .anp__pod[data-rank="1"] .anp__pod-img { flex:0 0 40%; aspect-ratio:auto; min-height:230px; }
  .anp__rank { font-size:76px; inset-inline-start:10px; }
  .anp__pod-body { display:flex; flex:1 1 auto; min-width:0; flex-direction:column; justify-content:center; padding:16px; }
  .anp__pod[data-rank="1"] h3 { font-size:23px; }
  .anp__heatlab { margin:12px 0 7px; }
  .anp__pod-row { margin-top:14px; flex-wrap:wrap; }

  .anp__listhead { display:none; }
  .anp__item { grid-template-columns:30px 52px minmax(0,1fr) auto; gap:12px; padding:14px 16px; }
  .anp__n { font-size:24px; }
  .anp__thumb { width:52px; height:52px; }
  .anp__delta--col { display:none; }
  .anp__delta--inline { display:inline-block; margin-top:2px; }
  .anp__buy { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
  .anp__mini { min-height:32px; padding:0 10px; }

  .anp__feature { min-height:480px; padding:22px; }
  .anp__byline { flex-direction:column; align-items:flex-start; gap:16px; }
  .anp__story { grid-template-columns:minmax(0,1fr); }
  .anp__story-img { min-height:0; aspect-ratio:16/10; }
  .anp__story-body { padding:18px; }
}
@media (max-width:560px) {
  .anp__bento { grid-template-columns:minmax(0,1fr); }
  .anp__tile { aspect-ratio:1/1.1; }
  .anp__tile--a { aspect-ratio:4/5; }
  .anp__landed { display:inline; }
}

/* Touch devices */
@media (hover:none) {
  .anp__img--2 { display:none; }
}

/* =====================================================================
   Append to the END of assets/css/style.css
   ===================================================================== */

/* ATELIER® — LIVE DROP COUNTDOWN */
.ald { --ald-ink:#17130F; position:relative; overflow:hidden; padding:6em 0; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.ald * { box-sizing:border-box; }
.ald [hidden] { display:none !important; }
.ald__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }

.ald__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:44px; }
.ald__heading { min-width:0; }
.ald__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.ald__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.ald__title span { color:var(--at-tan); }
.ald__sub { max-width:540px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.ald__status { display:inline-flex; flex:0 0 auto; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--at-border); color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; }
.ald__status i { width:6px; height:6px; border-radius:50%; background:var(--at-tan); box-shadow:0 0 0 4px rgba(183,139,91,.16); animation:ald-pulse 2s ease-in-out infinite; }
.ald.is-live .ald__status i { background:#5E9B6B; box-shadow:0 0 0 4px rgba(94,155,107,.2); }
@keyframes ald-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(183,139,91,.16); } 50% { box-shadow:0 0 0 7px rgba(183,139,91,0); } }

/* Stage: photo + console */
.ald__stage { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); border:1px solid var(--at-border); background:var(--at-announcement-bg,#29231F); box-shadow:0 26px 60px rgba(41,35,31,.16); }
.ald__visual { position:relative; isolation:isolate; min-height:680px; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.ald__visual img { position:absolute; inset:0; z-index:-2; display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.4s ease; }
.ald__visual::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(23,19,15,.18) 0%,rgba(23,19,15,0) 30%,rgba(23,19,15,.82) 100%); content:""; }
.ald__visual.is-fallback img { display:none; }
.ald__corner { position:absolute; z-index:2; width:26px; height:26px; border:0 solid #F4F0E8; pointer-events:none; }
.ald__corner--tl { top:20px; inset-inline-start:20px; border-top-width:1.5px; border-inline-start-width:1.5px; }
.ald__corner--br { bottom:20px; inset-inline-end:20px; border-bottom-width:1.5px; border-inline-end-width:1.5px; }
.ald__seal { position:absolute; z-index:3; top:26px; inset-inline-end:26px; display:grid; place-items:center; width:116px; height:116px; border-radius:50%; background:var(--at-tan); color:#fff; box-shadow:0 12px 30px rgba(23,19,15,.35); }
.ald__seal svg { position:absolute; inset:0; width:100%; height:100%; animation:ald-spin 26s linear infinite; }
.ald__seal text { fill:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:8.600px; font-weight:700; letter-spacing:.06em; }
.ald__seal b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:34px; font-weight:800; line-height:1; letter-spacing:.02em; }
@keyframes ald-spin { to { transform:rotate(360deg); } }
.ald__ghost { position:absolute; z-index:2; bottom:54px; inset-inline-start:22px; color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(130px,15vw,250px); font-weight:800; line-height:.78; letter-spacing:.02em; -webkit-text-stroke:1.5px rgba(244,240,232,.62); pointer-events:none; user-select:none; }
.ald__caption { position:absolute; inset-inline:0; bottom:0; z-index:2; display:flex; justify-content:space-between; gap:14px; padding:16px 22px; border-top:1px solid rgba(244,240,232,.28); color:#F4F0E8; font-size:11px; font-weight:700; letter-spacing:.14em; }
@media (hover:hover) { .ald__stage:hover .ald__visual img { transform:scale(1.04); } }

.ald__console { display:flex; min-width:0; flex-direction:column; justify-content:center; padding:clamp(28px,3.6vw,60px); color:var(--at-announcement-text,#F4F0E8); }
.ald__tag { align-self:flex-start; padding:7px 10px; border:1px solid rgba(196,154,108,.55); color:#D8B987; font-size:11px; font-weight:700; letter-spacing:.14em; line-height:1.3; }
.ald__name { margin:18px 0 26px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4.6vw,68px); font-weight:800; line-height:1; letter-spacing:.015em; }
.ald__name small { display:block; margin-top:8px; color:var(--at-tan); font-size:.46em; font-weight:600; letter-spacing:.12em; }
.ald__specs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 30px; border-top:1px solid rgba(244,240,232,.2); border-bottom:1px solid rgba(244,240,232,.2); }
.ald__specs div { min-width:0; padding:16px 16px 16px 0; }
.ald__specs div + div { padding-inline-start:16px; border-inline-start:1px solid rgba(244,240,232,.2); }
.ald__specs dt { margin:0 0 6px; color:#D8B987; font-size:11px; font-weight:700; letter-spacing:.14em; }
.ald__specs dd { margin:0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; line-height:1.2; letter-spacing:.03em; }
.ald__specs dd span { font-size:18px; }

.ald__clock { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:26px; }
.ald__unit { padding:16px 10px 12px; border:1px solid rgba(196,154,108,.38); background:rgba(244,240,232,.04); text-align:center; }
.ald__digits { display:flex; justify-content:center; gap:4px; }
.ald__d { position:relative; display:grid; place-items:center; width:clamp(32px,4.2vw,62px); height:clamp(50px,6.4vw,92px); overflow:hidden; background:#F4F0E8; color:var(--ald-ink); }
.ald__d::after { position:absolute; inset-inline:0; top:50%; height:1px; background:rgba(41,35,31,.3); content:""; }
.ald__d b { display:block; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(38px,5vw,72px); font-weight:700; line-height:1; font-variant-numeric:tabular-nums; }
.ald__d b.is-tick { animation:ald-tick .5s cubic-bezier(.2,.7,.2,1); }
@keyframes ald-tick { from { transform:translateY(-38%); opacity:.15; } to { transform:none; opacity:1; } }
.ald__unit--sec .ald__d { background:var(--at-tan); color:#fff; }
.ald__unit--sec .ald__d::after { background:rgba(255,255,255,.35); }
.ald__unit small { display:block; margin-top:12px; color:#D8B987; font-size:11px; font-weight:700; letter-spacing:.14em; }

.ald__meter { margin-bottom:26px; }
.ald__meter-row { display:flex; justify-content:space-between; gap:12px; color:#D9C8B5; font-size:11px; font-weight:700; letter-spacing:.12em; }
.ald__meter-row b { color:#F4F0E8; font-weight:700; }
.ald__bar { height:3px; margin:10px 0 12px; background:rgba(244,240,232,.22); }
.ald__bar i { display:block; width:var(--ald-p,0%); height:100%; background:var(--at-tan); transition:width 1s linear; }
.ald__meter-row--wait { justify-content:flex-start; color:#D9C8B5; font-size:13px; font-weight:500; letter-spacing:.02em; }
.ald__meter-row--wait em { color:#F4F0E8; font-style:normal; font-weight:700; font-variant-numeric:tabular-nums; }

.ald__notify { display:flex; gap:10px; }
.ald__field { display:flex; flex:1 1 auto; align-items:center; gap:12px; min-width:0; padding:0 16px; border:1px solid rgba(244,240,232,.34); background:rgba(244,240,232,.06); color:#D8B987; transition:border-color var(--at-transition,.3s ease),background var(--at-transition,.3s ease); }
.ald__field:focus-within { border-color:var(--at-tan); background:rgba(244,240,232,.1); }
.ald__field input { flex:1 1 auto; min-width:0; min-height:52px; padding:0; border:0; outline:0; background:transparent; color:#F4F0E8; font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.ald__field input::placeholder { color:rgba(244,240,232,.6); }
.ald__btn { flex:0 0 auto; min-height:52px; padding:0 26px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.ald__btn:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.ald__msg { min-height:20px; margin:10px 0 0; color:#D8B987; font-size:13px; line-height:1.5; }
.ald__msg.is-error { color:#F0B3A6; }
.ald__actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 26px; margin-top:8px; }
.ald__ghost,.ald__shop { display:inline-flex; align-items:center; gap:12px; padding:0 0 6px; border:0; border-bottom:1px solid var(--at-tan); background:transparent; color:#F4F0E8; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; transition:color var(--at-transition,.3s ease); }
.ald__ghost svg,.ald__shop svg { color:var(--at-tan); transition:transform .3s ease; }
.ald__ghost:hover,.ald__shop:hover { color:var(--at-tan); }
.ald__shop:hover svg { transform:translateX(4px); }
.ald.is-live .ald__notify,.ald.is-live .ald__msg { display:none; }
.ald.is-live .ald__shop { padding:15px 26px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; }
.ald.is-live .ald__shop svg { color:#fff; }

/* Up next queue */
.ald__queue { margin-top:56px; }
.ald__queue-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:20px; }
.ald__queue-head h3 { margin:0; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:30px; font-weight:700; letter-spacing:.02em; line-height:1.1; }
.ald__link { display:inline-flex; flex:0 0 auto; align-items:center; gap:12px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:color var(--at-transition,.3s ease); }
.ald__link svg { color:var(--at-tan); transition:transform .3s ease; }
.ald__link:hover { color:var(--at-tan-hover); }
.ald__link:hover svg { transform:translateX(4px); }
.ald__qlist { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none; }
.ald__q { position:relative; display:grid; grid-template-columns:64px 96px minmax(0,1fr) auto; align-items:center; gap:18px; padding:14px 18px 14px 0; border:1px solid var(--at-border); background:var(--at-surface,#fff); transition:border-color var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.ald__q:hover { border-color:var(--at-tan); transform:translateY(-3px); }
.ald__q-date { display:grid; align-self:stretch; place-content:center; justify-items:center; gap:2px; border-inline-end:1px solid var(--at-border); }
.ald__q-date b { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:34px; font-weight:800; line-height:1; }
.ald__q-date i { color:var(--at-muted); font-size:11px; font-style:normal; font-weight:700; letter-spacing:.14em; }
.ald__q-img { width:96px; height:96px; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.ald__q-img img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.ald__q-img.is-fallback img { display:none; }
.ald__q:hover .ald__q-img img { transform:scale(1.08); }
.ald__q-body { min-width:0; }
.ald__q-brand { display:block; overflow:hidden; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.1em; text-overflow:ellipsis; white-space:nowrap; }
.ald__q-body h4 { margin:6px 0 8px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:23px; font-weight:700; line-height:1.15; }
.ald__q-time { display:block; color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.1em; font-variant-numeric:tabular-nums; }
.ald__bell { display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid var(--at-border); background:transparent; color:var(--at-text); transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.ald__bell svg { width:18px; height:18px; }
.ald__bell:hover { border-color:var(--at-tan); }
.ald__bell[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.ald__bell[aria-pressed="true"] svg { animation:ald-ring .6s ease; transform-origin:50% 10%; }
@keyframes ald-ring { 0%,100% { transform:rotate(0); } 25% { transform:rotate(16deg); } 60% { transform:rotate(-12deg); } }

.ald button:focus-visible,.ald a:focus-visible,.ald input:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }


/* ATELIER® — JUST DROPPED · LATEST SNEAKERS */
.ajd { --ajd-band:#FFFFFF; position:relative; overflow:hidden; padding:6em 0; background:var(--ajd-band); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.ajd * { box-sizing:border-box; }
.ajd__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }

.ajd__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:44px; }
.ajd__heading { min-width:0; }
.ajd__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.ajd__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.ajd__title span { color:var(--at-tan); }
.ajd__sub { max-width:540px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.ajd__tools { display:flex; flex:0 0 auto; flex-direction:column; align-items:flex-end; gap:18px; }
.ajd__live { display:inline-flex; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--at-border); color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; }
.ajd__live i { width:6px; height:6px; border-radius:50%; background:var(--at-tan); box-shadow:0 0 0 4px rgba(183,139,91,.16); animation:ajd-pulse 2s ease-in-out infinite; }
@keyframes ajd-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(183,139,91,.16); } 50% { box-shadow:0 0 0 7px rgba(183,139,91,0); } }
.ajd__link { display:inline-flex; align-items:center; gap:12px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:color var(--at-transition,.3s ease); }
.ajd__link svg { color:var(--at-tan); transition:transform .3s ease; }
.ajd__link:hover { color:var(--at-tan-hover); }
.ajd__link:hover svg { transform:translateX(4px); }

.ajd__layout { display:grid; grid-template-columns:minmax(280px,3fr) minmax(0,9fr); gap:24px; align-items:stretch; }

/* Rail */
.ajd__rail { display:flex; flex-direction:column; border:1px solid var(--at-border); background:var(--at-surface,#fff); }
.ajd__rail-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px; color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.12em; }
.ajd__rail-head b { color:var(--at-tan); font-weight:700; font-variant-numeric:tabular-nums; }
.ajd__tabs { display:flex; flex:1 1 auto; flex-direction:column; }
.ajd__item { position:relative; display:grid; flex:1 1 auto; grid-template-columns:68px minmax(0,1fr) auto; align-items:center; gap:14px; width:100%; padding:14px 18px; border:0; border-top:1px solid var(--at-border); background:transparent; text-align:start; transition:background var(--at-transition,.3s ease); }
.ajd__item::before { position:absolute; inset-block:0; inset-inline-start:0; width:3px; background:var(--at-tan); content:""; transform:scaleY(0); transition:transform .35s ease; }
.ajd__item:hover { background:var(--at-bg); }
.ajd__item[aria-selected="true"] { background:var(--at-bg); }
.ajd__item[aria-selected="true"]::before { transform:scaleY(1); }
.ajd__thumb { display:block; width:68px; height:68px; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.ajd__thumb img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.ajd__item:hover .ajd__thumb img,.ajd__item[aria-selected="true"] .ajd__thumb img { transform:scale(1.1); }
.ajd__item-main { min-width:0; }
.ajd__item-main b { display:block; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; line-height:1.15; letter-spacing:.015em; }
.ajd__item-main em { display:block; overflow:hidden; margin-top:5px; color:var(--at-muted); font-size:11px; font-style:normal; font-weight:700; letter-spacing:.1em; text-overflow:ellipsis; white-space:nowrap; }
.ajd__item-side { display:grid; justify-items:end; gap:5px; }
.ajd__item-side strong { font-size:15px; font-weight:700; }
.ajd__item-side small { color:var(--at-tan); font-size:11px; font-weight:700; letter-spacing:.1em; white-space:nowrap; }

/* Stage */
.ajd__stage { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:clamp(28px,4vw,64px); min-width:0; padding:clamp(26px,3.4vw,52px); overflow:hidden; border:1px solid var(--at-border); background:var(--at-bg,#F4F0E8); }
.ajd__ghost { position:absolute; z-index:-1; top:-.06em; inset-inline-end:.02em; color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(120px,17vw,280px); font-weight:800; line-height:.85; letter-spacing:.02em; text-transform:uppercase; white-space:nowrap; -webkit-text-stroke:1px rgba(183,139,91,.4); pointer-events:none; user-select:none; }
.ajd__figure { position:relative; aspect-ratio:1/1.04; }
.ajd__figure::before { position:absolute; inset:0; border:1px solid var(--at-tan); content:""; transform:translate(14px,14px); }
.ajd__frame { position:absolute; inset:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); clip-path:polygon(0 0,calc(100% - 52px) 0,100% 52px,100% 100%,0 100%); }
.ajd__frame img { display:block; width:100%; height:100%; object-fit:cover; transition:opacity .35s ease,transform 1.1s ease; }
.ajd__frame.is-swap img { opacity:0; transform:scale(1.05); }
.ajd__frame.is-fallback img { display:none; }
.ajd__badge { position:absolute; z-index:2; top:14px; inset-inline-start:14px; padding:6px 9px; background:var(--at-tan); color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; line-height:1; }

.ajd__spots { position:absolute; inset:0; z-index:3; pointer-events:none; }
.ajd__spot { position:absolute; left:var(--x); top:var(--y); width:0; height:0; pointer-events:auto; }
.ajd__dot { position:absolute; top:-12px; left:-12px; display:grid; place-items:center; width:24px; height:24px; padding:0; border:1.5px solid #F4F0E8; border-radius:50%; background:rgba(23,19,15,.45); cursor:pointer; transition:background var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.ajd__dot::before { width:8px; height:8px; border-radius:50%; background:var(--at-tan); content:""; }
.ajd__dot::after { position:absolute; inset:-6px; border:1px solid rgba(244,240,232,.7); border-radius:50%; content:""; animation:ajd-ping 2.4s ease-out infinite; }
@keyframes ajd-ping { 0% { transform:scale(.7); opacity:.9; } 100% { transform:scale(1.5); opacity:0; } }
.ajd__dot:hover,.ajd__spot.is-open .ajd__dot { background:var(--at-tan); transform:scale(1.1); }
.ajd__dot:hover::before,.ajd__spot.is-open .ajd__dot::before { background:#fff; }
.ajd__spot-label { position:absolute; bottom:22px; left:0; padding:9px 13px; background:var(--at-announcement-bg,#29231F); color:#F4F0E8; font-size:11px; font-weight:700; letter-spacing:.1em; line-height:1.2; white-space:nowrap; opacity:0; transform:translate(-50%,6px); pointer-events:none; transition:opacity .25s ease,transform .25s ease; }
.ajd__spot.is-open .ajd__spot-label { opacity:1; transform:translate(-50%,0); }
.ajd__spot.is-edge-r .ajd__spot-label { transform:translate(-86%,6px); }
.ajd__spot.is-edge-r.is-open .ajd__spot-label { transform:translate(-86%,0); }
.ajd__spot.is-edge-l .ajd__spot-label { transform:translate(-14%,6px); }
.ajd__spot.is-edge-l.is-open .ajd__spot-label { transform:translate(-14%,0); }

.ajd__claim { position:absolute; z-index:4; bottom:30px; inset-inline-end:-22px; display:flex; align-items:center; gap:12px; padding:10px 18px 10px 10px; border:1px solid var(--at-border); background:var(--at-surface,#fff); box-shadow:0 14px 34px rgba(41,35,31,.16); }
.ajd__claim svg { flex:0 0 auto; transform:rotate(-90deg); }
.ajd__ring-bg,.ajd__ring { fill:none; stroke-width:5; }
.ajd__ring-bg { stroke:var(--at-border); }
.ajd__ring { stroke:var(--at-tan); stroke-dasharray:163.4; stroke-dashoffset:163.4; transition:stroke-dashoffset 1s cubic-bezier(.2,.7,.2,1); }
.ajd__claim b { display:block; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:26px; font-weight:800; line-height:1; letter-spacing:.02em; }
.ajd__claim small { display:block; margin-top:4px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.1em; white-space:nowrap; }

.ajd__detail { min-width:0; transition:opacity .3s ease,transform .3s ease; }
.ajd__stage.is-changing .ajd__detail { opacity:0; transform:translateY(10px); }
.ajd__cat { display:block; color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.12em; line-height:1.5; }
.ajd__name { margin:10px 0 14px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(42px,4.6vw,68px); font-weight:800; line-height:1; letter-spacing:.015em; }
.ajd__desc { max-width:440px; margin:0 0 26px; color:var(--at-muted); font-size:14px; line-height:1.8; }
.ajd__field { margin:0 0 22px; }
.ajd__label { display:flex; justify-content:space-between; gap:12px; margin-bottom:10px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.ajd__label b { color:var(--at-text); font-weight:700; }
.ajd__swatches { display:flex; flex-wrap:wrap; gap:12px; }
.ajd__swatch { position:relative; width:30px; height:30px; padding:0; border:1px solid rgba(41,35,31,.28); border-radius:50%; background:var(--c); transition:transform var(--at-transition,.3s ease); }
.ajd__swatch::after { position:absolute; inset:-6px; border:1.5px solid transparent; border-radius:50%; content:""; transition:border-color var(--at-transition,.3s ease); }
.ajd__swatch:hover { transform:scale(1.08); }
.ajd__swatch[aria-pressed="true"]::after { border-color:var(--at-tan); }
.ajd__sizes { display:flex; flex-wrap:wrap; gap:8px; }
.ajd__sizes button { display:grid; place-items:center; min-width:48px; height:44px; padding:0 10px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:13px; font-weight:600; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.ajd__sizes button:hover { border-color:var(--at-tan); }
.ajd__sizes button[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.ajd__sizes button:disabled { color:var(--at-muted); opacity:.45; text-decoration:line-through; cursor:not-allowed; }

.ajd__buy { display:flex; align-items:center; gap:14px; margin-top:28px; padding-top:24px; border-top:1px solid var(--at-border); }
.ajd__price { margin-inline-end:6px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:36px; font-weight:800; line-height:1; letter-spacing:.02em; }
.ajd__add { flex:1 1 auto; min-height:52px; padding:0 22px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.ajd__add:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.ajd__add.is-warn { animation:ajd-shake .4s ease; }
@keyframes ajd-shake { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-5px); } 75% { transform:translateX(5px); } }
.ajd__wish { display:grid; flex:0 0 auto; place-items:center; width:52px; height:52px; padding:0; border:1px solid var(--at-border); background:transparent; color:var(--at-text); transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.ajd__wish svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; }
.ajd__wish:hover { border-color:var(--at-tan); }
.ajd__wish[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.ajd__wish[aria-pressed="true"] svg { fill:currentColor; }
.ajd__perks { display:flex; flex-wrap:wrap; gap:10px 22px; margin:20px 0 0; padding:0; list-style:none; color:var(--at-muted); font-size:12px; font-weight:600; }
.ajd__perks li { display:inline-flex; align-items:center; gap:8px; }
.ajd__perks svg { color:var(--at-tan); }

.ajd button:focus-visible,.ajd a:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }


/* =========================== RESPONSIVE =========================== */

/* Tablet landscape / small laptop */
@media (max-width:1280px) {
  .ald__specs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ald__specs div:nth-child(3) { padding-inline-start:0; border-inline-start:0; }
  .ald__specs div:nth-child(n+3) { border-top:1px solid rgba(244,240,232,.2); }
  .ald__q { grid-template-columns:56px 80px minmax(0,1fr) auto; gap:14px; }
  .ald__q-img { width:80px; height:80px; }
  .ajd__layout { grid-template-columns:minmax(250px,3.2fr) minmax(0,8.8fr); }
  .ajd__claim { inset-inline-end:14px; }
}

/* Tablet */
@media (max-width:1100px) {
  .ald,.ajd { padding:5em 0; }
  .ald__header,.ajd__header { align-items:flex-start; flex-direction:column; gap:22px; margin-bottom:34px; }
  .ajd__tools { align-items:flex-start; flex-direction:row; flex-wrap:wrap; gap:14px 22px; }

  .ald__stage { grid-template-columns:minmax(0,1fr); }
  .ald__visual { min-height:0; aspect-ratio:16/10; }
  .ald__ghost { font-size:clamp(15px,1vw,220px); }
  .ald__console { padding:34px; }
  .ald__specs { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .ald__specs div:nth-child(3) { padding-inline-start:16px; border-inline-start:1px solid rgba(244,240,232,.2); }
  .ald__specs div:nth-child(n+3) { border-top:0; }
  .ald__d { width:clamp(40px,7vw,64px); height:clamp(62px,10.5vw,96px); }
  .ald__d b { font-size:clamp(46px,8vw,74px); }
  .ald__qlist { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ald__q:last-child { grid-column:1/-1; }

  .ajd__layout { grid-template-columns:minmax(0,1fr); gap:18px; }
  .ajd__rail-head { padding:14px 18px; border-bottom:1px solid var(--at-border); }
  .ajd__tabs { flex-direction:row; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .ajd__tabs::-webkit-scrollbar { display:none; }
  .ajd__item { flex:0 0 clamp(250px,34vw,300px); scroll-snap-align:start; border-top:0; border-inline-end:1px solid var(--at-border); }
  .ajd__item::before { inset-block:auto 0; inset-inline:0; width:auto; height:3px; transform:scaleX(0); }
  .ajd__item[aria-selected="true"]::before { transform:scaleX(1); }
  .ald__corner--br { bottom:8px; inset-inline-end:8px;}
}

/* Mobile */
@media (max-width:767px) {
  .ald,.ajd { padding:4em 0; }
  .ald__status { white-space:normal; }
  .ald__visual { aspect-ratio:4/4.4; }
  .ald__seal { top:16px; inset-inline-end:16px; width:92px; height:92px; }
  .ald__seal b { font-size:27px; }
  .ald__seal text { font-size:8.600px; }
  .ald__ghost { bottom:48px; inset-inline-start:14px; font-size:clamp(13px,1vw,220px); }
  .ald__caption { padding:14px 16px; font-size:10px; }
  .ald__corner--tl { top:14px; inset-inline-start:14px; }
  .ald__console { padding:26px 18px 28px; }
  .ald__name { margin:16px 0 20px; }
  .ald__specs { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:24px; }
  .ald__specs div:nth-child(3) { padding-inline-start:0; border-inline-start:0; }
  .ald__specs div:nth-child(n+3) { border-top:1px solid rgba(244,240,232,.2); }
  .ald__clock { gap:8px; }
  .ald__unit { padding:12px 6px 10px; }
  .ald__digits { gap:3px; }
  .ald__d { width:clamp(24px,8.4vw,40px); height:clamp(40px,13vw,62px); }
  .ald__d b { font-size:clamp(30px,9.5vw,46px); }
  .ald__unit small { margin-top:9px; font-size:9px; letter-spacing:.08em; }
  .ald__notify { flex-direction:column; }
  .ald__btn { width:100%; }
  .ald__queue { margin-top:42px; }
  .ald__queue-head { align-items:flex-start; flex-direction:column; gap:14px; }
  .ald__queue-head h3 { font-size:26px; }
  .ald__qlist { grid-template-columns:minmax(0,1fr); gap:12px; }
  .ald__q:last-child { grid-column:auto; }
  .ald__q { grid-template-columns:54px 72px minmax(0,1fr) auto; gap:12px; padding:12px 14px 12px 0; }
  .ald__q-img { width:72px; height:72px; }
  .ald__q-date b { font-size:28px; }
  .ald__q-body h4 { font-size:20px; }

  .ajd__rail-head { padding:12px 16px; }
  .ajd__item { flex-basis:78%; grid-template-columns:56px minmax(0,1fr) auto; gap:12px; padding:12px 14px; }
  .ajd__thumb { width:56px; height:56px; }
  .ajd__item-main b { font-size:19px; }
  .ajd__stage { grid-template-columns:minmax(0,1fr); gap:34px; padding:22px 18px 26px; }
  .ajd__figure { aspect-ratio:1/1; margin-inline-end:12px; margin-bottom:12px; }
  .ajd__figure::before { transform:translate(10px,10px); }
  .ajd__frame { clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%); }
  .ajd__claim { bottom:14px; inset-inline-end:10px; padding:8px 14px 8px 8px; }
  .ajd__claim svg { width:46px; height:46px; }
  .ajd__claim b { font-size:22px; }
  .ajd__ghost { font-size:clamp(100px,34vw,170px); }
  .ajd__desc { max-width:none; }
  .ajd__buy { flex-wrap:wrap; gap:12px; }
  .ajd__price { flex:0 0 100%; margin:0; }
  .ajd__sizes button { min-width:44px; }
}

@media (max-width:420px) {
  .ald__specs dd { font-size:19px; }
  .ald__q { grid-template-columns:48px minmax(0,1fr) auto; }
  .ald__q-img { display:none; }
  .ajd__item { flex-basis:88%; }
  .ajd__sizes { gap:6px; }
}

/* Touch devices */
@media (hover:none) {
  .ald__q:hover { transform:none; }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce) {
  .ald__seal svg,.ald__status i,.ajd__live i,.ajd__dot::after { animation:none; }
  .ald__d b.is-tick,.ald__bell[aria-pressed="true"] svg { animation:none; }
  .ald__visual img,.ajd__frame img,.ajd__ring,.ajd__detail { transition:none; }
}

/* ATELIER® — FEATURED SNEAKER SPOTLIGHT */
.afs { position:relative; overflow:hidden; padding:6em 0; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.afs * { box-sizing:border-box; }
.afs__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.afs__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:44px; }
.afs__heading { min-width:0; }
.afs__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.afs__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.afs__title span { color:var(--at-tan); }
.afs__sub { max-width:540px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.afs__issue { display:inline-flex; flex:0 0 auto; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--at-border); color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; }
.afs__issue i { width:6px; height:6px; border-radius:50%; background:var(--at-tan); box-shadow:0 0 0 4px rgba(183,139,91,.16); animation:afs-pulse 2s ease-in-out infinite; }
@keyframes afs-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(183,139,91,.16); } 50% { box-shadow:0 0 0 7px rgba(183,139,91,0); } }

.afs__grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); align-items:center; gap:clamp(28px,4vw,72px); }

/* Compare slider */
.afs__compare { position:relative; direction:ltr; aspect-ratio:6/5; overflow:hidden; border:1px solid var(--at-border); background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); box-shadow:0 26px 60px rgba(41,35,31,.14); cursor:ew-resize; touch-action:pan-y; user-select:none; -webkit-user-select:none; }
.afs__layer { position:absolute; inset:0; }
.afs__layer img { display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.afs__layer--a { clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0); }
.afs__layer.is-fallback img { display:none; }
.afs__compare::after { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(23,19,15,0) 62%,rgba(23,19,15,.55) 100%); content:""; pointer-events:none; }
.afs__handle { position:absolute; z-index:3; top:0; bottom:0; left:var(--pos,50%); width:2px; background:#F4F0E8; box-shadow:0 0 0 1px rgba(23,19,15,.18); transform:translateX(-1px); pointer-events:none; }
.afs__handle span { position:absolute; top:50%; left:50%; display:grid; place-items:center; width:54px; height:54px; border:2px solid #F4F0E8; border-radius:50%; background:var(--at-tan); color:#fff; box-shadow:0 12px 28px rgba(23,19,15,.4); transform:translate(-50%,-50%); transition:transform .3s ease; }
.afs__compare.is-drag .afs__handle span, .afs__compare:focus-within .afs__handle span { transform:translate(-50%,-50%) scale(1.12); }
.afs__chip { position:absolute; z-index:2; bottom:18px; padding:8px 12px; background:rgba(23,19,15,.62); color:#F4F0E8; font-size:11px; font-weight:700; letter-spacing:.14em; line-height:1; backdrop-filter:blur(4px); }
.afs__chip--a { left:18px; }
.afs__chip--b { right:18px; }
.afs__hint { position:absolute; z-index:2; top:18px; left:50%; padding:7px 11px; background:var(--at-tan); color:#fff; font-size:11px; font-weight:700; letter-spacing:.14em; line-height:1; transform:translateX(-50%); transition:opacity .4s ease; pointer-events:none; }
.afs__compare.is-touched .afs__hint { opacity:0; }
.afs__range { position:absolute; inset:auto 0 0 0; z-index:0; width:100%; height:1px; margin:0; opacity:0; }
.afs__compare:focus-within { outline:2px solid var(--at-tan); outline-offset:4px; }

/* Info */
.afs__info { min-width:0; }
.afs__badge { display:inline-block; padding:7px 10px; border:1px solid var(--at-tan); color:var(--at-tan); font-size:11px; font-weight:700; letter-spacing:.14em; line-height:1.3; }
.afs__name { margin:16px 0 14px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(56px,7vw,112px); font-weight:800; line-height:.92; letter-spacing:.01em; }
.afs__lead { max-width:480px; margin:0 0 26px; color:var(--at-muted); font-size:14px; line-height:1.8; }
.afs__meters { margin-bottom:24px; border-bottom:1px solid var(--at-border); }
.afs__meter { display:grid; grid-template-columns:128px minmax(0,1fr) 34px; align-items:center; gap:14px; padding:13px 0; border-top:1px solid var(--at-border); }
.afs__meter span { color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.afs__meter i { position:relative; display:block; height:4px; background:var(--at-border); }
.afs__meter i::after { position:absolute; inset-block:0; inset-inline-start:0; width:0; background:var(--at-tan); content:""; transition:width 1.3s cubic-bezier(.2,.7,.2,1); }
.afs__meter.is-in i::after { width:var(--v,0); }
.afs__meter b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; text-align:end; font-variant-numeric:tabular-nums; }
.afs__colors { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
.afs__colors button { display:inline-flex; align-items:center; gap:10px; padding:10px 16px 10px 12px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.06em; transition:border-color var(--at-transition,.3s ease),background var(--at-transition,.3s ease); }
.afs__colors i { width:16px; height:16px; border:1px solid rgba(41,35,31,.28); border-radius:50%; background:var(--c); }
.afs__colors button:hover { border-color:var(--at-tan); }
.afs__colors button[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-bg); box-shadow:inset 0 -2px 0 var(--at-tan); }
.afs__sizes { display:flex; flex-wrap:wrap; gap:8px; }
.afs__sizes button { display:grid; place-items:center; min-width:48px; height:44px; padding:0 10px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:13px; font-weight:600; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.afs__sizes button:hover { border-color:var(--at-tan); }
.afs__sizes button[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.afs__buy { display:flex; align-items:center; gap:16px; margin-top:26px; padding-top:24px; border-top:1px solid var(--at-border); }
.afs__price { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:38px; font-weight:800; line-height:1; letter-spacing:.02em; }
.afs__add { flex:1 1 auto; min-height:52px; padding:0 22px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.afs__add:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.afs__add.is-warn { animation:afs-shake .4s ease; }
@keyframes afs-shake { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-5px); } 75% { transform:translateX(5px); } }
.afs__more { flex:0 0 auto; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:color var(--at-transition,.3s ease); }
.afs__more:hover { color:var(--at-tan-hover); }

/* Facts strip */
.afs__facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:64px 0 0; padding:0; list-style:none; border-top:1px solid var(--at-border); }
.afs__facts li { display:flex; align-items:flex-start; gap:16px; padding:28px 24px 0 0; }
.afs__facts li + li { padding-inline-start:24px; border-inline-start:1px solid var(--at-border); }
.afs__icon { display:grid; flex:0 0 auto; place-items:center; width:44px; height:44px; border:1px solid var(--at-tan); border-radius:50%; color:var(--at-tan); }
.afs__facts b { display:block; margin-bottom:6px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:21px; font-weight:700; letter-spacing:.02em; line-height:1.2; }
.afs__facts p { margin:0; color:var(--at-muted); font-size:13px; line-height:1.7; }
.afs button:focus-visible, .afs a:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }


/* ATELIER® — UPCOMING RELEASES PREVIEW */
.aup { --aup-card:#F4F0E8; --aup-ink:#29231F; --aup-muted:#65594F; --aup-line:#DED4C5; position:relative; overflow:hidden; padding:6em 0; background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.aup * { box-sizing:border-box; }
.aup__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.aup__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:56px; }
.aup__heading { min-width:0; }
.aup__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.aup__title { margin:12px 0 12px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.aup__title span { color:var(--at-tan); }
.aup__sub { max-width:540px; margin:0; color:#D9C8B5; font-size:14px; line-height:1.8; }
.aup__link { display:inline-flex; flex:0 0 auto; align-items:center; gap:12px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:#F4F0E8; font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:color var(--at-transition,.3s ease); }
.aup__link svg { color:var(--at-tan); transition:transform .3s ease; }
.aup__link:hover { color:var(--at-tan); }
.aup__link:hover svg { transform:translateX(4px); }

.aup__layout { display:grid; grid-template-columns:minmax(300px,4fr) minmax(0,8fr); align-items:center; gap:clamp(28px,5vw,88px); }

/* Timeline */
.aup__tabs { position:relative; display:flex; flex-direction:column; }
.aup__tabs::before { position:absolute; top:34px; bottom:34px; inset-inline-start:17px; width:1px; background:rgba(244,240,232,.22); content:""; }
.aup__tl { position:relative; display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:14px; width:100%; padding:20px 0; border:0; border-bottom:1px solid rgba(244,240,232,.12); background:transparent; color:#F4F0E8; text-align:start; transition:opacity var(--at-transition,.3s ease); opacity:.62; }
.aup__tl:last-child { border-bottom:0; }
.aup__tl:hover, .aup__tl[aria-selected="true"] { opacity:1; }
.aup__node { position:relative; z-index:1; justify-self:center; width:13px; height:13px; border:1.5px solid var(--at-tan); border-radius:50%; background:var(--at-announcement-bg,#29231F); transition:background .3s ease,box-shadow .3s ease; }
.aup__tl[aria-selected="true"] .aup__node { background:var(--at-tan); box-shadow:0 0 0 5px rgba(183,139,91,.22); }
.aup__tl-main b { display:block; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(30px,2.8vw,40px); font-weight:800; line-height:1; letter-spacing:.03em; }
.aup__tl-main em { display:block; margin-top:6px; color:#D9C8B5; font-size:13px; font-style:normal; }
.aup__tl-left { padding:6px 9px; border:1px solid rgba(196,154,108,.5); color:#D8B987; font-size:11px; font-weight:700; letter-spacing:.1em; white-space:nowrap; }
.aup__tl[aria-selected="true"] .aup__tl-left { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }

/* Deck */
.aup__deck { min-width:0; outline:0; touch-action:pan-y; }
.aup__stack { --dir:1; position:relative; height:clamp(500px,40vw,600px); }
.aup__card { position:absolute; top:0; bottom:0; inset-inline-start:0; width:calc(100% - 96px); display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--aup-line); background:var(--aup-card); color:var(--aup-ink); box-shadow:0 24px 60px rgba(0,0,0,.35); transform-origin:50% 100%; transform:translate(calc(var(--p,0) * 32px * var(--dir)),calc(var(--p,0) * -10px)) scale(calc(1 - var(--p,0) * .045)); opacity:calc(1 - var(--p,0) * .2); z-index:calc(10 - var(--p,0)); transition:transform .65s cubic-bezier(.77,0,.18,1),opacity .5s ease; }
.aup__card:not([data-pos="0"]) { pointer-events:none; }
.aup__card[data-pos="3"] { opacity:0; }
.aup__media { position:relative; flex:1 1 56%; min-height:0; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.aup__media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease; }
.aup__media.is-fallback img { display:none; }
.aup__card[data-pos="0"]:hover .aup__media img { transform:scale(1.05); }
.aup__tag { position:absolute; top:14px; inset-inline-start:14px; padding:6px 9px; background:var(--at-tan); color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; line-height:1; }
.aup__stamp { position:absolute; top:14px; inset-inline-end:14px; display:grid; place-items:center; width:62px; padding:9px 0 8px; background:var(--aup-card); color:var(--aup-ink); text-align:center; }
.aup__stamp b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:30px; font-weight:800; line-height:1; }
.aup__stamp i { color:var(--at-tan); font-size:11px; font-style:normal; font-weight:700; letter-spacing:.14em; }
.aup__body { flex:0 0 auto; padding:clamp(18px,2.2vw,28px); }
.aup__brand { display:block; color:var(--aup-muted); font-size:11px; font-weight:700; letter-spacing:.12em; }
.aup__body h3 { margin:8px 0 16px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(26px,2.6vw,36px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.aup__meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:18px; border-top:1px solid var(--aup-line); border-bottom:1px solid var(--aup-line); }
.aup__meta span { padding:12px 10px 12px 0; }
.aup__meta span + span { padding-inline-start:14px; border-inline-start:1px solid var(--aup-line); }
.aup__meta small { display:block; margin-bottom:4px; color:var(--aup-muted); font-size:10px; font-weight:700; letter-spacing:.14em; }
.aup__meta b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:20px; font-weight:700; letter-spacing:.03em; }
.aup__actions { display:flex; align-items:center; gap:22px; }
.aup__remind { min-height:46px; padding:0 22px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.aup__remind:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.aup__remind[aria-pressed="true"] { border-color:var(--aup-ink); background:var(--aup-ink); color:#F4F0E8; }
.aup__details { padding-bottom:5px; border-bottom:1px solid var(--at-tan); color:var(--aup-ink); font-size:12px; font-weight:700; letter-spacing:.1em; transition:color var(--at-transition,.3s ease); }
.aup__details:hover { color:var(--at-tan-hover); }

.aup__ctrl { display:flex; align-items:center; gap:22px; margin-top:34px; }
.aup__counter { color:#D9C8B5; font-size:13px; font-weight:700; letter-spacing:.12em; }
.aup__counter b { color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:26px; letter-spacing:.04em; }
.aup__nav { display:flex; gap:10px; }
.aup__arrow { display:grid; place-items:center; width:48px; height:48px; padding:0; border:1px solid rgba(244,240,232,.4); background:transparent; color:#F4F0E8; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.aup__arrow--prev svg { transform:scaleX(-1); }
.aup__arrow:hover { border-color:var(--at-tan); background:var(--at-tan); }
.aup button:focus-visible, .aup a:focus-visible, .aup__deck:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }


/* ATELIER® — SHOP BY SNEAKER BRANDS */
.asn { --asn-band:#FFFFFF; position:relative; overflow:hidden; padding:6em 0; background:var(--asn-band); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.asn * { box-sizing:border-box; }
.asn__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.asn__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:44px; }
.asn__heading { min-width:0; }
.asn__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.asn__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.asn__title span { color:var(--at-tan); }
.asn__sub { max-width:540px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.asn__total { flex:0 0 auto; padding:8px 12px; border:1px solid var(--at-border); color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; }
.asn__total b { color:var(--at-tan); }

.asn__wall { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(210px,18vw,270px); gap:16px; }
.asn__tile { --x:50%; --y:50%; position:relative; isolation:isolate; display:flex; min-width:0; flex-direction:column; justify-content:space-between; padding:22px; overflow:hidden; border:1px solid var(--at-border); background:var(--at-bg,#F4F0E8); color:var(--at-text); transition:color .5s ease,border-color var(--at-transition,.3s ease); }
.asn__tile--big { grid-column:1/3; grid-row:1/3; padding:clamp(22px,2.6vw,36px); }
.asn__tile--wide { grid-column:span 2; }
.asn__bg { position:absolute; inset:0; z-index:-1; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); clip-path:circle(0 at var(--x) var(--y)); transition:clip-path .5s cubic-bezier(.22,.61,.36,1); }
.asn__bg img { display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.06); transition:transform .7s ease; }
.asn__bg::after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(23,19,15,.5) 0%,rgba(23,19,15,.15) 45%,rgba(23,19,15,.78) 100%); content:""; }
.asn__bg.is-fallback img { display:none; }
.asn__top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.asn__top em { color:var(--at-muted); font-size:11px; font-style:normal; font-weight:700; letter-spacing:.14em; transition:color .5s ease; }
.asn__go { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--at-border); transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease),transform .4s ease; }
.asn__word { display:block; margin:auto 0 14px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4.4vw,72px); font-weight:800; line-height:.92; letter-spacing:.01em; transition:color .5s ease; }
.asn__tile--big .asn__word { font-size:clamp(84px,11.5vw,200px); letter-spacing:0; }
.asn__foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 14px; }
.asn__count { color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.12em; transition:color .5s ease; }
.asn__tags { display:flex; flex-wrap:wrap; gap:6px; }
.asn__tags b { padding:5px 9px; border:1px solid var(--at-border); color:var(--at-muted); font-size:11px; font-weight:600; letter-spacing:.04em; transition:color .5s ease,border-color .5s ease; }
.asn__tile--cta { background:var(--at-announcement-bg,#29231F); border-color:var(--at-announcement-bg,#29231F); color:#F4F0E8; }
.asn__tile--cta .asn__top em, .asn__tile--cta .asn__tags b { color:#D9C8B5; border-color:rgba(244,240,232,.3); }
.asn__tile--cta .asn__top em { border:0; }
.asn__tile--cta .asn__go { border-color:rgba(244,240,232,.4); }
.asn__tile--cta .asn__word { color:#F4F0E8; }
.asn__tile--cta:hover .asn__go { background:var(--at-tan); border-color:var(--at-tan); color:#fff; }

@media (hover:hover) {
  .asn__tile[data-asn-tile]:hover .asn__bg { clip-path:circle(150% at var(--x) var(--y)); }
  .asn__tile[data-asn-tile]:hover .asn__bg img { transform:scale(1); }
  .asn__tile[data-asn-tile]:hover, .asn__tile[data-asn-tile]:hover .asn__word { color:#F4F0E8; }
  .asn__tile[data-asn-tile]:hover .asn__top em { color:#E7D8C5; }
  .asn__tile[data-asn-tile]:hover .asn__count { color:#D8B987; }
  .asn__tile[data-asn-tile]:hover .asn__tags b { color:#F4F0E8; border-color:rgba(244,240,232,.5); }
  .asn__tile[data-asn-tile]:hover .asn__go { border-color:var(--at-tan); background:var(--at-tan); color:#fff; transform:rotate(45deg); }
}
.asn__tile:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }

.asn__pop { display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; margin-top:34px; padding-top:26px; border-top:1px solid var(--at-border); }
.asn__pop span { margin-inline-end:8px; color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.12em; }
.asn__pop a { padding:9px 14px; border:1px solid var(--at-border); color:var(--at-text); font-size:13px; font-weight:500; transition:border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease),background var(--at-transition,.3s ease); }
.asn__pop a:hover { border-color:var(--at-tan); color:var(--at-tan-hover); }
.asn__pop a:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }


/* =========================== RESPONSIVE =========================== */
@media (max-width:1280px) {
  .afs__grid { grid-template-columns:minmax(0,6fr) minmax(0,5fr); }
  .afs__meter { grid-template-columns:110px minmax(0,1fr) 30px; }
  .aup__layout { grid-template-columns:minmax(260px,4fr) minmax(0,8fr); }
}

/* Tablet */
@media (max-width:1100px) {
  .afs,.aup,.asn { padding:5em 0; }
  .afs__header,.aup__header,.asn__header { align-items:flex-start; flex-direction:column; gap:22px; margin-bottom:34px; }

  .afs__grid { grid-template-columns:minmax(0,1fr); gap:34px; }
  .afs__compare { aspect-ratio:16/11; }
  .afs__lead { max-width:640px; }
  .afs__facts { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:48px; }
  .afs__facts li { padding:26px 20px 0 0; }
  .afs__facts li:nth-child(odd) { padding-inline-start:0; border-inline-start:0; }
  .afs__facts li:nth-child(3), .afs__facts li:nth-child(4) { margin-top:26px; border-top:1px solid var(--at-border); }

  .aup__layout { grid-template-columns:minmax(0,1fr); gap:34px; }
  .aup__tabs { flex-direction:row; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; border-bottom:1px solid rgba(244,240,232,.14); }
  .aup__tabs::-webkit-scrollbar { display:none; }
  .aup__tabs::before { display:none; }
  .aup__tl { flex:0 0 clamp(210px,30vw,250px); grid-template-columns:minmax(0,1fr); gap:10px; padding:18px 20px 18px 0; border-bottom:0; scroll-snap-align:start; }
  .aup__node { justify-self:start; }
  .aup__tl-left { justify-self:start; }
  .aup__tl[aria-selected="true"] { box-shadow:inset 0 -3px 0 var(--at-tan); }
  .aup__stack { height:clamp(520px,66vw,580px); }
  .aup__card { width:calc(100% - 72px); }
  .aup__card { transform:translate(calc(var(--p,0) * 24px * var(--dir)),calc(var(--p,0) * -9px)) scale(calc(1 - var(--p,0) * .045)); }

  .asn__wall { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(clamp(220px,30vw,280px),auto); }
  .asn__tile--big { grid-column:1/-1; grid-row:auto; min-height:360px; }
  .asn__tile--wide { grid-column:span 1; }
  .asn__tile--big .asn__word { font-size:clamp(50px,3vw,170px); }
  .asn__word { font-size:clamp(30px,4vw,130px); }
}

/* Mobile */
@media (max-width:767px) {
  .afs,.aup,.asn { padding:4em 0; }
  .afs__issue { white-space:normal; }
  .afs__compare { aspect-ratio:1/1; }
  .afs__handle span { width:46px; height:46px; }
  .afs__chip { bottom:12px; padding:7px 9px; font-size:10px; }
  .afs__chip--a { left:12px; }
  .afs__chip--b { right:12px; }
  .afs__meter { grid-template-columns:104px minmax(0,1fr) 28px; gap:10px; }
  .afs__buy { flex-wrap:wrap; gap:12px; }
  .afs__price { flex:0 0 100%; }
  .afs__more { margin-inline-start:auto; }
  .afs__facts { grid-template-columns:minmax(0,1fr); margin-top:40px; }
  .afs__facts li, .afs__facts li:nth-child(odd) { padding:22px 0 0; border-inline-start:0; }
  .afs__facts li + li { margin-top:22px; border-top:1px solid var(--at-border); }
  .afs__facts li:nth-child(3), .afs__facts li:nth-child(4) { margin-top:22px; }

  .aup__tl { flex-basis:72%; }
  .aup__stack { height:clamp(520px,128vw,600px); }
  .aup__card { width:calc(100% - 44px); }
  .aup__card { transform:translate(calc(var(--p,0) * 14px * var(--dir)),calc(var(--p,0) * -8px)) scale(calc(1 - var(--p,0) * .05)); }
  .aup__media { flex-basis:46%; }
  .aup__stamp { width:54px; }
  .aup__stamp b { font-size:26px; }
  .aup__body { padding:16px; }
  .aup__body h3 { margin-bottom:12px; }
  .aup__meta { margin-bottom:14px; }
  .aup__meta b { font-size:17px; }
  .aup__meta span + span { padding-inline-start:10px; }
  .aup__actions { gap:16px; }
  .aup__remind { min-height:44px; padding:0 16px; }
  .aup__ctrl { margin-top:26px; }

  .asn__wall { grid-template-columns:minmax(0,1fr); grid-auto-rows:auto; gap:12px; }
  .asn__tile, .asn__tile--big, .asn__tile--wide, .asn__tile--cta { grid-column:auto; min-height:230px; padding:18px; }
  .asn__tile--big { min-height:320px; }
  .asn__word { font-size:clamp(25px,3vw,130px); }
  .asn__tile--big .asn__word { font-size:clamp(30px,4vw,130px); }
  .asn__pop span { flex:0 0 100%; margin:0 0 2px; }
}

@media (max-width:420px) {
  .afs__meter { grid-template-columns:92px minmax(0,1fr) 26px; }
  .afs__meter span { font-size:10px; letter-spacing:.1em; }
  .aup__meta small { font-size:9px; letter-spacing:.08em; }
  .aup__tl { flex-basis:82%; }
}

/* Touch devices: no hover, so the photo is always visible behind the wordmark */
@media (hover:none) {
  .asn__tile[data-asn-tile] { color:#F4F0E8; border-color:transparent; }
  .asn__tile[data-asn-tile] .asn__bg { clip-path:circle(150% at 50% 50%); }
  .asn__tile[data-asn-tile] .asn__bg img { transform:scale(1); }
  .asn__tile[data-asn-tile] .asn__word { color:#F4F0E8; }
  .asn__tile[data-asn-tile] .asn__top em { color:#E7D8C5; }
  .asn__tile[data-asn-tile] .asn__count { color:#D8B987; }
  .asn__tile[data-asn-tile] .asn__tags b { color:#F4F0E8; border-color:rgba(244,240,232,.5); }
  .asn__tile[data-asn-tile] .asn__go { border-color:rgba(244,240,232,.5); }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce) {
  .afs__issue i, .afs__add.is-warn { animation:none; }
  .afs__meter i::after, .aup__card, .aup__media img, .asn__bg, .asn__bg img { transition:none; }
}

/* ATELIER® — TRENDING STREETWEAR PICKS */
.astw { position:relative; overflow:hidden; padding:6em 0; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.astw * { box-sizing:border-box; }
.astw__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.astw__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:48px; }
.astw__heading { min-width:0; }
.astw__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.astw__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.astw__title span { color:var(--at-tan); }
.astw__sub { max-width:540px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.astw__tools { display:flex; flex:0 0 auto; flex-direction:column; align-items:flex-end; gap:16px; }
.astw__filters { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.astw__filters button { padding:11px 16px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-muted); font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; line-height:1; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.astw__filters button:hover { border-color:var(--at-tan); color:var(--at-text); }
.astw__filters button[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.astw__count { color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.12em; }
.astw__count b { color:var(--at-tan); font-weight:700; }

.astw__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; gap:44px 22px; padding-bottom:56px; }
.astw__card { min-width:0; }
.astw__card[hidden] { display:none; }
.astw__card.is-off-a { margin-top:56px; }
.astw__card.is-anim { animation:astw-in .6s cubic-bezier(.2,.7,.2,1) both; animation-delay:calc(var(--i,0) * 70ms); }
@keyframes astw-in { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:none; } }
.astw__media { position:relative; isolation:isolate; aspect-ratio:4/5; overflow:hidden; border:1px solid var(--at-border); background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.astw__img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; transition:opacity .6s ease,transform .9s ease; }
.astw__img--2 { opacity:0; }
.astw__media.is-fallback img { display:none; }
.astw__heat { position:absolute; z-index:2; top:12px; inset-inline-start:12px; display:inline-flex; align-items:center; gap:7px; padding:6px 9px; background:rgba(23,19,15,.74); color:#F4F0E8; font-size:11px; font-weight:700; letter-spacing:.1em; line-height:1; }
.astw__heat i { width:6px; height:6px; border-radius:50%; background:var(--at-tan); }
.astw__wish { position:absolute; z-index:2; top:12px; inset-inline-end:12px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid rgba(244,240,232,.55); background:rgba(23,19,15,.38); color:#F4F0E8; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.astw__wish svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; }
.astw__wish:hover { border-color:var(--at-tan); }
.astw__wish[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); }
.astw__wish[aria-pressed="true"] svg { fill:currentColor; }
.astw__quick { position:absolute; z-index:3; inset-inline:0; bottom:0; display:grid; gap:8px; padding:12px; background:rgba(41,35,31,.96); transform:translateY(101%); transition:transform .45s cubic-bezier(.77,0,.18,1); }
.astw__card.is-open .astw__quick { transform:none; }
.astw__sizes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.astw__sizes button { display:grid; place-items:center; height:38px; padding:0; border:1px solid rgba(244,240,232,.4); background:transparent; color:#F4F0E8; font-family:var(--at-body,"DM Sans",sans-serif); font-size:13px; font-weight:600; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.astw__sizes button:hover { border-color:var(--at-tan); }
.astw__sizes button[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); }
.astw__add { min-height:42px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.astw__add:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.astw__add.is-warn { animation:astw-shake .4s ease; }
@keyframes astw-shake { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-5px); } 75% { transform:translateX(5px); } }
.astw__cap { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px; padding-top:16px; }
.astw__brand { display:block; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.12em; }
.astw__cap h3 { margin:6px 0 10px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:23px; font-weight:700; line-height:1.15; letter-spacing:.015em; }
.astw__row { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; }
.astw__row strong { font-size:15px; font-weight:700; }
.astw__dots { display:flex; gap:6px; }
.astw__dots i { width:14px; height:14px; border:1px solid rgba(41,35,31,.3); border-radius:50%; background:var(--c); }
.astw__plus { display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid var(--at-border); background:transparent; color:var(--at-text); transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.astw__plus svg { width:16px; height:16px; transition:transform .3s ease; }
.astw__plus:hover, .astw__card.is-open .astw__plus { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.astw__card.is-open .astw__plus svg { transform:rotate(45deg); }
.astw__more { display:flex; justify-content:center; padding-top:8px; }
.astw__link { display:inline-flex; align-items:center; gap:12px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:color var(--at-transition,.3s ease); }
.astw__link svg { color:var(--at-tan); transition:transform .3s ease; }
.astw__link:hover { color:var(--at-tan-hover); }
.astw__link:hover svg { transform:translateX(4px); }
@media (hover:hover) {
  .astw__card:hover .astw__img--2 { opacity:1; }
  .astw__card:hover .astw__img { transform:scale(1.05); }
  .astw__card:hover .astw__quick, .astw__card:focus-within .astw__quick { transform:none; }
}
.astw button:focus-visible, .astw a:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }


/* ATELIER® — CUSTOMER STYLE GALLERY */
.acg { position:relative; overflow:hidden; padding:6em 0; background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.acg * { box-sizing:border-box; }
.acg__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.acg__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:48px; }
.acg__heading { min-width:0; }
.acg__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.acg__title { margin:12px 0 12px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.acg__title span { color:var(--at-tan); }
.acg__sub { max-width:540px; margin:0; color:#D9C8B5; font-size:14px; line-height:1.8; }
.acg__side { display:flex; flex:0 0 auto; flex-direction:column; align-items:flex-end; gap:20px; }
.acg__stats { display:flex; gap:0; border:1px solid rgba(196,154,108,.35); }
.acg__stats span { display:grid; gap:4px; padding:12px 22px; }
.acg__stats span + span { border-inline-start:1px solid rgba(196,154,108,.35); }
.acg__stats b { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:34px; font-weight:800; line-height:1; letter-spacing:.02em; }
.acg__stats small { color:#D9C8B5; font-size:11px; font-weight:700; letter-spacing:.12em; }
.acg__links { display:flex; align-items:center; gap:22px; }
.acg__link { display:inline-flex; align-items:center; gap:12px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:#F4F0E8; font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:color var(--at-transition,.3s ease); }
.acg__link svg { color:var(--at-tan); transition:transform .3s ease; }
.acg__link:hover { color:var(--at-tan); }
.acg__link:hover svg { transform:translateX(4px); }
.acg__toggle { display:inline-flex; align-items:center; gap:10px; padding:9px 12px; border:1px solid rgba(244,240,232,.35); background:transparent; color:#F4F0E8; font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-weight:700; letter-spacing:.12em; transition:border-color var(--at-transition,.3s ease); }
.acg__toggle:hover { border-color:var(--at-tan); }
.acg__bars { display:flex; gap:3px; }
.acg__bars i { width:3px; height:12px; background:var(--at-tan); }
.acg__toggle[aria-pressed="true"] .acg__bars i:first-child { height:12px; width:0; border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent var(--at-tan); background:transparent; }
.acg__toggle[aria-pressed="true"] .acg__bars i:last-child { display:none; }

.acg__marquee { display:grid; gap:16px; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%); }
.acg__row { direction:ltr; overflow:hidden; }
.acg__track { display:flex; width:max-content; animation:acg-slide 80s linear infinite; will-change:transform; }
.acg__row--rev .acg__track { animation-direction:reverse; animation-duration:92s; }
.acg__set { display:flex; gap:16px; padding-inline-end:16px; }
.acg.is-paused .acg__track, .acg__row:hover .acg__track { animation-play-state:paused; }
@keyframes acg-slide { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.acg__item { position:relative; flex:0 0 auto; height:var(--h,320px); padding:0; overflow:hidden; border:1px solid rgba(196,154,108,.25); background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); cursor:zoom-in; }
.acg__item--tall { aspect-ratio:3/4; }
.acg__item--sq { aspect-ratio:1/1; }
.acg__item--wide { aspect-ratio:4/3; }
.acg__item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 1s ease; }
.acg__item.is-fallback img { display:none; }
.acg__tag { position:absolute; inset-inline:0; bottom:0; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:30px 14px 14px; background:linear-gradient(180deg,rgba(23,19,15,0),rgba(23,19,15,.88)); color:#F4F0E8; text-align:start; opacity:0; transform:translateY(8px); transition:opacity .35s ease,transform .35s ease; }
.acg__tag b { overflow:hidden; font-size:13px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.acg__tag em { flex:0 0 auto; color:#D8B987; font-size:10px; font-style:normal; font-weight:700; letter-spacing:.14em; }
@media (hover:hover) {
  .acg__item:hover img { transform:scale(1.06); }
  .acg__item:hover .acg__tag { opacity:1; transform:none; }
}
.acg__item:focus-visible .acg__tag { opacity:1; transform:none; }
.acg button:focus-visible, .acg a:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }

/* Look viewer */
.acg__lb, .acg__lb * { box-sizing:border-box; }
.acg__lb { position:fixed; inset:0; z-index:300; display:grid; place-items:center; padding:24px; background:rgba(23,19,15,.88); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; opacity:0; visibility:hidden; transition:opacity .35s ease,visibility .35s ease; }
.acg__lb.is-open { opacity:1; visibility:visible; }
.acg__dialog { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); width:min(1080px,100%); max-height:calc(100vh - 48px); overflow:auto; border:1px solid var(--at-border); background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); transform:translateY(16px); transition:transform .4s cubic-bezier(.2,.7,.2,1); }
.acg__lb.is-open .acg__dialog { transform:none; }
.acg__lb-img { position:relative; min-height:540px; margin:0; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.acg__lb-img img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.acg__lb-img.is-fallback img { display:none; }
.acg__lb-body { position:relative; display:flex; min-width:0; flex-direction:column; padding:clamp(24px,3vw,40px); }
.acg__lb-close { position:absolute; top:14px; inset-inline-end:14px; display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid var(--at-border); background:transparent; color:var(--at-text); transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.acg__lb-close:hover { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.acg__lb-eyebrow { display:block; padding-inline-end:52px; color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.14em; }
.acg__lb-name { margin:14px 0 8px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(36px,4vw,52px); font-weight:800; line-height:1; letter-spacing:.015em; }
.acg__lb-meta { display:flex; flex-wrap:wrap; gap:6px 14px; color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.08em; }
.acg__lb-meta b { color:var(--at-text); font-weight:700; }
.acg__lb-meta em { font-style:normal; }
.acg__lb-quote { margin:22px 0; padding-inline-start:16px; border-inline-start:2px solid var(--at-tan); color:var(--at-muted); font-size:15px; line-height:1.75; }
.acg__lb-label { display:block; margin-bottom:6px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.acg__lb-look ul { margin:0; padding:0; list-style:none; border-top:1px solid var(--at-border); }
.acg__lb-look li a { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 0; border-bottom:1px solid var(--at-border); color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:21px; font-weight:700; letter-spacing:.02em; transition:color var(--at-transition,.3s ease),padding var(--at-transition,.3s ease); }
.acg__lb-look li a span { color:var(--at-tan); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; font-weight:700; }
.acg__lb-look li a:hover { padding-inline-start:8px; color:var(--at-tan-hover); }
.acg__lb-nav { display:flex; gap:10px; margin-top:auto; padding-top:26px; }
.acg__lb-nav button { display:grid; place-items:center; width:48px; height:48px; padding:0; border:1px solid var(--at-border); background:transparent; color:var(--at-text); transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.acg__lb-nav button:first-child svg { transform:scaleX(-1); }
.acg__lb-nav button:hover { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.acg__lb button:focus-visible, .acg__lb a:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }


/* ATELIER® — LIMITED EDITION COLLECTION */
.ale { --ale-band:var(--at-sand,#E5D8C5); position:relative; overflow:hidden; padding:6em 0; background:var(--ale-band); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.ale * { box-sizing:border-box; }
.ale__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.ale__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:48px; }
.ale__heading { min-width:0; }
.ale__eyebrow { display:block; color:var(--at-tan-hover,#9C7044); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.ale__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.ale__title span { color:var(--at-tan-hover,#9C7044); }
.ale__sub { max-width:540px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.ale__ends { display:inline-flex; flex:0 0 auto; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--at-tan); color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ale__ends i { width:6px; height:6px; border-radius:50%; background:var(--at-tan-hover); box-shadow:0 0 0 4px rgba(156,112,68,.2); animation:ale-pulse 2s ease-in-out infinite; }
@keyframes ale-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(156,112,68,.2); } 50% { box-shadow:0 0 0 7px rgba(156,112,68,0); } }

.ale__vault { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); border:1px solid var(--at-tan); background:var(--at-bg,#F4F0E8); box-shadow:0 26px 60px rgba(41,35,31,.14); }
.ale__visual { position:relative; isolation:isolate; min-height:760px; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.ale__visual img { position:absolute; inset:0; z-index:-2; display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.4s ease; }
.ale__visual::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(23,19,15,.2) 0%,rgba(23,19,15,0) 32%,rgba(23,19,15,.84) 100%); content:""; }
.ale__visual.is-fallback img { display:none; }
.ale__side { position:absolute; z-index:2; top:24px; bottom:24px; inset-inline-start:22px; display:flex; align-items:center; writing-mode:vertical-rl; transform:rotate(180deg); color:#F4F0E8; font-size:11px; font-weight:700; letter-spacing:.3em; white-space:nowrap; }
.ale__stamp { position:absolute; z-index:2; top:24px; inset-inline-end:24px; display:grid; place-content:center; justify-items:center; gap:2px; width:104px; height:104px; border:1px solid rgba(244,240,232,.7); border-radius:50%; background:rgba(23,19,15,.32); color:#F4F0E8; text-align:center; backdrop-filter:blur(3px); }
.ale__stamp b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:38px; font-weight:800; line-height:1; letter-spacing:.02em; }
.ale__stamp small { font-size:9px; font-weight:700; letter-spacing:.14em; line-height:1.3; }
.ale__no { position:absolute; z-index:2; inset-inline:56px 24px; bottom:22px; display:flex; flex-direction:column; color:#F4F0E8; }
.ale__no small { color:#D8B987; font-size:12px; font-weight:700; letter-spacing:.2em; }
.ale__no b { color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(100px,12vw,190px); font-weight:800; line-height:.85; letter-spacing:.02em; -webkit-text-stroke:1.5px rgba(244,240,232,.7); transition:color .5s ease; }
.ale__no.has-no b { color:#F4F0E8; }
@media (hover:hover) { .ale__vault:hover .ale__visual img { transform:scale(1.04); } }

.ale__panel { min-width:0; padding:clamp(26px,3.6vw,60px); }
.ale__tag { display:inline-block; padding:7px 10px; border:1px solid var(--at-tan); color:var(--at-tan-hover); font-size:11px; font-weight:700; letter-spacing:.14em; line-height:1.3; }
.ale__name { margin:16px 0 14px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(46px,5vw,76px); font-weight:800; line-height:.96; letter-spacing:.01em; }
.ale__name small { display:block; margin-top:6px; color:var(--at-tan-hover); font-size:.5em; font-weight:600; letter-spacing:.14em; }
.ale__desc { max-width:520px; margin:0 0 26px; color:var(--at-muted); font-size:14px; line-height:1.8; }
.ale__progress { margin-bottom:26px; padding:18px 0; border-top:1px solid var(--at-border); border-bottom:1px solid var(--at-border); }
.ale__prow { display:flex; justify-content:space-between; gap:12px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.ale__prow b { color:var(--at-text); font-weight:700; font-variant-numeric:tabular-nums; }
.ale__seg { display:grid; grid-template-columns:repeat(40,minmax(0,1fr)); gap:3px; margin-top:12px; }
.ale__seg i { height:10px; background:var(--at-border); transition:background .3s ease; }
.ale__seg i.is-on { background:var(--at-tan); }
.ale__field { margin-bottom:22px; }
.ale__label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.ale__label b { color:var(--at-text); font-weight:700; }
.ale__dip { padding:0 0 4px; border:0; border-bottom:1px solid var(--at-tan); background:transparent; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-weight:700; letter-spacing:.14em; transition:color var(--at-transition,.3s ease); }
.ale__dip:hover { color:var(--at-tan-hover); }
.ale__nums { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:6px; }
.ale__nums button { display:grid; place-items:center; height:42px; padding:0; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:18px; font-weight:700; letter-spacing:.03em; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.ale__nums button:hover:not(:disabled) { border-color:var(--at-tan); }
.ale__nums button[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.ale__nums button:disabled { border-style:dashed; color:var(--at-muted); opacity:.45; text-decoration:line-through; cursor:not-allowed; }
.ale__nums button.is-flash { border-color:var(--at-tan); background:var(--at-sand); }
.ale__sizes { display:flex; flex-wrap:wrap; gap:8px; }
.ale__sizes button { display:grid; place-items:center; min-width:48px; height:44px; padding:0 10px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:13px; font-weight:600; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.ale__sizes button:hover { border-color:var(--at-tan); }
.ale__sizes button[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.ale__buy { display:flex; align-items:center; gap:18px; margin-top:28px; padding-top:24px; border-top:1px solid var(--at-border); }
.ale__price { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:40px; font-weight:800; line-height:1; letter-spacing:.02em; }
.ale__add { flex:1 1 auto; min-height:54px; padding:0 22px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.ale__add:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.ale__add.is-warn { animation:ale-shake .4s ease; }
@keyframes ale-shake { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-5px); } 75% { transform:translateX(5px); } }
.ale__msg { min-height:20px; margin:12px 0 0; color:var(--at-tan-hover); font-size:13px; line-height:1.5; }
.ale__msg.is-error { color:#A8412F; }

.ale__also { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }
.ale__mini { position:relative; display:grid; grid-template-columns:96px minmax(0,1fr) auto; align-items:center; gap:18px; padding:12px 18px 12px 12px; border:1px solid var(--at-border); background:var(--at-bg,#F4F0E8); transition:border-color var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.ale__mini:hover { border-color:var(--at-tan); transform:translateY(-3px); }
.ale__mini figure { width:96px; height:96px; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.ale__mini figure img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.ale__mini figure.is-fallback img { display:none; }
.ale__mini:hover figure img { transform:scale(1.08); }
.ale__mini span { display:block; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.1em; }
.ale__mini h4 { margin:6px 0 8px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:24px; font-weight:700; line-height:1.1; letter-spacing:.015em; }
.ale__mini b { color:var(--at-tan-hover); font-size:15px; }
.ale__go { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--at-border); transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease),transform .4s ease; }
.ale__mini:hover .ale__go { border-color:var(--at-tan); background:var(--at-tan); color:#fff; transform:rotate(45deg); }
.ale button:focus-visible, .ale a:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }


/* ATELIER® — NEWSLETTER · GET EARLY ACCESS */
.anl { --anl-band:var(--at-bg,#F4F0E8); position:relative; overflow:hidden; padding:6em 0; background:var(--anl-band); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.anl * { box-sizing:border-box; }
.anl__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.anl__card { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); overflow:hidden; border:1px solid var(--at-border); background:var(--at-surface,#fff); box-shadow:0 26px 60px rgba(41,35,31,.12); }
.anl__collage { position:relative; min-height:640px; overflow:hidden; background:var(--at-announcement-bg,#29231F); }
.anl__collage::before { position:absolute; inset:0; background:radial-gradient(circle at 30% 20%,rgba(183,139,91,.28),transparent 60%); content:""; }
.anl__ph { position:absolute; margin:0; overflow:hidden; border:7px solid #F4F0E8; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); box-shadow:0 18px 40px rgba(0,0,0,.4); }
.anl__ph img { display:block; width:100%; height:100%; object-fit:cover; }
.anl__ph.is-fallback img { display:none; }
.anl__ph--1 { top:7%; inset-inline-start:8%; width:54%; aspect-ratio:4/5; transform:rotate(-5deg); }
.anl__ph--2 { top:30%; inset-inline-end:7%; width:50%; aspect-ratio:4/5; transform:rotate(4deg); }
.anl__ph--3 { bottom:6%; inset-inline-start:17%; width:46%; aspect-ratio:1/1; transform:rotate(-2deg); }
.anl__stamp { position:absolute; z-index:2; top:6%; inset-inline-end:9%; display:grid; place-content:center; justify-items:center; width:104px; height:104px; border-radius:50%; background:var(--at-tan); color:#fff; text-align:center; box-shadow:0 12px 30px rgba(0,0,0,.35); transform:rotate(10deg); }
.anl__stamp b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:38px; font-weight:800; line-height:1; letter-spacing:.02em; }
.anl__stamp small { font-size:9px; font-weight:700; letter-spacing:.14em; }
.anl__body { min-width:0; padding:clamp(28px,4.6vw,76px); align-self:center; }
.anl__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.anl__title { margin:12px 0 14px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4.2vw,58px); font-weight:800; line-height:1.04; letter-spacing:.015em; outline:0; }
.anl__title span { color:var(--at-tan); }
.anl__sub { max-width:520px; margin:0 0 24px; color:var(--at-muted); font-size:14px; line-height:1.8; }
.anl__perks { display:grid; gap:0; margin:0 0 28px; padding:0; list-style:none; border-top:1px solid var(--at-border); }
.anl__perks li { display:flex; align-items:center; gap:14px; padding:13px 0; border-bottom:1px solid var(--at-border); color:var(--at-text); font-size:14px; font-weight:500; }
.anl__perks svg { flex:0 0 auto; color:var(--at-tan); }
.anl__group { margin-bottom:16px; }
.anl__legend { display:block; margin-bottom:10px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.anl__chips { display:flex; flex-wrap:wrap; gap:8px; }
.anl__chips button { padding:10px 16px; border:1px solid var(--at-border); background:var(--at-bg,#F4F0E8); color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:13px; font-weight:600; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.anl__chips button:hover { border-color:var(--at-tan); }
.anl__chips button[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.anl__line { display:flex; gap:10px; }
.anl__field { display:flex; flex:1 1 auto; align-items:center; gap:12px; min-width:0; padding:0 16px; border:1px solid var(--at-border); background:var(--at-bg,#F4F0E8); color:var(--at-tan); transition:border-color var(--at-transition,.3s ease); }
.anl__field:focus-within { border-color:var(--at-tan); }
.anl__field input { flex:1 1 auto; min-width:0; min-height:54px; padding:0; border:0; outline:0; background:transparent; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.anl__field input::placeholder { color:var(--at-muted); opacity:.8; }
.anl__btn { flex:0 0 auto; min-height:54px; padding:0 28px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.anl__btn:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.anl__msg { min-height:20px; margin:10px 0 0; color:var(--at-tan-hover); font-size:13px; line-height:1.5; }
.anl__msg.is-error { color:#A8412F; }
.anl__fine { margin:8px 0 0; color:var(--at-muted); font-size:12px; letter-spacing:.04em; }
.anl__fine b { color:var(--at-text); font-variant-numeric:tabular-nums; }
.anl__form-wrap[hidden], .anl__pass-wrap[hidden] { display:none; }

/* Membership pass */
.anl__pass { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 190px; margin:6px 0 24px; background:var(--at-announcement-bg,#29231F); color:#F4F0E8; box-shadow:0 18px 40px rgba(41,35,31,.25); animation:anl-pass .7s cubic-bezier(.2,.7,.2,1) both; }
@keyframes anl-pass { from { opacity:0; transform:translateY(18px) rotate(-1.5deg); } to { opacity:1; transform:none; } }
.anl__pass::before, .anl__pass::after { position:absolute; inset-inline-end:179px; width:22px; height:22px; border-radius:50%; background:var(--at-surface,#fff); content:""; }
.anl__pass::before { top:-11px; }
.anl__pass::after { bottom:-11px; }
.anl__pass-main { display:flex; min-width:0; flex-direction:column; gap:8px; padding:26px; }
.anl__pass-brand { color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.2em; }
.anl__pass-name { overflow:hidden; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(32px,3.6vw,46px); font-weight:800; line-height:1.05; letter-spacing:.02em; text-overflow:ellipsis; white-space:nowrap; }
.anl__pass-int { color:#D8B987; font-size:12px; font-weight:700; letter-spacing:.12em; }
.anl__pass-note { margin-top:auto; padding-top:10px; color:#D9C8B5; font-size:12px; line-height:1.6; }
.anl__pass-stub { display:flex; flex-direction:column; justify-content:center; gap:6px; padding:22px 20px; border-inline-start:2px dashed rgba(244,240,232,.3); }
.anl__pass-stub small { color:#D8B987; font-size:10px; font-weight:700; letter-spacing:.16em; }
.anl__pass-stub b { margin-bottom:10px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:30px; font-weight:800; letter-spacing:.06em; font-variant-numeric:tabular-nums; }
.anl__pass-stub code { color:#F4F0E8; font-family:var(--at-body,"DM Sans",sans-serif); font-size:15px; font-weight:700; letter-spacing:.1em; }
.anl__pass-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; }
.anl__again { padding:0 0 5px; border:0; border-bottom:1px solid var(--at-tan); background:transparent; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; transition:color var(--at-transition,.3s ease); }
.anl__again:hover { color:var(--at-tan-hover); }
.anl button:focus-visible, .anl a:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }


/* =========================== RESPONSIVE =========================== */
@media (max-width:1280px) {
  .ale__nums { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .ale__seg { grid-template-columns:repeat(30,minmax(0,1fr)); }
  .anl__pass { grid-template-columns:minmax(0,1fr) 170px; }
  .anl__pass::before, .anl__pass::after { inset-inline-end:159px; }
}

/* Tablet */
@media (max-width:1100px) {
  .astw,.acg,.ale,.anl { padding:5em 0; }
  .astw__header,.acg__header,.ale__header { align-items:flex-start; flex-direction:column; gap:22px; margin-bottom:36px; }
  .astw__tools,.acg__side { align-items:flex-start; }
  .astw__filters { justify-content:flex-start; }
  .acg__links { flex-wrap:wrap; gap:14px 22px; }

  .astw__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 18px; }
  .astw__card.is-off-a { margin-top:0; }
  .astw__card.is-off-b { margin-top:44px; }

  .acg__dialog { grid-template-columns:minmax(0,1fr); }
  .acg__lb-img { min-height:0; aspect-ratio:4/3; }

  .ale__vault { grid-template-columns:minmax(0,1fr); }
  .ale__visual { min-height:0; aspect-ratio:4/3.4; }
  .ale__no b { font-size:clamp(90px,22vw,170px); }
  .ale__nums { grid-template-columns:repeat(10,minmax(0,1fr)); }
  .ale__seg { grid-template-columns:repeat(40,minmax(0,1fr)); }

  .anl__card { grid-template-columns:minmax(0,1fr); }
  .anl__collage { min-height:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; gap:14px; padding:34px 28px; }
  .anl__ph { position:relative; inset:auto; width:auto; border-width:5px; }
  .anl__ph--1 { transform:rotate(-3deg); }
  .anl__ph--2 { transform:rotate(2deg) translateY(10px); }
  .anl__ph--3 { transform:rotate(-2deg); }
  .anl__stamp { top:10px; inset-inline-end:14px; width:84px; height:84px; }
  .anl__stamp b { font-size:30px; }
}

/* Mobile */
@media (max-width:767px) {
  .astw,.acg,.ale,.anl { padding:4em 0; }
  .astw__filters { flex-wrap:nowrap; width:100%; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
  .astw__filters::-webkit-scrollbar { display:none; }
  .astw__filters button { flex:0 0 auto; padding:11px 14px; }
  .astw__grid { gap:28px 12px;grid-template-columns:repeat(1,minmax(0,1fr)); }
  .astw__card.is-off-b { margin-top:28px; }
  .astw__heat { top:8px; inset-inline-start:8px; padding:5px 7px; font-size:10px; }
  .astw__wish { top:8px; inset-inline-end:8px; width:32px; height:32px; }
  .astw__cap { gap:8px; padding-top:12px; }
  .astw__cap h3 { margin:5px 0 8px; font-size:19px; }
  .astw__plus { width:34px; height:34px; }
  .astw__quick { padding:8px; gap:6px; }
  .astw__sizes button { height:34px; }
  .astw__add { min-height:38px; }

  .acg__stats span { padding:10px 16px; }
  .acg__stats b { font-size:28px; }
  .acg__links { width:100%; justify-content:space-between; }
  .acg__link { white-space:normal; }
  .acg__row { --h:220px !important; }
  .acg__row--rev { --h:190px !important; }
  .acg__tag { opacity:1; transform:none; padding:24px 10px 10px; }
  .acg__tag em { display:none; }
  .acg__lb { padding:0; align-items:end; }
  .acg__dialog { max-height:92vh; border-inline:0; border-bottom:0; }
  .acg__lb-img { aspect-ratio:1/1; }
  .acg__lb-body { padding:22px 18px 24px; }
  .acg__lb-nav { padding-top:20px; }

  .ale__ends { white-space:normal; }
  .ale__visual { aspect-ratio:1/1.15; }
  .ale__stamp { top:16px; inset-inline-end:16px; width:84px; height:84px; }
  .ale__stamp b { font-size:30px; }
  .ale__side { top:16px; bottom:16px; inset-inline-start:14px; font-size:10px; }
  .ale__no { inset-inline:44px 14px; bottom:14px; }
  .ale__panel { padding:24px 18px 28px; }
  .ale__nums { grid-template-columns:repeat(6,minmax(0,1fr)); gap:5px; }
  .ale__nums button { height:40px; font-size:17px; }
  .ale__seg { grid-template-columns:repeat(30,minmax(0,1fr)); gap:2px; }
  .ale__buy { flex-wrap:wrap; gap:12px; }
  .ale__price { flex:0 0 100%; }
  .ale__also { grid-template-columns:minmax(0,1fr); }
  .ale__mini { grid-template-columns:80px minmax(0,1fr) auto; gap:14px; }
  .ale__mini figure { width:80px; height:80px; }
  .ale__mini h4 { font-size:21px; }

  .anl__collage { padding:26px 16px; gap:10px; }
  .anl__ph { border-width:4px; }
  .anl__stamp { top:6px; width:72px; height:72px; }
  .anl__stamp b { font-size:26px; }
  .anl__stamp small { font-size:8px; }
  .anl__body { padding:26px 18px 30px; }
  .anl__line { flex-direction:column; }
  .anl__btn { width:100%; }
  .anl__pass { grid-template-columns:minmax(0,1fr); }
  .anl__pass::before, .anl__pass::after { inset-inline-end:auto; top:auto; bottom:auto; }
  .anl__pass::before { inset-inline-start:-11px; top:calc(100% - 128px); }
  .anl__pass::after { inset-inline-end:-11px; top:calc(100% - 128px); }
  .anl__pass-stub { border-inline-start:0; border-top:2px dashed rgba(244,240,232,.3); }
  .anl__pass-main { padding:22px 18px; }
}

@media (max-width:420px) {
  .astw__plus { display:none; }
  .astw__cap { grid-template-columns:minmax(0,1fr); }
  .ale__nums { grid-template-columns:repeat(5,minmax(0,1fr)); }
}

/* Touch devices: no hover, so the quick-add bar is opened with the + button */
@media (hover:none) {
  .astw__img--2 { display:none; }
  .ale__mini:hover { transform:none; }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce) {
  .acg__track { animation:none; }
  .acg__row { overflow-x:auto; }
  .acg__set[aria-hidden="true"] { display:none; }
  .ale__ends i, .astw__card.is-anim, .anl__pass, .astw__add.is-warn, .ale__add.is-warn { animation:none; }
  .astw__quick, .astw__img, .acg__item img, .acg__dialog, .acg__lb, .ale__visual img, .ale__no b { transition:none; }
}

/* =====================================================================
   ATELIER® — HOME 2 · NEW SECTIONS
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. FULL-SCREEN EDITORIAL HERO SLIDER  (.ahs)
   --------------------------------------------------------------------- */
.ahs { --ahs-ink:#17130F; --ahs-cream:#F4F0E8; --ahs-dur:7000ms; position:relative; isolation:isolate; height:min(100svh,1000px); min-height:660px; overflow:hidden; background:var(--ahs-ink); color:var(--ahs-cream); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.ahs * { box-sizing:border-box; }
.ahs__stage { position:absolute; inset:0; touch-action:pan-y; }

.ahs__slide { position:absolute; inset:0; visibility:hidden; clip-path:inset(0 0 0 100%); transition:clip-path 1.15s cubic-bezier(.77,0,.18,1), visibility 0s linear 1.15s; }
.ahs__slide.is-active { z-index:2; visibility:visible; clip-path:inset(0); transition-delay:0s; }
.ahs__slide.is-leaving { z-index:1; visibility:visible; clip-path:inset(0); transition:none; }

.ahs__media { position:absolute; inset:0; margin:0; background:linear-gradient(145deg,var(--at-sand,#E5D8C5),var(--at-tan,#B78B5B)); }
.ahs__media img { display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.14); }
.ahs__media::after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.65) 46%,rgba(0,0,0,.65) 100%), linear-gradient(0deg,rgba(0,0,0,.65) 0%,rgba(23,19,15,0) 40%); content:""; }
.ahs__media.is-fallback img { display:none; }
.ahs__slide.is-active .ahs__media img, .ahs__slide.is-leaving .ahs__media img { animation:ahs-zoom 9s cubic-bezier(.2,.6,.2,1) both; }
@keyframes ahs-zoom { from { transform:scale(1.14); } to { transform:scale(1); } }

.ahs__content { position:absolute; z-index:3; inset-inline-start:var(--at-gutter,5em); bottom:clamp(140px,20vh,220px); max-width:min(900px,64%); }
.ahs__kicker { --d:.35s; display:inline-flex; align-items:center; gap:14px; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.ahs__kicker i { display:block; width:38px; height:1px; background:currentColor; }
.ahs__title { margin:16px 0 22px; color:var(--ahs-cream); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(58px,8.5vw,176px); font-weight:800; line-height:.96; letter-spacing:.01em; text-transform:uppercase; }
.ahs__line { display:block; overflow:hidden; padding-bottom:.06em; }
.ahs__line > span { display:block; transform:translateY(108%); }
.ahs__line:nth-child(2) { --n:1; }
.ahs__title em { color:transparent; font-style:normal; -webkit-text-stroke:2px var(--at-tan); transition:color .4s ease; }
@media (hover:hover) { .ahs__title:hover em { color:var(--at-tan); } }
.ahs__text { --d:.85s; max-width:480px; margin:0 0 30px; color:rgba(244,240,232,.82); font-size:15px; line-height:1.8; }
.ahs__cta { --d:1.05s; display:flex; flex-wrap:wrap; gap:12px; }
.ahs__btn, .ahs__ghost { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:52px; padding:0 26px; font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease), color var(--at-transition,.3s ease), transform var(--at-transition,.3s ease); }
.ahs__btn { border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; }
.ahs__btn svg { transition:transform var(--at-transition,.3s ease); }
.ahs__btn:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.ahs__btn:hover svg { transform:translateX(4px); }
.ahs__ghost { border:1px solid rgba(244,240,232,.5); background:transparent; color:var(--ahs-cream); }
.ahs__ghost:hover { border-color:var(--ahs-cream); background:var(--ahs-cream); color:var(--ahs-ink); }

.ahs__tag { --d:1.2s; position:absolute; z-index:3; inset-inline-end:var(--at-gutter,5em); bottom:clamp(140px,20vh,220px); display:flex; align-items:center; gap:14px; width:310px; padding:12px 14px 12px 12px; border:1px solid rgba(244,240,232,.3); background:rgba(244,240,232,.1); color:var(--ahs-cream); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease); }
.ahs__tag:hover { border-color:var(--at-tan); background:rgba(244,240,232,.18); }
.ahs__tag figure { flex:0 0 68px; width:68px; height:68px; margin:0; overflow:hidden; background:var(--at-sand); }
.ahs__tag figure img { display:block; width:100%; height:100%; object-fit:cover; }
.ahs__tag > span { display:flex; flex:1 1 auto; flex-direction:column; gap:3px; min-width:0; }
.ahs__tag small { color:var(--at-tan); font-size:10px; font-weight:700; letter-spacing:.14em; }
.ahs__tag b { overflow:hidden; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.03em; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.ahs__tag em { color:rgba(244,240,232,.8); font-size:13px; font-style:normal; font-weight:700; }
.ahs__tag i { display:grid; flex:0 0 34px; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--at-tan); color:#fff; }

.ahs__kicker, .ahs__text, .ahs__cta, .ahs__tag { opacity:0; transform:translateY(20px); }
.ahs__slide.is-active :is(.ahs__kicker,.ahs__text,.ahs__cta,.ahs__tag), .ahs__slide.is-leaving :is(.ahs__kicker,.ahs__text,.ahs__cta,.ahs__tag) { animation:ahs-fade .9s ease var(--d,0s) both; }
.ahs__slide.is-active .ahs__line > span, .ahs__slide.is-leaving .ahs__line > span { animation:ahs-rise 1.1s cubic-bezier(.2,.8,.2,1) calc(.5s + var(--n,0) * .12s) both; }
@keyframes ahs-fade { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:none; } }
@keyframes ahs-rise { from { transform:translateY(108%); } to { transform:none; } }

.ahs__rail { position:absolute; z-index:4; top:50%; inset-inline-start:20px; display:flex; flex-direction:column; align-items:center; gap:16px; color:rgba(244,240,232,.7); font-size:10px; font-weight:700; letter-spacing:.24em; transform:translateY(-50%); }
.ahs__rail span { writing-mode:vertical-rl; transform:rotate(180deg); }
.ahs__rail i { display:block; width:1px; height:56px; background:linear-gradient(var(--at-tan),transparent); }
.ahs__count { position:absolute; z-index:4; top:clamp(24px,5vh,56px); inset-inline-end:var(--at-gutter,5em); display:flex; align-items:flex-end; gap:10px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); pointer-events:none; }
.ahs__count b { color:transparent; font-size:clamp(90px,12vw,200px); font-weight:800; line-height:.78; letter-spacing:.02em; -webkit-text-stroke:1.5px rgba(244,240,232,.6); }
.ahs__count small { padding-bottom:6px; color:var(--at-tan); font-size:16px; font-weight:700; letter-spacing:.14em; }

.ahs__bar { position:absolute; inset-inline:0; bottom:0; z-index:5; display:flex; align-items:stretch; justify-content:space-between; gap:40px; padding:0 var(--at-gutter,5em); border-top:1px solid rgba(244,240,232,.22); background:linear-gradient(0deg,rgba(23,19,15,.78),rgba(23,19,15,.3)); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.ahs__tabs { display:flex; flex:1 1 auto; gap:22px; max-width:860px; margin:0; padding:0; list-style:none; }
.ahs__tabs li { flex:1 1 0; min-width:0; }
.ahs__tab { position:relative; display:flex; align-items:baseline; gap:12px; width:100%; padding:24px 0 22px; border:0; background:none; color:rgba(244,240,232,.55); text-align:start; transition:color var(--at-transition,.3s ease); }
.ahs__tab:hover, .ahs__tab.is-current { color:var(--ahs-cream); }
.ahs__tab-n { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.04em; line-height:1; }
.ahs__tab-l { overflow:hidden; font-size:12px; font-weight:700; letter-spacing:.12em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.ahs__track { position:absolute; inset-inline:0; top:-1px; height:2px; background:rgba(244,240,232,.2); }
.ahs__fill { position:absolute; inset:0; background:var(--at-tan); transform:scaleX(0); transform-origin:0 50%; }
.ahs__tab.is-past .ahs__fill { transform:scaleX(1); }
.ahs__tab.is-current .ahs__fill { animation:ahs-fill var(--ahs-dur) linear both; }
@keyframes ahs-fill { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.ahs.is-paused .ahs__fill { animation-play-state:paused; }
.ahs.is-static .ahs__tab.is-current .ahs__fill { animation:none; transform:scaleX(1); }

.ahs__ctrl { display:flex; flex:0 0 auto; align-items:center; gap:12px; }
.ahs__peek { display:flex; align-items:center; gap:12px; margin-inline-end:10px; padding:0; border:0; background:none; color:var(--ahs-cream); text-align:start; }
.ahs__peek figure { width:82px; height:54px; margin:0; overflow:hidden; border:1px solid rgba(244,240,232,.35); background:var(--at-sand); }
.ahs__peek img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.ahs__peek:hover img { transform:scale(1.1); }
.ahs__peek span { display:flex; flex-direction:column; gap:4px; }
.ahs__peek small { color:var(--at-tan); font-size:10px; font-weight:700; letter-spacing:.14em; }
.ahs__peek b { max-width:120px; overflow:hidden; font-size:12px; letter-spacing:.1em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.ahs__arrow, .ahs__pause { display:grid; flex:0 0 48px; place-items:center; width:48px; height:48px; padding:0; border:1px solid rgba(244,240,232,.4); background:transparent; color:var(--ahs-cream); transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease); }
.ahs__arrow:hover, .ahs__pause:hover { border-color:var(--at-tan); background:var(--at-tan); }
.ahs__arrow--prev svg { transform:scaleX(-1); }
.ahs__bars { display:flex; gap:4px; }
.ahs__bars i { display:block; width:3px; height:14px; background:currentColor; }
.ahs__pause[aria-pressed="true"] .ahs__bars i:last-child { display:none; }
.ahs__pause[aria-pressed="true"] .ahs__bars i:first-child { width:0; height:0; border:solid transparent; border-width:7px 0 7px 11px; border-left-color:currentColor; background:none; }
.ahs :focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }

@media (max-width:1350px) { .ahs__rail { display:none; } }
@media (max-width:1100px) {
  .ahs { height:min(100svh,860px); }
  .ahs__content { max-width:80%; bottom:150px; }
  .ahs__tag { display:none; }
  .ahs__peek { display:none; }
  .ahs__tabs { gap:16px; }
}
@media (max-width:767px) {
  .ahs { height:min(100svh,780px); min-height:600px; }
  .ahs__content { inset-inline-end:var(--at-gutter,1.25em); max-width:none; bottom:112px; }
  .ahs__title { margin:12px 0 16px; font-size:clamp(52px,17vw,88px); }
  .ahs__title em { -webkit-text-stroke-width:1.5px; }
  .ahs__text { max-width:none; margin-bottom:22px; font-size:14px; }
  .ahs__kicker { font-size:12px; }
  .ahs__kicker i { width:24px; }
  .ahs__btn, .ahs__ghost { min-height:48px; padding:0 20px; }
  .ahs__count { top:18px; }
  .ahs__count small { font-size:13px; }
  .ahs__bar { gap:14px; }
  .ahs__tab { align-items:center; padding:20px 0 18px; }
  .ahs__tab-l { display:none; }
  .ahs__tab-n { font-size:18px; }
  .ahs__arrow, .ahs__pause { flex-basis:42px; width:42px; height:42px; }
  .ahs__ctrl { gap:8px; }
}
@media (max-width:420px) { .ahs__cta { flex-direction:column; align-items:stretch; } .ahs__content { bottom:104px; } .ahs__text { display:none; } }
@media (prefers-reduced-motion:reduce) {
  .ahs *, .ahs *::before { animation:none !important; transition:none !important; }
  .ahs__slide.is-active :is(.ahs__kicker,.ahs__text,.ahs__cta,.ahs__tag) { opacity:1; transform:none; }
  .ahs__slide.is-active .ahs__line > span { transform:none; }
  .ahs__media img { transform:none; }
}


/* ---------------------------------------------------------------------
   2. UPCOMING DROPS · RELEASE CALENDAR  (.adc)
   --------------------------------------------------------------------- */
.adc { position:relative; overflow:hidden; padding:6em 0; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.adc * { box-sizing:border-box; }
.adc [hidden] { display:none !important; }
.adc__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.adc__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:40px; }
.adc__heading { min-width:0; }
.adc__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.adc__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.adc__title span { color:var(--at-tan); }
.adc__sub { max-width:540px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.adc__ahead { display:inline-flex; flex:0 0 auto; align-items:center; gap:10px; padding:8px 12px; border:1px solid var(--at-border); color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; }
.adc__ahead i { width:6px; height:6px; border-radius:50%; background:var(--at-tan); box-shadow:0 0 0 4px rgba(183,139,91,.16); animation:adc-pulse 2s ease-in-out infinite; }
@keyframes adc-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(183,139,91,.16); } 50% { box-shadow:0 0 0 7px rgba(183,139,91,0); } }

.adc__months { display:flex; flex-wrap:wrap; width:max-content; max-width:100%; margin-bottom:28px; border:1px solid var(--at-border); background:var(--at-surface,#fff); }
.adc__month { display:flex; align-items:center; gap:10px; min-height:52px; padding:0 24px; border:0; border-inline-end:1px solid var(--at-border); background:transparent; color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.12em; transition:background var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.adc__month:last-child { border-inline-end:0; }
.adc__month b { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:19px; font-weight:700; letter-spacing:.03em; }
.adc__month:hover { color:var(--at-text); }
.adc__month[aria-selected="true"] { background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); }

.adc__wrap { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:32px; align-items:start; }
.adc__cal { border:1px solid var(--at-border); background:var(--at-surface,#fff); }
.adc__cal-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 26px; border-bottom:1px solid var(--at-border); }
.adc__cal-title { margin:0; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(30px,3vw,42px); font-weight:800; line-height:1; letter-spacing:.02em; text-transform:uppercase; }
.adc__cal-title span { color:var(--at-tan); }
.adc__cal-count { color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.1em; }
.adc__dow { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border-bottom:1px solid var(--at-border); background:var(--at-bg); }
.adc__dow span { padding:12px 12px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.adc__grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.adc__cell { position:relative; isolation:isolate; display:block; aspect-ratio:1 / 1.04; min-width:0; padding:10px 12px; overflow:hidden; border:0; border-top:1px solid var(--at-border); border-inline-start:1px solid var(--at-border); background:transparent; color:var(--at-text); text-align:start; }
.adc__cell:nth-child(7n+1) { border-inline-start:0; }
.adc__cell:nth-child(-n+7) { border-top:0; }
.adc__day { position:relative; z-index:2; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:20px; font-weight:700; line-height:1; letter-spacing:.03em; }
.adc__cell.is-blank { background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(183,139,91,.08) 6px 7px); }
.adc__cell.is-today .adc__day::before { display:inline-block; width:6px; height:6px; margin-inline-end:6px; border-radius:50%; background:var(--at-tan); content:""; transform:translateY(-3px); }
.adc__cell.has-drop { cursor:pointer; background:var(--at-sand); color:#F4F0E8; }
.adc__thumb { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.05); transform:scale(1.06); transition:filter .5s ease, transform .8s ease, opacity .4s ease; }
.adc__cell.has-drop::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(23,19,15,.6),rgba(23,19,15,.15) 45%,rgba(23,19,15,.8)); content:""; }
.adc__cell.is-fallback .adc__thumb { display:none; }
.adc__mark { position:absolute; top:12px; inset-inline-end:12px; z-index:2; width:9px; height:9px; background:var(--at-tan); box-shadow:0 0 0 2px rgba(244,240,232,.85); }
.adc__cell[data-type="general"] .adc__mark { background:#F4F0E8; box-shadow:0 0 0 2px rgba(23,19,15,.55); }
.adc__cell[data-type="numbered"] .adc__mark { background:#B8362B; }
.adc__lab { position:absolute; inset-inline:12px; bottom:10px; z-index:2; overflow:hidden; font-size:10px; font-weight:700; letter-spacing:.1em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.adc__cell.is-past .adc__thumb { opacity:.45; }
.adc__cell.is-past .adc__lab::after { content:" · OUT"; opacity:.7; }
.adc__cell.is-selected { outline:2px solid var(--at-tan); outline-offset:-2px; }
.adc__cell.is-selected .adc__thumb, .adc__cell.is-selected.is-past .adc__thumb { filter:none; opacity:1; transform:scale(1); }
@media (hover:hover) { .adc__cell.has-drop:hover .adc__thumb { filter:none; transform:scale(1); } }

.adc__legend { display:flex; flex-wrap:wrap; gap:10px 26px; margin:0; padding:16px 26px; border-top:1px solid var(--at-border); list-style:none; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.12em; }
.adc__legend li { display:inline-flex; align-items:center; gap:10px; }
.adc__legend i { display:block; width:10px; height:10px; background:var(--at-tan); }
.adc__legend i[data-type="general"] { background:var(--at-text); }
.adc__legend i[data-type="numbered"] { background:#B8362B; }

.adc__panel { position:sticky; top:24px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--at-border); background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); box-shadow:0 26px 60px rgba(41,35,31,.16); }
.adc__pimg { position:relative; isolation:isolate; aspect-ratio:16 / 11; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.adc__pimg img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.adc__pimg::after { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(23,19,15,.25) 0%,rgba(23,19,15,0) 35%,rgba(23,19,15,.85) 100%); content:""; }
.adc__pimg.is-fallback img { display:none; }
.adc__ptype { position:absolute; top:18px; inset-inline-start:18px; padding:7px 12px; background:var(--at-tan); color:#fff; font-size:11px; font-weight:700; letter-spacing:.12em; }
.adc__pdate { position:absolute; bottom:16px; inset-inline-end:20px; display:flex; align-items:baseline; gap:8px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); }
.adc__pdate b { font-size:68px; font-weight:800; line-height:.8; }
.adc__pdate i { color:var(--at-tan); font-size:22px; font-style:normal; font-weight:700; letter-spacing:.14em; }
.adc__pbody { padding:26px 28px 24px; }
.adc__pbrand { display:block; color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.14em; }
.adc__pname { margin:10px 0 20px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(32px,3vw,44px); font-weight:800; line-height:1; letter-spacing:.015em; }
.adc__pspecs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 0 20px; border-block:1px solid rgba(244,240,232,.2); }
.adc__pspecs div { padding:14px 0; }
.adc__pspecs div + div { padding-inline-start:14px; border-inline-start:1px solid rgba(244,240,232,.2); }
.adc__pspecs dt { color:#C6B6A5; font-size:10px; font-weight:700; letter-spacing:.14em; }
.adc__pspecs dd { margin:6px 0 0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:24px; font-weight:700; letter-spacing:.03em; line-height:1; }
.adc__pcount { display:flex; align-items:center; gap:10px; margin:0 0 22px; color:#E7D8C5; font-size:12px; font-weight:700; letter-spacing:.12em; }
.adc__pcount i { width:6px; height:6px; border-radius:50%; background:var(--at-tan); box-shadow:0 0 0 4px rgba(183,139,91,.2); animation:adc-pulse 2s ease-in-out infinite; }
.adc__pact { display:flex; flex-wrap:wrap; gap:10px; }
.adc__remind, .adc__ics { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:0 22px; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.adc__remind { flex:1 1 auto; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; }
.adc__remind:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.adc__remind[aria-pressed="true"] { background:transparent; color:var(--at-tan); }
.adc__ics { border:1px solid rgba(244,240,232,.4); background:transparent; color:#F4F0E8; }
.adc__ics:hover { border-color:#F4F0E8; background:#F4F0E8; color:#17130F; }
.adc__msg { min-height:18px; margin:12px 0 0; color:#E7D8C5; font-size:12px; line-height:1.5; }
.adc__pnav { display:flex; align-items:center; justify-content:space-between; padding:14px 28px; border-top:1px solid rgba(244,240,232,.18); }
.adc__pcounter { color:#C6B6A5; font-size:11px; font-weight:700; letter-spacing:.14em; }
.adc__pcounter b { color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:20px; letter-spacing:.04em; }
.adc__step { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid rgba(244,240,232,.35); background:transparent; color:#F4F0E8; transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease); }
.adc__step:hover:not(:disabled) { border-color:var(--at-tan); background:var(--at-tan); }
.adc__step:disabled { opacity:.35; cursor:not-allowed; }
.adc__step--prev svg { transform:scaleX(-1); }
.adc__panel.is-swap .adc__pimg img, .adc__panel.is-swap .adc__pbody { animation:adc-in .55s ease both; }
@keyframes adc-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }

.adc__more { display:flex; justify-content:center; margin-top:44px; }
.adc__link { display:inline-flex; align-items:center; gap:14px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; transition:color var(--at-transition,.3s ease), gap var(--at-transition,.3s ease); }
.adc__link svg { color:var(--at-tan); }
.adc__link:hover { gap:20px; color:var(--at-tan-hover); }
.adc :focus-visible { outline:2px solid var(--at-tan); outline-offset:2px; }

@media (max-width:1280px) { .adc__cell { padding:8px 10px; } .adc__day { font-size:18px; } .adc__lab { inset-inline:10px; } }
@media (max-width:1100px) {
  .adc__wrap { grid-template-columns:minmax(0,1fr); }
  .adc__panel { position:relative; top:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .adc__pimg { grid-row:1 / 3; aspect-ratio:auto; min-height:100%; }
  .adc__pnav { grid-column:2; }
  .adc__header { flex-direction:column; align-items:flex-start; gap:20px; }
}
@media (max-width:767px) {
  .adc { padding:4em 0; }
  .adc__months { width:100%; }
  .adc__month { flex:1 1 0; justify-content:center; gap:6px; min-height:46px; padding:0 8px; font-size:11px; letter-spacing:.08em; }
  .adc__month b { font-size:16px; }
  .adc__cal-head { padding:16px; }
  .adc__legend { padding:14px 16px; gap:8px 18px; font-size:10px; }
  .adc__dow span { padding:10px 4px; font-size:9px; letter-spacing:.06em; text-align:center; }
  .adc__cell { aspect-ratio:1 / 1.2; padding:5px; }
  .adc__day { font-size:15px; }
  .adc__lab { display:none; }
  .adc__mark { top:6px; inset-inline-end:5px; width:7px; height:7px; box-shadow-width:1px; }
  .adc__cell.is-today .adc__day::before { margin-inline-end:3px; width:5px; height:5px; }
  .adc__panel { display:flex; }
  .adc__pimg { aspect-ratio:16 / 10; min-height:0; }
  .adc__pbody { padding:22px 18px 20px; }
  .adc__pdate b { font-size:54px; }
  .adc__pspecs dd { font-size:20px; }
  .adc__pnav { padding:12px 18px; }
  .adc__ics, .adc__remind { flex:1 1 100%; }
  .adc__ahead { white-space:normal; }
}
@media (max-width:420px) { .adc__pspecs { grid-template-columns:repeat(2,minmax(0,1fr)); } .adc__pspecs div:nth-child(3) { grid-column:1 / -1; padding-inline-start:0; border-inline-start:0; border-top:1px solid rgba(244,240,232,.2); } }
@media (prefers-reduced-motion:reduce) { .adc *, .adc *::before { animation:none !important; transition:none !important; } }


/* ---------------------------------------------------------------------
   3. THE ROTATION · CURATED SNEAKER PICKS  (.arot)
   --------------------------------------------------------------------- */
.arot { --arot-step:clamp(160px,21vw,340px); --dirx:1; position:relative; isolation:isolate; overflow:hidden; padding:6em 0 5em; background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); border-top:1px solid rgba(196,154,108,.35); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.arot * { box-sizing:border-box; }
.arot__bgword { position:absolute; top:44%; left:50%; z-index:-1; color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(160px,30vw,520px); font-weight:800; letter-spacing:.02em; line-height:.8; white-space:nowrap; -webkit-text-stroke:1px rgba(244,240,232,.08); transform:translate(-50%,-50%); pointer-events:none; user-select:none; }
.arot__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.arot__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:36px; }
.arot__heading { min-width:0; }
.arot__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.arot__title { margin:12px 0 12px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.arot__title span { color:var(--at-tan); }
.arot__sub { max-width:540px; margin:0; color:rgba(244,240,232,.7); font-size:14px; line-height:1.8; }
.arot__link { display:inline-flex; flex:0 0 auto; align-items:center; gap:14px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:#F4F0E8; font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:color var(--at-transition,.3s ease), gap var(--at-transition,.3s ease); }
.arot__link svg { color:var(--at-tan); }
.arot__link:hover { gap:20px; color:var(--at-tan); }

.arot__stage { position:relative; height:clamp(400px,42vw,640px); perspective:1800px; touch-action:pan-y; cursor:grab; user-select:none; -webkit-user-select:none; }
.arot__stage.is-drag { cursor:grabbing; }
.arot__card { --o:0; --a:0; position:absolute; top:0; left:50%; z-index:calc(10 - var(--a)); width:clamp(240px,25vw,400px); height:100%; margin:0; border:1px solid rgba(244,240,232,.16); background:#17130F; transform:translateX(-50%) translateX(calc(var(--o) * var(--dirx) * var(--arot-step))) translateZ(calc(var(--a) * -130px)) rotateY(calc(var(--o) * var(--dirx) * -16deg)); transition:transform .85s cubic-bezier(.2,.7,.2,1), opacity .6s ease, border-color .5s ease; }
.arot__card.is-active { border-color:rgba(196,154,108,.7); box-shadow:0 40px 80px rgba(0,0,0,.45); }
.arot__card.is-far { opacity:0; pointer-events:none; }
.arot__card::after { position:absolute; inset:0; background:#0E0B09; opacity:calc(var(--a) * .26); content:""; pointer-events:none; transition:opacity .6s ease; }
.arot__fig { position:absolute; inset:0; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand,#E5D8C5),var(--at-tan,#B78B5B)); }
.arot__fig img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease; pointer-events:none; }
.arot__fig::after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(23,19,15,.55) 0%,rgba(23,19,15,0) 30%,rgba(23,19,15,.85) 100%); content:""; }
.arot__fig.is-fallback img { display:none; }
.arot__card.is-active .arot__fig img { transform:scale(1.05); }
.arot__occ { position:absolute; top:16px; inset-inline-start:16px; z-index:2; padding:6px 10px; background:rgba(23,19,15,.6); border:1px solid rgba(244,240,232,.3); color:#F4F0E8; font-size:10px; font-weight:700; letter-spacing:.14em; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.arot__no { position:absolute; bottom:12px; inset-inline-start:16px; z-index:2; color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(84px,10vw,150px); font-weight:800; line-height:.78; letter-spacing:.02em; -webkit-text-stroke:1.5px rgba(244,240,232,.7); pointer-events:none; }
.arot__hit { position:absolute; inset:0; z-index:3; width:100%; height:100%; padding:0; border:0; background:transparent; cursor:pointer; }
.arot__card.is-active .arot__hit { pointer-events:none; }
.arot__floor { position:absolute; bottom:-14px; left:50%; width:62%; height:36px; background:radial-gradient(ellipse at center,rgba(183,139,91,.4),transparent 70%); filter:blur(12px); transform:translateX(-50%); pointer-events:none; }

.arot__nav { display:flex; align-items:center; justify-content:center; gap:24px; margin:44px 0 36px; }
.arot__arrow { display:grid; place-items:center; width:48px; height:48px; padding:0; border:1px solid rgba(244,240,232,.4); background:transparent; color:#F4F0E8; transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease); }
.arot__arrow:hover { border-color:var(--at-tan); background:var(--at-tan); }
.arot__arrow--prev svg { transform:scaleX(-1); }
.arot__dots { display:flex; gap:10px; }
.arot__dot { width:34px; height:3px; padding:0; border:0; background:rgba(244,240,232,.25); transition:background var(--at-transition,.3s ease), width var(--at-transition,.3s ease); }
.arot__dot:hover { background:rgba(244,240,232,.55); }
.arot__dot[aria-current="true"] { width:56px; background:var(--at-tan); }

.arot__panel { display:grid; grid-template-columns:auto minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:0; border:1px solid rgba(244,240,232,.18); background:rgba(244,240,232,.04); }
.arot__panel > * { padding:30px 32px; }
.arot__panel > * + * { border-inline-start:1px solid rgba(244,240,232,.14); }
.arot__panel.is-swap .arot__p-main, .arot__panel.is-swap .arot__p-no, .arot__panel.is-swap .arot__rates, .arot__panel.is-swap .arot__price { animation:arot-in .55s ease both; }
@keyframes arot-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
.arot__p-no { display:flex; align-items:flex-end; gap:6px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); }
.arot__p-no b { color:var(--at-tan); font-size:72px; font-weight:800; line-height:.8; }
.arot__p-no small { padding-bottom:4px; color:rgba(244,240,232,.6); font-size:16px; font-weight:700; letter-spacing:.14em; }
.arot__p-occ { display:block; color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.14em; }
.arot__p-name { margin:8px 0 10px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(32px,3vw,44px); font-weight:800; line-height:1; letter-spacing:.015em; }
.arot__p-name small { margin-inline-start:8px; color:rgba(244,240,232,.6); font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-weight:700; letter-spacing:.14em; vertical-align:middle; }
.arot__p-note { max-width:440px; margin:0; color:rgba(244,240,232,.75); font-size:14px; line-height:1.75; }
.arot__rates { display:flex; flex-direction:column; gap:14px; margin:0; }
.arot__rates div { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.arot__rates dt { color:rgba(244,240,232,.7); font-size:11px; font-weight:700; letter-spacing:.14em; }
.arot__rate { display:flex; gap:5px; margin:0; }
.arot__rate i { display:block; width:16px; height:8px; background:rgba(244,240,232,.2); transition:background .4s ease; }
.arot__rate i.is-on { background:var(--at-tan); }
.arot__p-buy { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.arot__price { flex:1 1 100%; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:38px; font-weight:700; letter-spacing:.03em; line-height:1; }
.arot__select { flex:1 1 130px; min-height:50px; padding:0 40px 0 16px; border:1px solid rgba(244,240,232,.35); border-radius:0; background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23B78B5B' stroke-width='1.6'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center / 14px; color:#F4F0E8; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; -webkit-appearance:none; appearance:none; }
.arot__select option { background:#F4F0E8; color:#29231F; }
.arot__select.is-warn { border-color:#B8362B; animation:arot-shake .4s ease; }
.arot__add { flex:1 1 150px; min-height:50px; padding:0 22px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease); }
.arot__add:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
@keyframes arot-shake { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-5px); } 75% { transform:translateX(5px); } }
.arot :focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }

@media (max-width:1280px) { .arot__panel > * { padding:26px 24px; } }
@media (max-width:1100px) {
  .arot { --arot-step:clamp(150px,28vw,260px); }
  .arot__card { width:clamp(230px,36vw,340px); }
  .arot__stage { height:clamp(380px,52vw,520px); }
  .arot__header { flex-direction:column; align-items:flex-start; gap:20px; }
  .arot__panel { grid-template-columns:auto minmax(0,1fr); }
  .arot__panel > :nth-child(3) { border-inline-start:0; border-top:1px solid rgba(244,240,232,.14); }
  .arot__panel > :nth-child(4) { border-top:1px solid rgba(244,240,232,.14); }
}
@media (max-width:767px) {
  .arot { --arot-step:52vw; padding:4em 0 3.5em; }
  .arot__stage { height:clamp(340px,100vw,480px); perspective:1200px; }
  .arot__card { width:62vw; }
  .arot__card[data-a="2"], .arot__card[data-a="3"] { opacity:0; pointer-events:none; }
  .arot__no { font-size:84px; }
  .arot__nav { gap:14px; margin:32px 0 26px; }
  .arot__dot { width:18px; }
  .arot__dot[aria-current="true"] { width:30px; }
  .arot__arrow { width:44px; height:44px; }
  .arot__panel { grid-template-columns:minmax(0,1fr); }
  .arot__panel > * { padding:22px 18px; }
  .arot__panel > * + * { border-inline-start:0; border-top:1px solid rgba(244,240,232,.14); }
  .arot__p-no b { font-size:56px; }
  .arot__price { font-size:32px; }
}
@media (hover:none) { .arot__stage { cursor:default; } }
@media (prefers-reduced-motion:reduce) { .arot *, .arot *::before, .arot *::after { animation:none !important; transition:none !important; } }


/* ---------------------------------------------------------------------
   4. STREETWEAR IN FOCUS · EDITORIAL SHOWCASE  (.asf)
   --------------------------------------------------------------------- */
.asf { position:relative; overflow:hidden; padding:6em 0; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.asf * { box-sizing:border-box; }
.asf [hidden] { display:none !important; }
.asf__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.asf__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:40px; }
.asf__heading { min-width:0; }
.asf__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.asf__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.asf__title span { color:var(--at-tan); }
.asf__sub { max-width:560px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.asf__issue { display:flex; flex:0 0 auto; flex-direction:column; align-items:flex-end; gap:4px; text-align:end; }
.asf__issue b { color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:64px; font-weight:800; line-height:.8; letter-spacing:.02em; -webkit-text-stroke:1.5px var(--at-tan); }
.asf__issue span { color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.16em; }

.asf__tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:-1px; border:1px solid var(--at-border); border-bottom:0; background:var(--at-surface,#fff); }
.asf__tab { position:relative; display:flex; align-items:center; gap:18px; min-width:0; padding:20px 26px; border:0; border-inline-end:1px solid var(--at-border); background:transparent; color:var(--at-muted); text-align:start; transition:background var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.asf__tab:last-child { border-inline-end:0; }
.asf__tab::after { position:absolute; inset-inline:0; bottom:0; height:3px; background:var(--at-tan); content:""; transform:scaleX(0); transform-origin:0 50%; transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.asf__tab-n { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:40px; font-weight:800; line-height:.9; letter-spacing:.02em; }
.asf__tab-t { display:flex; flex-direction:column; gap:5px; min-width:0; }
.asf__tab-t b { overflow:hidden; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:24px; font-weight:700; letter-spacing:.03em; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.asf__tab-t small { overflow:hidden; font-size:10px; font-weight:700; letter-spacing:.14em; text-overflow:ellipsis; white-space:nowrap; }
.asf__tab:hover { background:var(--at-bg); }
.asf__tab[aria-selected="true"] { background:var(--at-announcement-bg,#29231F); color:rgba(244,240,232,.7); }
.asf__tab[aria-selected="true"] .asf__tab-t b { color:#F4F0E8; }
.asf__tab[aria-selected="true"]::after { transform:scaleX(1); }

.asf__spread { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); border:1px solid var(--at-border); background:var(--at-surface,#fff); box-shadow:0 26px 60px rgba(41,35,31,.1); }
.asf__look:not([hidden]) .asf__spread { animation:asf-in .7s ease both; }
@keyframes asf-in { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
.asf__fig { position:relative; isolation:isolate; min-height:780px; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.asf__photo { position:absolute; inset:0; z-index:-2; display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.6s ease; }
.asf__fig::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(23,19,15,.2) 0%,rgba(23,19,15,0) 28%,rgba(23,19,15,.78) 100%); content:""; }
.asf__fig.is-fallback .asf__photo { display:none; }
@media (hover:hover) { .asf__fig:hover .asf__photo { transform:scale(1.04); } }
.asf__vert { position:absolute; top:26px; inset-inline-start:22px; z-index:2; color:rgba(244,240,232,.85); font-size:10px; font-weight:700; letter-spacing:.26em; writing-mode:vertical-rl; transform:rotate(180deg); }
.asf__cap { position:absolute; inset-inline:0; bottom:0; z-index:2; display:flex; justify-content:space-between; gap:14px; padding:16px 22px; border-top:1px solid rgba(244,240,232,.28); color:#F4F0E8; font-size:11px; font-weight:700; letter-spacing:.14em; }

.asf__hot { position:absolute; left:var(--x); top:var(--y); z-index:4; width:0; height:0; }
.asf__hot.is-open, .asf__hot.is-hot { z-index:7; }
.asf__pin { position:absolute; left:-17px; top:-17px; display:grid; place-items:center; width:34px; height:34px; padding:0; border:1.5px solid #fff; border-radius:50%; background:var(--at-tan); color:#fff; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:17px; font-weight:700; box-shadow:0 6px 18px rgba(23,19,15,.4); transition:background var(--at-transition,.3s ease), transform var(--at-transition,.3s ease); }
.asf__pin::before { position:absolute; inset:-7px; border:1px solid rgba(255,255,255,.75); border-radius:50%; content:""; animation:asf-ping 2.4s ease-out infinite; }
@keyframes asf-ping { 0% { opacity:.9; transform:scale(.7); } 100% { opacity:0; transform:scale(1.5); } }
.asf__hot.is-open .asf__pin, .asf__hot.is-hot .asf__pin { background:#17130F; transform:scale(1.12); }
.asf__pop { position:absolute; top:26px; display:flex; flex-direction:column; gap:4px; width:214px; padding:14px 16px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-text); box-shadow:0 18px 40px rgba(23,19,15,.28); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .3s ease, transform .3s ease, visibility .3s ease; }
.asf__hot[data-side="start"] .asf__pop { left:-17px; }
.asf__hot[data-side="end"] .asf__pop { right:-17px; }
.asf__hot[data-v="up"] .asf__pop { top:auto; bottom:26px; }
.asf__hot.is-open .asf__pop { opacity:1; visibility:visible; transform:none; }
.asf__pop small { color:var(--at-tan); font-size:10px; font-weight:700; letter-spacing:.14em; }
.asf__pop b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:24px; font-weight:700; letter-spacing:.03em; line-height:1.1; }
.asf__pop span { color:var(--at-muted); font-size:13px; font-weight:700; }
.asf__pop button { margin-top:8px; min-height:38px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease); }
.asf__pop button:hover { background:var(--at-tan-hover); }

.asf__info { display:flex; flex-direction:column; padding:44px 46px 40px; }
.asf__meta { display:flex; justify-content:space-between; gap:14px; padding-bottom:16px; border-bottom:1px solid var(--at-border); color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.asf__name { margin:26px 0 18px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(52px,6vw,92px); font-weight:800; line-height:.88; letter-spacing:.01em; text-transform:uppercase; }
.asf__name em { display:block; color:transparent; font-style:normal; -webkit-text-stroke:1.5px var(--at-tan); }
.asf__story { margin:0 0 22px; color:var(--at-muted); font-size:15px; line-height:1.85; }
.asf__story::first-letter { float:left; margin:6px 12px 0 0; color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:68px; font-weight:800; line-height:.78; }
.asf__quote { margin:0 0 28px; padding:4px 0 4px 20px; border-inline-start:3px solid var(--at-tan); border-left-width:0; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:26px; font-weight:600; line-height:1.25; letter-spacing:.02em; }
.asf__quote { padding-left:0; padding-inline-start:20px; border-left:0; }
.asf__quote cite { display:block; margin-top:10px; color:var(--at-tan); font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-style:normal; font-weight:700; letter-spacing:.14em; }
.asf__list-head { display:flex; justify-content:space-between; padding:12px 0; border-block:1px solid var(--at-border); color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.asf__list-head b { color:var(--at-tan); }
.asf__pieces { margin:0 0 26px; padding:0; list-style:none; }
.asf__piece { display:grid; grid-template-columns:26px 62px minmax(0,1fr) auto 84px 42px; align-items:center; gap:14px; padding:14px 8px; border-bottom:1px solid var(--at-border); transition:background var(--at-transition,.3s ease); }
.asf__piece.is-hot { background:var(--at-bg); }
.asf__pn { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--at-tan); color:#fff; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:14px; font-weight:700; }
.asf__piece figure { width:62px; height:62px; margin:0; overflow:hidden; background:var(--at-sand); }
.asf__piece figure img { display:block; width:100%; height:100%; object-fit:cover; }
.asf__pt { display:flex; flex-direction:column; gap:3px; min-width:0; }
.asf__pt small { color:var(--at-tan); font-size:10px; font-weight:700; letter-spacing:.14em; }
.asf__pt b { overflow:hidden; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.03em; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.asf__piece > strong { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.03em; }
.asf__size { min-height:42px; padding:0 26px 0 10px; border:1px solid var(--at-border); border-radius:0; background:var(--at-surface,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23B78B5B' stroke-width='1.6'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 8px center / 12px; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; -webkit-appearance:none; appearance:none; transition:border-color var(--at-transition,.3s ease); }
.asf__size:hover, .asf__size:focus { border-color:var(--at-tan); }
.asf__size.is-warn { border-color:#B8362B; animation:asf-shake .4s ease; }
.asf__add { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-size:20px; line-height:1; transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease); }
.asf__add:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
@keyframes asf-shake { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-5px); } 75% { transform:translateX(5px); } }
.asf__shop { display:inline-flex; align-items:center; justify-content:center; gap:14px; align-self:flex-start; min-height:52px; margin-top:auto; padding:0 28px; border:1px solid var(--at-announcement-bg,#29231F); background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease), gap var(--at-transition,.3s ease); }
.asf__shop svg { color:var(--at-tan); }
.asf__shop:hover { gap:20px; border-color:var(--at-tan); background:var(--at-tan); }
.asf__shop:hover svg { color:#fff; }
.asf :focus-visible { outline:2px solid var(--at-tan); outline-offset:2px; }

@media (max-width:1280px) { .asf__info { padding:36px 32px 32px; } .asf__piece { grid-template-columns:24px 54px minmax(0,1fr) auto 78px 40px; gap:10px; } .asf__piece figure { width:54px; height:54px; } }
@media (max-width:1100px) {
  .asf__spread { grid-template-columns:minmax(0,1fr); }
  .asf__fig { min-height:0; aspect-ratio:4 / 2.6; }
  .asf__header { flex-wrap:wrap; }
  .asf__issue { align-items:flex-start; text-align:start; }
  .asf__tab { padding:16px 18px; gap:12px; }
  .asf__tab-n { font-size:32px; }
  .asf__tab-t b { font-size:20px; }
  .asf__tabs { margin-bottom:2em;}
}
@media (max-width:767px) {
  .asf { padding:4em 0; }
  .asf__tabs { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .asf__tabs::-webkit-scrollbar { display:none; }
  .asf__tab { flex:0 0 78%; scroll-snap-align:start; }
  .asf__fig { aspect-ratio:4 / 5.2; }
  .asf__pin { left:-15px; top:-15px; width:30px; height:30px; font-size:15px; }
  .asf__pop { width:190px; }
  .asf__cap { padding:12px 16px; font-size:10px; }
  .asf__info { padding:26px 18px 26px; }
  .asf__name { margin:20px 0 14px; }
  .asf__story { font-size:14px; }
  .asf__quote { font-size:22px; }
  .asf__piece { grid-template-columns:24px 56px minmax(0,1fr) auto; row-gap:10px; padding:14px 0; }
  .asf__piece .asf__size { grid-column:3 / 4; }
  .asf__piece .asf__add { grid-column:4 / 5; width:auto; padding:0 14px; }
  .asf__shop { align-self:stretch; }
}
@media (max-width:420px) { .asf__issue b { font-size:48px; } }
@media (prefers-reduced-motion:reduce) { .asf *, .asf *::before { animation:none !important; transition:none !important; } }  

/* =====================================================================
   ATELIER® — HOME 2 · BATCH 2
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. BRAND OF THE MONTH  (.abm)
   --------------------------------------------------------------------- */
.abm { position:relative; isolation:isolate; overflow:hidden; padding:6em 0; background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); border-top:1px solid rgba(196,154,108,.35); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.abm * { box-sizing:border-box; }
.abm__bgword { position:absolute; top:52%; inset-inline-start:43%; z-index:-1; color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(140px,8vw,380px); font-weight:800; letter-spacing:.02em; line-height:.8; text-transform:uppercase; white-space:nowrap; -webkit-text-stroke:1px rgba(244,240,232,.07); transform:translateY(-50%); pointer-events:none; user-select:none; }
.abm__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.abm__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:48px; }
.abm__heading { min-width:0; }
.abm__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.abm__title { margin:12px 0 12px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.abm__title span { color:var(--at-tan); }
.abm__sub { max-width:540px; margin:0; color:rgba(244,240,232,.7); font-size:14px; line-height:1.8; }
.abm__archive { display:flex; flex:0 0 auto; border:1px solid rgba(244,240,232,.22); }
.abm__tab { display:flex; flex-direction:column; gap:4px; min-width:150px; padding:14px 22px; border:0; border-inline-end:1px solid rgba(244,240,232,.22); background:transparent; color:rgba(244,240,232,.65); text-align:start; box-shadow:inset 0 -3px 0 transparent; transition:background var(--at-transition,.3s ease), color var(--at-transition,.3s ease), box-shadow var(--at-transition,.3s ease); }
.abm__tab:last-child { border-inline-end:0; }
.abm__tab small { color:var(--at-tan); font-size:10px; font-weight:700; letter-spacing:.14em; }
.abm__tab b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.03em; line-height:1.1; white-space:nowrap; }
.abm__tab:hover { color:#F4F0E8; }
.abm__tab[aria-selected="true"] { background:rgba(244,240,232,.08); color:#F4F0E8; box-shadow:inset 0 -3px 0 var(--at-tan); }

.abm__stage { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:0; align-items:stretch; }
.abm__visual { position:relative; isolation:isolate; min-height:780px; margin:0; overflow:hidden; border:1px solid rgba(244,240,232,.16); background:linear-gradient(145deg,var(--at-sand,#E5D8C5),var(--at-tan,#B78B5B)); }
.abm__visual img { position:absolute; inset:0; z-index:-2; display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.4s ease; }
.abm__visual::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(23,19,15,.25) 0%,rgba(23,19,15,0) 30%,rgba(23,19,15,.82) 100%); content:""; }
.abm__visual.is-fallback img { display:none; }
@media (hover:hover) { .abm__stage:hover .abm__visual img { transform:scale(1.04); } }
.abm__ribbon { position:absolute; top:0; inset-inline-start:28px; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; width:72px; height:118px; padding-bottom:16px; background:var(--at-tan); color:#fff; clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 14px),0 100%); }
.abm__ribbon b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:36px; font-weight:800; letter-spacing:.04em; line-height:1; }
.abm__ribbon small { font-size:11px; font-weight:700; letter-spacing:.14em; }
.abm__vert { position:absolute; bottom:70px; inset-inline-end:22px; z-index:2; color:rgba(244,240,232,.85); font-size:10px; font-weight:700; letter-spacing:.26em; writing-mode:vertical-rl; transform:rotate(180deg); }
.abm__caption { position:absolute; inset-inline:0; bottom:0; z-index:2; display:flex; justify-content:space-between; gap:14px; padding:16px 22px; border-top:1px solid rgba(244,240,232,.28); color:#F4F0E8; font-size:11px; font-weight:700; letter-spacing:.14em; }

.abm__dossier { display:flex; flex-direction:column; min-width:0; padding:6px 0 0 clamp(28px,4vw,64px); }
.abm__name { margin:0; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(54px,3.7vw,132px); font-weight:800; line-height:.86; letter-spacing:.01em; text-transform:uppercase; }
.abm__tagline { margin:14px 0 18px; color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(24px,2.2vw,32px); font-weight:600; letter-spacing:.04em; }
.abm__lead { max-width:620px; margin:0 0 30px; color:rgba(244,240,232,.78); font-size:15px; line-height:1.85; }
.abm__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 0 30px; border-block:1px solid rgba(244,240,232,.2); }
.abm__stats div { display:flex; flex-direction:column-reverse; gap:8px; padding:22px 0; }
.abm__stats div + div { padding-inline-start:24px; border-inline-start:1px solid rgba(244,240,232,.2); }
.abm__stats dt { color:rgba(244,240,232,.65); font-size:11px; font-weight:700; letter-spacing:.14em; }
.abm__stats dd { display:flex; align-items:flex-start; gap:2px; margin:0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); }
.abm__stats b { color:var(--at-tan); font-size:clamp(46px,5vw,76px); font-weight:800; line-height:.85; }
.abm__stats sup { margin-top:4px; color:#F4F0E8; font-size:22px; font-weight:700; }
.abm__quote { margin:0 0 32px; padding-inline-start:20px; border-inline-start:3px solid var(--at-tan); color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(22px,2vw,28px); font-weight:600; line-height:1.25; letter-spacing:.02em; }
.abm__quote cite { display:block; margin-top:10px; color:var(--at-tan); font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-style:normal; font-weight:700; letter-spacing:.14em; }
.abm__picks-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; color:rgba(244,240,232,.65); font-size:11px; font-weight:700; letter-spacing:.14em; }
.abm__picks-head a { display:inline-flex; align-items:center; gap:12px; padding-bottom:4px; border-bottom:1px solid var(--at-tan); color:#F4F0E8; transition:gap var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.abm__picks-head a svg { color:var(--at-tan); }
.abm__picks-head a:hover { gap:18px; color:var(--at-tan); }
.abm__picks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.abm__pick { position:relative; display:flex; flex-direction:column; height:100%; border:1px solid rgba(244,240,232,.18); background:rgba(244,240,232,.04); color:#F4F0E8; transition:border-color var(--at-transition,.3s ease), transform var(--at-transition,.3s ease), background var(--at-transition,.3s ease); }
.abm__pick:hover { border-color:var(--at-tan); background:rgba(244,240,232,.08); transform:translateY(-4px); }
.abm__pick figure { aspect-ratio:1 / 1; margin:0; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.abm__pick img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .8s ease; }
.abm__pick:hover img { transform:scale(1.07); }
.abm__pick > span { display:flex; flex-direction:column; gap:4px; padding:14px 16px 16px; }
.abm__pick small { color:var(--at-tan); font-size:10px; font-weight:700; letter-spacing:.14em; }
.abm__pick b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:24px; font-weight:700; letter-spacing:.03em; line-height:1.1; }
.abm__pick em { color:rgba(244,240,232,.8); font-size:13px; font-style:normal; font-weight:700; }
.abm__pick i { position:absolute; top:12px; inset-inline-end:12px; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--at-tan); color:#fff; opacity:0; transform:scale(.7); transition:opacity var(--at-transition,.3s ease), transform var(--at-transition,.3s ease); }
.abm__pick:hover i { opacity:1; transform:none; }
.abm__stage.is-swap .abm__dossier > *, .abm__stage.is-swap .abm__visual img { animation:abm-in .7s ease both; }
.abm__stage.is-swap .abm__dossier > *:nth-child(2) { animation-delay:.05s; } .abm__stage.is-swap .abm__dossier > *:nth-child(3) { animation-delay:.1s; } .abm__stage.is-swap .abm__dossier > *:nth-child(4) { animation-delay:.15s; } .abm__stage.is-swap .abm__dossier > *:nth-child(5) { animation-delay:.2s; } .abm__stage.is-swap .abm__dossier > *:nth-child(6) { animation-delay:.25s; } .abm__stage.is-swap .abm__dossier > *:nth-child(7) { animation-delay:.3s; }
@keyframes abm-in { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
.abm :focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }

@media (max-width:1280px) { .abm__tab { min-width:130px; padding:12px 16px; } }
@media (max-width:1100px) {
  .abm__header { flex-direction:column; align-items:flex-start; gap:22px; }
  .abm__stage { grid-template-columns:minmax(0,1fr); }
  .abm__visual { min-height:0; aspect-ratio:6 / 3.2; }
  .abm__dossier { padding:36px 0 0; }
  .abm__vert { bottom:64px; }
}
@media (max-width:767px) {
  .abm { padding:4em 0; }
  .abm__archive { width:100%; overflow-x:auto; scrollbar-width:none; }
  .abm__archive::-webkit-scrollbar { display:none; }
  .abm__tab { flex:1 0 auto; min-width:128px; }
  .abm__visual { aspect-ratio:4 / 4.4; }
  .abm__ribbon { inset-inline-start:18px; width:62px; height:102px; }
  .abm__ribbon b { font-size:30px; }
  .abm__dossier { padding-top:28px; }
  .abm__lead { font-size:14px; }
  .abm__stats div { padding:18px 0; }
  .abm__stats div + div { padding-inline-start:14px; }
  .abm__stats sup { font-size:16px; }
  .abm__stats dt { font-size:9px; letter-spacing:.1em; }
  .abm__picks { grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:64%; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px; scrollbar-width:none; }
  .abm__picks::-webkit-scrollbar { display:none; }
  .abm__picks li { scroll-snap-align:start; }
}
@media (hover:none) { .abm__pick i { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { .abm *, .abm *::before { animation:none !important; transition:none !important; } }


/* ---------------------------------------------------------------------
   2. RARE FINDS · LIMITED EDITION RELEASES  (.arf)
   --------------------------------------------------------------------- */
.arf { position:relative; overflow:hidden; padding:6em 0; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.arf * { box-sizing:border-box; }
.arf__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.arf__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:44px; }
.arf__heading { min-width:0; }
.arf__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.arf__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.arf__title span { color:var(--at-tan); }
.arf__sub { max-width:560px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.arf__scale { display:flex; flex:0 0 auto; gap:0; margin:0; padding:0; list-style:none; border:1px solid var(--at-border); background:var(--at-surface,#fff); }
.arf__scale li { display:flex; align-items:center; gap:10px; padding:12px 18px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.arf__scale li + li { border-inline-start:1px solid var(--at-border); }

.arf__pips { display:inline-flex; gap:3px; }
.arf__pips i { display:block; width:9px; height:9px; border:1px solid var(--at-tan); background:transparent; transform:rotate(45deg) scale(.8); }
.arf__pips[data-tier="1"] i:nth-child(-n+1), .arf__pips[data-tier="2"] i:nth-child(-n+2), .arf__pips[data-tier="3"] i:nth-child(-n+3) { background:var(--at-tan); }

.arf__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:clamp(290px,25vw,390px); gap:20px; }
.arf__card { position:relative; min-width:0; perspective:1800px; }
.arf__card--lg { grid-column:span 2; grid-row:span 2; }
.arf__inner { position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .95s cubic-bezier(.2,.7,.2,1); }
.arf__card.is-flipped .arf__inner { transform:rotateY(180deg); }
@media (hover:hover) { .arf__card:hover .arf__inner { transform:rotateY(180deg); } }
.arf__face { position:absolute; inset:0; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; }

.arf__front { isolation:isolate; border:1px solid var(--at-border); background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); color:#F4F0E8; }
.arf__front > img { position:absolute; inset:0; z-index:-2; display:block; width:100%; height:100%; object-fit:cover; transition:transform 1.2s ease; }
.arf__front::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(23,19,15,.45) 0%,rgba(23,19,15,0) 32%,rgba(23,19,15,.88) 100%); content:""; }
.arf__front.is-fallback > img { display:none; }
.arf__tier { position:absolute; top:16px; inset-inline-start:16px; display:inline-flex; align-items:center; gap:10px; padding:7px 12px; background:rgba(23,19,15,.62); border:1px solid rgba(244,240,232,.3); color:#F4F0E8; font-size:10px; font-weight:700; letter-spacing:.16em; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.arf__left { position:absolute; top:16px; inset-inline-end:62px; padding:7px 10px; background:var(--at-tan); color:#fff; font-size:10px; font-weight:700; letter-spacing:.14em; }
.arf__cap { position:absolute; inset-inline:0; bottom:0; display:flex; flex-direction:column; gap:6px; padding:22px 22px 20px; }
.arf__cap small { color:var(--at-tan); font-size:10px; font-weight:700; letter-spacing:.16em; }
.arf__cap h3 { margin:0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(26px,2.2vw,34px); font-weight:800; line-height:1; letter-spacing:.02em; }
.arf__card--lg .arf__cap { padding:30px 30px 28px; } .arf__card--lg .arf__cap h3 { font-size:clamp(40px,4.2vw,64px); }
.arf__pairs { color:rgba(244,240,232,.8); font-size:11px; font-weight:700; letter-spacing:.12em; }
.arf__pairs b { color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:24px; letter-spacing:.03em; }

.arf__back { transform:rotateY(180deg); visibility:hidden; display:flex; flex-direction:column; justify-content:center; gap:14px; padding:34px 32px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-text); transition:visibility 0s linear .5s; }
.arf__back::before { position:absolute; inset:10px; border:1px solid var(--at-tan); content:""; pointer-events:none; }
.arf__back::after { position:absolute; inset:15px; border:1px dashed var(--at-border); content:""; pointer-events:none; }
.arf__card.is-flipped .arf__back { visibility:visible; transition-delay:0s; }
@media (hover:hover) { .arf__card:hover .arf__back { visibility:visible; transition-delay:0s; } }
.arf__cert { position:relative; z-index:1; color:var(--at-tan); font-size:10px; font-weight:700; letter-spacing:.2em; }
.arf__back h3 { position:relative; z-index:1; margin:0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(26px,2.2vw,34px); font-weight:800; line-height:1; letter-spacing:.02em; }
.arf__card--lg .arf__back h3 { font-size:clamp(38px,3.6vw,54px); }
.arf__facts { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; border-block:1px solid var(--at-border); }
.arf__facts div { padding:10px 0; }
.arf__facts div:nth-child(even) { padding-inline-start:14px; border-inline-start:1px solid var(--at-border); }
.arf__facts div:nth-child(n+3) { border-top:1px solid var(--at-border); }
.arf__facts dt { color:var(--at-muted); font-size:9px; font-weight:700; letter-spacing:.14em; }
.arf__facts dd { margin:4px 0 0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.03em; line-height:1; }
.arf__card--lg .arf__facts dd { font-size:30px; }
.arf__line { position:relative; z-index:1; margin:0; color:var(--at-muted); font-size:13px; line-height:1.7; }
.arf__acts { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; }
.arf__wait, .arf__view { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.arf__wait { flex:1 1 auto; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; }
.arf__wait:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.arf__wait[aria-pressed="true"] { background:transparent; color:var(--at-tan); }
.arf__view { border:1px solid var(--at-border); background:transparent; color:var(--at-text); }
.arf__view:hover { border-color:var(--at-text); }

.arf__flip { position:absolute; top:12px; inset-inline-end:12px; z-index:6; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid rgba(244,240,232,.5); border-radius:50%; background:rgba(23,19,15,.55); color:#F4F0E8; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition:background var(--at-transition,.3s ease), transform .6s ease; }
.arf__flip:hover { background:var(--at-tan); }
.arf__card.is-flipped .arf__flip { transform:rotate(180deg); }
@media (hover:hover) { .arf__card:hover .arf__flip { transform:rotate(180deg); } }

.arf__assure { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:44px 0 0; padding:0; list-style:none; border:1px solid var(--at-border); background:var(--at-surface,#fff); }
.arf__assure li { display:flex; align-items:center; gap:16px; padding:24px 28px; color:var(--at-tan); }
.arf__assure li + li { border-inline-start:1px solid var(--at-border); }
.arf__assure svg { flex:0 0 auto; box-sizing:content-box; padding:11px; border:1px solid var(--at-tan); border-radius:50%; }
.arf__assure b { display:block; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.03em; }
.arf__assure p { margin:4px 0 0; color:var(--at-muted); font-size:13px; line-height:1.6; }
.arf__more { display:flex; justify-content:center; margin-top:40px; }
.arf__link { display:inline-flex; align-items:center; gap:14px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.1em; transition:color var(--at-transition,.3s ease), gap var(--at-transition,.3s ease); }
.arf__link svg { color:var(--at-tan); }
.arf__link:hover { gap:20px; color:var(--at-tan-hover); }
.arf :focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }

@media (max-width:1100px) {
  .arf__header { flex-direction:column; align-items:flex-start; gap:22px; }
  .arf__grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:clamp(300px,42vw,400px); }
  .arf__card--lg { grid-column:span 2; grid-row:span 1; }
  .arf__assure li { padding:20px 18px; gap:12px; }
}
@media (max-width:767px) {
  .arf { padding:4em 0; }
  .arf__scale { width:100%; }
  .arf__scale li { flex:1 1 0; justify-content:center; gap:8px; padding:12px 6px; font-size:10px; letter-spacing:.08em; }
  .arf__grid { grid-template-columns:minmax(0,1fr); grid-auto-rows:clamp(340px,96vw,420px); gap:16px; }
  .arf__card--lg { grid-column:auto; }
  .arf__back { padding:28px 24px; }
  .arf__assure { grid-template-columns:minmax(0,1fr); }
  .arf__assure li + li { border-inline-start:0; border-top:1px solid var(--at-border); }
}
@media (prefers-reduced-motion:reduce) { .arf *, .arf *::before { transition:none !important; } }


/* ---------------------------------------------------------------------
   3. SNEAKER STORIES · HISTORY & CULTURE  (.ass)
   --------------------------------------------------------------------- */
.ass { position:relative; overflow:hidden; padding:6em 0; background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); border-top:1px solid rgba(196,154,108,.35); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.ass * { box-sizing:border-box; }
.ass__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.ass__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:44px; }
.ass__heading { min-width:0; }
.ass__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.ass__title { margin:12px 0 12px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.ass__title span { color:var(--at-tan); }
.ass__sub { max-width:540px; margin:0; color:rgba(244,240,232,.7); font-size:14px; line-height:1.8; }
.ass__side { display:flex; flex:0 0 auto; align-items:center; gap:30px; }
.ass__count { color:rgba(244,240,232,.6); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.1em; }
.ass__count b { color:var(--at-tan); font-size:42px; font-weight:800; }
.ass__all { display:inline-flex; align-items:center; gap:14px; padding-bottom:6px; border-bottom:1px solid var(--at-tan); color:#F4F0E8; font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:gap var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.ass__all svg { color:var(--at-tan); }
.ass__all:hover { gap:20px; color:var(--at-tan); }

.ass__rail { display:flex; gap:10px; height:clamp(540px,46vw,700px); }
.ass__panel { position:relative; isolation:isolate; flex:1 1 0; min-width:0; overflow:hidden; border:1px solid rgba(244,240,232,.14); background:linear-gradient(145deg,var(--at-sand,#E5D8C5),var(--at-tan,#B78B5B)); transition:flex-grow .9s cubic-bezier(.2,.7,.2,1), border-color .5s ease; }
.ass__panel.is-open { flex-grow:5.4; border-color:rgba(196,154,108,.6); }
.ass__img { position:absolute; inset:0; z-index:-2; display:block; width:100%; height:100%; object-fit:cover; filter:grayscale(1) brightness(.7); transform:scale(1.08); transition:filter .9s ease, transform 1.4s ease; }
.ass__panel.is-open .ass__img { filter:none; transform:scale(1); }
.ass__panel.is-fallback .ass__img { display:none; }
.ass__panel::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,rgba(23,19,15,.94) 0%,rgba(23,19,15,.3) 55%,rgba(23,19,15,.55) 100%); content:""; }
.ass__tab { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:24px 0; border:0; background:transparent; color:#F4F0E8; transition:opacity .4s ease, background .4s ease; }
.ass__tab:hover { background:rgba(196,154,108,.12); }
.ass__idx { color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.2em; }
.ass__year { color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(46px,4.6vw,76px); font-weight:800; letter-spacing:.03em; line-height:1; writing-mode:vertical-rl; transform:rotate(180deg); -webkit-text-stroke:1.5px rgba(244,240,232,.85); transition:color .4s ease; }
.ass__tab:hover .ass__year { color:var(--at-tan); -webkit-text-stroke-color:var(--at-tan); }
.ass__panel.is-open .ass__tab { opacity:0; pointer-events:none; }

.ass__body { position:absolute; bottom:0; inset-inline-start:0; z-index:3; display:flex; flex-direction:column; width:min(560px,100%); padding:0 38px 38px; opacity:0; visibility:hidden; transform:translateY(24px); transition:opacity .45s ease, transform .6s ease, visibility 0s linear .45s; }
.ass__panel.is-open .ass__body { opacity:1; visibility:visible; transform:none; transition-delay:.4s,.4s,0s; }
.ass__big { margin-bottom:6px; color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(80px,9vw,150px); font-weight:800; line-height:.8; letter-spacing:.02em; -webkit-text-stroke:1.5px rgba(244,240,232,.75); }
.ass__era { margin-top:10px; color:var(--at-tan); font-size:12px; font-weight:700; letter-spacing:.18em; }
.ass__body h3 { margin:8px 0 14px; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(30px,3vw,44px); font-weight:800; line-height:1; letter-spacing:.02em; }
.ass__body p { margin:0 0 16px; color:rgba(244,240,232,.82); font-size:14px; line-height:1.8; }
.ass__note { padding-inline-start:16px; border-inline-start:2px solid var(--at-tan); }
.ass__note b { display:block; margin-bottom:4px; color:var(--at-tan); font-size:10px; letter-spacing:.18em; }
.ass__more { display:inline-flex; align-items:center; gap:14px; align-self:flex-start; padding-bottom:5px; border-bottom:1px solid var(--at-tan); color:#F4F0E8; font-size:12px; font-weight:700; letter-spacing:.1em; transition:gap var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.ass__more svg { color:var(--at-tan); }
.ass__more:hover { gap:20px; color:var(--at-tan); }
.ass :focus-visible { outline:2px solid var(--at-tan); outline-offset:-3px; }

@media (max-width:1100px) {
  .ass__header { flex-wrap:wrap; }
  .ass__rail { height:clamp(540px,62vw,640px); }
  .ass__panel.is-open { flex-grow:4.4; }
  .ass__body { padding:0 26px 28px; }
  .ass__note { display:none; }
}
@media (max-width:767px) {
  .ass { padding:4em 0; }
  .ass__header { flex-direction:column; align-items:flex-start; gap:20px; }
  .ass__side { gap:20px; }
  .ass__rail { flex-direction:column; gap:8px; height:auto; }
  .ass__panel { flex:none; height:92px; transition:height .85s cubic-bezier(.2,.7,.2,1), border-color .5s ease; }
  .ass__panel.is-open { flex-grow:0; height:min(600px,138vw); }
  .ass__tab { flex-direction:row; padding:0 22px; }
  .ass__year { font-size:44px; writing-mode:horizontal-tb; transform:none; }
  .ass__body { width:100%; padding:0 22px 24px; }
  .ass__big { font-size:80px; }
  .ass__note { display:block; }
}
@media (max-width:420px) { .ass__body p:not(.ass__note) { font-size:13px; line-height:1.7; } .ass__note { display:none; } }
@media (prefers-reduced-motion:reduce) { .ass *, .ass *::before { transition:none !important; } }


/* ---------------------------------------------------------------------
   4. SHOP THE LOOK · COMPLETE OUTFITS  (.astl)
   --------------------------------------------------------------------- */
.astl { position:relative; overflow:clip; padding:6em 0; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); border-top:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.astl * { box-sizing:border-box; }
.astl__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.astl__header { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:40px; }
.astl__heading { min-width:0; }
.astl__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.astl__title { margin:12px 0 12px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4vw,50px); font-weight:800; line-height:1.08; letter-spacing:.015em; }
.astl__title span { color:var(--at-tan); }
.astl__sub { max-width:560px; margin:0; color:var(--at-muted); font-size:14px; line-height:1.8; }
.astl__badge { display:flex; flex:0 0 auto; align-items:center; gap:14px; padding:12px 20px 12px 16px; border:1px solid var(--at-tan); color:var(--at-tan); }
.astl__badge b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:48px; font-weight:800; line-height:.85; }
.astl__badge small { font-size:10px; font-weight:700; letter-spacing:.16em; line-height:1.5; }

.astl__presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:28px; }
.astl__preset { display:flex; align-items:center; gap:16px; padding:14px 18px 14px 14px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-text); text-align:start; transition:border-color var(--at-transition,.3s ease), background var(--at-transition,.3s ease), color var(--at-transition,.3s ease), transform var(--at-transition,.3s ease); }
.astl__preset:hover { border-color:var(--at-tan); transform:translateY(-3px); }
.astl__preset[aria-pressed="true"] { border-color:var(--at-announcement-bg,#29231F); background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); }
.astl__thumbs { display:flex; flex:0 0 auto; }
.astl__thumbs figure { width:54px; height:54px; margin:0; overflow:hidden; border:2px solid var(--at-surface,#fff); background:var(--at-sand); }
.astl__thumbs figure + figure { margin-inline-start:-14px; }
.astl__preset[aria-pressed="true"] .astl__thumbs figure { border-color:var(--at-announcement-bg,#29231F); }
.astl__thumbs img { display:block; width:100%; height:100%; object-fit:cover; }
.astl__preset-t { display:flex; flex-direction:column; gap:4px; min-width:0; }
.astl__preset-t small { color:var(--at-tan); font-size:10px; font-weight:700; letter-spacing:.16em; }
.astl__preset-t b { overflow:hidden; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:24px; font-weight:700; letter-spacing:.03em; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.astl__preset-t em { font-size:12px; font-style:normal; font-weight:700; opacity:.75; }

.astl__builder { display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); gap:32px; align-items:start; }
.astl__board { position:sticky; top:120px; aspect-ratio:1 / 1.02; overflow:hidden; border:1px solid var(--at-border); background-color:var(--at-sand,#E5D8C5); background-image:linear-gradient(rgba(41,35,31,.06) 1px,transparent 1px), linear-gradient(90deg,rgba(41,35,31,.06) 1px,transparent 1px); background-size:34px 34px; }
.astl__board-label { position:absolute; top:16px; inset-inline-start:18px; z-index:3; color:var(--at-muted); font-size:10px; font-weight:700; letter-spacing:.2em; }
.astl__tile { position:absolute; margin:0; overflow:hidden; border:8px solid var(--at-surface,#fff); background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); box-shadow:0 18px 40px rgba(41,35,31,.22); transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.astl__tile--top { top:8%; left:6%; width:54%; height:50%; transform:rotate(-2.5deg); z-index:2; }
.astl__tile--bottom { top:15%; right:5%; width:38%; height:56%; transform:rotate(2.5deg); z-index:1; }
.astl__tile--shoe { bottom:5%; left:24%; width:52%; height:32%; transform:rotate(-1deg); z-index:3; }
@media (hover:hover) { .astl__tile:hover { transform:rotate(0) scale(1.03); z-index:5; } }
.astl__tile img { display:block; width:100%; height:100%; object-fit:cover; }
.astl__tile.is-fallback img { display:none; }
.astl__tile.is-pop img { animation:astl-pop .6s cubic-bezier(.2,.7,.2,1) both; }
@keyframes astl-pop { from { opacity:0; transform:scale(1.12); } to { opacity:1; transform:none; } }
.astl__tile figcaption { position:absolute; inset-inline:0; bottom:0; display:flex; flex-direction:column; gap:2px; padding:22px 14px 10px; background:linear-gradient(0deg,rgba(23,19,15,.82),transparent); color:#F4F0E8; }
.astl__tile small { color:var(--at-tan); font-size:9px; font-weight:700; letter-spacing:.16em; }
.astl__tile b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:20px; font-weight:700; letter-spacing:.03em; line-height:1.1; }

.astl__panel { border:1px solid var(--at-border); background:var(--at-surface,#fff); }
.astl__slot { padding:22px 26px; border-bottom:1px solid var(--at-border); }
.astl__slot-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.astl__slot-n { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:24px; font-weight:800; line-height:1; }
.astl__slot-l { color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.18em; }
.astl__slot-c { margin-inline-start:auto; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.12em; }
.astl__pick { display:grid; grid-template-columns:46px minmax(0,1fr) 46px; align-items:center; gap:14px; }
.astl__arr { display:grid; place-items:center; width:46px; height:46px; padding:0; border:1px solid var(--at-border); background:transparent; color:var(--at-text); transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.astl__arr:hover { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.astl__arr--prev svg { transform:scaleX(-1); }
.astl__main { display:flex; flex-direction:column; align-items:center; gap:3px; min-width:0; text-align:center; }
.astl__main small { color:var(--at-tan); font-size:10px; font-weight:700; letter-spacing:.16em; }
.astl__main b { max-width:100%; overflow:hidden; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:28px; font-weight:800; letter-spacing:.02em; line-height:1.05; text-overflow:ellipsis; white-space:nowrap; }
.astl__main strong { color:var(--at-muted); font-size:13px; }
.astl__sizerow { display:flex; align-items:center; gap:14px; margin-top:14px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.16em; }
.astl__size { flex:1 1 auto; min-height:44px; padding:0 34px 0 14px; border:1px solid var(--at-border); border-radius:0; background:var(--at-surface,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23B78B5B' stroke-width='1.6'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center / 14px; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.08em; -webkit-appearance:none; appearance:none; transition:border-color var(--at-transition,.3s ease); }
.astl__size:hover, .astl__size:focus { border-color:var(--at-tan); }
.astl__size.is-warn { border-color:#B8362B; animation:astl-shake .4s ease; }
@keyframes astl-shake { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-5px); } 75% { transform:translateX(5px); } }

.astl__total { padding:24px 26px 26px; background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); }
.astl__ready { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; color:rgba(244,240,232,.7); font-size:11px; font-weight:700; letter-spacing:.14em; }
.astl__ready b { color:var(--at-tan); }
.astl__segs { display:flex; gap:5px; }
.astl__segs i { display:block; width:34px; height:4px; background:rgba(244,240,232,.2); transition:background .4s ease; }
.astl__segs i.is-on { background:var(--at-tan); }
.astl__sum { margin:0 0 20px; }
.astl__sum div { display:flex; align-items:baseline; justify-content:space-between; gap:14px; padding:9px 0; border-bottom:1px solid rgba(244,240,232,.16); }
.astl__sum dt { color:rgba(244,240,232,.7); font-size:11px; font-weight:700; letter-spacing:.14em; }
.astl__sum dd { margin:0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.03em; }
.astl__save dd { color:var(--at-tan); }
.astl__grand { border-bottom:0 !important; padding-top:14px !important; }
.astl__grand dt { color:#F4F0E8; }
.astl__grand dd { font-size:44px; font-weight:800; line-height:1; }
.astl__act { display:flex; flex-wrap:wrap; gap:10px; }
.astl__shuffle, .astl__add { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 22px; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease), color var(--at-transition,.3s ease); }
.astl__shuffle { border:1px solid rgba(244,240,232,.4); background:transparent; color:#F4F0E8; }
.astl__shuffle:hover { border-color:#F4F0E8; background:#F4F0E8; color:#17130F; }
.astl__add { flex:1 1 180px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; }
.astl__add:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.astl__msg { min-height:18px; margin:12px 0 0; color:#E7D8C5; font-size:12px; line-height:1.5; }
.astl :focus-visible { outline:2px solid var(--at-tan); outline-offset:2px; }

@media (max-width:1100px) {
  .astl__header { flex-wrap:wrap; }
  .astl__preset { display:flex;flex-direction:column; }
  .astl__builder { grid-template-columns:minmax(0,1fr); }
  .astl__board { position:relative; top:auto; aspect-ratio:1 / .78; }
  .astl__tile--top { width:44%; height:62%; top:10%; }
  .astl__tile--bottom { width:32%; height:68%; top:12%; right:6%; }
  .astl__tile--shoe { width:44%; height:38%; bottom:6%; left:30%; }
}
@media (max-width:767px) {
  .astl { padding:4em 0; }
  .astl__badge { padding:10px 14px; }
  .astl__badge b { font-size:38px; }
  .astl__presets { display:flex; overflow-x:auto; gap:12px; padding:0 var(--at-gutter,1.5em) 6px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .astl__presets::-webkit-scrollbar { display:none; }
  .astl__preset { flex:0 0 78%; scroll-snap-align:start; }
  .astl__board { aspect-ratio:1 / 1.06; }
  .astl__tile { border-width:5px; }
  .astl__tile--top { width:56%; height:46%; top:9%; left:5%; }
  .astl__tile--bottom { width:40%; height:54%; top:14%; right:4%; }
  .astl__tile--shoe { width:54%; height:30%; bottom:5%; left:22%; }
  .astl__tile b { font-size:16px; }
  .astl__slot { padding:18px 16px; }
  .astl__pick { grid-template-columns:42px minmax(0,1fr) 42px; gap:10px; }
  .astl__arr { width:42px; height:42px; }
  .astl__main b { font-size:22px; }
  .astl__total { padding:20px 16px 22px; }
  .astl__grand dd { font-size:38px; }
  .astl__shuffle, .astl__add { flex:1 1 100%; }
}
@media (prefers-reduced-motion:reduce) { .astl *, .astl *::before { animation:none !important; transition:none !important; } }


/* ---------------------------------------------------------------------
   5. BEHIND THE BRAND · OUR STORY PREVIEW  (.abb)
   --------------------------------------------------------------------- */
.abb { position:relative; isolation:isolate; overflow:hidden; padding:7em 0 0; background:#17130F; color:#F4F0E8; border-top:1px solid rgba(196,154,108,.35); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.abb * { box-sizing:border-box; }
.abb__bg { position:absolute; inset:0; z-index:-2; margin:0; overflow:hidden; background:linear-gradient(145deg,#3A2F27,#17130F); }
.abb__bg img { position:absolute; top:-10%; left:0; display:block; width:100%; height:120%; object-fit:cover; will-change:transform; }
.abb__bg.is-fallback img { display:none; }
.abb::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(23,19,15,.92) 0%,rgba(23,19,15,.7) 50%,rgba(23,19,15,.45) 100%), linear-gradient(0deg,rgba(23,19,15,.85) 0%,rgba(23,19,15,0) 40%); content:""; }
.abb__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.abb__top { max-width:900px; margin-bottom:64px; }
.abb__eyebrow { display:block; color:var(--at-tan); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.abb__title { margin:14px 0 0; color:#F4F0E8; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(46px,6.4vw,104px); font-weight:800; line-height:1.3; letter-spacing:.01em; text-transform:uppercase; }
.abb__title span { display:block; color:transparent; -webkit-text-stroke:1.5px var(--at-tan); }

.abb__layout { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:clamp(24px,4vw,64px); align-items:end; padding-bottom:72px; }
.abb__line { position:relative; display:flex; flex-direction:column; }
.abb__line::before { position:absolute; top:12px; bottom:12px; inset-inline-start:7px; width:1px; background:rgba(244,240,232,.25); content:""; }
.abb__tl { position:relative; display:flex; align-items:baseline; gap:20px; padding:16px 0 16px 34px; border:0; background:transparent; color:rgba(244,240,232,.6); text-align:start; transition:color var(--at-transition,.3s ease); }
.abb__tl::before { position:absolute; top:50%; inset-inline-start:0; width:15px; height:15px; border:1px solid var(--at-tan); border-radius:50%; background:#17130F; content:""; transform:translateY(-50%); transition:background var(--at-transition,.3s ease), box-shadow var(--at-transition,.3s ease); }
.abb__tl b { color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(40px,4.2vw,64px); font-weight:800; letter-spacing:.03em; line-height:.9; -webkit-text-stroke:1.5px rgba(244,240,232,.55); transition:color var(--at-transition,.3s ease), -webkit-text-stroke-color var(--at-transition,.3s ease); }
.abb__tl span { font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.abb__tl:hover { color:#F4F0E8; }
.abb__tl:hover b { -webkit-text-stroke-color:var(--at-tan); }
.abb__tl[aria-selected="true"] { color:#F4F0E8; }
.abb__tl[aria-selected="true"] b { color:var(--at-tan); -webkit-text-stroke-color:var(--at-tan); }
.abb__tl[aria-selected="true"]::before { background:var(--at-tan); box-shadow:0 0 0 5px rgba(183,139,91,.25); }

.abb__stagewrap { position:relative; padding-top:80px; }
.abb__inset { position:absolute; top:0; inset-inline-end:44px; z-index:2; width:clamp(150px,15vw,230px); aspect-ratio:4 / 5; margin:0; overflow:hidden; border:8px solid var(--at-bg,#F4F0E8); background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); box-shadow:0 24px 50px rgba(0,0,0,.4); }
.abb__inset img { display:block; width:100%; height:100%; object-fit:cover; }
.abb__inset.is-fallback img { display:none; }
.abb__card { position:relative; padding:clamp(28px,3.4vw,52px); background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); box-shadow:0 30px 70px rgba(0,0,0,.45); }
.abb__card::before { position:absolute; inset:10px; border:1px solid var(--at-border,#DED4C5); content:""; pointer-events:none; }
.abb__card > * { position:relative; }
.abb__card.is-swap > * { animation:abb-in .6s ease both; }
.abb__card.is-swap > *:nth-child(2) { animation-delay:.05s; } .abb__card.is-swap > *:nth-child(3) { animation-delay:.1s; } .abb__card.is-swap > *:nth-child(4) { animation-delay:.15s; } .abb__card.is-swap > *:nth-child(5) { animation-delay:.2s; }
@keyframes abb-in { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
.abb__year { display:block; margin-bottom:10px; color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(64px,7vw,112px); font-weight:800; line-height:.8; letter-spacing:.02em; -webkit-text-stroke:1.5px var(--at-tan); }
.abb__card h3 { max-width:640px; margin:0 0 16px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(30px,3.2vw,48px); font-weight:800; line-height:1; letter-spacing:.02em; }
.abb__card p { max-width:600px; margin:0 0 26px; color:var(--at-muted,#65594F); font-size:15px; line-height:1.85; }
.abb__sign { display:flex; align-items:center; gap:14px; margin-bottom:26px; }
.abb__init { display:grid; flex:0 0 52px; place-items:center; width:52px; height:52px; border:1px solid var(--at-tan); border-radius:50%; color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:20px; font-weight:800; letter-spacing:.04em; }
.abb__sign span:last-child { display:flex; flex-direction:column; gap:3px; }
.abb__sign b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:22px; font-weight:700; letter-spacing:.03em; }
.abb__sign small { color:var(--at-muted); font-size:10px; font-weight:700; letter-spacing:.16em; }
.abb__cta { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:52px; padding:0 28px; border:1px solid var(--at-announcement-bg,#29231F); background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease), border-color var(--at-transition,.3s ease), gap var(--at-transition,.3s ease); }
.abb__cta svg { color:var(--at-tan); }
.abb__cta:hover { gap:20px; border-color:var(--at-tan); background:var(--at-tan); }
.abb__cta:hover svg { color:#fff; }

.abb__stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; list-style:none; border-top:1px solid rgba(244,240,232,.22); background:rgba(23,19,15,.6); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.abb__stats li { display:flex; align-items:baseline; justify-content:center; gap:14px; padding:30px 18px; }
.abb__stats li + li { border-inline-start:1px solid rgba(244,240,232,.18); }
.abb__stats b { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(44px,4.6vw,72px); font-weight:800; line-height:.85; }
.abb__stats span { color:rgba(244,240,232,.75); font-size:11px; font-weight:700; letter-spacing:.16em; }
.abb :focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }

@media (max-width:1100px) {
  .abb { padding-top:5em; }
  .abb__title { font-size:clamp(46px,3.4vw,104px);}
  .abb__top { margin-bottom:44px; }
  .abb__layout { grid-template-columns:minmax(0,1fr); gap:30px; padding-bottom:56px; }
  .abb__line { flex-direction:row; overflow-x:auto; scrollbar-width:none; }
  .abb__line::-webkit-scrollbar { display:none; }
  .abb__line::before { top:auto; bottom:auto; left:0; right:0; inset-inline-start:0; width:auto; height:1px; top:7px; }
  .abb__tl { flex:1 0 auto; flex-direction:column; gap:6px; padding:30px 28px 0 0; }
  .abb__tl::before { top:0; inset-inline-start:0; transform:none; }
  .abb__stats li { flex-direction:column; align-items:center; gap:8px; padding:24px 10px; text-align:center; }
}
@media (max-width:767px) {
  .abb { padding-top:4em; }
  .abb__title { font-size:clamp(36px,3.4vw,104px);}
  .abb__stagewrap { padding-top:64px; }
  .abb__inset { inset-inline-end:20px; width:116px; border-width:5px; }
  .abb__card { padding:26px 20px; }
  .abb__card::before { inset:6px; }
  .abb__card p { font-size:14px; }
  .abb__cta { width:100%; }
  .abb__tl b { font-size:38px; }
  .abb__tl span { font-size:10px; letter-spacing:.1em; }
  .abb__stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .abb__stats li:nth-child(3) { border-inline-start:0; }
  .abb__stats li:nth-child(n+3) { border-top:1px solid rgba(244,240,232,.18); }
  .abb__stats span { font-size:10px; letter-spacing:.1em; }
}
@media (prefers-reduced-motion:reduce) { .abb *, .abb *::before { animation:none !important; transition:none !important; } }  

/* ATELIER® — HERO BANNER · THE LATEST DROP */
.alh { --alh-dir:1; position:relative; isolation:isolate; overflow:hidden; padding:4.5em 0 0; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); border-bottom:1px solid var(--at-border,#DED4C5); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.alh * { box-sizing:border-box; }
.alh::before { position:absolute; inset:0; z-index:-1; content:""; pointer-events:none; background:radial-gradient(55% 65% at 76% 42%,rgba(183,139,91,.24),transparent 70%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(183,139,91,.14) calc(25% - 1px),rgba(183,139,91,.14) 25%); }
.alh__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.alh__grid { display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); align-items:center; gap:clamp(32px,5vw,90px); padding-bottom:clamp(40px,2vw,88px); }
.alh__copy { min-width:0; }

/* Heading */
.alh__eyebrow { display:inline-flex; align-items:center; gap:12px; color:var(--at-tan-hover,#9C7044); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.alh__eyebrow::before { width:36px; height:1px; background:var(--at-tan); content:""; }
.alh__eyebrow i { width:6px; height:6px; border-radius:50%; background:var(--at-tan-hover); box-shadow:0 0 0 4px rgba(156,112,68,.2); animation:alh-pulse 2s ease-in-out infinite; }
.alh__eyebrow b { font-weight:700; font-variant-numeric:tabular-nums; }
.alh__title { margin:16px 0 20px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(68px,6.6vw,156px); font-weight:800; line-height:.88; letter-spacing:.01em; text-transform:uppercase; }
.alh__line { display:block; overflow:hidden; padding-bottom:.05em; }
.alh__line > span { display:block; animation:alh-up .95s cubic-bezier(.2,.7,.2,1) both; }
.alh__line--b { color:var(--at-tan-hover,#9C7044); }
.alh__line--b > span { animation-delay:.14s; }
.alh__line--b i { color:var(--at-text); font-style:normal; }
.alh__no { margin-inline-start:14px; color:var(--at-muted); font-family:var(--at-body,"DM Sans",sans-serif); font-size:13px; font-weight:700; letter-spacing:.16em; vertical-align:top; line-height:1; }
.alh__no b { color:var(--at-text); font-weight:700; }
.alh__sub { max-width:500px; margin:0 0 26px; color:var(--at-muted); font-size:14px; line-height:1.8; }

/* Now showing */
.alh__now { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:20px; margin-bottom:22px; padding:18px 0; border-top:1px solid var(--at-border); border-bottom:1px solid var(--at-border); }
.alh__label { display:block; margin-bottom:6px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.alh__name { margin:0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(30px,3vw,46px); font-weight:800; line-height:1.02; letter-spacing:.015em; }
.alh__name em { color:var(--at-tan-hover); font-style:normal; font-weight:600; letter-spacing:.06em; }
.alh__price { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(34px,3.4vw,48px); font-weight:800; line-height:1; letter-spacing:.02em; font-variant-numeric:tabular-nums; }

/* Clock */
.alh__clock-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.alh__clock-head b { color:var(--at-text); font-weight:700; }
.alh__clock { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; max-width:560px; }
.alh__unit { display:grid; justify-items:center; gap:4px; padding:14px 6px 12px; border:1px solid var(--at-border); background:var(--at-surface,#fff); }
.alh__unit b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(34px,3vw,50px); font-weight:800; line-height:1; letter-spacing:.02em; font-variant-numeric:tabular-nums; }
.alh__unit small { color:var(--at-muted); font-size:10px; font-weight:700; letter-spacing:.16em; }
.alh__unit--sec { border-color:var(--at-tan); }
.alh__unit--sec b { color:var(--at-tan-hover); }

/* CTA */
.alh__cta { display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; margin:26px 0 30px; }
.alh__btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:56px; padding:0 30px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-size:12px; font-weight:700; letter-spacing:.1em; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.alh__btn:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.alh__btn svg { transition:transform var(--at-transition,.3s ease); }
.alh__btn:hover svg { transform:translateX(4px); }
.alh__ghost { padding:0 0 5px; border-bottom:1px solid var(--at-tan); color:var(--at-text); font-size:12px; font-weight:700; letter-spacing:.12em; transition:color var(--at-transition,.3s ease); }
.alh__ghost:hover { color:var(--at-tan-hover); }

/* Dock */
.alh__dock { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.alh__item { position:relative; display:flex; align-items:center; gap:12px; min-width:0; padding:10px 12px 12px 10px; overflow:hidden; border:1px solid var(--at-border); background:var(--at-bg,#F4F0E8); color:var(--at-text); text-align:start; transition:border-color var(--at-transition,.3s ease),background var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.alh__item:hover { border-color:var(--at-tan); transform:translateY(-3px); }
.alh__item[aria-selected="true"] { border-color:var(--at-tan); background:var(--at-surface,#fff); }
.alh__thumb { flex:0 0 auto; width:54px; height:54px; overflow:hidden; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); }
.alh__thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.alh__thumb.is-fallback img { display:none; }
.alh__item-main { display:flex; flex-direction:column; min-width:0; }
.alh__item-main small { color:var(--at-tan-hover); font-size:11px; font-weight:700; letter-spacing:.14em; }
.alh__item-main b { overflow:hidden; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:20px; font-weight:700; line-height:1.15; letter-spacing:.015em; text-overflow:ellipsis; white-space:nowrap; }
.alh__bar { position:absolute; inset-inline:0; bottom:0; height:3px; background:transparent; }
.alh__bar i { display:block; width:100%; height:100%; background:var(--at-tan); transform:scaleX(0); transform-origin:left; }
.alh__item[aria-selected="true"] .alh__bar i { animation:alh-prog 7s linear forwards; }
.alh.is-paused .alh__bar i, .alh.is-hover .alh__bar i, .alh.is-off .alh__bar i { animation-play-state:paused; }

.alh__ctrl { display:flex; align-items:center; gap:18px; margin-top:14px; }
.alh__count { color:var(--at-muted); font-size:12px; font-weight:700; letter-spacing:.14em; font-variant-numeric:tabular-nums; }
.alh__count b { color:var(--at-text); }
.alh__arrows { display:flex; gap:8px; margin-inline-start:auto; }
.alh__arrows button { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid var(--at-border); background:transparent; color:var(--at-text); transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.alh__arrows button:first-child svg { transform:scaleX(-1); }
.alh__arrows button:hover { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.alh__pause { display:inline-flex; align-items:center; gap:9px; padding:0 0 4px; border:0; border-bottom:1px solid var(--at-tan); background:transparent; color:var(--at-text); font-size:11px; font-weight:700; letter-spacing:.14em; }
.alh__bars { display:inline-flex; gap:3px; }
.alh__bars i { width:3px; height:11px; background:currentColor; }
.alh__pause[aria-pressed="true"] .alh__bars i:last-child { display:none; }
.alh__pause[aria-pressed="true"] .alh__bars i:first-child { width:0; height:0; border-block:6px solid transparent; border-inline-start:9px solid currentColor; background:transparent; }

/* Stage */
.alh__stage { position:relative; min-width:0; padding:30px 34px 70px 0; animation:alh-rise 1.1s cubic-bezier(.2,.7,.2,1) .15s both; }
.alh__ghost { position:absolute; z-index:0; top:-8%; inset-inline-end:-4%; color:transparent; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(130px,6vw,340px); font-weight:800; line-height:.8; letter-spacing:.02em; -webkit-text-stroke:1.5px rgba(156,112,68,.5); pointer-events:none; user-select:none; white-space:nowrap; }
.alh__frame { position:relative; z-index:1; width:min(100%,520px); margin-inline:auto; aspect-ratio:4/5; transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); transition:transform .25s ease-out; will-change:transform; }
.alh__frame::before { position:absolute; inset:0; border:1px solid var(--at-tan); border-radius:999px 999px 0 0; content:""; transform:translate(calc(22px * var(--alh-dir)),22px); }
.alh__arch { position:relative; width:100%; height:100%; margin:0; overflow:hidden; border-radius:999px 999px 0 0; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); box-shadow:0 30px 70px rgba(41,35,31,.28); }
.alh__arch img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; transition:opacity .3s ease,transform 1.4s ease; }
.alh__arch.is-fallback img { display:none; }
.alh__arch::after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(23,19,15,0) 55%,rgba(23,19,15,.55) 100%); content:""; pointer-events:none; }
.alh__frame.is-swap .alh__arch img { opacity:0; transform:scale(1.06); }
@media (hover:hover) { .alh__stage:hover .alh__arch img { transform:scale(1.04); } }

.alh__seal { position:absolute; z-index:3; top:8%; inset-inline-start:0; display:grid; place-items:center; width:112px; height:112px; border-radius:50%; background:var(--at-announcement-bg,#29231F); box-shadow:0 14px 34px rgba(41,35,31,.3); }
.alh__seal svg { position:absolute; inset:0; width:100%; height:100%; animation:alh-spin 18s linear infinite; }
.alh__seal text { fill:#E7D8C5; font-family:var(--at-body,"DM Sans",sans-serif); font-size:9px; font-weight:700; letter-spacing:.2em; }
.alh__seal b { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:26px; font-weight:800; letter-spacing:.06em; }

.alh__tag { position:absolute; z-index:3; bottom:0; inset-inline-end:0; display:flex; align-items:center; justify-content:space-between; gap:18px; width:min(300px,78%); padding:16px 16px 16px 20px; border:1px solid var(--at-tan); background:var(--at-surface,#fff); box-shadow:0 22px 50px rgba(41,35,31,.18); }
.alh__tag small { display:block; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.12em; }
.alh__tag b { display:block; margin:4px 0; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:26px; font-weight:700; line-height:1.1; letter-spacing:.015em; }
.alh__tag span { color:var(--at-tan-hover); font-size:16px; font-weight:700; }
.alh__wish { display:grid; flex:0 0 auto; place-items:center; width:46px; height:46px; padding:0; border:1px solid var(--at-border); background:transparent; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.alh__wish svg { width:20px; height:20px; fill:none; stroke:var(--at-text); stroke-width:1.6; transition:fill .3s ease,stroke .3s ease,transform .3s ease; }
.alh__wish:hover { border-color:var(--at-tan); }
.alh__wish[aria-pressed="true"] { border-color:var(--at-tan); background:var(--at-tan); }
.alh__wish[aria-pressed="true"] svg { fill:#fff; stroke:#fff; transform:scale(1.12); }

/* Hotspots */
.alh__spot { position:absolute; z-index:4; display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:50%; background:rgba(244,240,232,.9); }
.alh__spot i { width:10px; height:10px; border-radius:50%; background:var(--at-tan-hover); }
.alh__spot::after { position:absolute; inset:0; border:1px solid var(--at-tan); border-radius:50%; content:""; animation:alh-ring 2.2s ease-out infinite; }
.alh__spot span { position:absolute; bottom:calc(100% + 10px); left:50%; padding:8px 11px; background:var(--at-announcement-bg,#29231F); color:#F4F0E8; font-size:11px; font-weight:700; letter-spacing:.08em; white-space:nowrap; opacity:0; pointer-events:none; transform:translate(-50%,6px); transition:opacity .25s ease,transform .25s ease; }
.alh__spot:hover span, .alh__spot:focus-visible span, .alh__spot.is-open span { opacity:1; transform:translate(-50%,0); }
.alh__spot--1 { top:44%; left:20%; }
.alh__spot--2 { top:66%; left:68%; }

/* Trust strip */
.alh__strip { background:var(--at-announcement-bg,#29231F); color:var(--at-announcement-text,#F4F0E8); border-top:1px solid rgba(183,139,91,.45); }
.alh__strip-in { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); list-style:none; }
.alh__strip-in li { display:flex; align-items:center; gap:14px; padding:22px 18px; border-inline-start:1px solid rgba(244,240,232,.14); }
.alh__strip-in li:first-child { padding-inline-start:0; border-inline-start:0; }
.alh__strip-in svg { flex:0 0 auto; color:var(--at-tan); }
.alh__strip-in b { display:block; font-size:13px; font-weight:700; letter-spacing:.04em; }
.alh__strip-in small { display:block; margin-top:3px; color:#CDBBA6; font-size:12px; }

/* Focus */
.alh button:focus-visible, .alh a:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }

/* Motion */
@keyframes alh-up { from { transform:translateY(105%); } to { transform:translateY(0); } }
@keyframes alh-rise { from { opacity:0; transform:translateY(40px); } to { opacity:1; transform:translateY(0); } }
@keyframes alh-prog { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes alh-spin { to { transform:rotate(360deg); } }
@keyframes alh-ring { 0% { transform:scale(1); opacity:.9; } 100% { transform:scale(2.1); opacity:0; } }
@keyframes alh-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(156,112,68,.2); } 50% { box-shadow:0 0 0 7px rgba(156,112,68,0); } }

/* Tablet */
@media (max-width:1100px) {
  .alh { padding-top:3.5em; }
  .alh__grid { grid-template-columns:minmax(0,1fr); gap:56px; }
  .alh__sub, .alh__clock { max-width:640px; }
  .alh__stage { max-width:620px; width:100%; margin:0 auto; padding-inline-end:28px; }
  .alh__strip-in { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .alh__strip-in li:nth-child(odd) { padding-inline-start:0; border-inline-start:0; }
  .alh__strip-in li:nth-child(n+3) { border-top:1px solid rgba(244,240,232,.14); }
}

/* Mobile */
@media (max-width:767px) {
  .alh { padding-top:2.5em; }
  .alh__grid { gap:44px; padding-bottom:44px; }
  .alh__title { font-size:clamp(60px,19vw,92px); }
  .alh__no { margin-inline-start:8px; font-size:11px; }
  .alh__now { grid-template-columns:minmax(0,1fr); gap:10px; }
  .alh__clock { gap:6px; }
  .alh__unit { padding:12px 4px 10px; }
  .alh__cta { flex-direction:column; align-items:stretch; gap:18px; }
  .alh__ghost { align-self:center; }
  .alh__dock { gap:6px; }
  .alh__item { flex-direction:column; align-items:flex-start; gap:8px; padding:8px 8px 12px; }
  .alh__thumb { width:100%; height:auto; aspect-ratio:1/1; }
  .alh__item-main b { font-size:16px; }
  .alh__ctrl { flex-wrap:wrap; gap:12px 16px; }
  .alh__stage { padding:20px 18px 64px 0; }
  .alh__frame { width:88%; }
  .alh__frame::before { transform:translate(calc(14px * var(--alh-dir)),14px); }
  .alh__seal { top:4%; width:84px; height:84px; }
  .alh__seal text { font-size:8px; }
  .alh__seal b { font-size:20px; }
  .alh__tag { width:84%; padding:12px 12px 12px 16px; }
  .alh__tag b { font-size:22px; }
  .alh__strip-in { padding:0 var(--at-gutter,1.5em); }
  .alh__strip-in li { flex-direction:column; align-items:flex-start; gap:8px; padding:18px 12px; }
  .alh__strip-in small { display:none; }
}

@media (max-width:420px) {
  .alh__item-main small { font-size:10px; }
  .alh__item-main b { font-size:14px; }
  .alh__spot { width:26px; height:26px; }
}

@media (prefers-reduced-motion:reduce) {
  .alh__line > span, .alh__stage, .alh__seal svg, .alh__spot::after, .alh__eyebrow i { animation:none; }
  .alh__item[aria-selected="true"] .alh__bar i { animation:none; transform:scaleX(1); }
  .alh__frame, .alh__arch img { transition:none; }
}

/* ATELIER® — UTILITY PAGES · SHARED SHELL (404 + COMING SOON) */
.ax-body { min-height:100vh; margin:0; background:var(--at-bg,#F4F0E8); }
.ax-tools { position:fixed; top:18px; inset-inline-end:var(--at-gutter,5em); z-index:100; display:flex; align-items:center; gap:10px; }
.ax-tools .at-rtl-toggle { background:var(--at-bg,#F4F0E8); }
.ax-brand { display:inline-flex; align-items:flex-start; margin-bottom:clamp(28px,4vw,52px); color:var(--at-text,#29231F); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:32px; font-weight:700; letter-spacing:.09em; line-height:.95; }
.ax-brand sup { margin-inline-start:2px; font-family:var(--at-body,"DM Sans",sans-serif); font-size:10px; }

@keyframes ax-up { from { transform:translateY(105%); } to { transform:translateY(0); } }
@keyframes ax-rise { from { opacity:0; transform:translateY(36px); } to { opacity:1; transform:translateY(0); } }
@keyframes ax-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(156,112,68,.2); } 50% { box-shadow:0 0 0 7px rgba(156,112,68,0); } }
@keyframes ax-spin { to { transform:rotate(360deg); } }
@keyframes ax-shake { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-5px); } 75% { transform:translateX(5px); } }

/* ATELIER® — 404 · PAGE NOT FOUND */
.a4 { position:relative; isolation:isolate; display:grid; align-items:center; min-height:100vh; min-height:100svh; overflow:hidden; padding:6.5em 0 3.5em; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.a4 * { box-sizing:border-box; }
.a4::before { position:absolute; inset:0; z-index:-1; content:""; pointer-events:none; background:radial-gradient(50% 60% at 78% 40%,rgba(183,139,91,.24),transparent 70%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(183,139,91,.14) calc(25% - 1px),rgba(183,139,91,.14) 25%); }
.a4__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.a4__grid { display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); align-items:center; gap:clamp(32px,5vw,90px); }
.a4__copy { min-width:0; }

.a4__eyebrow { display:inline-flex; align-items:center; gap:12px; color:var(--at-tan-hover,#9C7044); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.a4__eyebrow::before { width:36px; height:1px; background:var(--at-tan); content:""; }
.a4__eyebrow i { width:6px; height:6px; border-radius:50%; background:var(--at-tan-hover); animation:ax-pulse 2s ease-in-out infinite; }
.a4__title { margin:16px 0 20px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(50px,6.6vw,108px); font-weight:800; line-height:.92; letter-spacing:.01em; text-transform:uppercase; }
.a4__line { display:block; overflow:hidden; padding-bottom:.05em; }
.a4__line > span { display:block; animation:ax-up .95s cubic-bezier(.2,.7,.2,1) both; }
.a4__line:nth-child(2) > span { animation-delay:.1s; }
.a4__line:nth-child(3) > span { animation-delay:.2s; }
.a4__line--tan { color:var(--at-tan-hover,#9C7044); }
.a4__sub { max-width:520px; margin:0 0 22px; color:var(--at-muted); font-size:14px; line-height:1.8; }
.a4__path { display:inline-flex; align-items:center; gap:12px; max-width:100%; margin:0 0 22px; padding:8px 12px; border:1px dashed var(--at-border); }
.a4__path small { flex:0 0 auto; color:var(--at-muted); font-size:10px; font-weight:700; letter-spacing:.16em; }
.a4__path code { overflow:hidden; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:13px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; direction:ltr; unicode-bidi:isolate; }

.a4__search { display:flex; gap:10px; max-width:600px; }
.a4__field { display:flex; flex:1 1 auto; align-items:center; gap:12px; min-width:0; padding:0 16px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-tan); transition:border-color var(--at-transition,.3s ease); }
.a4__field:focus-within { border-color:var(--at-tan); }
.a4__field input { flex:1 1 auto; min-width:0; min-height:56px; padding:0; border:0; outline:0; background:transparent; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.a4__field input::placeholder { color:var(--at-muted); opacity:.85; }
.a4__field kbd { display:grid; place-items:center; width:24px; height:24px; border:1px solid var(--at-border); color:var(--at-muted); font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; }
.a4__btn { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:12px; min-height:56px; padding:0 28px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.a4__btn:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.a4__btn svg { transition:transform var(--at-transition,.3s ease); }
.a4__btn:hover svg { transform:translateX(4px); }
.a4__btn.is-warn, .a4__search.is-warn { animation:ax-shake .4s ease; }
.a4__msg { min-height:20px; margin:10px 0 0; color:var(--at-tan-hover); font-size:13px; line-height:1.5; }
.a4__msg.is-error { color:#A8412F; }
.a4__pop { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:6px; }
.a4__pop span { margin-inline-end:6px; color:var(--at-muted); font-size:11px; font-weight:700; letter-spacing:.14em; }
.a4__pop button { padding:8px 14px; border:1px solid var(--at-border); background:transparent; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:13px; font-weight:600; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.a4__pop button:hover { border-color:var(--at-tan); background:var(--at-tan); color:#fff; }
.a4__cta { display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px; margin-top:28px; }
.a4__link { padding:0 0 5px; border:0; border-bottom:1px solid var(--at-tan); background:transparent; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.12em; transition:color var(--at-transition,.3s ease); }
.a4__link:hover { color:var(--at-tan-hover); }

/* Stage */
.a4__stage { position:relative; display:grid; place-items:center; min-height:clamp(320px,38vw,560px); animation:ax-rise 1.1s cubic-bezier(.2,.7,.2,1) .15s both; }
.a4__digits { position:relative; z-index:1; display:flex; align-items:flex-end; justify-content:center; gap:.03em; direction:ltr; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(140px,19vw,320px); font-weight:800; line-height:.8; letter-spacing:.02em; transform:translate3d(calc(var(--px,0px) * -1),calc(var(--py,0px) * -1),0); transition:transform .25s ease-out; }
.a4__d { display:block; }
.a4__d--out { color:transparent; -webkit-text-stroke:2px var(--at-tan-hover,#9C7044); }
.a4__d--solid { color:var(--at-tan-hover,#9C7044); }
.a4__arch { position:relative; flex:0 0 auto; width:.5em; height:.76em; margin:0 .03em; overflow:hidden; border-radius:999px 999px 0 0; background:linear-gradient(145deg,var(--at-sand),var(--at-tan)); box-shadow:0 24px 50px rgba(41,35,31,.28); }
.a4__arch::before { position:absolute; inset:0; z-index:1; border:1px solid rgba(244,240,232,.55); border-radius:999px 999px 0 0; content:""; }
.a4__arch img { display:block; width:100%; height:100%; object-fit:cover; }
.a4__arch.is-fallback img { display:none; }
.a4__tag { position:absolute; z-index:2; padding:8px 12px; border:1px solid var(--at-tan); background:var(--at-surface,#fff); color:var(--at-text); font-size:11px; font-weight:700; letter-spacing:.12em; white-space:nowrap; box-shadow:0 14px 30px rgba(41,35,31,.14); transform:translate3d(var(--px,0px),var(--py,0px),0); transition:transform .25s ease-out; }
.a4__tag--1 { top:12%; inset-inline-start:0; }
.a4__tag--2 { bottom:10%; inset-inline-end:0; background:var(--at-tan); border-color:var(--at-tan); color:#fff; }
.a4__seal { position:absolute; z-index:2; top:4%; inset-inline-end:2%; display:grid; place-items:center; width:104px; height:104px; border-radius:50%; background:var(--at-announcement-bg,#29231F); box-shadow:0 14px 34px rgba(41,35,31,.3); }
.a4__seal svg { position:absolute; inset:0; width:100%; height:100%; animation:ax-spin 18s linear infinite; }
.a4__seal text { fill:#E7D8C5; font-family:var(--at-body,"DM Sans",sans-serif); font-size:9px; font-weight:700; letter-spacing:.2em; }
.a4__seal b { color:var(--at-tan); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:36px; font-weight:800; }

/* Helpful links */
.a4__links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:clamp(40px,5vw,72px); border:1px solid var(--at-border); background:var(--at-surface,#fff); }
.a4__links a { display:flex; align-items:center; gap:16px; padding:22px 24px; border-inline-start:1px solid var(--at-border); transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.a4__links a:first-child { border-inline-start:0; }
.a4__num { color:var(--at-tan-hover); font-size:11px; font-weight:700; letter-spacing:.14em; transition:color var(--at-transition,.3s ease); }
.a4__lbl { display:flex; flex:1 1 auto; flex-direction:column; min-width:0; }
.a4__lbl b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:24px; font-weight:700; line-height:1.1; letter-spacing:.015em; }
.a4__lbl small { margin-top:4px; color:var(--at-muted); font-size:12px; transition:color var(--at-transition,.3s ease); }
.a4__go { display:grid; flex:0 0 auto; place-items:center; width:36px; height:36px; border:1px solid var(--at-border); transition:transform .4s ease,border-color var(--at-transition,.3s ease); }
.a4__links a:hover { background:var(--at-tan); color:#fff; }
.a4__links a:hover .a4__num, .a4__links a:hover .a4__lbl small { color:rgba(255,255,255,.85); }
.a4__links a:hover .a4__go { border-color:rgba(255,255,255,.7); transform:rotate(45deg); }
.a4 button:focus-visible, .a4 a:focus-visible, .a4 input:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }

/* ATELIER® — COMING SOON · THE DROP ROOM */
.acs { position:relative; isolation:isolate; display:grid; align-items:center; min-height:100vh; min-height:100svh; overflow:hidden; padding:6.5em 0 3.5em; background:var(--at-bg,#F4F0E8); color:var(--at-text,#29231F); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; transition:background var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.acs * { box-sizing:border-box; }
.acs::before { position:absolute; inset:0; z-index:-1; content:""; pointer-events:none; background:radial-gradient(50% 60% at 82% 50%,rgba(183,139,91,.22),transparent 70%),repeating-linear-gradient(0deg,transparent 0,transparent calc(12.5% - 1px),rgba(183,139,91,.1) calc(12.5% - 1px),rgba(183,139,91,.1) 12.5%); }
.acs__container { width:100%; max-width:var(--at-container,1600px); margin:0 auto; padding:0 var(--at-gutter,5em); }
.acs__grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); align-items:center; gap:clamp(32px,5vw,84px); }
.acs__copy { min-width:0; }
.acs__eyebrow { display:inline-flex; align-items:center; gap:12px; color:var(--at-tan-hover,#9C7044); font-size:14px; font-weight:700; letter-spacing:.12em; line-height:1.6; }
.acs__eyebrow::before { width:36px; height:1px; background:var(--at-tan); content:""; }
.acs__eyebrow i { width:6px; height:6px; border-radius:50%; background:var(--at-tan-hover); animation:ax-pulse 2s ease-in-out infinite; }
.acs__title { margin:16px 0 20px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(50px,6.2vw,100px); font-weight:800; line-height:.92; letter-spacing:.01em; text-transform:uppercase; }
.acs__line { display:block; overflow:hidden; padding-bottom:.05em; }
.acs__line > span { display:block; animation:ax-up .95s cubic-bezier(.2,.7,.2,1) both; }
.acs__line:nth-child(2) > span { animation-delay:.1s; }
.acs__line:nth-child(3) > span { animation-delay:.2s; }
.acs__line--tan { color:var(--at-tan-hover,#9C7044); }
.acs__sub { max-width:500px; margin:0 0 26px; color:var(--at-muted); font-size:14px; line-height:1.8; }

.acs__form { display:flex; gap:10px; max-width:560px; }
.acs__field { display:flex; flex:1 1 auto; align-items:center; gap:12px; min-width:0; padding:0 16px; border:1px solid var(--at-border); background:var(--at-surface,#fff); color:var(--at-tan); transition:border-color var(--at-transition,.3s ease); }
.acs__field:focus-within { border-color:var(--at-tan); }
.acs__field input { flex:1 1 auto; min-width:0; min-height:56px; padding:0; border:0; outline:0; background:transparent; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:14px; }
.acs__field input::placeholder { color:var(--at-muted); opacity:.85; }
.acs__btn { flex:0 0 auto; min-height:56px; padding:0 26px; border:1px solid var(--at-tan); background:var(--at-tan); color:#fff; font-family:var(--at-body,"DM Sans",sans-serif); font-size:12px; font-weight:700; letter-spacing:.1em; white-space:nowrap; transition:background var(--at-transition,.3s ease),border-color var(--at-transition,.3s ease); }
.acs__btn:hover { border-color:var(--at-tan-hover); background:var(--at-tan-hover); }
.acs__btn--sm { min-height:46px; padding:0 20px; }
.acs__form.is-warn { animation:ax-shake .4s ease; }
.acs__msg { min-height:20px; margin:10px 0 0; color:var(--at-tan-hover); font-size:13px; line-height:1.5; }
.acs__msg.is-error { color:#A8412F; }
.acs__fine { margin:6px 0 0; color:var(--at-muted); font-size:12px; letter-spacing:.04em; }
.acs__fine b { color:var(--at-text); font-variant-numeric:tabular-nums; }
.acs__link { padding:0 0 4px; border:0; border-bottom:1px solid var(--at-tan); background:transparent; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-weight:700; letter-spacing:.14em; }
.acs__link:hover { color:var(--at-tan-hover); }
.acs__cal { display:inline-flex; align-items:center; gap:10px; margin-top:26px; padding:0 0 5px; border:0; border-bottom:1px solid var(--at-border); background:transparent; color:var(--at-text); font-family:var(--at-body,"DM Sans",sans-serif); font-size:11px; font-weight:700; letter-spacing:.14em; transition:border-color var(--at-transition,.3s ease),color var(--at-transition,.3s ease); }
.acs__cal svg { color:var(--at-tan); }
.acs__cal:hover { border-color:var(--at-tan); color:var(--at-tan-hover); }

/* Pass */
.acs__pass { max-width:560px; padding:22px; border:1px solid var(--at-tan); background:var(--at-surface,#fff); box-shadow:0 22px 50px rgba(41,35,31,.14); animation:ax-rise .7s ease both; }
.acs__pass[hidden] { display:none; }
.acs__pass-label { display:block; color:var(--at-tan-hover); font-size:12px; font-weight:700; letter-spacing:.2em; }
.acs__pass-row { display:flex; align-items:center; gap:22px; margin:14px 0 18px; padding:16px 0; border-block:1px dashed var(--at-border); }
.acs__pass-no { color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(52px,6vw,76px); font-weight:800; line-height:.9; letter-spacing:.02em; font-variant-numeric:tabular-nums; direction:ltr; unicode-bidi:isolate; }
.acs__pass small { display:block; color:var(--at-muted); font-size:10px; font-weight:700; letter-spacing:.16em; }
.acs__pass code { display:block; margin:4px 0 6px; color:var(--at-text); font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:26px; font-weight:700; letter-spacing:.1em; direction:ltr; unicode-bidi:isolate; }
.acs__pass-mail { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:.04em !important; font-weight:600 !important; }
.acs__pass-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; }

/* Drop room panel (always espresso) */
.acs__panel { position:relative; min-width:0; overflow:hidden; padding:clamp(22px,3vw,44px); border:1px solid var(--at-tan); background:var(--at-announcement-bg,#29231F); color:#F4F0E8; box-shadow:0 30px 70px rgba(41,35,31,.3); animation:ax-rise 1.1s cubic-bezier(.2,.7,.2,1) .15s both; }
.acs__panel::before { position:absolute; inset:0; content:""; pointer-events:none; background:radial-gradient(circle at 85% 0%,rgba(183,139,91,.28),transparent 55%); }
.acs__panel > * { position:relative; }
.acs__panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; color:#D8B987; font-size:11px; font-weight:700; letter-spacing:.16em; }
.acs__panel-head b { color:#F4F0E8; font-weight:700; font-variant-numeric:tabular-nums; }
.acs__clock { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(8px,1.4vw,18px); direction:ltr; }
.acs__unit { display:grid; justify-items:center; gap:10px; }
.acs__digits { display:flex; gap:4px; width:100%; }
.acs__d { position:relative; flex:1 1 0; display:grid; place-items:center; height:clamp(70px,9vw,132px); overflow:hidden; border:1px solid rgba(244,240,232,.16); background:rgba(244,240,232,.06); }
.acs__d::after { position:absolute; inset-inline:0; top:50%; height:1px; background:rgba(0,0,0,.45); content:""; }
.acs__d b { font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(44px,6vw,98px); font-weight:800; line-height:1; letter-spacing:.02em; font-variant-numeric:tabular-nums; }
.acs__d b.is-tick { animation:acs-tick .45s cubic-bezier(.2,.7,.2,1); }
.acs__unit small { color:#CDBBA6; font-size:10px; font-weight:700; letter-spacing:.18em; }
.acs__unit--sec .acs__d b { color:#D8B987; }
@keyframes acs-tick { from { transform:translateY(-60%); opacity:0; } to { transform:translateY(0); opacity:1; } }

.acs__meter { margin:26px 0 22px; padding:16px 0; border-block:1px solid rgba(244,240,232,.14); }
.acs__meter-row { display:flex; justify-content:space-between; gap:12px; color:#CDBBA6; font-size:11px; font-weight:700; letter-spacing:.16em; }
.acs__meter-row b { color:#F4F0E8; font-variant-numeric:tabular-nums; }
.acs__seg { display:grid; grid-template-columns:repeat(30,minmax(0,1fr)); gap:3px; margin-top:12px; direction:ltr; }
.acs__seg i { height:10px; background:rgba(244,240,232,.14); transition:background .25s ease; }
.acs__seg i.is-on { background:var(--at-tan); }

.acs__locks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.acs__lock { position:relative; display:block; aspect-ratio:3/4; padding:0; overflow:hidden; border:1px solid rgba(244,240,232,.2); background:linear-gradient(145deg,#49392D,var(--at-tan)); color:#F4F0E8; text-align:start; transition:border-color var(--at-transition,.3s ease),transform var(--at-transition,.3s ease); }
.acs__lock img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; filter:blur(12px) saturate(.85); transform:scale(1.18); transition:filter .5s ease; }
.acs__lock::before { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(23,19,15,.25) 0%,rgba(23,19,15,.8) 100%); content:""; }
.acs__ico { position:absolute; z-index:2; top:50%; left:50%; display:grid; place-items:center; width:46px; height:46px; border:1px solid rgba(244,240,232,.6); border-radius:50%; background:rgba(23,19,15,.4); transform:translate(-50%,-70%); }
.acs__cap { position:absolute; z-index:2; inset-inline:12px; bottom:12px; }
.acs__cap small { display:block; color:#D8B987; font-size:10px; font-weight:700; letter-spacing:.16em; }
.acs__cap b { display:block; margin-top:2px; font-family:var(--at-heading,"Barlow Condensed",sans-serif); font-size:clamp(16px,1.8vw,22px); font-weight:700; letter-spacing:.06em; }
.acs__lock:hover { border-color:var(--at-tan); transform:translateY(-4px); }
.acs__lock:hover img { filter:blur(7px) saturate(.95); }
.acs__lock.is-shake { animation:ax-shake .4s ease; }
.acs__lockmsg { min-height:18px; margin:14px 0 0; color:#CDBBA6; font-size:11px; font-weight:700; letter-spacing:.14em; text-align:center; }
.acs button:focus-visible, .acs a:focus-visible, .acs input:focus-visible { outline:2px solid var(--at-tan); outline-offset:3px; }

/* ---------- Tablet ---------- */
@media (max-width:1100px) {
  .ax-tools { inset-inline-end:var(--at-gutter,2.5em); }
  .a4, .acs { min-height:0; padding-top:6em; }
  .a4__grid, .acs__grid { grid-template-columns:minmax(0,1fr); gap:48px; }
  .a4__sub, .acs__sub { max-width:640px; }
  .a4__stage { order:-1; min-height:clamp(280px,50vw,420px); }
  .a4__digits { font-size:clamp(150px,30vw,260px); }
  .a4__links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .a4__links a:nth-child(3) { border-inline-start:0; }
  .a4__links a:nth-child(n+3) { border-top:1px solid var(--at-border); }
}

/* ---------- Mobile ---------- */
@media (max-width:767px) {
  .ax-tools { top:12px; inset-inline-end:var(--at-gutter,1.5em); gap:8px; }
  .ax-brand { font-size:28px; }
  .a4, .acs { padding:5.5em 0 2.5em; }
  .a4__grid, .acs__grid { gap:36px; }
  .a4__title, .acs__title { font-size:clamp(46px,14vw,76px); }
  .a4__stage { min-height:260px; }
  .a4__digits { font-size:clamp(120px,38vw,190px); }
  .a4__tag { padding:6px 9px; font-size:9px; }
  .a4__seal { width:78px; height:78px; }
  .a4__seal text { font-size:8px; }
  .a4__seal b { font-size:26px; }
  .a4__links a { flex-wrap:wrap; gap:8px 10px; padding:18px 16px; }
  .a4__lbl b { font-size:20px; }
  .a4__lbl small { display:none; }
  .a4__go { width:30px; height:30px; margin-inline-start:auto; }
  .a4__cta { flex-direction:column; align-items:stretch; gap:18px; }
  .a4__cta .a4__link { align-self:center; }
  .acs__pass-row { flex-direction:column; align-items:flex-start; gap:12px; }
  .acs__cal { margin-top:22px; }
  .acs__panel-head { flex-direction:column; align-items:flex-start; gap:6px; }
  .acs__d { height:clamp(58px,17vw,84px); }
  .acs__d b { font-size:clamp(34px,10vw,52px); }
  .acs__locks { gap:8px; }
  .acs__ico { width:36px; height:36px; }
  .acs__ico svg { width:15px; height:15px; }
  .acs__cap { inset-inline:8px; bottom:8px; }
  .acs__cap b { font-size:14px; }
}

@media (max-width:520px) {
  .a4__search, .acs__form { flex-direction:column; }
  .a4__btn, .acs__btn { width:100%; }
  .a4__links a { padding:16px 12px; }
}

@media (prefers-reduced-motion:reduce) {
  .a4__line > span, .acs__line > span, .a4__stage, .acs__panel, .acs__pass, .a4__seal svg, .a4__eyebrow i, .acs__eyebrow i { animation:none; }
  .a4__digits, .a4__tag, .acs__lock img { transition:none; }
}
/*
.at-logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px; 
  text-decoration: none;
}

.at-logo-img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.at-logo-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.at-logo-name {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000;
}

.at-logo-caption {
  font-size: 10px;
  letter-spacing: 1px;
  color: #666;
  margin-top: 4px;
}
*/

/* ==========================================
   ATELIER® — RESPONSIVE DESIGN STYLES
   ========================================== */

/* Tablet & Smaller Laptops (1024px and below)
@media screen and (max-width: 1024px) {
  .at-logo {
    gap: 10px;
  }
  
  .at-logo-name {
    font-size: 22px;
  }

  .at-logo-caption {
    font-size: 9px;
  }
} */

/* Mobile Devices (767px and below) */
/*@media screen and (max-width: 767px) {
  .at-logo {
    gap: 8px;
  }

  .at-logo-img {
    width: 32px;
    height: 32px;
  }

  .at-logo-name {
    font-size: 22px;
  }

  .at-logo-caption {
    font-size: 8px;
    letter-spacing: 0.5px;
  }
}

/* Small Mobile Devices (480px and below) 
@media screen and (max-width: 480px) {
  .at-logo-caption {
    display: none; 
  }
}*/