/* photography drop-zones */
.shot{position:relative;background:var(--paper-2);border:1px solid var(--line);overflow:hidden}
.shot img{width:100%;height:100%;object-fit:cover}

/* ---------- HERO ---------- */
.hero{padding:0;}
.hero-frame{position:relative; width:100%; aspect-ratio:1774/887; overflow:hidden; background:var(--paper);}
.hero-bg{position:absolute; inset:0; background-size:cover; background-position:center;}
.hero-hotspot{position:absolute; display:block; background:transparent; border:0; box-shadow:none;
  -webkit-tap-highlight-color:transparent;}
.hero-hotspot:focus-visible{outline:2px solid var(--gold); outline-offset:3px;}
.hero-hotspot-corp{left:5.24%; top:77.57%; width:18.38%; height:5.75%;}
.hero-hotspot-kids{left:24.41%; top:77.57%; width:16.01%; height:5.75%;}
@media (max-width:560px){
  .hero-hotspot-corp, .hero-hotspot-kids{top:70%; height:20%;}
}
.hero-strip{background:var(--paper); border-top:1px solid var(--hair); border-bottom:1px solid var(--hair);}
.hero-strip-in{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  row-gap:8px; column-gap:16px; padding:clamp(16px,2.2vw,22px) var(--gut);
  font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.15em;
  text-transform:uppercase; color:var(--purple-deep); text-align:center;}
.hs-sep{color:var(--gold-ink); font-size:7px; opacity:.75;}
@media (max-width:480px){ .hero-strip-in{font-size:10.5px; column-gap:12px;} }

/* One house two marks */
.worlds-head{padding:clamp(44px,6vw,92px) 0 clamp(24px,3vw,44px);text-align:center}
.markrow{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(14px,3vw,38px);align-items:center;
  max-width:720px;margin:0 auto clamp(22px,3vw,36px)}
.plate{background:none;border:0;padding:0;
  display:flex;align-items:center;justify-content:center;height:clamp(104px,12vw,150px)}
.plate .glyph{font-size:56px}
.plate img{max-height:100%;max-width:100%;width:auto;object-fit:contain}
.markrow .vs{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;text-align:center}
.marklabel{margin-top:9px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);text-align:center}

/* Signature flagship cinematic hero */
.sig-hero{height:clamp(440px,62vh,600px);position:relative;
  display:flex;align-items:flex-end;overflow:hidden;color:var(--paper)}
.sig-kenburns{position:absolute;inset:-6%;background-size:cover;background-position:center 62%;background-color:var(--paper);
  animation:sigKenburns 18s ease-in-out infinite alternate}
@keyframes sigKenburns{ from{transform:scale(1)} to{transform:scale(1.08) translate(-1.5%,-1%)} }
.sig-veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(100deg, var(--purple-black) 4%, rgba(42,14,49,.88) 34%, rgba(42,14,49,.4) 64%, rgba(42,14,49,.05) 100%)}
.sig-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;z-index:1;
  background:linear-gradient(180deg, rgba(42,14,49,0) 0%, var(--paper) 100%);pointer-events:none}
.sig-hero-content{position:relative;z-index:2;padding:0 var(--gut) clamp(44px,6vw,64px);max-width:600px}
.sig-hero .eyebrow{color:var(--gold)}
.sig-hero h2{color:#fff;margin-top:14px;font-weight:600;letter-spacing:-.02em;
  font-size:clamp(32px,4.4vw,54px);line-height:1.06}
.sig-hero .lede{color:rgba(253,252,251,.82);margin-top:18px;max-width:46ch;font-size:16px}
.sig-strip{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;
  font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.04em;color:rgba(253,252,251,.78)}
.sig-hero .hero-cta{margin-top:28px}
@media (max-width:700px){ .sig-hero-content{padding-left:calc(var(--gut) - 4px);max-width:none} .sig-hero h2{font-size:clamp(28px,7vw,38px)} }

.coll-lede{font-family:var(--display);font-weight:300;letter-spacing:-.012em;
  font-size:clamp(20px,2.5vw,32px);line-height:1.35;color:var(--ink);max-width:26ch;margin:20px auto 0}

.fast-paths{background:var(--paper-2);line-height:0}
.fp-banner{display:block}
.fp-banner img{width:100%;height:auto;display:block}

/* Collections grids */
.arden-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(18px,2.4vw,30px);}
.arden-card{display:block;}
.ac-shot{position:relative; aspect-ratio:1/1; border-radius:3px; overflow:hidden;
  background:var(--cream); box-shadow:inset 0 0 0 1px var(--line); transition:box-shadow .25s;}
.ac-shot img{width:100%; height:100%; object-fit:cover; display:block;}
.arden-card:hover .ac-shot{box-shadow:inset 0 0 0 1.5px var(--purple-deep);}
.ac-name{margin-top:14px; font-family:var(--display); font-weight:500; font-size:15.5px; color:var(--ink); line-height:1.3;}
.ac-tag{margin-top:4px; font-size:12px; color:var(--ink-soft); line-height:1.55;}
.ac-status{margin-top:10px; font-family:var(--sans); font-size:10px; font-weight:700;
  letter-spacing:.09em; text-transform:uppercase; color:var(--gold-deep);}
.ac-status.is-live{color:var(--turquoise);}
.ac-turq .ac-shot{box-shadow:inset 0 0 0 1px rgba(0,184,169,.4);}
.ac-gold .ac-shot{box-shadow:inset 0 0 0 1px rgba(199,127,0,.4);}
.ac-coral .ac-shot{box-shadow:inset 0 0 0 1px rgba(240,83,61,.32);}
.ac-sand .ac-shot{box-shadow:inset 0 0 0 1px rgba(199,127,0,.22);}
@media (max-width:1100px){ .arden-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:700px){ .arden-grid{grid-template-columns:repeat(2,1fr); gap:22px 16px;} }

.corp-panel{background:linear-gradient(180deg,#FCF8EF,#F6EFE0); border:1px solid rgba(46,31,53,.10);
  border-radius:10px; padding:clamp(30px,4vw,52px) clamp(24px,4vw,48px);}
.corp-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(22px,2.4vw,34px);}
.corp-card{display:block; text-decoration:none; color:inherit;}
.corp-shot{position:relative; aspect-ratio:1/1; border-radius:3px; overflow:hidden;
  background:#FFFDF7; border:1px solid rgba(46,31,53,.16); transition:border-color .3s ease, box-shadow .3s ease;}
.corp-shot img{width:100%; height:100%; object-fit:cover; display:block;}
.corp-card:hover .corp-shot{border-color:var(--gold-deep); box-shadow:0 14px 30px -20px rgba(46,31,53,.32);}
.corp-name{margin-top:18px; font-family:var(--display); font-weight:600; font-size:16px;
  letter-spacing:-.01em; color:var(--purple-deep); line-height:1.3;}
.corp-tag{margin-top:5px; font-size:12px; color:var(--ink-soft); line-height:1.6;}
.inline-cta{display:inline-block; margin-left:6px; font-family:var(--sans); font-weight:700;
  font-size:13px; color:var(--purple-deep); border-bottom:1.5px solid var(--gold-deep);
  padding-bottom:1px; white-space:nowrap;}
.inline-cta:hover{color:var(--gold-deep);}
@media (max-width:1100px){ .corp-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:700px){ .corp-grid{grid-template-columns:1fr;} .corp-panel{padding:24px 20px; border-radius:8px;} }

/* No-photo-yet honest fallback (gold keyline tile, never a fake photo) */
.corp-shot:has(img)::before, .ac-shot:has(img)::before{
  content:''; position:absolute; z-index:2; pointer-events:none; inset:6px; border:1px solid var(--gold-hair);
}
.corp-shot:has(img) .glyph, .ac-shot:has(img) .glyph{display:none}
.corp-shot:not(:has(img)), .ac-shot:not(:has(img)){
  display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center; background:var(--paper-2);
  box-shadow:inset 0 0 0 1px var(--line);
}
.corp-shot:not(:has(img))::after, .ac-shot:not(:has(img))::after{
  content:''; position:absolute; inset:6px; border:1px solid var(--gold-hair); pointer-events:none;
}
.corp-shot:not(:has(img)) .ac-soon, .ac-shot:not(:has(img)) .ac-soon{
  font-family:var(--sans); font-size:10px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--gold-ink); opacity:.75; z-index:1;
}

/* Credibility strip */
.cred{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:var(--paper-2)}
.cred-in{max-width:var(--maxw);margin:0 auto;padding:clamp(22px,2.6vw,34px) var(--gut);
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,3vw,44px)}
.cred .c em{font-style:normal;display:block;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink)}
.cred .c b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(15px,1.5vw,18px);margin-top:7px;line-height:1.3}
@media (max-width:1040px){ .cred-in{grid-template-columns:1fr 1fr;gap:18px 30px} }
@media (max-width:560px){ .cred-in{grid-template-columns:1fr;gap:0} .cred .c{padding:13px 0;border-bottom:1px solid var(--hair)} .cred .c:last-child{border-bottom:none} .cred .c b{font-size:16px;margin-top:4px} }

/* Two worlds - kids banner world */
.wkids-banner{border-radius:6px;overflow:hidden;box-shadow:0 20px 48px -30px rgba(46,31,53,.4);aspect-ratio:3434/1832;background:var(--paper)}
.wkids-banner img{width:100%;height:auto;display:block}
.wkids-below{margin-top:clamp(28px,3.6vw,44px);max-width:640px}
.strip.finishes{display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(16px,2.4vw,34px); margin-top:34px;}
.strip.finishes .s{padding-top:15px; border-top:2px solid var(--purple);}
.strip.finishes .st{font-family:var(--display); font-weight:400; font-size:16.5px; color:var(--purple); margin-top:0;}
.strip.finishes .sd{margin-top:7px; font-size:13px; line-height:1.7; color:var(--ink-soft);}
@media (max-width:560px){ .strip.finishes{grid-template-columns:1fr; gap:22px;} }
.wfacts{margin-top:26px;display:flex;flex-wrap:wrap;gap:0 34px}
.wfact{padding:13px 0;min-width:128px;border-top:1px solid rgba(46,31,53,.18)}
.wfact em{font-style:normal;display:block;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.65}
.wfact b{font-family:var(--display);font-weight:400;font-size:16.5px;display:block;margin-top:6px}
.wkids-below .btn{margin-top:30px}

/* Signature material */
.mat-lock{padding:clamp(42px,5.5vw,86px) 0;background:var(--stone);border-top:1px solid var(--hair);}
.mat-lock .ml-label{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;margin-bottom:12px;color:var(--gold-ink)}
.mat-lock .ml-title{margin:0 0 16px;line-height:1.1;font-family:var(--display);font-weight:300;
  font-size:clamp(26px,3.3vw,44px);color:var(--purple)}
.mat-lock .ml-lede{font-family:var(--sans);font-size:15.5px;line-height:1.85;max-width:60ch;
  margin-bottom:clamp(22px,3vw,38px);color:var(--ink-soft)}
.mat-lock .ml-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2.4vw,34px)}
.mat-lock .ml-item{padding-top:15px;border-top:2px solid var(--purple)}
.mat-lock .ml-item b{display:block;font-family:var(--display);font-weight:400;font-size:16.5px;line-height:1.3;color:var(--purple)}
.mat-lock .ml-item span{display:block;font-family:var(--sans);font-size:13px;line-height:1.7;margin-top:7px;color:var(--ink-soft)}
@media (max-width:900px){ .mat-lock .ml-grid{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .mat-lock .ml-grid{grid-template-columns:1fr} }

.brand-divider{display:flex; align-items:center; justify-content:center; gap:18px;
  max-width:480px; margin:64px auto; color:#8A6216;}
.brand-divider .ln{flex:1 1 auto; height:1px; background:currentColor; opacity:.4;}
.brand-divider svg{flex:none; display:block;}

/* Why Arden */
.whytable-sec{padding:clamp(52px,7vw,104px) 0;border-top:1px solid var(--hair)}
.whytable-head{max-width:640px}
.whytable{margin-top:clamp(28px,3.5vw,44px);display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}
.wt-cell{position:relative;padding:30px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  box-shadow:inset 0 2px 0 var(--gold-hair);transition:background .2s}
.wt-cell:hover{background:var(--paper-2)}
.wt-n{font-family:var(--sans);font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}
.wt-t{font-family:var(--display);font-weight:400;font-size:18.5px;margin-top:13px;color:var(--ink)}
.wt-d{font-size:13.5px;color:var(--ink-soft);line-height:1.75;margin-top:9px}
@media (max-width:900px){ .whytable{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .whytable{grid-template-columns:1fr} }

/* Concierge entry (simplified: links to Contact, no JS modal yet) */
.concierge-entry-sec{background:var(--paper);}
.concierge-entry{background:#fff; border-radius:18px; box-shadow:inset 0 0 0 1.5px var(--line);
  padding:clamp(28px,4vw,44px) clamp(24px,4vw,52px); display:flex; align-items:center; justify-content:space-between;
  gap:clamp(20px,4vw,40px); flex-wrap:wrap;}
.concierge-entry-copy{max-width:52ch;}
.concierge-entry-eyebrow{font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-deep);}
.concierge-entry-copy h2{font-family:var(--display); font-weight:500; letter-spacing:-.01em; line-height:1.2;
  font-size:clamp(21px,2.6vw,28px); color:var(--purple-deep); margin-top:10px;}
.concierge-entry-copy p{font-family:var(--sans); font-size:14px; line-height:1.65; color:var(--ink-soft); margin-top:10px;}
@media (max-width:700px){ .concierge-entry{flex-direction:column; align-items:stretch; text-align:left;} .concierge-entry-cta .btn{width:100%;box-sizing:border-box;} }

/* Closing */
.closing{background:var(--purple-black);color:var(--paper);position:relative;overflow:hidden}
.closing::before{content:"";position:absolute;inset:0;
  background:radial-gradient(90% 120% at 50% 0%, rgba(114,30,126,.55) 0%, rgba(114,30,126,0) 60%)}
.cl-in{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(52px,7.5vw,124px) var(--gut);text-align:center}
.cl-in .glyph{font-size:42px;margin:0 auto 28px}
.closing h2{font-family:var(--display);font-weight:300;font-size:clamp(28px,4.3vw,58px);line-height:1.1}
.closing p{margin:20px auto 0;max-width:46ch;font-size:15.5px;line-height:1.8;color:rgba(253,252,251,.68)}
.closing .cl-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.closing .btn-outline{color:var(--paper);border-color:rgba(253,252,251,.32)}
.closing .btn-outline:hover{border-color:var(--gold);color:var(--gold)}
@media (max-width:560px){ .closing .btn{width:100%} }

html.reveal-ready .rv{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
html.reveal-ready .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.reveal-ready .rv{opacity:1;transform:none;transition:none}}


/* Choose Your Collection — homepage routing cards, added 2026-09-16 */
.choose-collections{padding:clamp(50px,7vw,96px) 0 0;}
.choose-intro{text-align:center; max-width:640px; margin:0 auto clamp(28px,4vw,44px);}
.choose-intro h2.display{margin-top:10px;}
.choose-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.choose-card{position:relative; display:flex; flex-direction:column; border-radius:14px; overflow:hidden; text-decoration:none;
  box-shadow:inset 0 0 0 1px var(--line), 0 20px 46px -34px rgba(46,31,53,.4);
  transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s;}
.choose-card:hover{transform:translateY(-6px); box-shadow:inset 0 0 0 1px var(--line), 0 28px 56px -34px rgba(46,31,53,.5);}
.choose-art{aspect-ratio:4/3; background-size:cover; background-position:center;}
.choose-body{padding:26px 24px 30px; background:#fff; flex:1; display:flex; flex-direction:column;}
.choose-eyebrow{font-family:var(--sans); font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-deep);}
.choose-card h3{font-family:var(--display); font-weight:600; font-size:22px; color:var(--purple-deep); margin-top:10px; line-height:1.2;}
.choose-card p{font-size:13.5px; line-height:1.65; color:var(--ink-soft); margin-top:10px; flex:1;}
.choose-cta{display:inline-flex; align-items:center; gap:6px; margin-top:18px; font-family:var(--sans); font-weight:700; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--purple-deep); border-bottom:2px solid var(--gold); padding-bottom:3px; width:fit-content;}
@media (max-width:900px){
  .choose-grid{grid-template-columns:1fr;}
}


/* Two Marks — floating editorial cutouts, no background, no crop. */
.tm-spread{position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center;
  min-height:clamp(480px,52vw,640px); padding:clamp(50px,6vw,90px) 0;}
.tm-bleed{position:absolute; top:50%; transform:translateY(-50%);
  width:clamp(220px,32vw,460px); pointer-events:none;
  filter:drop-shadow(0 26px 34px rgba(46,31,53,.16)) drop-shadow(0 6px 10px rgba(46,31,53,.10));}
.tm-bleed-left{left:clamp(-56px,-4vw,0px); width:clamp(440px,64vw,1020px); z-index:1;}
.tm-bleed-right{right:clamp(16px,2vw,64px); width:clamp(300px,42vw,620px); z-index:1;}
.tm-bleed img{width:100%; height:auto; display:block;
  will-change:transform; backface-visibility:hidden;}
.tm-bleed-left img{animation:tm-drift-left 30s ease-in-out infinite alternate;}
.tm-bleed-right img{animation:tm-drift-right 30s ease-in-out infinite alternate;}
@keyframes tm-drift-left{ from{transform:scale(1) translateX(0) translateY(0);} to{transform:scale(1.06) translateX(-2.5%) translateY(-1.2%) translateZ(0);} }
@keyframes tm-drift-right{ from{transform:scale(1) translateX(0) translateY(0);} to{transform:scale(1.06) translateX(2.5%) translateY(1.2%) translateZ(0);} }
.tm-spread-content{position:relative; z-index:2; margin:0 auto; text-align:center;}
.tm-spread-top{max-width:480px; margin:0 auto;}
.tm-spread-top .markrow{margin:0;}
.tm-spread-bottom{max-width:640px; margin:clamp(36px,5vw,60px) auto 0;}
.tm-spread-bottom h2.display{margin-bottom:16px;}
.tm-spread-bottom p{color:var(--ink-soft); line-height:1.75;}
.tm-spread-top .eyebrow, .tm-spread-top .vs, .tm-spread-top .marklabel,
.tm-spread-bottom h2.display, .tm-spread-bottom p{
  text-shadow:0 0 14px var(--paper), 0 0 26px var(--paper), 0 0 6px var(--paper);}
@media (max-width:1000px){
  .tm-spread{display:block; overflow:visible; min-height:0; padding:0;}
  .tm-bleed{position:relative; top:auto; left:auto; right:auto; transform:none;
    width:78%; max-width:340px; margin:0 auto 28px;
    filter:drop-shadow(0 18px 24px rgba(46,31,53,.14));}
  .tm-bleed-right{order:3; margin:0 auto 0; width:100%; max-width:430px;}
  .tm-bleed-left{width:100%; max-width:560px; margin:0 auto 8px;}
  .tm-spread-content{padding:clamp(44px,7vw,72px) 0;}
}

/* Kids finishes + sizes: centered feature block (2026-09-19) */
.wkids-below.kf{box-sizing:border-box;max-width:1120px;margin-left:auto;margin-right:auto;padding-left:var(--gut);padding-right:var(--gut);text-align:center}
.kf-eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--gold-ink)}
.kf-title{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,38px);line-height:1.15;color:var(--purple-deep);margin-top:10px}
.kf-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.6vw,36px);max-width:880px;margin:clamp(26px,3vw,40px) auto 0;text-align:left}
.kf-card{padding:30px 32px 28px;border-radius:22px;box-shadow:0 24px 44px -30px rgba(46,31,53,.5)}
.kf-half{background:linear-gradient(135deg,#E8FAF7,#D2F2EC);transform:rotate(-.7deg)}
.kf-full{background:linear-gradient(135deg,#FFF0EC,#FFE0DA);transform:rotate(.7deg)}
.kf-ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff}
.kf-half .kf-ico{background:var(--turquoise)}
.kf-full .kf-ico{background:var(--coral)}
.kf-kick{margin-top:16px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold-ink)}
.kf-card h4{font-family:var(--display);font-weight:500;font-size:24px;line-height:1.2;color:var(--purple-deep);margin-top:6px}
.kf-card p{margin-top:10px;font-size:14px;line-height:1.7;color:var(--ink-soft)}
.kf-card ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.kf-card li{position:relative;padding-left:18px;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
.kf-card li::before{content:'';position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%}
.kf-half li::before{background:var(--turquoise)}
.kf-full li::before{background:var(--coral)}
.kf-facts{justify-content:center;gap:0 clamp(26px,4vw,60px);margin-top:clamp(30px,3.4vw,44px);text-align:center}
.kf-sizes{margin-top:clamp(28px,3.2vw,42px)}
.kf-size-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:780px;margin:22px auto 0}
.kf-size{position:relative;padding:20px 8px 16px;background:var(--paper);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:4px}
.kf-size b{font-family:var(--display);font-weight:500;font-size:24px;line-height:1;color:var(--purple-deep)}
.kf-size span{margin-top:6px;font-size:13.5px;font-weight:600;color:var(--ink)}
.kf-size small{font-size:11.5px;color:var(--ink-faint)}
.kf-size.is-popular{border:2px solid var(--purple);background:#fff}
.kf-size i{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;background:var(--gold-deep);color:#fff;padding:3px 9px;border-radius:2px;white-space:nowrap}
.kf-note{margin-top:20px;font-size:14px;line-height:1.6;color:var(--ink-soft)}
.kf-note a{color:var(--purple);font-weight:600;border-bottom:1.5px solid var(--gold-hair);padding-bottom:1px}
.kf-note a:hover{color:var(--purple-deep);border-bottom-color:var(--gold-deep)}
.wkids-below.kf .btn.btn-cm{margin-top:34px;color:#fff}
@media (max-width:760px){
  .kf-cards{grid-template-columns:1fr;max-width:460px}
  .kf-half,.kf-full{transform:none}
  .kf-card{padding:26px 24px 24px}
  .kf-size-row{grid-template-columns:repeat(2,1fr);max-width:420px}
  .kf-facts{gap:0 22px}
}
.kf-card h4{margin:6px 0 0}
.kf-size.is-popular{padding:19px 7px 15px}

/* ARDEN vertical rhythm: 46px between sections on the same background (2026-09-19) */
:root{--sec-gap:46px}
.brand-divider{margin:var(--sec-gap) auto}
.choose-collections{padding-top:0}
.collections{padding-top:var(--sec-gap)}
.whytable-sec{padding:0 0 var(--sec-gap);border-top:0}
@media (min-width:1001px){
  .tm-spread{padding-top:0;padding-bottom:0;min-height:calc(clamp(300px,42vw,620px)*.881 + 2*var(--sec-gap))}
  .tm-spread-content{padding:var(--sec-gap) 0}
}
/* Kids collections: same gutter as the Corporate collections above, and 46px before the material band */
.wkids-in > .section-head,.wkids-in > .kids-grid{box-sizing:border-box;width:100%;max-width:var(--maxw);margin-left:auto;margin-right:auto;padding-left:var(--gut);padding-right:var(--gut)}
.worlds{padding-bottom:var(--sec-gap)}

/* ---------- Hero: live text over the textless image (2026-09-20). All sizes scale with the hero frame (cqw). ---------- */
.hero-frame{container-type:inline-size;}
.hero-copy{position:absolute; left:4.8%; top:0; bottom:0; width:36.4%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; z-index:2; padding-top:1cqw;}
.hero-logo{width:20cqw; flex:none;}
.hero-logo img{display:block; width:100%; max-width:100%; height:auto;}
.hero-orn{display:flex; align-items:center; gap:1.1cqw; width:21.2cqw; margin-top:2.1cqw; color:#A78747;}
.hero-orn .ln,.hero-worlds .ln{flex:1 1 auto; height:1px; background:#A78747; opacity:.6;}
.hero-mark{width:1.5cqw; min-width:16px; height:auto; flex:none; display:block;}
.hero-h1{font-family:var(--display); font-weight:300; font-size:3.6cqw; line-height:1.1; letter-spacing:-.018em; color:var(--ink); margin:1.4cqw 0 0; text-shadow:0 0 14px var(--paper),0 0 26px var(--paper),0 0 6px var(--paper);}
.hero-h1 em{display:block; white-space:nowrap; font-style:italic; font-weight:300; color:var(--purple); margin-top:.25cqw;}
.hero-pillars{display:flex; align-items:center; justify-content:center; gap:1.1cqw; margin:2.2cqw 0 0; font-family:var(--sans); font-weight:600; font-size:max(10px,.76cqw); letter-spacing:.26em; text-transform:uppercase; color:var(--gold-ink); white-space:nowrap; text-shadow:0 0 14px var(--paper),0 0 26px var(--paper),0 0 6px var(--paper);}
.hero-pillars i{font-style:normal; color:#A78747;}
.hero-cta{display:flex; flex-wrap:wrap; justify-content:center; gap:1.2cqw; margin-top:2cqw;}
.hero-cta .btn-primary{color:#fff;}
.hero-cta .btn{font-size:max(9.5px,.72cqw); letter-spacing:.11em; padding:0 1.6cqw; min-height:max(42px,3cqw); border-radius:2px;}
.hero-cta .btn-outline{color:var(--purple-deep); border-color:var(--purple-deep);}
.hero-cta .btn-outline:hover{background:var(--purple-deep); color:#fff;}
.hero-worlds{display:flex; align-items:center; gap:1.4cqw; width:34cqw; margin-top:2.5cqw; font-family:var(--sans); font-weight:500; font-size:max(9px,.72cqw); letter-spacing:.34em; text-transform:uppercase; color:var(--ink-soft); white-space:nowrap; text-shadow:0 0 14px var(--paper),0 0 26px var(--paper),0 0 6px var(--paper);}
.hero-worlds-mark{margin-top:.6cqw; color:#A78747;}
.hero-worlds-mark .hero-mark{margin:0 auto;}
@keyframes heroFade{from{opacity:0;} to{opacity:1;}}
@keyframes heroWipe{from{-webkit-mask-position:100% 0; mask-position:100% 0;} to{-webkit-mask-position:0 0; mask-position:0 0;}}
.hero-copy > *{animation:heroFade 2.4s cubic-bezier(.3,.1,.3,1) both;}
.hero-copy > :nth-child(1){animation-delay:.4s}
.hero-copy > :nth-child(2){animation-delay:.9s}
.hero-copy > :nth-child(3){animation-delay:1.4s}
.hero-copy > :nth-child(4){animation-delay:1.9s}
.hero-copy > :nth-child(5){animation-delay:3.4s}
.hero-copy > :nth-child(6){animation-delay:3.9s}
.hero-copy > :nth-child(7){animation-delay:4.1s}
/* Slow left-to-right soft-edged reveal for the typography only. The padding gives the paper halo room inside the mask; the negative margin cancels it so layout is unchanged. */
.hero-pillars, .hero-h1, .hero-worlds{
  -webkit-mask-image:linear-gradient(90deg,#000 40%,transparent 60%); mask-image:linear-gradient(90deg,#000 40%,transparent 60%);
  -webkit-mask-size:250% 100%; mask-size:250% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;}
.hero-h1{padding:.45em; margin:calc(1.4cqw - .45em) -.45em -.45em;}
.hero-pillars{animation:heroFade 2.4s cubic-bezier(.3,.1,.3,1) 1.4s both, heroWipe 3.2s cubic-bezier(.5,.05,.3,1) 1.4s both;}
.hero-h1{animation:heroFade 2.6s cubic-bezier(.3,.1,.3,1) 1.9s both, heroWipe 4.2s cubic-bezier(.5,.05,.3,1) 1.9s both;}
.hero-worlds{animation:heroFade 2.4s cubic-bezier(.3,.1,.3,1) 3.9s both, heroWipe 3.2s cubic-bezier(.5,.05,.3,1) 3.9s both;}
@media (prefers-reduced-motion:reduce){ .hero-copy > *{animation:heroFade 1.4s ease-out both !important; -webkit-mask-image:none !important; mask-image:none !important;} }
@media (max-width:1000px){
  .hero-frame{aspect-ratio:auto; overflow:visible; background:var(--paper);}
  .hero-bg{position:relative; inset:auto; aspect-ratio:4/3; background-position:74% center;}
  .hero-copy{position:static; width:auto; padding:34px 22px 44px;}
  .hero-logo{width:min(220px,58vw);}
  .hero-orn{width:min(300px,80%); gap:14px; margin-top:20px;}
  .hero-mark{width:22px;}
  .hero-h1{font-size:clamp(34px,9vw,56px); margin-top:calc(22px - .45em);}
  .hero-h1 em{margin-top:4px;}
  .hero-pillars{flex-wrap:wrap; white-space:normal; row-gap:6px; gap:10px; margin-top:24px; font-size:10px; letter-spacing:.2em;}
  .hero-cta{flex-direction:column; align-items:stretch; width:min(360px,100%); gap:12px; margin-top:26px;}
  .hero-cta .btn{font-size:12px; padding:0 20px; min-height:52px;}
  .hero-worlds{width:min(360px,100%); gap:12px; margin-top:32px; font-size:10px; letter-spacing:.26em;}
  .hero-worlds-mark{margin-top:10px;}
}

/* Corporate bandanas summary block (2026-09-21): three paths, key facts, four sizes. Same structure as the Kids finishes block, in the Corporate voice (ivory panel, gold hairlines, no tilt). */
.cs{box-sizing:border-box;max-width:1120px;margin:0 auto var(--sec-gap);text-align:center}
.cs-eyebrow{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--gold-ink)}
.cs-title{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,38px);line-height:1.15;color:var(--purple-deep);margin-top:10px}
.cs-paths{display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;margin:clamp(26px,3vw,40px) auto 0;text-align:left;background:linear-gradient(180deg,#FCF8EF,#F6EFE0);border:1px solid rgba(46,31,53,.10);border-radius:10px;overflow:hidden}
.cs-path{position:relative;padding:32px 32px 30px;border-left:1px solid var(--gold-hair)}
.cs-path:first-child{border-left:0}
.cs-path.is-lead{background:#fff;box-shadow:inset 0 0 0 2px var(--gold-deep)}
.cs-flag{position:absolute;top:14px;right:16px;font-style:normal;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold-deep)}
.cs-kick{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold-ink)}
.cs-path h4{font-family:var(--display);font-weight:500;font-size:24px;line-height:1.2;color:var(--purple-deep);margin:6px 0 0}
.cs-path p{margin:8px 0 0;min-height:3.4em;font-size:14px;line-height:1.7;color:var(--ink-soft)}
.cs-path ul{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--gold-hair);display:grid;gap:10px}
.cs-path li{position:relative;padding-left:20px;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
.cs-path li::before{content:'';position:absolute;left:0;top:.78em;width:10px;height:1px;background:var(--gold-deep)}
.cs-path li b{font-weight:600;color:var(--purple-deep)}
.cs-path li small{display:block;margin-top:2px;font-size:11.5px;color:var(--ink-faint)}
.cs-facts{max-width:1000px;margin-left:auto;margin-right:auto}
.cs .btn.btn-primary{margin-top:34px;color:#fff}
@media (max-width:860px){
  .cs-paths{grid-template-columns:1fr;max-width:460px}
  .cs-path{border-left:0;border-top:1px solid var(--gold-hair);padding:26px 24px 24px}
  .cs-path:first-child{border-top:0}
  .cs-path p{min-height:0}
  .cs-flag{top:12px;right:14px}
}