/* ---------- header, menu drawer ---------- */
.dua-header{position:fixed;top:0;left:0;right:0;z-index:120;padding-top:clamp(.9rem,2vw,1.5rem);pointer-events:none}
.dua-header__bar{pointer-events:auto;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;
  padding:.45rem .55rem .45rem 1.3rem;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  backdrop-filter:blur(18px) saturate(1.42);-webkit-backdrop-filter:blur(18px) saturate(1.42);
  border:2px solid rgba(255,255,255,.75);
  box-shadow:0 16px 44px -26px rgba(43,11,51,.46);
  transition:background var(--dua-mid) ease,border-color var(--dua-mid) ease,backdrop-filter var(--dua-mid) ease,box-shadow var(--dua-mid) ease;}
.dua-header__bar:hover,.dua-header.is-scrolled .dua-header__bar{background:rgba(255,255,255,.8);
  border-color:rgba(255,255,255,.9);
  backdrop-filter:blur(30px) saturate(1.55);-webkit-backdrop-filter:blur(30px) saturate(1.55);
  box-shadow:0 24px 60px -24px rgba(43,11,51,.58);}
.dua-logo{justify-self:start;display:inline-flex;align-items:center}
.dua-logo__img{height:44px;width:auto}
@media (max-width:600px){.dua-logo__img{height:36px}}
.dua-nav{justify-self:center;display:flex;align-items:center;gap:1.8rem}
.dua-nav__link{position:relative;font-family:var(--dua-display);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.02em;color:var(--dua-ink);transition:color var(--dua-fast) ease}
.dua-nav__link:hover{color:var(--dua-magenta-ink)}
.dua-nav__link.is-active{color:var(--dua-magenta-ink)}
.dua-nav__link.is-active::before{content:"";position:absolute;left:-.95rem;top:50%;width:.62rem;height:.62rem;transform:translateY(-50%);background:var(--dua-grad-candy);border-radius:46% 54% 58% 42%/52% 46% 54% 48%;box-shadow:0 0 10px -1px rgba(251,69,236,.7)}
.dua-header__right{justify-self:end;display:flex;align-items:center;gap:.7rem}
.dua-burger{display:none;flex-direction:column;gap:5px;width:46px;height:46px;align-items:center;justify-content:center;border-radius:50%;background:var(--dua-surface-2);border:2px solid var(--dua-line-strong)}
.dua-burger__line{display:block;width:20px;height:2px;background:var(--dua-ink)}
.dua-overlay{position:fixed;inset:0;z-index:170;background:rgba(43,11,51,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity var(--dua-mid) ease,visibility 0s linear var(--dua-mid)}
.dua-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}
.dua-drawer{position:fixed;top:0;right:0;z-index:180;height:100%;width:min(86vw,360px);display:flex;flex-direction:column;gap:1.5rem;padding:1.6rem 1.4rem;background:var(--dua-bg);box-shadow:-24px 0 60px -24px rgba(43,11,51,.5);transform:translateX(106%);visibility:hidden;transition:transform var(--dua-mid) var(--dua-ease-io),visibility 0s linear var(--dua-mid);overflow-y:auto}
.dua-drawer.is-open{transform:none;visibility:visible;transition-delay:0s}
.dua-drawer__close{align-self:flex-end;position:relative;width:46px;height:46px;border-radius:50%;background:var(--dua-surface-2);border:2px solid var(--dua-line-strong)}
.dua-drawer__close-line{position:absolute;left:50%;top:50%;width:18px;height:2px;background:var(--dua-ink)}
.dua-drawer__close-line:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.dua-drawer__close-line:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.dua-drawer__nav{display:flex;flex-direction:column;gap:.2rem;margin-top:.4rem}
.dua-drawer__link{font-family:var(--dua-display);font-weight:700;font-size:1.5rem;text-transform:uppercase;color:var(--dua-ink);padding:.55rem 0;border-bottom:2px solid var(--dua-line);transition:color var(--dua-fast) ease}
.dua-drawer__link:hover,.dua-drawer__link.is-active{color:var(--dua-magenta-ink)}
.dua-drawer__legal{display:flex;flex-wrap:wrap;gap:1rem;margin-top:auto}
.dua-drawer__legal-link{font-family:var(--dua-display);font-variant-numeric:tabular-nums;font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--dua-muted)}
.dua-drawer__legal-link:hover{color:var(--dua-magenta-ink)}
.dua-drawer__cta{width:100%}
@media (max-width:860px){
  .dua-nav{display:none}
  .dua-header__cta{display:none}
  .dua-burger{display:flex}
  .dua-header__bar{grid-template-columns:1fr auto}
}
/* ---------- cookie notice: non-blocking bar on the bottom edge, shown once the loader is gone ---------- */
.dua-cookie{position:fixed;left:0;right:0;bottom:0;z-index:160;background:linear-gradient(180deg,#2e0c36 0%,#1c0723 100%);border-top:2px solid rgba(247,155,242,.32);box-shadow:0 -18px 44px -24px rgba(43,11,51,.6);transform:translateY(105%);transition:transform .5s var(--dua-ease-out)}
.dua-cookie.is-in{transform:none}
.dua-cookie__inner{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem 1.4rem;padding-block:1rem}
.dua-cookie__text{flex:1 1 22rem;font-size:.95rem;font-weight:600;line-height:1.5;color:rgba(255,244,222,.82)}
.dua-cookie__title{font-family:var(--dua-display);font-weight:800;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dua-cream);margin-right:.45rem}
.dua-cookie__link{color:var(--dua-orchid);text-decoration:underline;text-underline-offset:2px}
.dua-cookie__link:hover{color:var(--dua-cream)}
.dua-cookie__ic{width:2.64rem;height:2.64rem}
.dua-cookie__ic .dua-ic__img{width:56%;height:56%}
.dua-cookie__actions{display:flex;gap:.5rem}
.dua-cookie__btn .dua-btn__inner{padding:.5rem .95rem;font-size:.78rem}
@media (max-width:600px){
  .dua-cookie__ic{display:none}
  .dua-cookie__inner{gap:.7rem;padding-block:.85rem}
  .dua-cookie__text{font-size:.88rem}
  .dua-cookie__actions{width:100%}
  .dua-cookie__btn{flex:1}
}
/* ---------- footer ---------- */
.dua-foot{position:relative;overflow:hidden;background:linear-gradient(180deg,#2a0b32 0%,#190620 100%);padding-block:clamp(2.8rem,5vw,4.2rem) clamp(1.6rem,3vw,2.4rem)}
.dua-foot__wrap{position:relative;z-index:1}
.dua-foot__deco{width:16rem;height:16rem;right:-7rem;top:2rem;opacity:.3;transform:rotate(-10deg)}
.dua-foot__top{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:.7rem 1.6rem}
.dua-foot__nav{display:flex;flex-wrap:wrap;gap:.7rem 1.6rem}
.dua-foot__link{font-family:var(--dua-display);font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.02em;color:var(--dua-cream);transition:color var(--dua-fast) ease}
.dua-foot__link:hover{color:var(--dua-orchid)}
.dua-foot__wordmark{display:block;margin:clamp(1.6rem,4vw,3rem) 0 clamp(1.2rem,3vw,2rem);font-family:var(--dua-display);font-weight:800;text-transform:lowercase;letter-spacing:-.03em;line-height:.8;font-size:clamp(2.4rem,10.5vw,8.5rem);color:var(--dua-cream);white-space:nowrap}
.dua-foot__bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem 2rem;padding-top:clamp(1.2rem,2.5vw,1.8rem)}
.dua-foot__copy{font-size:.92rem;font-weight:600;color:rgba(255,244,222,.66)}
.dua-foot__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.6rem;font-size:.92rem;font-weight:600;color:rgba(247,155,242,.72)}
.dua-foot__meta-link{color:var(--dua-orchid)}
.dua-foot__meta-link:hover{color:var(--dua-cream)}
.dua-foot__legal{display:inline-flex;gap:1.2rem}
.dua-foot__note{margin-top:clamp(1rem,2vw,1.3rem);font-size:.84rem;font-weight:600;line-height:1.55;color:rgba(255,244,222,.6)}
@media (max-width:760px){
  .dua-foot__bar{flex-direction:column;align-items:flex-start}
  .dua-foot__meta{flex-direction:column;align-items:flex-start;gap:.5rem}
}
/* ---------- panel: the one rounded slab — --dark (plum) and --glass (light) ---------- */
.dua-panel{position:relative;overflow:hidden;border-radius:var(--dua-r-xl)}
.dua-panel--dark{background:var(--dua-plum);border:2px solid rgba(247,155,242,.22);box-shadow:0 44px 90px -44px rgba(43,11,51,.62);color:var(--dua-cream)}
.dua-panel--glass{background:rgba(252,225,243,.62);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:2px solid var(--dua-line-strong);box-shadow:var(--dua-shadow-soft)}
/* ---------- section head: full width — title left, sub right ---------- */
.dua-sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,25rem);align-items:end;gap:1rem clamp(1.5rem,4vw,4rem);margin-bottom:clamp(2rem,4vw,3.2rem)}
.dua-sec-head__title{grid-column:1;font-family:var(--dua-display);font-weight:800;text-transform:uppercase;font-size:clamp(2rem,4.6vw,3.5rem);line-height:.98;letter-spacing:-.01em;color:var(--dua-ink)}
.dua-sec-head__title--lg{font-size:clamp(2.2rem,5.4vw,4.4rem);line-height:.92;letter-spacing:-.015em}
.dua-sec-head__title--xl{font-size:clamp(2.9rem,8.5vw,6rem);line-height:.88;letter-spacing:-.02em}
.dua-sec-head__art{grid-column:2;grid-row:1;justify-self:end;align-self:end;width:clamp(7rem,10vw,10.5rem);height:auto;margin-bottom:-.5rem;filter:drop-shadow(0 20px 36px rgba(43,11,51,.28));pointer-events:none}
.dua-sec-head--art .dua-sec-head__title{grid-row:1/3;align-self:end}
.dua-sec-head--art .dua-sec-head__sub{grid-row:2}
.dua-sec-head__sub{grid-column:2;padding-bottom:.35rem;font-size:clamp(1.02rem,1.5vw,1.16rem);font-weight:600;line-height:1.55;color:var(--dua-ink-soft)}
@media (max-width:860px){
  .dua-sec-head{grid-template-columns:minmax(0,1fr)}
  .dua-sec-head__sub{grid-column:1;max-width:52ch;padding-bottom:0}
  .dua-sec-head__art{display:none}
}
/* ---------- split head: big first words + dark badge, the rest of the line pushed right ---------- */
.dua-split-head{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);column-gap:clamp(1rem,3vw,2.4rem);margin-bottom:clamp(1.8rem,3.5vw,2.8rem)}
.dua-split-head__title{grid-column:1/-1;grid-row:1/3;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;font-family:var(--dua-display);font-weight:800;text-transform:uppercase;color:var(--dua-ink)}
.dua-split-head__lg{grid-column:1;grid-row:1;align-self:center;font-size:clamp(2.6rem,8vw,5.8rem);line-height:.88;letter-spacing:-.02em}
.dua-split-head__lg--xl{font-size:clamp(2.8rem,9vw,6.4rem);line-height:.86}
.dua-split-head__sm{grid-column:1/-1;grid-row:2;justify-self:end;text-align:right;font-size:clamp(1.6rem,4vw,3.2rem);line-height:.92;letter-spacing:-.01em;margin-top:-.05em}
.dua-split-head__badge{position:relative;z-index:1;grid-column:2;grid-row:1;align-self:center;justify-self:start;display:flex;flex-direction:column;gap:.25rem;max-width:20rem;padding:.85rem 1.1rem;border-radius:.8rem .8rem .8rem 1.2rem;background:rgba(43,11,51,.92);box-shadow:0 16px 32px -16px rgba(43,11,51,.6),inset 0 1px 0 rgba(255,244,190,.14)}
.dua-split-head__badge-lead{font-family:var(--dua-display);font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--dua-cream)}
.dua-split-head__badge-sub{font-size:.82rem;font-weight:600;line-height:1.42;color:rgba(247,155,242,.82)}
.dua-split-head__sub{grid-column:1/-1;grid-row:3;margin-top:1rem;max-width:52ch;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:600;line-height:1.55;color:var(--dua-ink-soft)}
.dua-split-head__badge--quote{max-width:25rem;gap:.4rem}
.dua-split-head__badge--quote .dua-split-head__badge-sub{font-family:var(--dua-display);font-weight:700;font-size:1rem;line-height:1.36;color:var(--dua-cream)}
.dua-motion .dua-split-head:not(.is-in) .dua-split-head__lg,
.dua-motion .dua-split-head:not(.is-in) .dua-split-head__badge,
.dua-motion .dua-split-head:not(.is-in) .dua-split-head__sm,
.dua-motion .dua-split-head:not(.is-in) .dua-split-head__sub{opacity:0}
.dua-motion .dua-split-head.is-in .dua-split-head__lg{animation:dua-slide-l var(--dua-t-reveal) var(--dua-ease-out) 60ms backwards}
.dua-motion .dua-split-head.is-in .dua-split-head__badge{animation:dua-enter-pop .6s var(--dua-ease-pop) 180ms backwards}
.dua-motion .dua-split-head.is-in .dua-split-head__sm{animation:dua-slide-r var(--dua-t-reveal) var(--dua-ease-out) 260ms backwards}
.dua-motion .dua-split-head.is-in .dua-split-head__sub{animation:dua-reveal var(--dua-t-reveal) var(--dua-ease-out) 340ms backwards}
@keyframes dua-slide-l{from{opacity:0;transform:translate3d(-32px,0,0)}}
@keyframes dua-slide-r{from{opacity:0;transform:translate3d(32px,0,0)}}
@media (max-width:760px){
  .dua-split-head{grid-template-columns:minmax(0,1fr)}
  .dua-split-head__title{grid-row:1/4}
  .dua-split-head__sm{grid-row:3;justify-self:start;text-align:left}
  .dua-split-head__badge{grid-column:1;grid-row:2;max-width:none;margin-block:.75rem}
  .dua-split-head__sub{grid-row:4}
}
/* ---------- tabs (desk, letters) — the form channels share the same pill ---------- */
.dua-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:clamp(1.3rem,2.4vw,1.9rem)}
.dua-tabs__tab,.dua-form__chan-label{display:inline-flex;align-items:center;gap:.5rem;padding:.66rem 1.25rem;border-radius:999px;font-family:var(--dua-display);font-weight:800;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dua-ink);background:transparent;border:2px solid rgba(43,11,51,.22);cursor:pointer;transition:color var(--dua-fast) ease,border-color var(--dua-mid) ease,box-shadow var(--dua-mid) ease}
.dua-tabs__tab:hover,.dua-form__chan:hover .dua-form__chan-label{border-color:var(--dua-magenta);color:var(--dua-magenta-ink)}
.dua-tabs__tab.is-active,.dua-form__chan-input:checked+.dua-form__chan-label{color:var(--dua-cream);border-color:transparent;background:linear-gradient(var(--dua-ink),var(--dua-ink)) padding-box,var(--dua-btn-grad) border-box;box-shadow:0 12px 26px -10px rgba(251,69,236,.5)}
.dua-tabs__idx{font-variant-numeric:tabular-nums;font-size:.74rem;opacity:.6}
.dua-tabs__tab.is-active .dua-tabs__idx{opacity:1;color:var(--dua-yellow)}
@media (max-width:760px){
  .dua-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.45rem .4rem .6rem;margin-inline:-.4rem}
  .dua-tabs__tab{flex:none}
}
/* ---------- hero (home; --inner / --legal on every other page) ---------- */
.dua-hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden}
.dua-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:blur(7px) brightness(1.05) saturate(1.06);transform:scale(1.06)}
.dua-hero__veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(56% 50% at 50% 48%,rgba(252,223,239,.16),transparent 46%,rgba(43,11,51,.1) 86%,rgba(43,11,51,.16))}
.dua-hero__glow{position:absolute;left:50%;top:50%;width:min(72vw,840px);height:min(72vw,840px);transform:translate(-50%,-50%);z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(251,69,236,.42),rgba(248,221,74,.16) 56%,transparent);filter:blur(26px)}
.dua-hero__stage{position:relative;z-index:2;min-height:100vh;min-height:100svh;padding-top:clamp(7rem,13vh,9.5rem);padding-bottom:clamp(2.5rem,6vh,4rem)}
.dua-hero__art{position:absolute;left:25%;top:32%;width:clamp(280px,31vw,480px);height:auto;z-index:2;filter:drop-shadow(0 34px 60px rgba(43,11,51,.34));animation:dua-float 7s ease-in-out infinite}
.dua-hero__intro{position:absolute;top:clamp(7.2rem,13vh,9.6rem);left:var(--dua-pad);max-width:24ch;z-index:4;display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
.dua-hero__intro-head{font-family:var(--dua-display);font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:-.01em;font-size:clamp(1.75rem,3vw,2.7rem);color:var(--dua-ink);text-shadow:0 2px 16px rgba(43,11,51,.18)}
.dua-hero__intro-sub{font-size:clamp(1.12rem,1.5vw,1.35rem);font-weight:600;line-height:1.42;color:var(--dua-ink-soft);max-width:22ch}
.dua-hero__bl{position:absolute;left:var(--dua-pad);bottom:clamp(2.4rem,6vh,4rem);z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:46vw}
.dua-hero__mr{position:absolute;right:var(--dua-pad);top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:0;max-width:40vw}
.dua-hero__stat{position:relative;z-index:6;margin-bottom:-1rem;padding:1.05rem 1.3rem;display:flex;align-items:center;gap:.95rem;max-width:18rem;text-align:left;background:rgba(252,228,244,.86);box-shadow:0 20px 46px -20px rgba(43,11,51,.5)}
.dua-hero__stat-body{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.dua-hero__stat-num{font-family:var(--dua-display);font-weight:800;font-size:clamp(2rem,2.6vw,2.5rem);line-height:1;color:var(--dua-magenta-deep)}
.dua-hero__stat-unit{font-style:normal;font-size:1.05rem;margin-left:.26rem;color:var(--dua-magenta-ink)}
.dua-hero__stat-label{font-size:1rem;font-weight:700;line-height:1.18;color:var(--dua-ink-soft);max-width:12ch}
.dua-hero__stat--float{margin-right:1.1rem;margin-bottom:.5rem}
.dua-hero__brand{font-family:var(--dua-display);font-weight:800;text-transform:uppercase;line-height:.84;letter-spacing:-.02em;font-size:clamp(2.8rem,8vw,6.4rem);color:var(--dua-ink);display:flex;flex-direction:column;text-shadow:0 3px 22px rgba(43,11,51,.26)}
.dua-hero__brand-2{color:var(--dua-yellow);text-shadow:0 2px 20px rgba(43,11,51,.34)}
.dua-hero__statement{font-family:var(--dua-display);font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.01em;font-size:clamp(2.4rem,4.6vw,4.4rem)}
.dua-hero__line{display:block}
.dua-hero__cta{display:inline-flex;align-items:center;gap:1rem;margin-top:1.5rem}
.dua-hero__cta-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;padding:3px;background-image:var(--dua-btn-grad);box-shadow:0 14px 30px -12px rgba(251,69,236,.55);transition:box-shadow var(--dua-mid) ease}
.dua-hero__cta-icon::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--dua-ink)}
.dua-hero__cta-img{position:relative;z-index:1;width:27px;height:27px;filter:brightness(0) invert(1);transition:transform var(--dua-fast) ease}
.dua-hero__cta-label{font-family:var(--dua-display);font-weight:700;text-transform:uppercase;font-size:1.22rem;letter-spacing:.01em;color:var(--dua-ink);transition:color var(--dua-mid) ease}
.dua-hero__cta:hover .dua-hero__cta-icon{box-shadow:0 18px 40px -12px rgba(251,69,236,.7)}
.dua-hero__cta:hover .dua-hero__cta-img{transform:translateX(3px)}
.dua-hero__cta:hover .dua-hero__cta-label{color:var(--dua-magenta-ink)}
.dua-motion.is-ready .dua-hero__art.dua-enter{animation:dua-enter-drop .95s var(--dua-ease-out) calc(var(--d,0)*var(--dua-step)) backwards,dua-float 7s ease-in-out infinite}
@media (max-width:980px){
  .dua-hero{min-height:auto}
  .dua-hero__stage{display:flex;flex-direction:column;align-items:flex-start;gap:1.7rem;min-height:auto;padding-top:7.5rem;padding-bottom:3rem}
  .dua-hero__intro,.dua-hero__bl,.dua-hero__mr,.dua-hero__art{position:static;transform:none;max-width:100%}
  .dua-hero__intro{order:1}
  .dua-hero__art{order:2;width:min(74vw,340px);align-self:center}
  .dua-hero__mr{order:3;align-items:flex-start;text-align:left}
  .dua-hero__bl{order:4}
  .dua-hero__stat{margin:0 0 .9rem;max-width:26rem}
  .dua-hero__line{display:inline}
}
/* inner pages: the same hero in smaller values. One height for every inner page (--inner),
   one shorter height for the legal pages (--legal, no art). Content is laid out to fit, never to grow it. */
.dua-hero--inner{--dua-hero-h:clamp(34rem,72svh,44rem);min-height:0;height:var(--dua-hero-h)}
.dua-hero--legal{--dua-hero-h:clamp(26rem,50svh,31rem)}
.dua-hero--inner .dua-hero__stage{min-height:0;height:100%}
.dua-hero--inner .dua-hero__glow{left:60%;top:46%;width:min(46vw,560px);height:min(46vw,560px)}
.dua-hero--legal .dua-hero__glow{left:78%;top:58%;width:min(40vw,460px);height:min(40vw,460px)}
.dua-hero--inner .dua-hero__veil{background:radial-gradient(46% 42% at 14% 84%,rgba(252,223,239,.72),rgba(252,223,239,0) 74%),linear-gradient(90deg,rgba(252,223,239,.7) 0%,rgba(252,223,239,.38) 30%,rgba(252,223,239,0) 56%),radial-gradient(56% 50% at 50% 48%,rgba(252,223,239,.16),transparent 46%,rgba(43,11,51,.08) 86%,rgba(43,11,51,.14))}
.dua-hero--inner .dua-hero__art{left:47%;top:24%;width:clamp(190px,19vw,290px)}
.dua-hero--inner .dua-hero__intro{max-width:36ch}
.dua-hero--inner .dua-hero__intro-sub{max-width:36ch;font-size:clamp(1.05rem,1.3vw,1.2rem);text-shadow:0 1px 14px rgba(252,223,239,.7)}
.dua-hero__intro-link{color:var(--dua-magenta-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.dua-hero__intro-link:hover{color:var(--dua-ink)}
.dua-hero--inner .dua-hero__bl{max-width:60vw}
.dua-hero--inner .dua-hero__brand{font-size:clamp(2.5rem,5.4vw,4.7rem);line-height:.86}
.dua-hero--inner .dua-hero__brand-2{color:var(--dua-magenta);text-shadow:0 2px 18px rgba(43,11,51,.22)}
.dua-hero--inner .dua-hero__stat{margin-bottom:-.35rem;padding:.8rem 1.05rem;gap:.8rem;max-width:16.5rem}
.dua-hero--inner .dua-hero__stat--float{margin-bottom:.4rem;margin-right:.9rem}
.dua-hero--inner .dua-hero__stat-num{font-size:clamp(1.65rem,2vw,2.05rem)}
.dua-hero--inner .dua-hero__stat-label{font-size:.92rem;max-width:14ch}
.dua-hero--inner .dua-hero__cta{margin-top:1.1rem}
.dua-hero--inner .dua-hero__cta-icon{width:56px;height:56px}
.dua-hero--inner .dua-hero__cta-img{width:23px;height:23px}
.dua-hero--inner .dua-hero__cta-label{font-size:1.04rem}
/* the stat card doubles as a link on the 404 */
.dua-hero__stat--link{transition:border-color var(--dua-mid) ease,box-shadow var(--dua-mid) ease}
.dua-hero__stat--link .dua-hero__stat-num{font-size:clamp(1.15rem,1.4vw,1.35rem);text-transform:uppercase}
.dua-hero__stat-arr{width:1.1rem;height:1.1rem;margin-left:auto;flex:none;filter:brightness(0);opacity:.5;transition:transform var(--dua-fast) ease,opacity var(--dua-fast) ease}
.dua-hero__stat--link:hover .dua-hero__stat-arr{transform:translateX(4px);opacity:1}
@media (min-width:981px) and (max-width:1180px){
  .dua-hero--inner .dua-hero__art{left:45%;top:19%}
  .dua-hero--inner .dua-hero__intro{max-width:30ch}
  .dua-hero--inner .dua-hero__intro-sub{max-width:30ch}
}
@media (max-width:980px){
  .dua-hero--inner{--dua-hero-h:auto;height:auto}
  .dua-hero--inner .dua-hero__stage{height:auto;min-height:var(--dua-hero-hm,41rem);justify-content:flex-end;gap:1.15rem;padding-top:6.6rem;padding-bottom:2.2rem}
  .dua-hero--legal .dua-hero__stage{--dua-hero-hm:31rem}
  .dua-hero--inner .dua-hero__art{position:absolute;order:0;left:auto;right:var(--dua-pad);top:6.4rem;width:min(30vw,170px)}
  .dua-hero--inner .dua-hero__intro{order:1;margin-bottom:auto;max-width:calc(100% - min(30vw,170px) - .4rem)}
  .dua-hero--legal .dua-hero__intro{max-width:100%}
  .dua-hero--inner .dua-hero__veil{background:linear-gradient(180deg,rgba(252,223,239,.66) 0%,rgba(252,223,239,.5) 55%,rgba(252,223,239,.62) 100%)}
  .dua-hero--inner .dua-hero__bl{order:2;max-width:100%}
  .dua-hero--inner .dua-hero__brand{font-size:clamp(2rem,8.6vw,3.6rem)}
  .dua-hero--inner .dua-hero__mr{order:3;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem}
  .dua-hero--inner .dua-hero__stat{margin:0 0 .7rem}
  .dua-hero--inner .dua-hero__stat--float{margin:0}
  .dua-hero--inner .dua-hero__cta{margin-top:0}
  .dua-hero--inner .dua-hero__glow{left:76%;top:24%}
}
@media (max-width:600px){
  .dua-hero--inner .dua-hero__stage{--dua-hero-hm:44rem}
  .dua-hero--legal .dua-hero__stage{--dua-hero-hm:35rem}
}
/* ---------- desk: dark tab panel with step slides + counters (home desk, lab crossing) ---------- */
.dua-desk__panel{padding:clamp(2.2rem,4vw,3.8rem)}
.dua-desk__glow{position:absolute;inset:0;z-index:0;pointer-events:none}
.dua-desk__panel[data-step="0"] .dua-desk__glow{background:radial-gradient(58% 72% at 15% 92%,rgba(251,69,236,.6),transparent 70%)}
.dua-desk__panel[data-step="1"] .dua-desk__glow{background:radial-gradient(58% 72% at 88% 86%,rgba(247,155,242,.55),transparent 70%)}
.dua-desk__panel[data-step="2"] .dua-desk__glow{background:radial-gradient(60% 72% at 86% 12%,rgba(216,31,201,.6),transparent 70%)}
.dua-desk__panel[data-step="3"] .dua-desk__glow{background:radial-gradient(72% 84% at 50% 110%,rgba(248,221,74,.42),rgba(251,69,236,.4) 45%,transparent 76%)}
.dua-desk__panel[data-step="4"] .dua-desk__glow{background:radial-gradient(60% 72% at 18% 16%,rgba(247,155,242,.55),transparent 70%)}
.dua-desk__panel[data-step="5"] .dua-desk__glow{background:radial-gradient(66% 78% at 50% 50%,rgba(248,221,74,.4),rgba(251,69,236,.42) 48%,transparent 76%)}
.dua-desk__slides{position:relative;z-index:1;display:grid;min-height:clamp(19rem,28vw,27rem)}
.dua-desk__slide{grid-area:1/1;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.8rem,3.5vw,3.4rem);align-items:center;opacity:0;visibility:hidden;transition:opacity .45s ease}
.dua-desk__slide.is-active{opacity:1;visibility:visible}
.dua-desk__copy{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}
.dua-desk__step-idx{font-family:var(--dua-display);font-weight:800;font-size:1.3rem;letter-spacing:.05em;text-transform:uppercase;color:var(--dua-yellow)}
.dua-desk__step-title{font-family:var(--dua-display);font-weight:800;font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.02;text-transform:uppercase;letter-spacing:-.01em;color:var(--dua-cream)}
.dua-desk__step-desc{font-size:1.35rem;font-weight:600;line-height:1.65;color:rgba(255,244,222,.84);max-width:44ch}
.dua-desk__media{position:relative;display:flex;align-items:center;justify-content:center;min-height:18rem}
.dua-desk__img{width:auto;max-height:18rem;filter:drop-shadow(0 26px 46px rgba(0,0,0,.5));animation:dua-float 7.5s ease-in-out infinite}
.dua-desk__stats{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(1.8rem,4vw,4rem);margin-top:clamp(2.6rem,4.2vw,3.8rem)}
.dua-desk__stat{max-width:14rem}
.dua-desk__stat-num{font-family:var(--dua-display);font-weight:800;font-size:clamp(2.6rem,4vw,3.7rem);line-height:1;color:var(--dua-cream)}
.dua-desk__stat-label{display:block;font-size:.95rem;font-weight:600;line-height:1.4;color:rgba(255,244,222,.55);margin-top:.4rem;max-width:17ch}
.dua-motion .dua-desk__slide.is-active .dua-desk__copy{animation:dua-tab-copy .55s var(--dua-ease-out) backwards}
.dua-motion .dua-desk__slide.is-active .dua-desk__media{animation:dua-tab-media .6s var(--dua-ease-out) 60ms backwards}
@keyframes dua-tab-copy{from{opacity:0;transform:translate3d(0,12px,0)}}
@keyframes dua-tab-media{from{opacity:0;transform:scale(.96)}}
@media (max-width:760px){
  .dua-desk__slide{grid-template-columns:1fr;gap:1.3rem}
  .dua-desk__media{min-height:11rem}
  .dua-desk__img{max-height:13rem}
  .dua-desk__stats{justify-content:space-between;flex-wrap:nowrap;gap:.6rem}
  .dua-desk__stat{max-width:none}
  .dua-desk__stat-num{font-size:1.6rem}
  .dua-desk__stat-label{font-size:.72rem;max-width:none}
}
/* ---------- lens card (home lenses; the lab rule tiles add --tile); its staggered grid lives in home.css ---------- */
.dua-lens{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;width:min(100%,24rem);padding:clamp(1.4rem,2vw,2rem);background:radial-gradient(135% 130% at 100% 100%,rgba(251,69,236,.52) 0%,rgba(247,155,242,.32) 40%,rgba(252,228,244,.5) 80%)}
.dua-lens__idx{font-family:var(--dua-display);font-weight:800;font-size:1.15rem;letter-spacing:.04em;color:var(--dua-magenta-deep)}
.dua-lens__art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:11.5rem;margin:.3rem 0 .6rem}
.dua-lens__img{position:relative;z-index:1;width:auto;max-height:11rem;filter:drop-shadow(0 20px 34px rgba(43,11,51,.34))}
.dua-lens__head{display:flex;align-items:center;gap:.85rem}
.dua-lens__title{font-family:var(--dua-display);font-weight:800;font-size:clamp(1.3rem,2vw,1.7rem);text-transform:uppercase;letter-spacing:-.01em;color:var(--dua-ink)}
.dua-lens__desc{font-size:1rem;font-weight:600;line-height:1.5;color:var(--dua-ink-soft);max-width:34ch}
@media (max-width:760px){
  .dua-lens{width:100%}
}
/* candy lens (home): a saturated card on the light ground; one gradient sweep runs across the set via --lens-x */
.dua-lens--candy{border-color:rgba(255,244,190,.6);background:linear-gradient(100deg,#F79BF2 0%,#FB45EC 27%,#F87FE6 50%,#FBA7B4 75%,#F8DD4A 100%);background-size:400% 100%;background-position:var(--lens-x,0%) 0;box-shadow:0 26px 54px -26px rgba(181,19,159,.6),inset 0 1px 0 rgba(255,248,253,.55)}
.dua-lens--candy::after{background:radial-gradient(90% 55% at 30% 0%,rgba(255,248,253,.55),rgba(255,248,253,0) 72%);opacity:.7}
.dua-lens--candy:hover{border-color:var(--dua-cream);box-shadow:0 30px 66px -24px rgba(181,19,159,.72),inset 0 1px 0 rgba(255,248,253,.55)}
.dua-lens--candy .dua-lens__idx,.dua-lens--candy .dua-lens__desc{color:var(--dua-ink)}
/* ---------- closing CTA: a dark panel on the cream slab (every content page) ---------- */
.dua-cta{position:relative;overflow:hidden;background:var(--dua-cream)}
.dua-cta__panel{padding:clamp(2rem,4.5vw,4rem);display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.dua-cta__glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(58% 80% at 82% 68%,rgba(251,69,236,.5),rgba(248,221,74,.16) 50%,transparent 74%)}
.dua-cta__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}
.dua-cta__title{font-family:var(--dua-display);font-weight:800;text-transform:uppercase;font-size:clamp(2.4rem,5.5vw,4.4rem);line-height:.92;letter-spacing:-.02em;color:var(--dua-cream)}
.dua-cta__sub{font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:600;line-height:1.55;color:rgba(255,244,222,.82);max-width:46ch}
.dua-cta__stats{display:flex;flex-wrap:wrap;gap:clamp(1.4rem,3vw,2.6rem)}
.dua-cta__stat-num{font-family:var(--dua-display);font-weight:800;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1;color:var(--dua-cream)}
.dua-cta__stat-label{display:block;font-size:.85rem;font-weight:600;color:rgba(247,155,242,.85);margin-top:.25rem}
.dua-cta__btn{display:inline-flex;align-items:center;gap:1rem;margin-top:.4rem;padding:.95rem 1rem .95rem 1.9rem;border-radius:999px;background-image:var(--dua-btn-grad);background-size:200% 200%;color:var(--dua-ink);font-family:var(--dua-display);font-weight:800;font-size:clamp(1.05rem,1.5vw,1.28rem);text-transform:uppercase;letter-spacing:.02em;box-shadow:0 18px 44px -14px rgba(251,69,236,.6);transition:box-shadow var(--dua-mid) ease,background-position var(--dua-mid) ease}
.dua-cta__btn-ic{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border-radius:50%;background:var(--dua-ink);flex:none}
.dua-cta__btn-img{width:1.25rem;height:1.25rem;filter:brightness(0) invert(1);transition:transform var(--dua-fast) ease}
.dua-cta__btn:hover{background-position:100% 0;box-shadow:0 26px 60px -14px rgba(251,69,236,.8)}
.dua-cta__btn:hover .dua-cta__btn-img{transform:translateX(4px)}
.dua-cta__art{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:15rem}
.dua-cta__art-glow{position:absolute;width:82%;height:82%;border-radius:50%;background:radial-gradient(closest-side,rgba(251,69,236,.6),rgba(247,155,242,.25) 55%,transparent);filter:blur(12px)}
.dua-cta__img{position:relative;z-index:1;width:auto;max-height:21rem;filter:drop-shadow(0 28px 50px rgba(0,0,0,.5));animation:dua-float 6s ease-in-out infinite}
@media (max-width:860px){
  .dua-cta__panel{grid-template-columns:1fr;gap:1.5rem}
  .dua-cta__art{order:-1;min-height:11rem}
  .dua-cta__img{max-height:14rem}
  .dua-cta__btn{width:100%;justify-content:center}
}
/* ---------- form: one pattern for every form on the site (+ --dark on plum panels) ----------
   body and done-state share one grid cell, so sending never changes the block height */
.dua-form{position:relative;z-index:1;display:grid}
.dua-form__body,.dua-form__done{grid-area:1/1}
.dua-form__body{display:flex;flex-direction:column;gap:clamp(.8rem,1.6vw,1.1rem);transition:opacity .35s ease,visibility 0s linear .35s}
.dua-form__row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.8rem,1.6vw,1.1rem) clamp(1rem,2vw,1.5rem)}
.dua-form__field{display:flex;flex-direction:column;gap:.5rem;min-width:0;margin:0;padding:0;border:0}
.dua-form__label{padding:0;font-family:var(--dua-display);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dua-ink-soft)}
.dua-form__control{position:relative;display:block}
.dua-form__ic{position:absolute;left:1rem;top:1.05rem;width:1.2rem;height:1.2rem;opacity:.45;filter:brightness(0);pointer-events:none}
.dua-form__input{width:100%;padding:.95rem 1.1rem .95rem 2.9rem;border-radius:var(--dua-r-sm);background:var(--dua-surface-2);border:2px solid var(--dua-line-strong);color:var(--dua-ink);font-family:var(--dua-body);font-weight:600;font-size:1rem;transition:border-color var(--dua-fast) ease,box-shadow var(--dua-mid) ease}
.dua-form__input::placeholder{color:var(--dua-muted);font-style:italic}
.dua-form__input:hover{border-color:var(--dua-orchid);box-shadow:0 12px 26px -16px rgba(43,11,51,.42)}
.dua-form__input:focus{outline:none}
.dua-form__input:focus-visible{outline:none;border-color:var(--dua-magenta);box-shadow:0 0 0 4px rgba(251,69,236,.22),0 0 26px 6px rgba(251,69,236,.24)}
.dua-form__input[aria-invalid="true"]{border-color:var(--dua-error)}
.dua-form__input--area{min-height:9.5rem;resize:vertical;line-height:1.5}
.dua-form__error{min-height:1.25rem;margin-top:-.2rem;font-size:.86rem;font-weight:700;line-height:1.3;color:var(--dua-error)}
.dua-form__legend{margin-bottom:.5rem}
.dua-form__chan-list{display:flex;flex-wrap:wrap;gap:.5rem}
.dua-form__chan{position:relative;display:inline-flex}
.dua-form__chan-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.dua-form__chan-label{padding:.55rem 1.1rem;font-size:.8rem;letter-spacing:.05em}
.dua-form__chan-input:focus-visible+.dua-form__chan-label{outline:3px solid var(--dua-magenta);outline-offset:3px}
.dua-form__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1.1rem;margin-top:.2rem}
.dua-form__field--check{position:relative}
.dua-form__error--float{position:absolute;left:0;top:100%;min-height:0;margin-top:.3rem;white-space:nowrap}
.dua-form__check{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;color:var(--dua-ink-soft);cursor:pointer}
.dua-form__check-input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:1.35rem;height:1.35rem;margin:0;border-radius:.42rem;border:2px solid var(--dua-line-strong);background:var(--dua-surface-2);cursor:pointer;transition:background var(--dua-fast) ease,border-color var(--dua-fast) ease,box-shadow var(--dua-mid) ease}
.dua-form__check-input:hover{border-color:var(--dua-orchid);box-shadow:0 8px 18px -12px rgba(43,11,51,.45)}
.dua-form__check-input:focus-visible{outline:none;border-color:var(--dua-magenta);box-shadow:0 0 0 4px rgba(251,69,236,.22),0 0 18px 4px rgba(251,69,236,.24)}
.dua-form__check-input:checked{background:var(--dua-grad-candy);border-color:transparent}
.dua-form__check-input:checked::after{content:"";position:absolute;left:.38rem;top:.14rem;width:.3rem;height:.58rem;border:solid var(--dua-ink);border-width:0 3px 3px 0;transform:rotate(45deg)}
.dua-form__check-input[aria-invalid="true"]{border-color:var(--dua-error)}
.dua-form__link{color:var(--dua-magenta-ink);text-decoration:underline;text-underline-offset:2px}
.dua-form__link:hover{color:var(--dua-magenta)}
.dua-form__spinner{display:none;flex:none;width:1.05em;height:1.05em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:dua-spin .7s linear infinite}
.dua-form.is-sending .dua-form__spinner{display:inline-block}
.dua-form.is-sending .dua-form__submit-ic{display:none}
.dua-form.is-sending .dua-form__submit{pointer-events:none}
.dua-form__done{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.7rem;padding:clamp(1.6rem,3vw,2.6rem);border-radius:var(--dua-r-lg);background:rgba(252,228,244,.92);border:2px solid var(--dua-magenta);box-shadow:var(--dua-glow);opacity:0;visibility:hidden;transform:translate3d(0,10px,0);transition:opacity .45s ease,transform .45s var(--dua-ease-out),visibility 0s linear .45s}
.dua-form.is-sent .dua-form__body{opacity:0;visibility:hidden}
.dua-form.is-sent .dua-form__done{opacity:1;visibility:visible;transform:none;transition-delay:.2s,.2s,0s}
.dua-form__done-title{font-family:var(--dua-display);font-weight:800;font-size:clamp(1.7rem,3vw,2.5rem);text-transform:uppercase;letter-spacing:-.01em;color:var(--dua-ink)}
.dua-form__done-title:focus{outline:none}
.dua-form__done-text{font-size:1.08rem;font-weight:600;line-height:1.5;color:var(--dua-ink-soft);max-width:46ch}
@media (max-width:760px){
  .dua-form__row{grid-template-columns:1fr}
  .dua-form__foot{flex-direction:column;align-items:stretch;gap:.4rem}
  .dua-form__error--float{position:static;min-height:1.25rem;white-space:normal}
  .dua-form__submit{width:100%}
}
.dua-form--dark .dua-form__label{color:rgba(247,155,242,.85)}
.dua-form--dark .dua-form__ic{opacity:.6;filter:brightness(0) invert(1)}
.dua-form--dark .dua-form__input{background:rgba(255,248,253,.07);border-color:rgba(247,155,242,.3);color:var(--dua-cream)}
.dua-form--dark .dua-form__input::placeholder{color:rgba(247,155,242,.6)}
.dua-form--dark .dua-form__input:hover{border-color:var(--dua-orchid);box-shadow:0 12px 26px -16px rgba(0,0,0,.6)}
.dua-form--dark .dua-form__input:focus-visible{border-color:var(--dua-magenta);box-shadow:0 0 0 4px rgba(251,69,236,.3),0 0 28px 6px rgba(251,69,236,.32)}
.dua-form--dark .dua-form__input[aria-invalid="true"]{border-color:var(--dua-error-soft)}
.dua-form--dark .dua-form__error{color:var(--dua-error-soft)}
.dua-form--dark .dua-form__chan-label{color:var(--dua-cream);border-color:rgba(247,155,242,.3)}
.dua-form--dark .dua-form__chan:hover .dua-form__chan-label{border-color:var(--dua-magenta);color:var(--dua-orchid)}
.dua-form--dark .dua-form__chan-input:checked+.dua-form__chan-label{color:var(--dua-ink);background:var(--dua-btn-grad);border-color:transparent}
.dua-form--dark .dua-form__check{color:rgba(255,244,222,.82)}
.dua-form--dark .dua-form__check-input{border-color:rgba(247,155,242,.4);background:rgba(255,248,253,.07)}
.dua-form--dark .dua-form__check-input:hover{border-color:var(--dua-orchid)}
.dua-form--dark .dua-form__check-input:focus-visible{border-color:var(--dua-magenta)}
.dua-form--dark .dua-form__check-input:checked{background:var(--dua-grad-candy);border-color:transparent}
.dua-form--dark .dua-form__check-input[aria-invalid="true"]{border-color:var(--dua-error-soft)}
.dua-form--dark .dua-form__link{color:var(--dua-orchid)}
.dua-form--dark .dua-form__link:hover{color:var(--dua-cream)}
.dua-form--dark .dua-form__done{background:rgba(255,248,253,.06);box-shadow:none}
.dua-form--dark .dua-form__done-title{color:var(--dua-cream)}
.dua-form--dark .dua-form__done-text{color:rgba(255,244,222,.8)}
/* ---------- shared from home: feature head, drop card, crew fan, letters pull panel (briefs, lab) ---------- */
.dua-feature{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(1.4rem,3vw,2.6rem);align-items:center;padding:clamp(1.1rem,2.4vw,1.7rem)}
.dua-feature__media{position:relative;overflow:hidden;border-radius:var(--dua-r-lg);background:linear-gradient(150deg,rgba(251,69,236,.18),rgba(248,221,74,.15));padding:clamp(1.2rem,3vw,2.4rem);display:flex;align-items:center;justify-content:center;min-height:18rem}
.dua-feature__shape{width:21rem;height:21rem;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;filter:blur(10px)}
.dua-feature__img{position:relative;z-index:1;width:auto;max-height:21rem;filter:drop-shadow(0 24px 42px rgba(43,11,51,.3));animation:dua-float 8s ease-in-out infinite}
.dua-feature__body{display:flex;flex-direction:column;gap:1rem;min-width:0}
.dua-feature__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem}
.dua-feature__title{font-family:var(--dua-display);font-weight:800;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.04;text-transform:uppercase;letter-spacing:-.01em;color:var(--dua-ink)}
.dua-feature__dek{font-size:1.05rem;font-weight:600;color:var(--dua-ink-soft);max-width:50ch}
.dua-feature__meters{display:flex;flex-direction:column;gap:.85rem;margin-top:.15rem}
.dua-feature__foot{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.4rem;margin-top:.45rem}
.dua-feature__date{font-size:.92rem;font-weight:700;color:var(--dua-muted)}
.dua-drop{display:flex;flex-direction:column;overflow:hidden}
.dua-drop__media{position:relative;overflow:hidden;border-radius:calc(var(--dua-r-lg) - 2px) calc(var(--dua-r-lg) - 2px) 0 0;background:linear-gradient(150deg,rgba(251,69,236,.15),rgba(248,221,74,.13));aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}
.dua-drop__img{width:auto;max-height:88%;filter:drop-shadow(0 14px 24px rgba(43,11,51,.26));transition:transform var(--dua-mid) ease}
.dua-drop:hover .dua-drop__img{transform:scale(1.05)}
.dua-drop__body{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.15rem 1.3rem 1.3rem}
.dua-drop__title{font-family:var(--dua-display);font-weight:700;font-size:1.18rem;line-height:1.12;text-transform:uppercase;letter-spacing:-.005em;color:var(--dua-ink)}
.dua-drop__dek{font-size:.98rem;font-weight:600;color:var(--dua-ink-soft)}
.dua-drop__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:auto;font-size:.85rem;font-weight:700;color:var(--dua-muted)}
.dua-drop__arr{width:1.1rem;height:1.1rem;filter:brightness(0);opacity:.45;transition:transform var(--dua-fast) ease,opacity var(--dua-fast) ease}
.dua-drop:hover .dua-drop__arr{transform:translateX(4px);opacity:1}
/* --sub: the card spans five rows of its grid (subgrid), so titles, deks and metas line up across the set */
.dua-drop--sub{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
.dua-drop--sub .dua-drop__body{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:.7rem;justify-items:start;align-items:start}
.dua-drop--sub .dua-drop__meta{align-self:end}
.dua-letters__panel{padding:clamp(2.2rem,4vw,3.8rem)}
.dua-letters__glow{position:absolute;inset:0;z-index:0;pointer-events:none}
.dua-letters__panel[data-step="0"] .dua-letters__glow{background:radial-gradient(60% 74% at 18% 92%,rgba(251,69,236,.58),transparent 70%)}
.dua-letters__panel[data-step="1"] .dua-letters__glow{background:radial-gradient(60% 74% at 85% 88%,rgba(247,155,242,.52),transparent 70%)}
.dua-letters__panel[data-step="2"] .dua-letters__glow{background:radial-gradient(74% 86% at 50% 110%,rgba(248,221,74,.4),rgba(251,69,236,.4) 46%,transparent 76%)}
.dua-letters__quote{font-family:var(--dua-display);font-weight:700;font-size:clamp(1.7rem,3.1vw,2.85rem);line-height:1.22;letter-spacing:-.005em;color:var(--dua-cream);max-width:30ch}
.dua-letters__metrics{display:flex;flex-wrap:wrap;gap:clamp(1.6rem,4vw,3.6rem)}
.dua-letters__metric-num{font-family:var(--dua-display);font-weight:800;font-variant-numeric:tabular-nums;font-size:clamp(2.3rem,3.7vw,3.3rem);line-height:1;color:var(--dua-cream)}
.dua-letters__metric-label{display:block;font-size:.92rem;font-weight:600;line-height:1.35;color:rgba(255,244,222,.55);margin-top:.35rem;max-width:15ch}
.dua-letters__by{display:flex;align-items:center;gap:.9rem;margin-top:auto}
.dua-letters__by-name{display:block;font-family:var(--dua-display);font-weight:800;font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em;color:var(--dua-cream)}
.dua-letters__by-role{display:block;font-size:.95rem;font-weight:600;color:rgba(247,155,242,.8)}
.dua-crew{position:relative;overflow:hidden;background:linear-gradient(150deg,#FBE0F1 0%,#F4CDE6 58%,#EDBFE4 100%)}
.dua-crew__deco{width:24rem;height:24rem;left:-10rem;top:3rem;opacity:.22;transform:rotate(12deg)}
.dua-crew__deco2{width:15rem;height:15rem;right:-7rem;top:2.5rem;opacity:.3;transform:rotate(-14deg)}
.dua-crew__deco3{width:22rem;height:22rem;right:-11rem;bottom:2rem;opacity:.2;transform:rotate(8deg)}
/* the fan is drawn in fan units (--fu): 1rem on wide screens, shrinks so all five cards always fit */
.dua-crew__fan{--fu:1rem;display:flex;justify-content:center;align-items:center;padding-block:1.5rem}
.dua-crew__card{position:relative;overflow:hidden;flex:none;width:calc(19*var(--fu));height:calc(28*var(--fu));border-radius:var(--dua-r-lg);background:linear-gradient(180deg,#3a1342 0%,#220a29 100%);border:2px solid rgba(247,155,242,.2);box-shadow:0 30px 60px -30px rgba(43,11,51,.62);transition:border-color var(--dua-mid) ease}
.dua-crew__card:nth-child(1){z-index:1}
.dua-crew__card:nth-child(2){z-index:2;margin-left:calc(-2.5*var(--fu))}
.dua-crew__card:nth-child(3){z-index:3;width:calc(22*var(--fu));height:calc(32*var(--fu));margin-left:calc(-2.5*var(--fu))}
.dua-crew__card:nth-child(4){z-index:2;margin-left:calc(-2.5*var(--fu))}
.dua-crew__card:nth-child(5){z-index:1;margin-left:calc(-2.5*var(--fu))}
.dua-crew__card:nth-child(1),.dua-crew__card:nth-child(5){width:calc(16*var(--fu));height:calc(24*var(--fu))}
.dua-crew__glow{position:absolute;inset:0;z-index:0;pointer-events:none}
.dua-crew__card:nth-child(1) .dua-crew__glow{background:radial-gradient(66% 56% at 50% 44%,rgba(247,155,242,.62),transparent 70%)}
.dua-crew__card:nth-child(2) .dua-crew__glow{background:radial-gradient(70% 58% at 50% 44%,rgba(251,69,236,.72),rgba(247,155,242,.3) 56%,transparent 76%)}
.dua-crew__card:nth-child(3) .dua-crew__glow{background:radial-gradient(72% 60% at 50% 44%,rgba(251,69,236,.78),rgba(247,155,242,.34) 56%,transparent 78%)}
.dua-crew__card:nth-child(4) .dua-crew__glow{background:radial-gradient(70% 58% at 50% 44%,rgba(248,221,74,.6),rgba(251,69,236,.42) 56%,transparent 76%)}
.dua-crew__card:nth-child(5) .dua-crew__glow{background:radial-gradient(66% 56% at 50% 44%,rgba(248,221,74,.58),transparent 70%)}
.dua-crew__avatar{position:absolute;z-index:1;left:50%;bottom:0;transform:translateX(-50%);width:auto;height:76%;filter:drop-shadow(0 16px 30px rgba(0,0,0,.45))}
.dua-crew__card:nth-child(1) .dua-crew__avatar{filter:hue-rotate(-28deg) saturate(1.05) drop-shadow(0 16px 30px rgba(0,0,0,.45))}
.dua-crew__card:nth-child(2) .dua-crew__avatar{filter:hue-rotate(34deg) saturate(1.15) drop-shadow(0 16px 30px rgba(0,0,0,.45))}
.dua-crew__card:nth-child(4) .dua-crew__avatar{filter:hue-rotate(76deg) saturate(1.2) drop-shadow(0 16px 30px rgba(0,0,0,.45))}
.dua-crew__card:nth-child(5) .dua-crew__avatar{filter:hue-rotate(112deg) saturate(1.25) drop-shadow(0 16px 30px rgba(0,0,0,.45))}
.dua-crew__by{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.3rem;padding:3.6rem 1.3rem 1.3rem;background:linear-gradient(180deg,transparent,rgba(28,8,34,.94) 50%)}
.dua-crew__name{font-family:var(--dua-display);font-weight:800;font-size:1.25rem;text-transform:uppercase;letter-spacing:.01em;color:var(--dua-cream)}
.dua-crew__role{font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--dua-orchid)}
.dua-crew__bio{font-size:.9rem;font-weight:600;line-height:1.4;color:rgba(255,244,222,.72);margin-top:.15rem}
.dua-crew__card::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:#180620;opacity:0;transition:opacity var(--dua-mid) ease}
.dua-crew__card:nth-child(2),.dua-crew__card:nth-child(3),.dua-crew__card:nth-child(4){border-color:rgba(251,69,236,.42);box-shadow:0 30px 60px -30px rgba(43,11,51,.62),0 26px 70px -28px rgba(251,69,236,.55)}
.dua-crew__card:nth-child(1)::after,.dua-crew__card:nth-child(5)::after{opacity:.3}
.dua-crew__card:hover{z-index:6;border-color:rgba(251,69,236,.8)}
.dua-crew__card:hover::after{opacity:0}
@keyframes dua-fan-out{0%{opacity:0;transform:translate3d(var(--fan-x,0),24px,0) rotate(var(--fan-r,0)) scale(.94)}30%{opacity:1;transform:translate3d(var(--fan-x,0),0,0) rotate(var(--fan-r,0)) scale(.96)}}
@media (max-width:760px){
  .dua-feature{grid-template-columns:1fr}
  .dua-feature__media{min-height:14rem}
  .dua-feature__shape{width:12rem;height:12rem}
  .dua-letters__metrics{gap:1.4rem}
  .dua-letters__metric-num{font-size:1.8rem}
}
@media (min-width:1181px){
  .dua-crew__fan{--fu:min(1rem,calc((100vw - 5rem) / 82))}
  .dua-crew__card:nth-child(3){--i:0}
  .dua-crew__card:nth-child(2),.dua-crew__card:nth-child(4){--i:1}
  .dua-crew__card:nth-child(1),.dua-crew__card:nth-child(5){--i:2}
  .dua-crew__card:nth-child(1){--fan-x:calc(33*var(--fu));--fan-r:-7deg}
  .dua-crew__card:nth-child(2){--fan-x:calc(18*var(--fu));--fan-r:-3.5deg}
  .dua-crew__card:nth-child(4){--fan-x:calc(-18*var(--fu));--fan-r:3.5deg}
  .dua-crew__card:nth-child(5){--fan-x:calc(-33*var(--fu));--fan-r:7deg}
  .dua-motion .dua-crew__fan:not(.is-in) .dua-crew__card{opacity:0}
  .dua-motion .dua-crew__fan.is-in .dua-crew__card{animation:dua-fan-out 1s var(--dua-ease-out) calc(var(--i,0)*120ms) backwards}
  .dua-crew__card:nth-child(4) .dua-crew__by,.dua-crew__card:nth-child(5) .dua-crew__by{padding-left:calc(3.8*var(--fu))}
  .dua-crew__card:nth-child(1) .dua-crew__by,.dua-crew__card:nth-child(2) .dua-crew__by{padding-right:calc(3.8*var(--fu))}
}
@media (min-width:861px) and (max-width:1180px){
  /* small laptops / tablets landscape: the five cards as a 3 + 2 stagger, nothing cut by the edges */
  .dua-crew__fan{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;max-width:var(--dua-wrap);margin-inline:auto;padding:1rem var(--dua-pad) 1.5rem}
  .dua-crew__card:nth-child(n){grid-column:span 2;width:auto;height:auto;aspect-ratio:3/3.9;margin-left:0;z-index:auto}
  .dua-crew__card:nth-child(4){grid-column:2/span 2}
  .dua-crew__card:nth-child(n)::after{opacity:0}
  .dua-motion .dua-crew__fan:not(.is-in) .dua-crew__card{opacity:0}
  .dua-motion .dua-crew__fan.is-in .dua-crew__card{animation:dua-reveal var(--dua-t-reveal) var(--dua-ease-out) backwards}
  .dua-motion .dua-crew__fan.is-in .dua-crew__card:nth-child(2){animation-delay:80ms}
  .dua-motion .dua-crew__fan.is-in .dua-crew__card:nth-child(3){animation-delay:160ms}
  .dua-motion .dua-crew__fan.is-in .dua-crew__card:nth-child(4){animation-delay:240ms}
  .dua-motion .dua-crew__fan.is-in .dua-crew__card:nth-child(5){animation-delay:320ms}
}
@media (max-width:860px){
  /* tablet/mobile: the fan becomes a swipeable row; :nth-child(n) resets the desktop overlap (0,2,0) */
  .dua-crew__fan{display:grid;grid-auto-flow:column;grid-auto-columns:min(70vw,17rem);gap:1rem;justify-content:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--dua-pad);padding:1rem var(--dua-pad) 1.5rem}
  .dua-crew__card:nth-child(n){width:auto;height:auto;aspect-ratio:3/4.2;margin-left:0;z-index:auto;scroll-snap-align:start}
  .dua-crew__card:nth-child(n)::after{opacity:0}
  .dua-motion .dua-crew__fan:not(.is-in) .dua-crew__card{opacity:0}
  .dua-motion .dua-crew__fan.is-in .dua-crew__card{animation:dua-reveal var(--dua-t-reveal) var(--dua-ease-out) backwards}
  .dua-motion .dua-crew__fan.is-in .dua-crew__card:nth-child(2){animation-delay:80ms}
  .dua-motion .dua-crew__fan.is-in .dua-crew__card:nth-child(3){animation-delay:160ms}
  .dua-motion .dua-crew__fan.is-in .dua-crew__card:nth-child(n+4){animation-delay:240ms}
}
/* ---------- grounds: one plum full-bleed section per page; the cream slab is the closing CTA ---------- */
.dua-section--plum{background:radial-gradient(60% 55% at 88% 0%,rgba(251,69,236,.22),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(248,221,74,.1),transparent 72%),linear-gradient(180deg,#2c0b34 0%,#1d0724 100%);color:var(--dua-cream)}
.dua-sec-head--dark .dua-sec-head__title{color:var(--dua-cream)}
.dua-sec-head--dark .dua-sec-head__sub{color:rgba(255,244,222,.74)}
.dua-split-head--dark .dua-split-head__title{color:var(--dua-cream)}
.dua-split-head--dark .dua-split-head__badge{background:rgba(255,244,190,.07);border:2px solid rgba(247,155,242,.26);box-shadow:none}
.dua-split-head--dark .dua-split-head__sub{color:rgba(255,244,222,.74)}
.dua-tabs--dark .dua-tabs__tab{color:var(--dua-cream);border-color:rgba(247,155,242,.32)}
.dua-tabs--dark .dua-tabs__tab:hover{border-color:var(--dua-magenta);color:var(--dua-orchid)}
.dua-tabs--dark .dua-tabs__tab.is-active{color:var(--dua-ink);background:var(--dua-btn-grad);border-color:transparent}
.dua-tabs--dark .dua-tabs__tab.is-active .dua-tabs__idx{color:var(--dua-ink)}
/* the dark card surface (index cards on plum, rule tiles) */
.dua-card--dark{background:rgba(255,244,190,.05);border-color:rgba(247,155,242,.22);box-shadow:0 26px 60px -34px rgba(0,0,0,.7);backdrop-filter:none;-webkit-backdrop-filter:none}
.dua-card--dark::after{background:radial-gradient(closest-side,rgba(251,69,236,.34),rgba(251,69,236,0));opacity:.32}
.dua-card--dark:hover{border-color:rgba(251,69,236,.6);box-shadow:0 0 0 2px rgba(251,69,236,.22),0 26px 60px -30px rgba(251,69,236,.5)}
/* ---------- lens line: the lens as one mono row with a round icon (replaces the chip) ---------- */
.dua-lensline{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--dua-display);font-weight:800;font-size:.8rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--dua-ink)}
.dua-lensline__idx{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.04em;white-space:nowrap;color:var(--dua-magenta-ink)}
.dua-lensline--dark{color:var(--dua-cream)}
.dua-lensline--dark .dua-lensline__idx{color:var(--dua-yellow)}
/* ---------- drop card, mini: the briefs index on plum — rows shared across the set (subgrid) ---------- */
.dua-drop--mini{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:.8rem;padding-bottom:1.2rem}
.dua-drop--mini .dua-drop__media{aspect-ratio:16/9;background:radial-gradient(70% 95% at 50% 100%,rgba(251,69,236,.46),rgba(251,69,236,0) 72%),rgba(255,244,190,.04)}
.dua-drop--mini .dua-lensline,.dua-drop--mini .dua-drop__title,.dua-drop--mini .dua-drop__meta{margin-inline:1.2rem}
.dua-drop--mini .dua-lensline{align-self:center;margin-top:.2rem}
.dua-drop--mini .dua-drop__title{align-self:start;font-size:1.04rem;line-height:1.16;color:var(--dua-cream)}
.dua-drop--mini .dua-drop__meta{align-self:end;width:auto;color:rgba(247,155,242,.82)}
.dua-drop--mini .dua-drop__arr{filter:brightness(0) invert(1);opacity:.6}
/* ---------- feature head on the briefs: sides alternate, the title is the article's h2 ---------- */
.dua-feature--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr)}
.dua-feature--flip .dua-feature__media{order:2}
.dua-feature--brief .dua-feature__title{font-size:clamp(1.7rem,3vw,2.6rem)}
.dua-feature--brief .dua-feature__media{min-height:clamp(16rem,26vw,22rem)}
.dua-feature--brief .dua-feature__img{max-height:clamp(12rem,22vw,19rem)}
/* ---------- letters panel as a pull quote: quote on top, byline + three metrics below ---------- */
.dua-letters__panel--pull{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(1.8rem,3.4vw,2.8rem) clamp(2rem,5vw,4.5rem)}
.dua-letters__panel--pull .dua-letters__quote{position:relative;z-index:1;grid-column:1/-1;max-width:34ch;font-size:clamp(1.55rem,2.7vw,2.5rem)}
.dua-letters__panel--pull .dua-letters__by{position:relative;z-index:1;grid-column:1;grid-row:2;margin-top:0}
.dua-letters__panel--pull .dua-letters__metrics{position:relative;z-index:1;grid-column:2;grid-row:2;flex-wrap:nowrap}
@media (max-width:860px){
  .dua-letters__panel--pull{grid-template-columns:minmax(0,1fr)}
  .dua-letters__panel--pull .dua-letters__metrics{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .dua-letters__panel--pull .dua-letters__by{grid-row:3}
}
@media (max-width:760px){
  .dua-feature--flip{grid-template-columns:minmax(0,1fr)}
  .dua-feature--flip .dua-feature__media{order:0}
}