@font-face{font-family:"Geist Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Geist Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/geist-latin-ext-wght-normal.DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/geist-latin-wght-normal.BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --container-max:1440px;--pad:4rem;--gutter:1.25rem;--card-pad:2.75rem;
  --r-container:32px;--r-card:20px;--r-pill:1.5rem;
  --ink:#131313;--accent:#eb5729;--bg:#fff;--dark:#141414;--black:#000;
  --text:#000;--text-2:rgba(0,0,0,.6);--text-3:rgba(0,0,0,.4);
  --white:#fff;--white-2:rgba(255,255,255,.6);--footer-text:#b0b0b0;
  --rule-light:#131313;--rule-dark:#d9d9d9;
  --font:"Geist Variable",system-ui,-apple-system,sans-serif;
  --track-display:-.04em;--track-tight:-.02em;--track-wide:.1em;
  --ease:cubic-bezier(.22,1,.36,1);
}
@media(max-width:991px){:root{--pad:2.5rem;--card-pad:2rem;--r-container:24px;--r-card:16px}}
@media(max-width:767px){:root{--pad:1.5rem;--gutter:1rem;--card-pad:1.5rem;--r-container:20px}}
@media(max-width:479px){:root{--pad:1rem;--gutter:.75rem;--card-pad:1.25rem;--r-container:16px}}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--font);font-size:1rem;color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--font);font-weight:400;line-height:1.1;letter-spacing:var(--track-display);overflow-wrap:break-word}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.sr-only:focus{position:fixed;top:.5rem;left:.5rem;width:auto;height:auto;padding:.75rem 1rem;margin:0;clip:auto;background:#fff;border-radius:.75rem;z-index:9999}
.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--pad)}

/* type */
.t-display{font-size:clamp(3.5rem,13vw,13rem);line-height:.9;letter-spacing:var(--track-display);text-transform:uppercase}
.t-heading{font-size:clamp(2rem,5.2vw,5rem);line-height:1;letter-spacing:var(--track-display)}
.t-heading-md{font-size:clamp(1.625rem,3.4vw,3rem);line-height:1.05;letter-spacing:var(--track-display)}
.t-lede{font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.25;letter-spacing:var(--track-tight)}
.t-title{font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:500;line-height:1.33;letter-spacing:var(--track-tight)}
.t-body{font-size:1rem;font-weight:500;line-height:1.55;letter-spacing:var(--track-tight);color:var(--text-2)}
.t-ui{font-size:1rem;font-weight:500}
.section-label{font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:0}
.rule-dotted{width:100%;height:4px;background-image:repeating-linear-gradient(to right,var(--rule-color,var(--rule-light)) 0 1px,transparent 1px 8.979px)}
.rule-dotted--dark{--rule-color:var(--rule-dark)}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content;min-height:3rem;padding:.75rem 1.5rem;font-size:1.125rem;font-weight:500;line-height:1.33;border:none;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;overflow:hidden;background:var(--white);color:var(--ink);transition:scale .35s var(--ease),color .25s ease}
.btn--accent{background:var(--accent);color:#fff}
.btn--ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.btn__fill{position:absolute;inset:0;border-radius:inherit;background:var(--black);clip-path:circle(0 at var(--bx,50%) var(--by,50%));transition:clip-path .45s cubic-bezier(.33,1,.68,1);pointer-events:none}
.btn--accent .btn__fill{background:var(--black)}
.btn:not(.btn--accent):not(.btn--ghost) .btn__fill{background:var(--accent)}
.btn__label{position:relative}
.btn:hover{scale:.97}
.btn:hover .btn__fill{clip-path:circle(150% at var(--bx,50%) var(--by,50%))}
.btn:hover:not(.btn--ghost){color:#fff}
.btn--ghost:hover{color:#fff}

/* nav */
.nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem 2.25rem;color:var(--white)}
.nav__brand{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;font-size:1.5rem;letter-spacing:var(--track-display);text-transform:uppercase}
.nav__mark{width:1.75rem;height:1.5rem}
.nav__links{position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;align-items:center}
.nav__link{position:relative;padding:.5rem 1.5rem}
.nav__link .rule-dotted{--rule-color:currentColor;position:absolute;bottom:0;left:1.5rem;width:0;transition:width .25s ease}
.nav__link:hover .rule-dotted,.nav__link[aria-current="page"] .rule-dotted{width:calc(100% - 3rem)}
.nav__meta{display:flex;align-items:center;gap:.75rem;white-space:nowrap}
.nav__toggle{display:none;width:3rem;height:3rem;border-radius:50%;background:var(--white);color:var(--ink);align-items:center;justify-content:center}
.nav__toggle svg{width:1.5rem;height:1.5rem}
.nav--light{color:var(--ink)}
.nav--light .nav__toggle{background:var(--ink);color:#fff}
@media(max-width:991px){
  .nav{padding:.75rem var(--pad)}
  .nav__meta{display:none}
  .nav__toggle{display:flex}
  .nav__links{position:fixed;inset:0;translate:none;flex-direction:column;justify-content:center;gap:.5rem;background:var(--black);color:#fff;z-index:20;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
  .nav__links.is-open{opacity:1;visibility:visible}
  .nav__links .nav__link{font-size:2.5rem;letter-spacing:var(--track-display);padding:.5rem 1rem}
  .nav__links .nav__link .rule-dotted{left:1rem}
  .nav__links .nav__link:hover .rule-dotted{width:calc(100% - 2rem)}
  .nav__close{position:absolute;top:.75rem;right:var(--pad)}
  .nav-open .nav__toggle--open{visibility:hidden}
}
.nav__close{display:none}
@media(max-width:991px){.nav__close{display:flex;background:var(--white);color:var(--ink)}}

/* hero */
.hero{position:relative;padding:var(--gutter);min-height:100svh}
.hero__photo{position:relative;min-height:calc(100svh - 2 * var(--gutter));border-radius:var(--r-container);overflow:hidden;color:var(--white);background:#0d0d0d;isolation:isolate;display:flex;flex-direction:column}
.hero__bg{position:absolute;inset:0;z-index:-1}
.hero__bg::before{content:"";position:absolute;inset:-20%;background:radial-gradient(60% 50% at 78% 20%,rgba(235,87,41,.85),transparent 60%),radial-gradient(55% 55% at 15% 85%,rgba(235,87,41,.35),transparent 65%),#0d0d0d;filter:blur(10px);animation:drift 18s ease-in-out infinite alternate}
.hero__bg::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(to right,rgba(255,255,255,.07) 0 1px,transparent 1px 8.979px);mask-image:linear-gradient(to bottom,transparent,#000 70%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 70%)}
@keyframes drift{from{transform:translate3d(-3%,0,0) scale(1)}to{transform:translate3d(3%,-3%,0) scale(1.08)}}
.hero__title{margin-top:auto;padding:0 2.25rem;text-align:left}
.hero__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:2rem 2.25rem 2.25rem}
.hero__lede{max-width:35rem}
.hero__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.chip{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
@media(max-width:767px){.hero__foot{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.25rem 1.5rem}.hero__title{padding:0 1.25rem}}

/* page hero (subpages) */

.page-hero .t-display{font-size:clamp(3rem,10vw,9rem)}

/* sections */
.section{padding:5rem 0}
.about{padding:6rem 0 4rem}
.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem var(--pad);align-items:start}
.about__label{grid-column:1}
.about__intro{grid-column:2;max-width:28rem;text-indent:3rem}
.about__heading{grid-column:1/-1;max-width:62rem;text-transform:uppercase;margin-top:1rem}
.about__cta{margin-top:1rem}
@media(max-width:767px){.about{padding:3.5rem 0 2.5rem}.about__grid{grid-template-columns:1fr}.about__intro{grid-column:1;text-indent:0}}

.section--carded{padding:var(--gutter)}
.card{position:relative;width:100%;padding:var(--card-pad);border-radius:var(--r-container);overflow:hidden}
.card--dark{background:var(--dark);color:var(--white)}
.card--light{background:#f3f1ee;color:var(--text)}
.card--accent{background:var(--accent);color:#fff}
.card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}
.card__head .t-heading-md{max-width:42rem}
.card .rule-dotted{margin:1.5rem 0 2.5rem}

/* project cards */
.pgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.25rem;align-items:stretch}
.pgrid--list{grid-template-columns:repeat(3,1fr)}
.pcard{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;min-height:22rem;padding:1.5rem;border-radius:var(--r-card);overflow:hidden;color:#fff;isolation:isolate;transition:scale .35s var(--ease)}
.pcard:hover{scale:.985}
.pcard__art{position:absolute;inset:0;z-index:-1}
.pcard__art svg{width:100%;height:100%;object-fit:cover}
.pcard__top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.pcard__badge{width:3rem;height:3rem;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .25s,color .25s,rotate .35s var(--ease)}
.pcard:hover .pcard__badge{background:var(--accent);color:#fff;rotate:45deg}
.pcard__badge svg{width:1.25rem;height:1.25rem}
.pcard__title{font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1;letter-spacing:var(--track-display);margin-bottom:.5rem}
.pcard__desc{color:rgba(255,255,255,.78);font-weight:500;max-width:26rem}
.pcard--1 .pcard__art{background:linear-gradient(135deg,#eb5729,#7a1f08)}
.pcard--2 .pcard__art{background:linear-gradient(135deg,#1f3a5f,#0c1624)}
.pcard--3 .pcard__art{background:linear-gradient(135deg,#2f5d4a,#0e1f19)}
@media(max-width:991px){.pgrid,.pgrid--list{grid-template-columns:1fr}.pcard{min-height:17rem}}

/* approach list */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.step{padding:1.5rem 0 0;border-top:1px solid rgba(255,255,255,.2)}
.step__num{font-size:.875rem;font-weight:500;color:var(--accent);margin-bottom:3rem;display:block}
.step__title{margin-bottom:.5rem}
.step p{color:var(--white-2);font-weight:500}
@media(max-width:991px){.steps{grid-template-columns:1fr 1fr}.step__num{margin-bottom:1.5rem}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}

/* journal */
.posts{display:flex;flex-direction:column}
.post{display:grid;grid-template-columns:9rem 1fr auto;gap:1.5rem 2rem;align-items:baseline;padding:1.75rem 0;border-top:1px solid var(--rule-dark);transition:padding .35s var(--ease)}
.post:last-child{border-bottom:1px solid var(--rule-dark)}
.post:hover{padding-left:1rem}
.post__date{font-size:.875rem;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}
.post__title{font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.1;letter-spacing:var(--track-display)}
.post__excerpt{margin-top:.5rem;color:var(--text-2);font-weight:500;max-width:42rem}
.post__tag{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .75rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--rule-dark);white-space:nowrap}
.card--dark .post{border-color:rgba(255,255,255,.2)}
.card--dark .post__excerpt,.card--dark .post__date{color:var(--white-2)}
.card--dark .post__tag{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
@media(max-width:767px){.post{grid-template-columns:1fr;gap:.5rem}}

/* article / case study */
.prose{max-width:46rem;margin-inline:auto}
.prose>*+*{margin-top:1.25rem}
.prose h2{font-size:clamp(1.75rem,3vw,2.5rem);margin-top:3rem;line-height:1.05}
.prose p,.prose li{font-size:1.125rem;line-height:1.65;font-weight:450;color:rgba(0,0,0,.78)}
.prose ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.prose li{padding-left:1.5rem;position:relative}
.prose li::before{content:"";position:absolute;left:0;top:.8em;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}
.prose blockquote{padding:1.5rem 1.75rem;border-radius:var(--r-card);background:#f3f1ee;font-size:1.25rem;line-height:1.4;letter-spacing:var(--track-tight)}
.prose .lead{font-size:clamp(1.25rem,2vw,1.625rem);line-height:1.4;color:var(--text);letter-spacing:var(--track-tight)}
.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1.5rem 0;border-top:1px solid var(--rule-dark);border-bottom:1px solid var(--rule-dark);margin-bottom:3rem}
.meta dt{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}
.meta dd{font-weight:500;margin-top:.25rem}
@media(max-width:767px){.meta{grid-template-columns:1fr 1fr}}
.retain{margin-top:3rem;padding:1.75rem;border-radius:var(--r-card);background:var(--dark);color:#fff}
.retain h2{margin:0 0 .75rem!important;font-size:1.5rem!important;color:var(--accent)}
.retain p,.retain li{color:rgba(255,255,255,.85)}
.pager{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:4rem}
.crumbs{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.crumbs a{opacity:.7}.crumbs a:hover{opacity:1}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:3rem var(--pad)}
.contact__links li+li{margin-top:.25rem}
.contact__link{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.2);font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:var(--track-tight);transition:padding .35s var(--ease),color .25s}
.contact__link:hover{padding-left:.75rem;color:var(--accent)}
.contact__link span{font-size:.875rem;color:var(--white-2);text-transform:uppercase;letter-spacing:.04em}
.form{display:flex;flex-direction:column;gap:1rem}
.field{display:flex;flex-direction:column;gap:.375rem}
.field label{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--white-2)}
.field input,.field textarea{width:100%;padding:.875rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;outline:none;transition:border-color .25s}
.field input:focus,.field textarea:focus{border-color:var(--accent)}
.field textarea{min-height:9rem;resize:vertical}
.form__note{font-size:.875rem;color:var(--white-2)}
@media(max-width:767px){.contact{grid-template-columns:1fr}}

/* about page */
.twocol{display:grid;grid-template-columns:1fr 2fr;gap:2rem var(--pad)}
.twocol+.twocol{margin-top:4rem}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.fact{padding:1.5rem;border-radius:var(--r-card);background:#f3f1ee}
.fact strong{display:block;font-size:clamp(1.5rem,2.4vw,2.25rem);font-weight:400;letter-spacing:var(--track-display);margin-bottom:.25rem}
.fact span{color:var(--text-2);font-weight:500}
.tags{display:flex;flex-wrap:wrap;gap:.5rem}
.tags .chip{box-shadow:inset 0 0 0 1px var(--rule-dark)}
@media(max-width:767px){.twocol{grid-template-columns:1fr}.facts{grid-template-columns:1fr}}

/* footer */
.footer{padding:var(--gutter)}
.footer__card{background:var(--black);color:var(--footer-text);border-radius:var(--r-container);padding:var(--card-pad);overflow:hidden}
.footer__top{display:flex;justify-content:space-between;gap:2rem 4rem;flex-wrap:wrap;margin-bottom:3rem}
.footer__blurb{max-width:26rem;font-weight:500}
.footer__grid{display:grid;grid-template-columns:repeat(2,auto);gap:.75rem 4rem}
.footer__link{font-size:.875rem;font-weight:500;letter-spacing:var(--track-wide);text-transform:uppercase;display:inline-flex;gap:.5rem;align-items:center;transition:color .25s}
.footer__link:hover{color:#fff}
.footer__sign{font-size:clamp(5rem,26vw,24rem);line-height:.8;letter-spacing:var(--track-display);color:#fff;text-transform:uppercase;white-space:nowrap;margin:0 0 -.1em -.04em;user-select:none}
.footer__legal{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;font-size:.875rem;color:rgba(176,176,176,.8)}

/* reveal */
.js [data-anim]{opacity:0;transform:translateY(1.5rem);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js [data-anim].in{opacity:1;transform:none}
.js [data-anim="rule"]{transform:scaleX(0);transform-origin:0 50%;opacity:1}
.js [data-anim="rule"].in{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.js [data-anim]{opacity:1;transform:none;transition:none}.hero__bg::before{animation:none}html{scroll-behavior:auto}}

/* contact: form inside the hero */
.hero__form{position:absolute;z-index:4;right:2.25rem;bottom:2.25rem;width:min(38rem,46%);gap:.875rem}
.hero__form .field label{color:rgba(255,255,255,.7)}
.hero__form .field input,.hero__form .field textarea{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.3);backdrop-filter:blur(6px)}
.hero__form .field textarea{min-height:10.5rem}
.hero__send{align-self:flex-end;margin-top:.25rem}
.contact--solo{grid-template-columns:1fr}
@media(max-width:991px){
  .hero__form{position:relative;right:auto;bottom:auto;width:auto;margin:0 1.25rem 1.25rem}
}

/* scroll reveal: fade + slide, once, 1s ease-out (rhythm of the Unisons site) */
html.reveal-ready [data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.215,.61,.355,1),transform 1s cubic-bezier(.215,.61,.355,1);transition-delay:var(--reveal-delay,0s);will-change:opacity,transform}
html.reveal-ready [data-reveal="left"]{transform:translateX(-100px)}
html.reveal-ready [data-reveal="right"]{transform:translateX(100px)}
html.reveal-ready [data-reveal="bottom"]{transform:translateY(100px)}
html.reveal-ready [data-reveal="rise"]{transform:translateY(15%);transition-duration:.7s}
html.reveal-ready [data-reveal].is-revealed{opacity:1;transform:none}
main{overflow-x:clip}
@media(max-width:900px){html.reveal-ready [data-reveal="left"],html.reveal-ready [data-reveal="right"]{transform:translateY(48px) scale(.96)}html.reveal-ready [data-reveal="bottom"]{transform:translateY(64px) scale(.98)}}

/* contact links: a disc rises and fills the row on hover; name slides right, tag slides left */
.contact__link{position:relative;overflow:hidden;padding:1.25rem 0;transition:border-color .4s ease}
.contact__link:hover,.contact__link:focus-visible{padding:1.25rem 0;color:inherit;border-top-color:var(--accent)}
.contact__link .cl-name,.contact__link .cl-tag{position:relative;z-index:1;transition:transform .4s ease,color .4s ease}
.contact__link .disc{position:absolute;left:-5%;top:-100%;width:110%;height:300%;border-radius:100%;background:var(--accent);transform:translateY(103%);transition:transform 1s cubic-bezier(.22,1,.36,1);pointer-events:none}
.contact__link:focus-visible .disc{transform:translateY(0)}
.contact__link:focus-visible .cl-name{transform:translateX(2rem)}
.contact__link:focus-visible .cl-tag{transform:translateX(-2rem);color:#fff}
@media(hover:hover){
  .contact__link:hover .disc{transform:translateY(0)}
  .contact__link:hover .cl-name{transform:translateX(2rem)}
  .contact__link:hover .cl-tag{transform:translateX(-2rem);color:#fff}
}
@media(prefers-reduced-motion:reduce){.contact__link .disc,.contact__link .cl-name,.contact__link .cl-tag{transition-duration:1ms}}
.contact__link .cl-name{font-size:inherit;color:inherit;text-transform:none;letter-spacing:inherit}
.contact__link .cl-tag{font-size:.875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--white-2)}

.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__status{min-height:1.5rem;font-size:.9375rem;color:rgba(255,255,255,.8)}
.form__status[data-state="error"]{color:#ffb3a0}
.form__status[data-state="ok"]{color:#c9f2c7}
.hero__form .form__status{align-self:flex-end;text-align:right;margin-top:.25rem}