html.page-method:not(.anim) .nav{color:var(--brown)}
html.page-method:not(.anim) .nav__brand .mark{background-image:url(../img/marchio.svg)}
html.page-method:not(.anim) .nav__toggle svg{stroke:var(--brown)}
.h1a{display:block;font-weight:600;font-size:var(--t-lg);line-height:1.3}
.h1b{display:block;font-weight:900;font-size:var(--t-hero);line-height:1.08;letter-spacing:-0.02em;margin-top:12px;text-wrap:balance}
.fig{overflow:hidden;background:var(--gold-light)}
.fig picture{display:block;width:100%;height:100%}
.fig img{width:100%;height:100%;object-fit:cover}
.top{padding-block:calc(var(--nav-h) + 24px) 48px}
.top .grid{height:calc(100svh - var(--nav-h) - 72px);min-height:640px;max-height:900px}
.top__text{grid-column:1/7;align-self:end;padding-bottom:8px}
.top__p{margin-top:28px;max-width:46ch}
.top__promise{margin-top:20px;font-weight:600;font-size:var(--t-lg);line-height:1.35;max-width:32ch}
.top__cta{margin-top:32px}
.top__fig{grid-column:7/13;height:100%}
.cap .top__fig{clip-path:inset(22% 39% 22% 39% round 23vw);will-change:clip-path}
.cap .top__fig img{transform:scale(.8)}
@media (max-width:899px){
  .top .grid{display:block;height:auto;min-height:0;max-height:none}
  .top__fig{aspect-ratio:4/5;height:auto;margin-top:40px}
}
@media (max-width:1099px){:root:not(.nav-js) .nav__links{display:none}}
.reveal-on [data-in]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal-on [data-in].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal-on [data-in]{opacity:1;transform:none;transition:none}}
.nav__menu{display:none}
@media (max-width:1099px){: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}}
.h2{font-weight:900;font-size:var(--t-h2);line-height:1.1;letter-spacing:-0.02em;text-wrap:balance}
.h3{font-weight:900;font-size:var(--t-lg);line-height:1.25;letter-spacing:-0.01em;text-wrap:balance}
.lg{font-size:var(--t-lg);line-height:1.5}
.spec{font-weight:600;font-size:var(--t-body);line-height:1.4}
.muted{color:#5d5655}
.stack>*+*{margin-top:16px}
.sec{padding-block:var(--sec) 0}
.sec--last{padding-bottom:var(--sec)}
.top+.sec{padding-top:calc(var(--sec) - 48px)}
.band{background:var(--brown);color:var(--cream);padding-block:calc(var(--sec) / 2) var(--sec);margin-top:calc(var(--sec) / 2)}
.panel{background:var(--gold-light);color:var(--brown);padding:56px}
.strip{background:var(--brown);color:var(--cream);padding:40px 48px}
.who__fig{grid-column:1/7;aspect-ratio:3/2;align-self:start}
.who__text{grid-column:8/13}
.who__item{margin-top:40px}
.who__item p{margin-top:8px}
.pil__head{grid-column:1/-1}
.pil__col{grid-column:span 4;margin-top:56px}
.pil__col .spec{margin-top:8px}
.pil__col p:last-child{margin-top:16px}
.ways__text{grid-column:1/8}
.ways__item{margin-top:40px}
.ways__item p{margin-top:8px}
.ways__where{margin-top:40px}
.ways__fig{grid-column:9/13;aspect-ratio:4/5;align-self:start}
.ways__fig img{object-position:62% 50%}
.lake .panel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.lake__head{grid-column:1/6}
.lake__head .lg{margin-top:16px;font-weight:600}
.lake__body{grid-column:7/13}
.how__head{grid-column:1/5}
.how__list{grid-column:6/13}
.ol{list-style:none;margin:0;padding:0;counter-reset:n}
.ol li{counter-increment:n;display:grid;grid-template-columns:56px 1fr;gap:24px;align-items:center;font-size:var(--t-lg);line-height:1.45}
.ol li+li{margin-top:32px}
.ol li::before{content:counter(n);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--gold-light);border:2px solid var(--gold-line);font-weight:900;font-size:var(--t-lg);color:var(--brown)}
.res__fig{grid-column:1/6;aspect-ratio:1/1}
.res__text{grid-column:7/13;align-self:center}
.res__text .lg{margin-top:24px}
.res__text .link{display:inline-flex;align-items:center;min-height:44px;margin-block:24px 0;padding-block:0 4px;font-weight:600;background-position:0 calc(50% + 17px)}
.cred .strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:baseline}
.cred .h2{grid-column:1/5}
.cred .lg{grid-column:5/13}
.form__fig{grid-column:1/5;aspect-ratio:708/868;align-self:start}
.form__body{grid-column:6/13}
.form{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.form label{display:block}
.form .lab{display:block;font-weight:600;font-size:var(--t-label);line-height:1.4;margin-bottom:8px}
.form input,.form textarea{width:100%;height:52px;border:0;border-bottom:2px solid var(--brown);background:transparent;font:inherit;color:var(--brown);border-radius:0;padding:0}
.form textarea{height:120px;resize:vertical;border:2px solid var(--brown);padding:8px}
.form input:focus-visible,.form textarea:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
.form input:focus-visible,.form textarea:focus-visible{outline-offset:-2px}
.form textarea:focus-visible{outline-offset:-6px}
.form .full{grid-column:1/-1}
.form .hint{display:block;margin:-4px 0 8px;font-weight:400;font-size:var(--t-label);line-height:1.4;color:#5d5655}
.form .req{font-weight:400;color:#5d5655;text-transform:none;letter-spacing:0;margin-left:6px}
.err{display:block;margin-top:8px;font-weight:600;font-size:var(--t-label);line-height:1.4;color:#8f2a1d}
.err[hidden]{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__fail:empty{position:absolute;margin:0}
.form input[aria-invalid=true]{border-bottom-color:#8f2a1d}
.form__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.form__send{font-family:inherit;cursor:pointer}
.form__send[aria-busy=true]{cursor:progress}
.form{transition:opacity .3s var(--ease)}
.form.is-out{opacity:0}
.form__live{margin-top:40px}
.form__live .form{margin-top:0}
.form__ok{font-size:var(--t-lg);line-height:1.5;max-width:32ch;opacity:0;transition:opacity .3s var(--ease)}
.form__ok.is-in{opacity:1}
.form__ok:focus{outline:none}
@media (prefers-reduced-motion:reduce){.form,.form__ok{transition:none}}
@media (max-width:899px){
  .who .grid,.pil .grid,.ways .grid,.how .grid,.res .grid,.form-sec .grid,.lake .panel,.cred .strip{display:block}
  .who__text,.ways__fig,.res__text,.form__body,.how__list,.lake__body,.cred .lg{margin-top:32px}
  .pil__col{margin-top:40px}
  .ol li{grid-template-columns:44px 1fr;gap:16px}
  .ol li::before{width:44px;height:44px}
  .form{grid-template-columns:1fr;gap:20px}
  .form__fig{aspect-ratio:3/2}
  .ways__fig{aspect-ratio:3/2}
  .panel{padding:32px 24px}
  .strip{padding:28px 24px}
}
