:root{--side:282px}
em{font-weight:600}
html{scroll-behavior:smooth}
.go small{display:block;font:var(--w-label) var(--fs-label)/var(--lh-label) var(--sans);color:var(--ink-2);margin-block-start:var(--s1)}
.i{inline-size:18px;block-size:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mark{display:block;flex:none;inline-size:20px;block-size:20px;fill:none;stroke:var(--ink-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--t) var(--ease),stroke var(--t) var(--ease)}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);min-block-size:56px;padding-inline:var(--s6);border-radius:var(--r);border:0;font:700 var(--fs-body)/1 var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease),color var(--t) var(--ease)}
.btn .i{inline-size:18px;block-size:18px;transition:transform var(--t) var(--ease)}
.btn-primary{background:var(--navy);color:var(--ground);box-shadow:var(--shadow-sm)}
.btn-primary:hover{background:var(--navy-deep);box-shadow:var(--shadow-md);transform:translateY(-1px)}
.btn-primary:hover .i{transform:translateX(-3px)}
.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm);background:var(--navy)}
.btn-secondary{border:1px solid var(--line-2);color:var(--ink);background:transparent}
.btn-secondary:hover{border-color:var(--navy);background:var(--ground-2)}
.btn-secondary:active{background:var(--tint)}
.btn i.bar{display:block;inline-size:7rem;block-size:.6em;border-radius:var(--r-sm);background:var(--line-on-ink)}
.btn-secondary i.bar{background:var(--mid)}
.go{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}
.page{display:grid;grid-template-columns:var(--side) minmax(0,1fr);column-gap:var(--gap);padding-block:var(--s7) 0;align-items:start}
.side{position:sticky;inset-block-start:calc(var(--head-solid) + var(--s6));display:flex;flex-direction:column;padding-inline-start:var(--s5);max-block-size:calc(100vh - var(--head-solid) - var(--s8));overflow:auto;scrollbar-width:none}
.side::before{content:"";position:absolute;inset-block:0;inset-inline-start:6px;inline-size:1px;background:var(--gold)}
.side a{display:flex;align-items:center;gap:var(--s3);min-block-size:44px;padding:var(--s2) var(--s3);border-radius:var(--r);text-decoration:none;font:400 var(--fs-body)/var(--lh-body) var(--sans);color:var(--ink);position:relative;transition:color var(--t) var(--ease),background-color var(--t) var(--ease)}
.side a:hover{color:var(--navy);background:var(--ground-2)}
.side a.lbl{font:var(--w-label) var(--fs-label)/var(--lh-label) var(--sans);color:var(--gold-deep)}
.side a.lbl:hover{color:var(--navy)}
.side .subs a[aria-current]{font-weight:700}
.side .subs a[aria-current]::before{content:"";position:absolute;inset-block:var(--s2);inset-inline-start:calc(-1*var(--s5) + 5px);inline-size:3px;border-radius:2px;background:var(--gold)}
.side .subs{display:grid}
.side .subs .slot{inline-size:100%}
.side .subs .slot i{inline-size:72%}
.side .side-foot{margin-block-start:var(--s6);display:grid}
.side .side-foot .i{color:var(--gold-deep)}
.hero{--hero-foot:var(--s8);--hero-row:388px;background:var(--ground-2);border-block-end:1px solid var(--line);padding-block:var(--s6) var(--hero-foot)}
@media (min-width:1024px){.hero-grid{min-block-size:var(--hero-row)}}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font:400 var(--fs-small)/var(--lh-small) var(--sans);color:var(--ink-2)}
.crumbs a{text-decoration:none;color:var(--ink-2);border-radius:var(--r-sm);transition:color var(--t) var(--ease)}
.crumbs a:hover{color:var(--navy)}
.crumbs .i{inline-size:12px;block-size:12px;color:var(--ink-3)}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
.hero-grid{--art-floor:360px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;margin-block-start:var(--s5)}
.hero-text{grid-column:1/span 7;min-inline-size:0}
h1{margin:0;font:var(--w-display-2) var(--fs-display-2)/var(--lh-display-2) var(--display);text-wrap:balance}
.hero .sentence{margin:var(--s5) 0 0;max-inline-size:48ch;font:400 var(--fs-lead)/var(--lh-lead) var(--sans);color:var(--ink);text-wrap:pretty}
.art{grid-column:8/span 5;position:relative;align-self:end;block-size:calc(100% + var(--hero-foot));min-block-size:var(--art-floor);max-block-size:460px;margin-block-end:calc(-1 * var(--hero-foot))}
.art img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;object-position:50% 100%}
.hero .go{margin-block-start:var(--s7)}
.btn-lead{min-block-size:64px;min-inline-size:min(100%,320px);padding-inline:var(--s7);font:var(--w-title) var(--fs-title)/1 var(--sans)}
.btn-lead .i{inline-size:20px;block-size:20px;stroke-width:2}
.lead-ask{margin:var(--s7) 0 0;display:grid}
.ask{display:flex;align-items:center;gap:var(--s3);min-block-size:64px;padding-inline:var(--s5) var(--s2);border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--ground-2);box-shadow:var(--shadow-sm);color:var(--ink-2);
  transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}
.ask:hover{border-color:var(--navy)}
.ask:focus-within{border-color:var(--navy);box-shadow:var(--focus)}
.ask>.i{inline-size:22px;block-size:22px;color:var(--gold-deep)}
.ask input{flex:1;min-inline-size:0;border:0;background:none;outline:none;font:400 var(--fs-lead)/1.2 var(--sans);color:var(--ink)}
.ask input::placeholder{color:var(--ink-2);opacity:1}
.ask input:focus-visible{box-shadow:none}
.send{flex:none;display:inline-flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;border:0;border-radius:50%;background:var(--navy);color:var(--ground);cursor:pointer;box-shadow:var(--shadow-sm);
  transition:background-color var(--t) var(--ease),transform var(--t) var(--ease),box-shadow var(--t) var(--ease)}
.send:hover{background:var(--navy-deep);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.send:active{transform:none;box-shadow:var(--shadow-sm);background:var(--navy)}
.send .i{inline-size:20px;block-size:20px;stroke-width:2;transition:transform var(--t) var(--ease)}
.send:hover .i{transform:translateX(-2px)}
.hero .chips{margin-block:var(--s3) 0}
.hero .chip{text-decoration:none;text-align:center}
.contact{display:flex;flex-wrap:wrap;gap:var(--s3);margin-block-start:var(--s6)}
.contact .btn{min-block-size:48px;padding-inline:var(--s5);font-size:var(--fs-small)}
.contact .btn .i{color:var(--gold-deep)}
.area{margin-block-start:var(--s9)}
.area>header{margin-block-end:var(--s6);max-inline-size:var(--measure)}
.area h2{margin:0;font:var(--w-display-3) var(--fs-display-3)/var(--lh-display-3) var(--display);text-wrap:balance}
.content>.area:first-child{margin-block-start:0}
#actions{scroll-margin-block-start:calc(var(--head-solid) + var(--s6))}
.count{display:block;margin:var(--s2) 0 0;font:400 var(--fs-small)/var(--lh-small) var(--sans);color:var(--ink-3)}
.acts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.acts[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{display:flex;flex-direction:column;block-size:100%;padding:var(--s6) var(--s5);text-decoration:none;color:inherit;background:var(--ground-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);
  transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}
.ring{display:grid;place-items:center;flex:none;inline-size:56px;block-size:56px;border:1px solid var(--line-2);border-radius:50%;transition:border-color var(--t) var(--ease)}
.ring svg{display:block;inline-size:32px;block-size:32px;fill:none;stroke:var(--gold);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ring .acc{fill:var(--gold);stroke:none}
.card .word{display:block;margin-block-start:var(--s4);font:var(--w-label) var(--fs-label)/var(--lh-label) var(--sans);color:var(--gold-deep)}
.card .item{display:block;margin-block-start:var(--s1);font:var(--w-title) var(--fs-title)/var(--lh-title) var(--display);color:var(--ink);text-wrap:balance;transition:color var(--t) var(--ease)}
.card .slot.title{margin-block-start:var(--s1)}
.card .mark{margin-block-start:auto;padding-block-start:var(--s6);box-sizing:content-box}
a.card:hover,a.card:focus-visible{border-color:var(--line-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}
a.card:hover .ring,a.card:focus-visible .ring{border-color:var(--gold)}
a.card:hover .mark,a.card:focus-visible .mark{transform:translateX(-4px);stroke:var(--navy)}
a.card:active{transform:translateY(0);box-shadow:var(--shadow-sm)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chip{display:inline-flex;align-items:center;gap:var(--s2);min-block-size:36px;padding-inline:var(--s4);border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--ground-2);color:var(--ink);font:var(--w-label) var(--fs-label)/1 var(--sans);white-space:nowrap;cursor:pointer;
  transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease),color var(--t) var(--ease)}
.chip:hover{border-color:var(--navy);color:var(--navy)}
.chip[aria-pressed="true"]{background:var(--navy);color:var(--ground);border-color:var(--navy)}
.chip .slot{--slot-fs:var(--fs-label);--slot-lh:1;--slot-bg:var(--mid);display:inline-flex;align-items:center;gap:var(--s2)}
.chip .slot i{inline-size:3.5rem;margin:0}
.chip .slot small{margin:0;color:inherit;font-weight:400}
.grps{display:grid;gap:var(--s8);margin-block-start:var(--s7)}
.grp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:var(--s6);align-items:start;scroll-margin-block-start:calc(var(--head-solid) + var(--s6))}
.grp[hidden]{display:none}
.grp-h{padding-block-start:var(--s4)}
.grp-h h3{margin:0;font:var(--w-title) var(--fs-title)/var(--lh-title) var(--display);text-wrap:balance}
.grp-h h3 a{text-decoration:none;color:var(--ink);border-radius:var(--r-sm);transition:color var(--t) var(--ease)}
.grp-h h3 a:hover{color:var(--navy)}
.grp-h .slot.title i+i{display:none}
.grp .rows{position:relative;align-self:stretch;list-style:none;margin:0;padding:0}
.grp .rows::before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--s6) / -2 - .5px);inline-size:1px;background:var(--gold)}
.rows>li+li{border-block-start:1px solid var(--line)}
.row{display:grid;grid-template-columns:minmax(0,1fr) 20px;column-gap:var(--s4);align-items:start;min-block-size:56px;padding-block:var(--s4);text-decoration:none;color:var(--ink);border-radius:var(--r)}
.row .t{font:600 var(--fs-body)/var(--lh-body) var(--sans);color:var(--ink);text-wrap:pretty;transition:color var(--t) var(--ease)}
.row .l{display:block;margin-block-end:var(--s1);font:var(--w-label) var(--fs-label)/var(--lh-label) var(--sans);color:var(--gold-deep)}
.row .mark{margin-block-start:calc((var(--fs-body) * var(--lh-body) - 20px) / 2)}
.row .slot i{inline-size:78%}
.row:hover .t,.row:focus-visible .t{color:var(--navy)}
.row:hover .mark,.row:focus-visible .mark{transform:translateX(-4px);stroke:var(--navy)}
.row .l{grid-column:1;grid-row:1}
.row .l~.t,.row .l~.slot{grid-column:1;grid-row:2}
.row .l~.mark{grid-column:2;grid-row:2}
.gw-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.gate{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;column-gap:var(--s5);align-items:start;padding:var(--s6) var(--s5);text-decoration:none;color:inherit;background:var(--ground-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);
  transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}
.ico{display:block;grid-row:1/3;inline-size:48px;block-size:48px;fill:none;stroke:var(--gold);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.ico path{stroke-dasharray:1;stroke-dashoffset:0}
.ico .acc{fill:var(--gold);stroke:none;transition:fill var(--t) var(--ease)}
.gate h3{grid-column:2;align-self:center;margin:0;font:var(--w-title) var(--fs-title)/var(--lh-title) var(--display);transition:color var(--t) var(--ease)}
.gate .line{grid-column:2;margin:var(--s2) 0 0;font:400 var(--fs-body)/var(--lh-body) var(--sans);color:var(--ink);text-wrap:pretty}
.gate .mark{grid-column:3;grid-row:1;align-self:center}
.gate:hover,.gate:focus-visible{border-color:var(--line-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.gate:hover h3,.gate:focus-visible h3{color:var(--navy)}
.gate:hover .ico path:not(.acc),.gate:focus-visible .ico path:not(.acc){animation:gw-draw var(--t-slow) var(--ease) 1}
.gate:hover .ico .acc{fill:var(--gold-2)}
.gate:hover .mark,.gate:focus-visible .mark{transform:translateX(-4px);stroke:var(--navy)}
.gate:active{transform:translateY(0);box-shadow:var(--shadow-sm)}
a.card:focus-visible,.gate:focus-visible{box-shadow:var(--focus),var(--shadow-md)}
@keyframes gw-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.close{position:relative;margin-block-start:var(--s10);background:var(--navy);color:var(--ground);border-radius:var(--r-lg);padding:var(--s7);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s6);align-items:center;overflow:hidden;-webkit-font-smoothing:antialiased}
.close .flame{position:absolute;inset-inline-end:calc(var(--s7) - 8px);inset-block-start:50%;transform:translateY(-50%);block-size:150%;inline-size:auto;opacity:.16;pointer-events:none}
.close>div{position:relative}
.close h2{margin:0;font:calc(var(--w-display-3) - 100) var(--fs-display-3)/var(--lh-display-3) var(--display);color:var(--ground);text-wrap:balance;max-inline-size:18em}
.close .line{margin:var(--s3) 0 0;color:var(--text-on-ink-2);max-inline-size:48ch;text-wrap:pretty}
.close .btns{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:flex-end}
.close .btn-light{background:var(--ground);color:var(--navy);box-shadow:var(--shadow-sm)}
.close .btn-light:hover{background:var(--ground-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.close .btn-light:active{transform:none;box-shadow:var(--shadow-sm)}
.close .btn-ghost{border:1px solid var(--line-on-ink);color:var(--ground);background:transparent}
.close .btn-ghost:hover{border-color:var(--ground);background:rgba(250,247,242,.06)}
.close .btn .i{color:var(--gold-tint)}
.close .btn-light .i{color:var(--navy)}
.t{opacity:0;transform:translateY(12px);transition:opacity var(--t-reveal) var(--ease),transform var(--t-reveal) var(--ease);transition-delay:var(--d,0ms)}
.is-ready .t{opacity:1;transform:none}
.shot .t{transition:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .t{opacity:1;transform:none;transition:none}
  .btn,.btn .i,.card,.card .item,.ring,.gate,.row .t,.chip,.mark,.side a,.crumbs a,.grp-h h3 a,.ask,.send,.send .i{transition:none}
  .gate:hover .ico path:not(.acc),.gate:focus-visible .ico path:not(.acc){animation:none}
  .btn-primary:hover,a.card:hover,a.card:focus-visible,.gate:hover,.gate:focus-visible,a.card:hover .mark,a.card:focus-visible .mark,.gate:hover .mark,.gate:focus-visible .mark,.row:hover .mark,.row:focus-visible .mark,.close .btn-light:hover,.send:hover,.send:hover .i{transform:none}
}
@media (max-width:1023px){
  .page{grid-template-columns:minmax(0,1fr)}
  .page>.side{display:none}
  .hero-grid{--art-floor:280px;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
  .hero-text{grid-column:1}
  .art{grid-column:2}
  .grp{grid-template-columns:minmax(0,1fr);row-gap:var(--s3)}
  .grp-h{padding-block-start:0}
  .grp .rows{padding-inline-start:var(--s5)}
  .grp .rows::before{inset-inline-start:0}
}
@media (max-width:767px){
  .hero{padding-block:var(--s5) var(--s7)}
  .hero-grid{display:flex;flex-direction:column;align-items:stretch;margin-block-start:var(--s4)}
  .hero-text{display:contents}
  .hero-text>*{order:3}
  .hero h1{order:1}
  .hero .sentence{order:2;margin-block-start:var(--s4)}
  .art{order:2;align-self:stretch;block-size:clamp(180px,52vw,240px);min-block-size:0;max-block-size:none;margin-block:var(--s5) 0}
  .art img{object-position:50% 50%}
  .hero .go,.lead-ask{margin-block-start:var(--s5)}
  .hero .go{display:grid}
  .btn-lead{min-inline-size:0;inline-size:100%;min-block-size:60px;justify-content:space-between}
  .ask{min-block-size:60px;padding-inline:var(--s4) var(--s2)}
  .ask>.i{inline-size:20px;block-size:20px}
  .send{inline-size:44px;block-size:44px}
  .contact{display:grid;grid-template-columns:1fr 1fr;margin-block-start:var(--s5)}
  .contact .btn{padding-inline:var(--s3)}
  .acts,.acts[data-n="2"]{grid-template-columns:minmax(0,1fr);gap:var(--s3)}
  .card{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;column-gap:var(--s4);align-items:center;min-block-size:72px;padding:var(--s4) var(--s5)}
  .ring{grid-column:1;grid-row:1/3;inline-size:48px;block-size:48px}
  .ring svg{inline-size:28px;block-size:28px}
  .card .word{grid-column:2;grid-row:1;align-self:end;margin:0}
  .card .item,.card .slot.title{grid-column:2;grid-row:2;align-self:start}
  .card .mark{grid-column:3;grid-row:1/3;margin:0;padding:0}
  .chip{min-block-size:40px}
  .gw-cards{grid-template-columns:minmax(0,1fr);gap:var(--s3)}
  .gate{padding:var(--s5)}
  .close{grid-template-columns:minmax(0,1fr);padding:var(--s7) var(--s5);margin-block-start:var(--s9)}
  .close .btns{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}
  .close .flame{inset-inline-end:auto;inset-inline-start:calc(-1*var(--s7));block-size:120%;opacity:.12}
  .crumbs a,.grp-h h3 a{position:relative}
  .crumbs a::after,.grp-h h3 a::after{content:"";position:absolute;inset-inline:0;inset-block:min(0px,calc(50% - 22px))}
  .crumbs a::after{inset-inline:min(0px,calc(50% - 22px))}
}
.close .btn-light:focus-visible{box-shadow:0 0 0 2px var(--navy),0 0 0 4px var(--ground)}