/* NEPIDON V3 layer (over site.css and v2.css).
   Palette: ink, warm ivory, paper, one champagne accent; the cantera sage only where it says Oaxaca. */
:root {
  --ivory: #f2ede3; --ivory-2: #e7e0d3; --paper: #e7e0d3;
  --stone: #e7e0d3; --stone-hi: #ece6da; --stone-lo: #ddd5c6; --stone-joint: rgba(28, 26, 22, .14);
  --cantera: #a9b0a0;
  --shade: #12100d; --shade-2: #1c1915; --shade-3: #2a2620; --black: #12100d;
  --ink: #1c1a16; --ink-2: #3d3830; --ink-3: #5d574c;
  --on-shade: #efe9dd; --on-shade-2: #b9b1a3; --line-shade: rgba(239, 233, 221, .14);
  --lime: #f7f3ea; --lime-2: #e9e2d4;
  --champagne: #b39566; --bronze: #7a6440;
}
body { background: var(--ivory); color: var(--ink); }
::selection { background: color-mix(in srgb, var(--champagne) 40%, transparent); }
.on-paper { background: var(--paper); }
.on-cantera { background: var(--cantera); }
.on-stone { background: var(--paper); }
.num { font-variant-numeric: tabular-nums lining-nums; }
.btn { letter-spacing: .01em; }
.link { text-decoration-color: var(--champagne); }
.selectable { user-select: all; }

/* header over the revelation: light text, the signature replaces the wordmark */
.is-home .hdr { --hdr-bg: transparent; }
.on-rev .hdr:not(.is-stuck) { color: var(--on-shade); }
.on-rev .hdr:not(.is-stuck) .hdr__logo { opacity: 0; pointer-events: none; }
.on-rev .hdr:not(.is-stuck) a, .on-rev .hdr:not(.is-stuck) button { color: var(--on-shade); }
.on-rev .hdr:not(.is-stuck) .wordmark { filter: invert(1); }
.on-rev .hdr:not(.is-stuck) .bag-btn__n { border-color: var(--on-shade); }

/* ---------- 1 · the revelation ---------- */
.rev { position: relative; height: 100vh; height: 100svh; min-height: 520px; background: var(--shade); overflow: hidden; display: grid; place-items: center; }
.rev__bg { position: absolute; inset: 0; }
.rev__img { position: absolute; inset: 0; opacity: 0; transition: opacity 1.6s ease; }
.rev__img.on { opacity: 1; }
.rev__img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.04); }
.rev__img.on img { animation: drift 12s linear both; }
@keyframes drift { from { transform: scale(1.04); } to { transform: scale(1); } }
.rev__shade { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 60% at 50% 46%, rgba(18,16,13,.35), rgba(18,16,13,.62) 70%, rgba(18,16,13,.82)); }
.sig--rev { position: relative; z-index: 2; width: min(64vw, 820px); height: auto; margin-top: -4vh; color: #f4efe6; overflow: visible; }

.rev__cue { position: absolute; z-index: 2; left: 50%; bottom: calc(26px + env(safe-area-inset-bottom, 0px)); width: 44px; height: 56px; transform: translateX(-50%); display: grid; place-items: center; opacity: 0; transition: opacity .8s ease; }
.rev__cue span { width: 1px; height: 40px; background: linear-gradient(rgba(239,233,221,.9), transparent); }
.rev--done .rev__cue { opacity: 1; }
.is-home .demo-bar { bottom: 0; }
.is-home .rev__cue { bottom: calc(52px + env(safe-area-inset-bottom, 0px)); }
@media (max-aspect-ratio: 4/5) { .sig--rev { width: 84vw; margin-top: -8vh; } }
@media (prefers-reduced-motion: reduce) { .rev__img, .rev__img.on img { transition: none; animation: none; transform: none; } }

/* ---------- 2 · Day & Night ---------- */
.dn { background: var(--ivory); }
.dn__badge3 { margin: 0; font-size: .8125rem; color: var(--bronze) !important; letter-spacing: .02em; }
.dn__price { font-size: 1.375rem; }

/* ---------- 3 · what you see up close ---------- */
.see { background: var(--shade); color: var(--on-shade); }
.see__in { max-width: var(--max); margin: 0 auto; padding: clamp(72px, 9vw, 140px) var(--g); display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 28px clamp(28px, 4vw, 72px); }
.see__head { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px 32px; }
.see__head .lead { color: var(--on-shade-2); margin: 0; grid-row: 2; }
.tabs3 { display: flex; gap: 4px; grid-row: 1 / 3; grid-column: 2; align-self: end; flex-wrap: wrap; }
.tabs3 button { background: none; border: 1px solid transparent; color: var(--on-shade-2); padding: 10px 16px; min-height: 44px; border-radius: 22px; font-size: .9375rem; }
.tabs3 button[aria-selected="true"] { color: var(--on-shade); border-color: rgba(239, 233, 221, .35); }
.see__body { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 72px); align-items: center; }
.see__img { position: relative; background: #fff; aspect-ratio: 1; }
.see__img > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.spot { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; border: 0; background: none; display: grid; place-items: center; cursor: pointer; }
.spot span { width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid #fff; background: rgba(18,16,13,.35); box-shadow: 0 0 0 1px rgba(18,16,13,.4); transition: transform .4s var(--ease), background .4s; }
.spot[aria-pressed="true"] span { background: var(--champagne); transform: scale(1.25); }
.spot:hover span { transform: scale(1.2); }
.see__det { display: grid; gap: 10px; align-content: center; max-width: 44ch; }
.see__loupe { width: min(100%, 380px); aspect-ratio: 1; overflow: hidden; background: #fff; margin-bottom: 14px; }
.see__loupe img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (prefers-reduced-motion: no-preference) { .see__loupe img { animation: loupe .7s var(--ease) both; } }
@keyframes loupe { from { transform: scale(1.12); opacity: .2; } to { transform: none; opacity: 1; } }
.see__n { margin: 0; font-size: .8125rem; color: var(--champagne); }
.see__t { font-family: var(--display); font-size: var(--t-h3); font-weight: 400; margin: 0; }
.see__det p { margin: 0; color: var(--on-shade-2); }
.see__det .link { color: var(--on-shade); justify-self: start; margin-top: 6px; }

/* ---------- 4 · collections band ---------- */
.cols3 .sec-head { margin-bottom: 28px; }
.bays3 { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 30%); gap: clamp(14px, 1.6vw, 24px); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 14px; scrollbar-width: thin; }
.bay3 { scroll-snap-align: start; text-decoration: none; color: inherit; display: grid; gap: 14px; }
.bay3__img { aspect-ratio: 1 / 1.4; overflow: hidden; background: var(--shade); }
.bay3__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.bay3:hover .bay3__img img { transform: scale(1.035); }
.bay3__cap { display: grid; gap: 2px; }
.bay3__name { font-family: var(--display); font-size: 1.375rem; }
.bay3__line { font-size: .875rem; color: var(--ink-2); }
.bay3__price { font-size: .875rem; color: var(--ink-3); margin-top: 4px; }
.bay3--all { align-content: center; justify-items: center; border: 1px solid var(--stone-joint); aspect-ratio: 1 / 1.4; font-size: 1rem; }

/* ---------- 5 · Afinidades invitation ---------- */
.afi-inv { background: var(--paper); }
.afi-inv__in { max-width: var(--max); margin: 0 auto; padding: clamp(64px, 8vw, 120px) var(--g); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px clamp(32px, 5vw, 96px); align-items: center; }
.afi-inv__looks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.afi-inv__looks span { aspect-ratio: 3 / 4; overflow: hidden; background: #fff; }
.afi-inv__looks span:nth-child(even) { transform: translateY(18%); }
.afi-inv__looks img { width: 100%; height: 100%; object-fit: cover; }
.afi-inv__txt { display: grid; gap: 14px; justify-items: start; max-width: 44ch; }
.afi-inv__txt p { margin: 0; }
.afi-inv .btn--lime { --b: var(--shade); --c: var(--lime); }

/* ---------- 6 · the thread, the gesture, the piece ---------- */
.tri { background: var(--shade); }
.tri__in { max-width: var(--max); margin: 0 auto; padding: clamp(72px, 9vw, 140px) var(--g); display: grid; gap: 36px; justify-items: start; }
.tri__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 24px); width: 100%; }
.tri__f { margin: 0; display: grid; gap: 14px; }
.tri__f img { width: 100%; aspect-ratio: 1 / 1.4; object-fit: cover; filter: grayscale(.15); }
.tri__f figcaption { font-family: var(--display); font-size: var(--t-h3); color: var(--on-shade); }

/* ---------- quote, trust, closing ---------- */
.quote-band { background: var(--ivory); }
.trust3 { width: 100%; } .trust3 p { margin: 0 auto; max-width: var(--max); padding: 22px var(--g); text-align: center; font-size: .875rem; color: var(--ink-2); border-top: 1px solid var(--stone-joint); }
.closing.on-cantera { color: var(--ink); }
.closing.on-cantera img { filter: grayscale(1) contrast(1.05); mix-blend-mode: multiply; opacity: .3; }
.closing.on-cantera .carved { color: var(--ink); }
.closing.on-cantera .btn--lime { --b: var(--shade); --c: var(--lime); }

/* ---------- catalogue ---------- */
.shop-hd3 { padding-bottom: 12px; }
.shop-hd3 .lead { color: var(--ink-2); }
.tabbar { position: sticky; top: var(--hdr-h); z-index: 5; background: color-mix(in srgb, var(--ivory) 94%, transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--stone-joint); }
.tabbar__in { max-width: var(--max); margin: 0 auto; padding: 0 var(--g); display: flex; gap: 2px clamp(10px, 2vw, 28px); overflow-x: auto; scrollbar-width: none; }
.tabbar__in::-webkit-scrollbar { display: none; }
.tabbar a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; min-height: 48px; padding: 0 2px; text-decoration: none; color: var(--ink-2); border-bottom: 1.5px solid transparent; font-size: .9375rem; }
.tabbar a .num { font-size: .75rem; color: var(--ink-3); }
.tabbar a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--champagne); }
.shop3 { padding-top: clamp(28px, 4vw, 48px); }
.grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(40px, 4.4vw, 64px) clamp(14px, 2vw, 28px); }
.grid3 .card__img { background: #fff; }
.grid3--small { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.breath { grid-column: 1 / -1; margin: 0; display: grid; gap: 10px; }
.breath img { width: 100%; aspect-ratio: 2.4; object-fit: cover; filter: grayscale(.2); }
.breath figcaption { font-size: .8125rem; color: var(--ink-3); }
.card__badge { background: var(--shade); color: var(--on-shade); letter-spacing: .04em; text-transform: none; font-size: .75rem; }
.card__type { color: var(--ink-3); }

/* ---------- collections ---------- */
.colbands { display: grid; }
.colb { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: clamp(24px, 4vw, 72px); padding: clamp(24px, 3vw, 40px) var(--g); max-width: var(--max); margin: 0 auto; width: 100%; text-decoration: none; color: inherit; }
.colb--rev .colb__img { order: 2; }
.colb__img { aspect-ratio: 4 / 3; overflow: hidden; background: var(--shade); }
.colb__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease); }
.colb:hover .colb__img img { transform: scale(1.03); }
.colb__txt { display: grid; gap: 12px; justify-items: start; max-width: 40ch; }
.colb__txt .lead, .colb__txt h2 { margin: 0; }
.everyday { border-top: 1px solid var(--stone-joint); margin-top: 40px; }
.everyday .lead { margin: 6px 0 28px; color: var(--ink-2); }

/* ---------- Afinidades ---------- */
.is-afi .ftr, .is-afi .demo-bar { display: none; }
.afi { --afi-n: .5; min-height: calc(100svh - var(--hdr-h, 72px)); background: var(--shade); color: var(--on-shade); }
.afi__lightimg { position: relative; width: min(100%, 640px); aspect-ratio: 2; overflow: hidden; background: #fff; }
.afi__lightimg span { position: absolute; inset: 0; }
.afi__lightimg img { width: 100%; height: 100%; object-fit: cover; }
.afi__lightimg .n { opacity: var(--afi-n); transition: opacity .25s linear; }
.afi__in { max-width: 980px; margin: 0 auto; padding: clamp(28px, 4vw, 48px) var(--g) 56px; min-height: inherit; display: grid; grid-template-rows: auto 1fr auto; gap: 24px; }
.afi__top { display: flex; justify-content: flex-end; align-items: center; min-height: 20px; }
.sig--afi { width: 120px; height: auto; color: inherit; }
.afi__count { font-size: .8125rem; color: var(--on-shade-2); }
.afi__stage { display: grid; align-content: center; }
.afi__screen { display: grid; gap: 18px; justify-items: start; }
.afi__screen--intro { justify-items: center; text-align: center; gap: 16px; }
.afi__title { font-family: var(--display); font-weight: 400; font-size: clamp(3rem, 2rem + 5vw, 6rem); line-height: 1; margin: 0; }
.afi__lead { font-size: var(--t-l); margin: 0; }
.afi__note { color: var(--on-shade-2); margin: 0 0 12px; font-size: .9375rem; }
.afi__step { margin: 0; font-size: .8125rem; color: var(--champagne); }
.afi__q { font-family: var(--display); font-weight: 400; font-size: clamp(1.75rem, 1.3rem + 2vw, 2.75rem); line-height: 1.15; margin: 0; max-width: 22ch; outline: none; }
.afi__hint { margin: -6px 0 6px; color: var(--on-shade-2); }
.afi__looks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; width: 100%; }
.afi__look { padding: 0; border: 1px solid transparent; background: none; color: inherit; display: grid; gap: 10px; text-align: left; cursor: pointer; }
.afi__look img { width: 100%; aspect-ratio: 1; object-fit: cover; background: #fff; transition: transform .6s var(--ease), opacity .4s; }
.afi__look span { font-size: .9375rem; padding: 0 2px 4px; }
.afi__looks:has([aria-checked="true"]) .afi__look:not([aria-checked="true"]) img { opacity: .35; }
.afi__look[aria-checked="true"] img { transform: scale(1.02); outline: 1.5px solid var(--champagne); outline-offset: 4px; }
.afi__words { display: flex; flex-wrap: wrap; gap: 10px; max-width: 720px; }
.afi__word { font-family: var(--display); font-size: clamp(1.125rem, 1rem + .6vw, 1.5rem); padding: 12px 22px; min-height: 52px; border: 1px solid rgba(239,233,221,.32); border-radius: 30px; background: none; color: inherit; cursor: pointer; transition: background .3s, color .3s, border-color .3s; }
.afi__word[aria-pressed="true"] { background: var(--on-shade); color: var(--shade); border-color: var(--on-shade); }
.afi__light { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; width: min(100%, 640px); font-size: .9375rem; }
.afi__light input { width: 100%; accent-color: var(--champagne); height: 44px; }
.afi__list { display: grid; gap: 10px; width: min(100%, 560px); }
.afi__list--two { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 760px); }
.afi__opt { text-align: left; padding: 16px 20px; min-height: 56px; border: 1px solid rgba(239,233,221,.26); background: none; color: inherit; font-size: 1.0625rem; cursor: pointer; transition: background .3s, border-color .3s; }
.afi__opt:hover { border-color: rgba(239,233,221,.6); }
.afi__opt[aria-checked="true"] { background: var(--on-shade); color: var(--shade); }
.afi__nav { display: flex; gap: 20px; align-items: center; margin-top: 8px; }
.afi__back { color: var(--on-shade-2); }
.afi__bar { height: 1px; background: rgba(239,233,221,.16); }
.afi__bar i { display: block; height: 100%; background: var(--champagne); transform: scaleX(0); transform-origin: left; transition: transform .6s var(--ease); }
.afi__reading { font-family: var(--display); font-size: var(--t-h3); margin: 0; animation: breathe 1.2s ease-in-out infinite alternate; }
@keyframes breathe { from { opacity: .45; } to { opacity: 1; } }
.afi .btn--lime { --b: var(--on-shade); --c: var(--shade); }
.afi .btn--ghost { --c: var(--on-shade); border-color: rgba(239,233,221,.45); }
.afi .btn--ghost::before { background: rgba(255,255,255,.08); }
.afi .btn:not(.btn--lime):not(.btn--ghost) { --b: transparent; --c: var(--on-shade); border-color: rgba(239,233,221,.45); }
.afi-res { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: center; width: 100%; }
.afi-res__img { aspect-ratio: 4 / 5; overflow: hidden; background: var(--shade-2); }
.afi-res__img img { width: 100%; height: 100%; object-fit: cover; }
.afi-res__txt { display: grid; gap: 12px; justify-items: start; }
.afi-res__txt p { margin: 0; color: var(--on-shade-2); }
.afi-res__k { font-size: .8125rem; color: var(--champagne) !important; }
.afi-res__name { font-family: var(--display); font-weight: 400; font-size: clamp(2rem, 1.4rem + 2.6vw, 3.5rem); line-height: 1.05; margin: 0; outline: none; }
.afi-res__char { font-family: var(--display); font-size: var(--t-h3); color: var(--on-shade) !important; }
.afi-res__why { color: var(--on-shade) !important; border-left: 1px solid var(--champagne); padding-left: 14px; }
.afi-res__price { font-size: 1.25rem; color: var(--on-shade) !important; }
.afi-res__price s { color: var(--on-shade-2); font-size: .9em; }
.afi-res__pair { display: flex; flex-wrap: wrap; gap: 10px; }
.afi-facet { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 18px; align-items: center; width: 100%; padding-top: 26px; border-top: 1px solid rgba(239,233,221,.16); }
.afi-facet__img { aspect-ratio: 1; overflow: hidden; background: #fff; }
.afi-facet__img img { width: 100%; height: 100%; object-fit: cover; }
.afi-facet h3 { font-family: var(--display); font-weight: 400; font-size: 1.375rem; margin: 2px 0 6px; }
.afi-facet a { color: inherit; text-decoration: none; }
.afi-facet p { margin: 0; color: var(--on-shade-2); }
.afi-actions { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: center; }
.afi-actions .linkbtn { color: var(--on-shade-2); }
.afi-form { display: grid; gap: 14px; width: min(100%, 520px); padding: 20px; border: 1px solid rgba(239,233,221,.2); }
.afi-form label, .afi-form p { color: var(--on-shade-2); }
.afi-form .input { background: transparent; color: var(--on-shade); border-color: rgba(239,233,221,.4); }
.afi-form .link { color: var(--on-shade); }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: .9375rem; }
.check input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--champagne); flex: 0 0 auto; }
.afi-card { width: min(100%, 420px); display: block; margin: 0 auto 12px; }

/* dialog (email preview, share card) */
.dlg { position: fixed; inset: 0; z-index: 60; background: rgba(18,16,13,.7); display: grid; place-items: center; padding: 16px; }
.dlg__box { background: var(--ivory); color: var(--ink); width: min(100%, 640px); max-height: calc(100svh - 32px); overflow: auto; }
.dlg__hd { position: sticky; top: 0; background: var(--ivory); display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--stone-joint); }
.dlg__hd h2 { font-family: var(--display); font-weight: 400; font-size: 1.25rem; margin: 0; }
.dlg__b { padding: 18px; }
.mail { background: #fff; border: 1px solid var(--stone-joint); }
.mail__hd { background: var(--shade); padding: 26px; display: grid; place-items: center; }
.sig--mail { width: 160px; color: var(--on-shade); }
.mail__b { padding: 26px; display: grid; gap: 10px; }
.mail__b h2, .mail__b h3 { font-family: var(--display); font-weight: 400; margin: 0; }
.mail__b h2 { font-size: 1.5rem; } .mail__b h3 { font-size: 1.25rem; }
.mail__b p { margin: 0; }
.mail__img { aspect-ratio: 1; overflow: hidden; } .mail__img img { width: 100%; height: 100%; object-fit: cover; }
.mail__btn { display: inline-block; background: var(--shade); color: var(--on-shade); padding: 12px 22px; }
.mail__link { text-decoration: underline; text-decoration-color: var(--champagne); }
.mail hr { border: 0; border-top: 1px solid var(--stone-joint); margin: 10px 0; width: 100%; }
.mail__ft { padding: 18px 26px; font-size: .75rem; color: var(--ink-3); border-top: 1px solid var(--stone-joint); }

/* ---------- footer ---------- */
.ftr3 { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.2fr); gap: 36px clamp(24px, 3vw, 48px); }
.ftr3 h2 { font-family: var(--text); font-size: .8125rem; font-weight: 500; color: var(--on-shade-2); margin: 0 0 12px; letter-spacing: .02em; }
.ftr3__brand p { color: var(--on-shade-2); font-size: .875rem; margin: 14px 0 0; }
.ftr3__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ftr3__news p { color: var(--on-shade-2); font-size: .875rem; margin: 0 0 14px; }
.ftr3 .ftr__base { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; font-size: .75rem; color: var(--on-shade-2); }
.ftr3 .ftr__base a { color: inherit; }

/* ---------- responsive ---------- */
@media (max-width: 1100px) { .grid3--small { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ftr3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 820px) {
  .see__in, .see__body, .afi-inv__in, .afi-res, .colb { grid-template-columns: minmax(0, 1fr); }
  .see__head { grid-template-columns: minmax(0, 1fr); }
  .tabs3 { grid-row: auto; grid-column: auto; overflow-x: auto; flex-wrap: nowrap; }
  .tabs3 button { flex: 0 0 auto; }
  .see__det { max-width: none; grid-template-columns: 96px minmax(0, 1fr); column-gap: 16px; align-items: start; }
  .see__loupe { grid-row: span 4; width: 96px; margin: 0; }
  .colb--rev .colb__img { order: 0; }
  .bays3 { grid-auto-columns: 72%; }
  .tri__row { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; }
  .tri__f { scroll-snap-align: start; }
  .grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 12px; }
  .card--lead { grid-column: 1 / -1; }
  .breath img { aspect-ratio: 1.6; }
  .afi__looks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .afi__list--two { grid-template-columns: minmax(0, 1fr); }
  .afi-res__img { aspect-ratio: 1; }
  .afi-facet { grid-template-columns: 88px minmax(0, 1fr); }
}
@media (max-width: 560px) { .ftr3 { grid-template-columns: minmax(0, 1fr); } .grid3--small { grid-template-columns: repeat(2, minmax(0, 1fr)); } .afi-inv__looks span:nth-child(even) { transform: translateY(10%); } }
.afi__top { display: none; }