html.page-about:not(.anim) .nav{color:var(--brown)}
html.page-about:not(.anim) .nav__brand .mark{background-image:url(../img/marchio.svg)}
html.page-about:not(.anim) .nav__toggle svg{stroke:var(--brown)}
.nav__menu{display:none}
@media (max-width:1099px){:root:not(.nav-js) .nav__links{display:none}:root:not(.nav-js) .nav__menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-9px;align-self:flex-start}}
.nav__menu svg{width:26px;height:26px;stroke:var(--brown);stroke-width:2;fill:none}
:root{--sec:160px}
@media (max-width:899px){:root{--sec:88px}}
.reveal-on [data-in]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal-on .ab-hero__fig[data-in]{transition-duration:.8s}
.reveal-on [data-in].is-in{opacity:1;transform:none}
.run{position:relative}
.run__rail{position:absolute;inset:var(--hero-top) 0 0 0;pointer-events:none;z-index:1}
.run__line{position:absolute;top:0;bottom:0;left:calc(var(--gut) + 2 * (100% - 2 * var(--gut) - 11 * var(--gap)) / 12 + var(--gap));width:2px;background:var(--gold-line);transform-origin:50% 0}
.reveal-on .run__rail:not(.no-scrub) .run__line{transform:scaleY(0)}
.ab-hero{padding-block:var(--hero-top) 96px}
.run{--hero-top:160px}
.ab-hero__h1{grid-column:3/8;font-weight:900;font-size:var(--t-hero);line-height:60px;letter-spacing:-0.02em;margin-bottom:32px}
.ab-hero__story{grid-column:3/8;grid-row:2;align-self:start;background:var(--cream-deep);padding:32px;font-size:20px;line-height:30px}
.ab-hero__story p+p{margin-top:24px}
.ab-hero__draw{grid-column:3/8;grid-row:3;margin-top:32px}
.ab-hero__draw img{display:block;width:100%;height:auto}
.ab-hero__fig{grid-column:9/13;grid-row:2/4;align-self:start;aspect-ratio:3/4;overflow:hidden;background:var(--gold-light)}
.ab-hero__fig picture{display:block;width:100%;height:100%}
.ab-hero__fig img{width:100%;height:100%;object-fit:cover;object-position:68% 40%;filter:sepia(.55) saturate(.6) brightness(.9) contrast(.96)}
@media (max-width:1099px){
  .run{--hero-top:96px}
  .ab-hero{padding-block:var(--hero-top) 64px}
  .run__line{left:var(--gut)}
  .ab-hero .grid{display:block;padding-left:16px}
  .ab-hero__h1{font-size:40px;line-height:43px;margin-bottom:16px}
  .ab-hero__story{padding:20px}
  .ab-hero__fig{aspect-ratio:4/5;margin-top:16px}
  .ab-hero__draw{margin-top:24px}
}
@media (min-width:700px) and (max-width:1099px){
  .ab-hero__story{max-width:640px}
  .ab-hero__fig{max-width:480px}
  .ab-hero__draw{max-width:640px}
}
@media (prefers-reduced-motion:reduce){.reveal-on [data-in]{opacity:1;transform:none;transition:none}}
.reveal-on [data-in-s]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease) calc(var(--i,0) * .08s),transform .7s var(--ease) calc(var(--i,0) * .08s)}
.reveal-on [data-in-s].is-in{opacity:1;transform:none}
.ab-bio{padding-top:var(--sec)}
.ab-bio .grid{grid-template-rows:auto 1fr;align-items:start}
.ab-bio__h2{grid-column:9/13;grid-row:1;font-weight:900;font-size:40px;line-height:44px;letter-spacing:-0.02em;margin-bottom:32px;text-wrap:balance}
.ab-bio__text{grid-column:3/8;grid-row:1/3;font-size:18px;line-height:28.8px}
.ab-bio__text p+p{margin-top:24px}
.ab-bio__fig{grid-column:9/13;grid-row:2;align-self:stretch;position:relative;overflow:hidden;min-height:240px;background:var(--gold-light)}
.ab-bio__fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:sepia(.55) saturate(.6) brightness(.9) contrast(.96)}
.ab-tr{padding-block:96px}
.ab-tr__h2{grid-column:3/8;grid-row:1;font-weight:900;font-size:24px;line-height:30px;letter-spacing:-0.02em;margin-bottom:24px}
.ab-tr__list{grid-column:3/8;grid-row:2;list-style:none;margin:0;padding:0;font-size:18px;line-height:27px}
.ab-tr__list li{display:flex;align-items:flex-end;min-height:64px;padding-block:18px;border-top:1px solid var(--gold-line)}
.ab-tr__list li:last-child{border-bottom:1px solid var(--gold-line)}
.ab-tr__fig{grid-column:9/13;grid-row:2;align-self:start;aspect-ratio:4/3;overflow:hidden;background:var(--gold-light)}
.ab-tr__fig picture{display:block;width:100%;height:100%}
.ab-tr__fig img{width:100%;height:100%;object-fit:cover;filter:sepia(.55) saturate(.6) brightness(.9) contrast(.96)}
@media (max-width:1099px){
  .ab-bio .grid,.ab-tr .grid{display:block;padding-left:16px}
  .ab-bio__text{max-width:640px}
  .ab-bio__h2{margin-bottom:24px}
  .ab-bio__fig{aspect-ratio:3/2;min-height:0;max-width:480px;margin-top:32px}
  .ab-tr{padding-block:64px}
  .ab-tr__h2{margin-bottom:16px}
  .ab-tr__list{max-width:640px}
  .ab-tr__fig{aspect-ratio:3/2;max-width:480px;margin-top:32px}
}
@media (max-width:699px){
  .ab-bio__h2{font-size:28px;line-height:32px}
  .ab-bio__text{font-size:17px;line-height:27.2px}
  .ab-tr__list{font-size:17px;line-height:25.5px}
  .ab-tr__list li{min-height:56px;padding-block:15px}
}
@media (prefers-reduced-motion:reduce){.reveal-on [data-in-s]{opacity:1;transform:none;transition:none}}
html{scroll-padding-bottom:73px}
.ab-form{background:var(--cream-deep);padding-block:80px;scroll-margin-top:16px}
.sheet{--sp:clamp(28px,3.4vw,48px);position:relative;display:grid;grid-template-columns:minmax(0,503fr) minmax(0,735fr);grid-template-rows:auto 1fr;background:var(--cream);border:1px solid var(--gold-line)}
.sheet__head{grid-column:1;grid-row:1;padding:var(--sp) var(--sp) 0}
.sheet__h{font-weight:900;font-size:40px;line-height:44px;letter-spacing:-0.02em}
.sheet__lead{margin-top:24px;font-weight:300;font-size:18px;line-height:29px}
.sheet__contacts{grid-column:1;grid-row:2;align-self:end;padding:40px var(--sp) var(--sp)}
.sheet__contacts p{min-height:56px;padding-block:12px;border-top:1px solid var(--gold-line);font-weight:300;font-size:17px;line-height:27px;overflow-wrap:anywhere}
.sheet__contacts p:last-child{border-bottom:1px solid var(--gold-line)}
.sheet__contacts .link{padding-block:6px;background-position:0 calc(100% - 2px)}
@media (min-width:360px){.sheet__contacts .link+.link{white-space:nowrap}}
.sheet__fields{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;padding:var(--sp)}
.perf{position:absolute;pointer-events:none}
.perf--v{display:flex;flex-direction:column;left:calc(503 / 1238 * 100%);top:-1px;bottom:-1px;width:28px;transform:translateX(-50%)}
.perf--h{display:none}
.perf__n{flex:none;display:block}
.perf__n--b{transform:scaleY(-1)}
.perf__bg{fill:var(--cream-deep)}
.perf__ln{fill:none;stroke:var(--gold-line);stroke-width:1}
.perf__dots{flex:1;min-height:0;display:block;margin-block:8px}
.perf__dots circle{fill:var(--cream-deep)}
.reveal-on .perf__dots{clip-path:inset(0 0 100% 0);transition:clip-path .6s var(--ease)}
.reveal-on .sheet.is-in .perf__dots{clip-path:inset(0)}
.sform{flex:none;transition:opacity .3s var(--ease)}
.sform.is-out{opacity:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sf{display:grid;grid-template-columns:140px minmax(0,1fr);border-top:1px solid var(--gold-line);margin:0;padding:0;min-width:0;border-inline:0;border-bottom:0;transition:background-color .2s var(--ease)}
.sf:not(.sf--send):focus-within{background:var(--cream-deep)}
.sf__l{padding:21.5px 0;font-weight:600;font-size:14px;line-height:21px;letter-spacing:.12em;text-transform:uppercase}
.req{font-weight:400;letter-spacing:0;text-transform:none;color:#5d5655;margin-left:6px}
.sf input:not([type=radio]),.sf textarea{display:block;width:100%;border:0;border-radius:0;background:transparent;color:var(--brown);font:inherit;font-weight:300;font-size:18px;padding:0}
.sf input:not([type=radio]){height:64px}
.sf textarea{height:120px;resize:none;line-height:28px}
.sf input:not([type=radio]):focus-visible,.sf textarea:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.sf-err{min-height:25px;padding-top:4px;font-weight:600;font-size:14px;line-height:21px;color:#8f2a1d}
.sf-err:not(:empty){border-left:4px solid #8f2a1d;padding-left:8px}
.sf--int{display:block;padding-block:18px 17px}
.sf--int .sf__l{float:left;width:100%;padding:0;margin-bottom:8px}
.sf--int .pills{clear:both}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{position:relative;display:inline-flex;align-items:center;max-width:100%;min-height:44px;padding:0 20px;border:2px solid var(--brown);font-weight:600;font-size:14px;line-height:1.3;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}
.pill input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.pill:has(input:checked){background:var(--brown);color:var(--cream);box-shadow:inset 0 0 0 3px var(--brown),inset 0 0 0 5px var(--cream)}
.pill:has(input:focus-visible){outline:2px solid var(--brown);outline-offset:3px}
@media (hover:hover){.pill:hover{background:var(--gold-light)}.pill:has(input:checked):hover{background:var(--brown)}}
.sf--msg{display:block;padding-block:14px}
.sf--msg .sf__l{display:block;padding:0;margin-bottom:8px}
.fail{min-height:46px;padding-top:4px;font-weight:600;font-size:14px;line-height:21px;color:#8f2a1d}
.fail__t{display:block;visibility:hidden}
.fail:target .fail__t,.fail.is-on .fail__t{visibility:visible}
.fail.is-on,.fail:target{border-left:4px solid #8f2a1d;padding-left:8px}
.fail a{color:inherit}
.sf--send{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px}
.sform__send{font-family:inherit;cursor:pointer;min-width:128px;justify-content:center}
.sform__send[aria-busy=true]{cursor:progress}
.state{display:none;flex:1;align-items:center;margin:0;font-weight:300;font-size:24px;line-height:31px;outline:none}
.state.is-on,.state:target{display:flex;animation:ab-ok .3s var(--ease) both}
.sheet__fields:has(.state:target) .sform{display:none}
@keyframes ab-ok{from{opacity:0}to{opacity:1}}
.bar{display:flex;justify-content:center;background:var(--gold-light);border-top:1px solid var(--gold-line);padding:14px var(--gut)}
.bar .btn:hover,.bar .btn:focus-visible{background:var(--cream)}
.bar--fixed{position:fixed;left:0;right:0;bottom:0;z-index:40;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease),visibility 0s .7s}
.bar--fixed.is-on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (max-width:1199px){.sf-err{min-height:46px}.fail{min-height:67px}}
@media (max-width:899px){
  .sheet{display:block;padding:24px}
  .sheet__head{padding:0}
  .sheet__h{font-size:28px;line-height:31px}
  .sheet__lead{font-size:17px;line-height:27px;margin-top:16px}
  .perf--v{display:none}
  .perf--h{position:static;display:flex;align-items:center;height:28px;margin:24px -25px}
  .perf--h .perf__dots{flex:1;width:auto;min-width:0;height:28px;margin:0 8px}
  .perf__n--r{transform:scaleX(-1)}
  .reveal-on .perf__dots{clip-path:inset(0 100% 0 0)}
  .reveal-on .sheet.is-in .perf__dots{clip-path:inset(0)}
  .sheet__fields{padding:0}
  .sf{grid-template-columns:minmax(0,1fr);padding-block:7px 0}
  .sf__l{padding:0}
  .sf input:not([type=radio]){height:52px}
  .sf--int{padding-block:18px 17px}
  .sf--send{flex-direction:column;align-items:stretch;gap:12px;min-height:92px;padding-block:14px 0}
  .sf--send .btn{justify-content:center;width:100%}
  .sheet__contacts{padding:32px 0 0}
  .sheet__contacts p{font-size:17px;line-height:27px}
  .bar{padding:12px 32px calc(12px + env(safe-area-inset-bottom))}
  .bar .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .reveal-on .perf__dots{clip-path:none;transition:none}
  .sform{transition:none}
  .state.is-on,.state:target{animation:none}
  .bar--fixed{transition:none}
}