@font-face{font-family:'Harmonia Sans Pro';src:url(fonts/HarmoniaSansPro-Light.woff) format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Harmonia Sans Pro';src:url(fonts/HarmoniaSansPro-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Harmonia Sans Pro';src:url(fonts/HarmoniaSansPro-SemiBold.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Harmonia Sans Pro';src:url(fonts/HarmoniaSansPro-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Harmonia Sans Pro';src:url(fonts/HarmoniaSansPro-Italic.woff) format('woff');font-weight:400;font-style:italic;font-display:swap}
/* Layout: manual de identidad visual BlumenClub, edicion 01.
   Superficies negras (Negro Blumen) alternan con Bruma, como un lookbook. Un solo color de estudio por pieza
   (Salvia, Peri, Durazno, Petalo) sobre las fotos; el oro es solo acento. Esquinas rectas en botones y tarjetas,
   marco hoja (dos esquinas opuestas redondeadas) en fotos. Grano de pelicula en todo color liso.
   Tipografia: Harmonia Sans Pro Cyr (licencia del cliente, latin y cirilico), una sola familia, cuatro pesos:
   Bold 700 para titulos, nombres de geneticas y cifras; SemiBold 600 para etiquetas en mayusculas, botones y enfasis;
   Regular 400 para el texto corrido; Light 300 solo en subtitulos grandes. */
:root{
  --ink:#0B0B0C; --raise:#19181B; --on-ink:#F1F3F1; --mute-ink:#B4BAB7; --soft-ink:#8E9391; --line-ink:#2B2A2E; --track-ink:#3A393D;
  --paper:#F1F3F1; --card:#FBFBFA; --on-paper:#0B0B0C; --mute-paper:#4B514F; --soft-paper:#5E6361; --line-paper:#B9C1BD; --track-paper:#D3D9D6;
  --gold:#B79861; --gold-lt:#ECD9AA; --gold-dp:#6E522D;
  --salvia:#9AADA9; --salvia-dp:#5A726C; --peri:#8E95B8; --peri-dp:#414269; --durazno:#D89786; --durazno-dp:#8C5A49; --petalo:#D5B5C6;
  --f-body:'Harmonia Sans Pro','Helvetica Neue',Arial,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-name:'Harmonia Sans Pro','Helvetica Neue',Arial,sans-serif;
  --grain-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .26 0 0 0 -.09'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--on-ink);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,p,ul,dl,dd,figure{margin:0}
ul{padding:0;list-style:none}
h1,h2,h3{font-family:var(--f-name);font-weight:700;letter-spacing:-.025em;line-height:1.06;text-wrap:balance}
h2{font-size:clamp(2rem,4.2vw,3.3rem)}
h3{font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.02em}
p{text-wrap:pretty}
:focus-visible{outline:2px solid var(--focus,var(--gold-lt));outline-offset:3px}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:20px}
.sec{padding-block:clamp(64px,8vw,96px);scroll-margin-top:64px}

/* surfaces */
.s-ink{--bg:var(--ink);--fg:var(--on-ink);--mute:var(--mute-ink);--soft:var(--soft-ink);--line:var(--line-ink);--accent:var(--gold);--focus:var(--gold-lt);--surface:var(--raise);--track:var(--track-ink);
  --btn:var(--gold);--btn-fg:var(--ink);--btn-h:var(--gold-lt);--ln-b:var(--gold);--ln-f:var(--gold-lt);
  background-color:var(--bg);color:var(--fg)}
.s-paper{--bg:var(--paper);--fg:var(--on-paper);--mute:var(--mute-paper);--soft:var(--soft-paper);--line:var(--line-paper);--accent:var(--gold-dp);--focus:var(--gold-dp);--surface:var(--card);--track:var(--track-paper);
  --btn:var(--ink);--btn-fg:var(--paper);--btn-h:var(--gold-dp);--ln-b:var(--ink);--ln-f:var(--ink);
  background-color:var(--bg);background-image:var(--grain-paper);background-size:220px 220px;color:var(--fg)}
.s-peri{--bg:var(--peri);--fg:#0B0B0C;--mute:#1F2238;--soft:#2C3050;--line:#6B7299;--accent:var(--peri-dp);--focus:var(--peri-dp);--surface:#A3A9C6;--track:#6B7299;
  --btn:var(--ink);--btn-fg:var(--on-ink);--btn-h:var(--peri-dp);--ln-b:var(--ink);--ln-f:var(--ink);
  background-color:var(--bg);background-image:var(--grain-paper);background-size:220px 220px;color:var(--fg)}
.mute{color:var(--mute)}
.lede{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--mute);max-width:56ch}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px;margin-bottom:clamp(32px,4vw,48px)}
.head>div:not(.filters){min-width:0;display:grid;gap:16px}


/* buttons, chips */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:0;border:1px solid transparent;font:600 .78rem/1.2 var(--f-body);letter-spacing:.16em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .4s ease,border-color .4s ease,color .4s ease}
.btn-solid{background-color:var(--btn);border-color:var(--btn);color:var(--btn-fg)}
.btn-solid:hover{background-color:var(--btn-h);border-color:var(--btn-h)}
.btn-line{border-color:var(--ln-b);color:var(--ln-f);background:transparent}
.btn-line:hover{background-color:var(--ln-b);color:var(--bg)}
.btn-sm{min-height:40px;padding:0 20px;font-size:.72rem}
.chip{display:inline-flex;align-items:center;gap:12px;padding:7px 14px;border:1px solid var(--line);border-radius:2px;font:600 .72rem/1.3 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.dot{flex:none;width:6px;height:6px;background:var(--gold)}

/* line icons (manual, hoja de elementos graficos): 1.5 px stroke, round caps, one color */
.ic{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}


/* header */
.strip{background-color:var(--ink);color:var(--soft-ink);display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;font:600 .72rem/1.4 var(--f-body);letter-spacing:.22em;text-transform:uppercase;padding:9px 16px;border-bottom:1px solid var(--line-ink)}
.strip span{text-align:center}
@media(max-width:560px){.strip .sep{display:none}.strip{letter-spacing:.14em;font-size:.68rem}}
.nav-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background-color:rgba(11,11,12,.88);background-image:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-ink)}
.nav{display:flex;align-items:center;gap:24px;min-height:64px}
.nav-logo{flex:none}
.nav-logo img{height:26px;width:auto}
.nav-links{display:flex;gap:24px;margin-left:auto;font-size:.9rem;letter-spacing:.04em}
.nav-links a{text-decoration:none;color:var(--mute-ink);transition:color .4s ease;white-space:nowrap}
.nav-links a:hover{color:var(--gold-lt)}
.nav-end{display:flex;align-items:center;gap:16px}
.nav-end .btn,.nav-toggle{white-space:nowrap}
.nav-toggle{display:none;min-height:40px;padding:0 16px;border-radius:0;border:1px solid var(--line-ink);background:transparent;cursor:pointer;font:600 .74rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase}
.lang{display:inline-flex;gap:2px}
.lang button{all:unset;box-sizing:border-box;cursor:pointer;min-width:36px;height:32px;padding:0 8px;display:inline-grid;place-items:center;border-bottom:2px solid transparent;font:600 .74rem/1 var(--f-body);letter-spacing:.14em;color:var(--soft);transition:color .4s ease,border-color .4s ease}
.lang button:hover{color:var(--fg)}
.lang button[aria-pressed="true"]{color:var(--gold-lt);border-bottom-color:var(--gold)}
.lang button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.lang a{box-sizing:border-box;min-width:36px;height:32px;padding:0 8px;display:inline-grid;place-items:center;border-bottom:2px solid transparent;font:600 .74rem/1 var(--f-body);letter-spacing:.14em;color:var(--soft);text-decoration:none;transition:color .4s ease,border-color .4s ease}
.lang a:hover{color:var(--fg)}
.lang a[aria-current="page"]{color:var(--gold-lt);border-bottom-color:var(--gold)}
.lang a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;padding:10px 16px;border-radius:0;background:#fff;color:#000;font-weight:600;text-decoration:none}
.skip:focus{left:8px}
/* .compact is set by script when the links do not fit (any language, any font) or the screen is under 1200px */
.nav-bar.compact .nav-end{margin-left:auto}
.nav-bar.compact .nav-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;margin:0;padding:8px 20px 16px;background:var(--ink);border-bottom:1px solid var(--line-ink)}
.nav-bar.compact .nav-links.open{display:flex}
.nav-bar.compact .nav-links a{display:block;padding:14px 0;border-bottom:1px solid var(--line-ink);font-size:1.05rem}
.nav-bar.compact .nav-toggle{display:inline-flex;align-items:center}
.nav-bar.compact .nav-end .btn-sm{display:none}
@media(max-width:420px){.nav{gap:10px}.nav-end{gap:8px}.nav-logo img{height:22px}.lang button,.lang a{min-width:32px;padding:0 6px}.nav-toggle{padding:0 12px}}
@media(max-width:380px){.nav{gap:8px}.nav-end{gap:6px}.nav-logo img{height:20px}.lang button,.lang a{min-width:28px;padding:0 4px;font-size:.7rem}.nav-toggle{padding:0 10px}}

/* hero: the photograph is the hero, copy sits on its darkened left side. Under 960px wide, or on portrait screens, the photo stacks above the copy so the isologo stays clear. */
.hero{--mute:#DADDDB;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(600px,calc(100vh - 100px),860px);padding-block:clamp(56px,8vw,112px)}
.hero-bg{position:absolute;inset:0;z-index:-2;background:var(--ink)}
.hero-bg img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:0% 50%;transform-origin:0% 50%;transform:scale(1.3);animation:herozoom 40s ease-in-out infinite alternate;will-change:transform}
@keyframes herozoom{from{transform:scale(1.28)}to{transform:scale(1.36)}}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,12,.86) 0%,rgba(11,11,12,.76) 30%,rgba(11,11,12,.46) 44%,rgba(11,11,12,.1) 55%,rgba(11,11,12,0) 62%)}
.hero-grid{display:block;width:100%}
.hero-copy{display:grid;gap:24px;justify-items:start;max-width:min(480px,calc(42vw - 20px))}
.hero h1{font-size:clamp(2.2rem,3.6vw,3.3rem);line-height:1.04;letter-spacing:-.03em}
.hero .chip{border-color:rgba(241,243,241,.4)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-legal{font-size:.86rem;color:var(--mute);max-width:46ch}
.hero.is-off *{animation-play-state:paused}
@media(max-width:960px),(max-aspect-ratio:5/4){.hero{display:block;min-height:0;padding:0}.hero::before{display:none}.hero-bg{position:relative;inset:auto;z-index:0;aspect-ratio:5/4;overflow:hidden}.hero-bg img{transform:none;animation:none;object-position:41% 50%}.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,0) 52%,rgba(11,11,12,.72) 80%,#0B0B0C 100%)}.hero-grid{position:relative;z-index:1;margin-top:calc(-1*clamp(40px,9vw,72px));padding-block:0 56px}.hero-copy{max-width:100%}}

/* haus */
.haus-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,88px)}
.haus-copy{display:grid;gap:24px;align-content:start}
.haus-copy .logo{height:32px;width:auto}
.haus-copy p{max-width:54ch;color:var(--mute);font-size:1.08rem}
.haus-copy .proud{color:var(--fg);font-weight:600}
.pillars{display:grid;gap:0;border-top:1px solid var(--fg)}
.pillar{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.pillar img{width:36px;height:auto;margin-top:4px}
.pillar h3{font-size:1.35rem;margin-bottom:6px}
.pillar p{color:var(--mute)}
.pull{margin-top:clamp(48px,7vw,88px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--line);display:grid;gap:24px}
.pull-q{font-family:var(--f-name);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;max-width:24em;text-wrap:balance}
.pull-p{max-width:62ch;color:var(--mute);font-size:clamp(1.05rem,1.5vw,1.2rem)}
@media(max-width:860px){.haus-grid{grid-template-columns:1fr}}

/* ecosystem marquee */
.eco-sec{border-top:1px solid var(--line-ink);padding-bottom:clamp(56px,8vw,96px)}
.eco-head{display:grid;gap:12px;margin-bottom:clamp(32px,4vw,48px)}
.eco-head .lede{color:var(--mute)}
.marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marq-track{display:flex;width:max-content;animation:marq 100s linear infinite}
.marq-list{display:flex;flex:none;align-items:center;gap:clamp(56px,7vw,104px);padding-right:clamp(56px,7vw,104px)}
.marq-list li{flex:none;display:flex;align-items:center;height:72px;user-select:none}
.marq-list img{display:block;width:var(--w,150px);height:auto;max-width:none;opacity:.88;transition:opacity .4s ease}
.marq-list li:hover img{opacity:1}
@media(max-width:640px){.marq-list img{width:calc(var(--w,150px)*.74)}.marq-list li{height:56px}}
@keyframes marq{to{transform:translate3d(-50%,0,0)}}

/* eyebrow: etiqueta, semibold 12, mayusculas, +24% */
.eyebrow{display:flex;align-items:center;gap:12px;font:600 .75rem/1.4 var(--f-body);letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}


.foot-nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:32px}
.foot-nav a{color:var(--mute);text-decoration:none;font-size:.9rem;transition:color .4s ease}
.foot-nav a:hover{color:var(--gold-lt)}
.foot .lang{margin-top:24px}


/* community: sober black-and-white sticker on Peri, the activist pieces keep their own system */
.cm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(28px,5vw,72px);align-items:start}
.cm-copy{display:grid;gap:24px;align-content:start}
.cm-copy .lede{color:var(--mute)}
.cm-splash{max-width:520px}
.cm-splash img{width:100%;height:auto}
.cm-collage{overflow:hidden;border-radius:120px 8px 120px 8px;background:var(--ink)}
.cm-collage img{width:100%;height:auto;filter:grayscale(1) contrast(1.05)}
@media(max-width:860px){.cm{grid-template-columns:1fr}.cm-collage{border-radius:80px 6px 80px 6px}}

/* access */
.ac{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.ac-copy{display:grid;gap:24px;align-content:start}
.ac-facts{display:grid;gap:0;border-top:1px solid var(--fg);max-width:460px}
.ac-facts div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.ac-facts dt{color:var(--mute)}
.ac-facts dd{font-weight:600;text-align:right}
.form{background:var(--surface);border:1px solid var(--line);border-radius:0;padding:clamp(22px,3.4vw,38px);display:grid;gap:18px}
.field{display:grid;gap:8px}
.field label{font:600 .7rem/1.4 var(--f-body);letter-spacing:.2em;color:var(--mute)}
.field input,.field textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:0;border:1px solid var(--line);background:var(--paper);color:var(--on-paper);font:inherit}
.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:var(--fg)}
.field textarea{min-height:96px;resize:vertical}
.login-h{font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:.04em;font-weight:700}
.login-tag{font-style:italic;color:var(--mute);margin-top:6px}
.login .btn-solid:hover{background-color:var(--btn-h)}
.login .btn[disabled]{opacity:.6;cursor:progress}
.login-msg{margin:0;padding:10px 14px;border:1px solid #8C2F1F;background:rgba(140,47,31,.07);color:#7A2616;font-size:.92rem;line-height:1.45}
.login-demo{font-size:.78rem;line-height:1.5;color:var(--mute);margin:0}
@media(max-width:860px){.ac{grid-template-columns:1fr}}

/* faq */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:start}
.faq-head{display:grid;gap:18px;justify-items:start;position:sticky;top:96px}
.faq-head .lede{color:var(--mute)}
.faq{border-top:1px solid var(--fg)}
.faq-i{border-bottom:1px solid var(--line)}
.faq-i h3{font:inherit;letter-spacing:0}
.faq-q{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font:600 clamp(1.05rem,1.6vw,1.25rem)/1.3 var(--f-name);letter-spacing:-.01em;transition:color .4s ease}
.faq-q:hover{color:var(--accent)}
.faq-q:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.faq-ic{flex:none;position:relative;width:34px;height:34px;border:1px solid var(--line);border-radius:0;transition:background-color .4s ease,border-color .4s ease,color .4s ease}
.faq-ic::before,.faq-ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:currentColor;transition:transform .4s ease}
.faq-ic::after{transform:rotate(90deg)}
.faq-i.open .faq-ic{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.faq-i.open .faq-ic::after{transform:rotate(0)}
.faq-a{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .4s ease,visibility 0s .4s}
.faq-i.open .faq-a{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .4s ease,visibility 0s}
.faq-a>div{overflow:hidden;min-height:0}
.faq-a p{padding:0 54px 24px 0;color:var(--mute);max-width:62ch;opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease}
.faq-i.open .faq-a p{opacity:1;transform:none;transition-delay:.08s}
@media(max-width:860px){.faq-wrap{grid-template-columns:1fr}.faq-head{position:static}.faq-a p{padding-right:0}}

/* footer */
.foot{position:relative;padding-block:56px 40px}
.foot::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6E522D 0%,#B79861 35%,#ECD9AA 55%,#B79861 80%,#6E522D 100%)}
.foot-top{display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px}
.foot-top img{height:26px;width:auto}
.foot-top img.logo-sister{height:18px}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px 40px;margin-top:36px;color:var(--mute);font-size:.92rem}
.foot-grid p+p{margin-top:6px}
.age{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;font:600 .85rem/1 var(--f-body);color:var(--gold-lt)}
.foot-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line-ink);color:var(--mute);font-size:.84rem;letter-spacing:.02em}


/* legal */
.legal-note{font-size:.78rem;line-height:1.55;letter-spacing:.02em;color:var(--mute);max-width:78ch;margin-top:24px}
.legal-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.legal-note a:hover{color:var(--fg)}
.eco-sec .legal-note{margin-top:24px}
.legal-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:start}
.legal-head{display:grid;gap:16px;position:sticky;top:96px}
.legal-head .lede{color:var(--mute)}
.legal-upd{font-size:.85rem;color:var(--mute)}
.legal-i{border-top:1px solid var(--line)}
.legal-i:last-child{border-bottom:1px solid var(--line)}
.legal-i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:600 clamp(1rem,1.5vw,1.15rem)/1.3 var(--f-body)}
.legal-i summary::-webkit-details-marker{display:none}
.legal-i summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--mute);flex:none}
.legal-i[open] summary::after{content:"\2212"}
.legal-i summary:hover{color:var(--accent)}
.legal-i summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.legal-i p{margin:0 0 22px;color:var(--mute);max-width:68ch}
.foot-legal{margin-top:24px;font-size:.8rem;line-height:1.55;letter-spacing:.02em;color:var(--mute);max-width:78ch}
@media(max-width:860px){.legal-wrap{grid-template-columns:1fr}.legal-head{position:static}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.marq{-webkit-mask-image:none;mask-image:none}.marq-track{width:auto}.marq-list{flex-wrap:wrap;padding:0 20px}.marq-list+.marq-list{display:none}}

/* additions: icons, subtitles, raw photos */
.hero .lede{font-weight:300;font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.5;max-width:50ch;color:var(--on-ink)}
.pillar{grid-template-columns:44px minmax(0,1fr)}
.pillar .ic{width:32px;height:32px;margin-top:2px;color:var(--accent)}
.cm-splash img{border:1px solid var(--ink)}

.pillars{align-content:start}
.haus-copy p.eyebrow{font-size:.75rem;line-height:1.4;color:var(--accent);max-width:none}