/* Generato da tools/mock_css_to_blocks.py dal mock approvato: non modificare a mano. */
.ws video{max-width:100%;height:auto;display:block}
.ws blockquote,.ws figure{margin:0}
.ws input:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.js .ws .rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .ws .rv.in{opacity:1;transform:none}
.js .ws .rv.d1{transition-delay:.08s}
.js .ws .rv.d2{transition-delay:.16s}
.js .ws .rv.d3{transition-delay:.24s}
.ws .hero{position:relative;min-height:100svh;display:grid;grid-template-rows:52svh auto;}
.ws .band{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr 1fr;grid-template-areas:"a a b c d e" "f g b h h e";min-height:0}
.ws .band>*{min-height:0;min-width:0;overflow:hidden}
.ws .band img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .8s,transform 1.2s var(--ease)}
.ws .band .ph:hover img{filter:grayscale(0)}
.ws .ma{grid-area:a}
.ws .mb{grid-area:b;background:var(--teal)}
.ws .mc{grid-area:c}
.ws .md{grid-area:d;background:var(--ink)}
.ws .me{grid-area:e}
.ws .mf{grid-area:f;background:var(--teal-deep)}
.ws .mg{grid-area:g;background:var(--stone)}
.ws .mh{grid-area:h}
.js .ws .band .ph img{transform:scale(1.06)}
.js .ws .ready .band .ph img{transform:none}
.ws .under{display:grid;grid-template-columns:42% 1fr;align-items:start;padding-block:clamp(48px,7vh,110px) 48px;gap:0}
.ws .under .stand{padding-left:max(var(--m),env(safe-area-inset-left,0px));padding-right:32px;padding-top:.6em;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.ws .under .stand p{font-size:var(--s-lead);line-height:1.3;max-width:30ch}
.ws .under h1{font-size:var(--s-display);padding-right:max(var(--m),env(safe-area-inset-right,0px));letter-spacing:-.045em;line-height:.9}
.ws .line{display:block;overflow:hidden;padding-bottom:.06em}
.ws .line>span{display:block}
.js .ws .line>span{transform:translateY(105%);transition:transform .9s var(--ease)}
.js .ws .ready .line>span{transform:none}
.js .ws .ready .line:nth-child(2)>span{transition-delay:.11s}
.js .ws .under .stand{opacity:0;transform:translateY(16px);transition:opacity .7s .45s var(--ease),transform .7s .45s var(--ease)}
.js .ws .ready .under .stand{opacity:1;transform:none}
@media (max-width:760px){
.ws .hero{grid-template-rows:auto 38svh auto;min-height:auto}
.ws .band{grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"a a b" "f g h"}
.ws .band .mc,.ws .band .md,.ws .band .me{display:none}
.ws .band .mh{grid-area:h}
.ws .under{grid-row:3;grid-template-columns:1fr;gap:20px;padding-block:28px 32px}
.ws .under h1{order:-1;font-size:13vw;padding-left:max(var(--m),env(safe-area-inset-left,0px))}
.ws .under .stand{padding-top:0}
.ws .under .stand p{font-size:var(--s-body)}
}
.ws .day{background:var(--paper);padding-block:clamp(96px,10vw,180px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px}
.ws .day h2{grid-column:1/8}
.ws .day .stmt{grid-column:1/8;font-size:clamp(1.5rem,1rem + 1.6vw,2.25rem);line-height:1.15;font-weight:500;letter-spacing:-.015em;max-width:30ch}
.ws .day .chips{grid-column:9/13;grid-row:1/3;position:relative;min-height:340px}
.ws .chip{position:absolute;aspect-ratio:4/5;object-fit:cover}
.ws .chip.a{right:0;top:0;width:62%;transform:rotate(4deg)}
.ws .chip.b{left:0;bottom:-24px;width:48%;transform:rotate(-3deg)}
.ws .clock{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--mist)}
.ws .clock .readout{padding:32px;display:flex;flex-direction:column;gap:12px;background:var(--wind-bg,var(--teal));color:var(--wind-ink,var(--ink));transition:background-color .5s,color .5s;min-height:280px}
.ws .clock .hour{font-size:var(--s-head);font-weight:900;letter-spacing:-.04em;line-height:.9}
.ws .clock .wind{font-size:var(--s-lead);font-weight:900;letter-spacing:-.02em}
.ws .clock .ctrl{padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.ws .clock label{font-weight:500}
.ws .clock input[type=range]{width:100%;height:44px;accent-color:var(--ink);cursor:pointer}
.ws .clock .scale{display:flex;justify-content:space-between;font-size:var(--s-small)}
@media (max-width:860px){
.ws .day{grid-template-columns:1fr;row-gap:32px}
.ws .day h2,.ws .day .stmt,.ws .day .chips,.ws .clock{grid-column:1;grid-row:auto}
.ws .day .stmt{font-size:1.5rem}
.ws .day .chips{min-height:0;height:auto;display:flex;gap:12px;align-items:flex-start;padding:8px 6px 0}
.ws .chip,.ws .chip.a,.ws .chip.b{position:static;width:calc(50% - 6px);transform:rotate(-2deg)}
.ws .chip.a{order:2;transform:rotate(2deg);margin-top:28px}
.ws .clock{grid-template-columns:1fr}
.ws .clock .readout{min-height:0}
}
.ws .ch{min-height:100svh;color:var(--paper);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;padding-block:32px;gap:24px;overflow:hidden}
.ws .ch.kite{background:var(--f-kite)}
.ws .ch.wing{background:var(--f-wing)}
.ws .ch.efoil{background:var(--f-efoil)}
.ws .ch.sup{background:var(--f-sup)}
.ws .ch h2{grid-column:1;grid-row:1;font-size:clamp(1.5rem,1rem + 1.6vw,2.25rem);max-width:12ch}
.ws .ch .portrait{grid-column:2;grid-row:1/4;align-self:center;width:min(506px,40vw);aspect-ratio:3/4;object-fit:cover;margin-top:56px}
.js .ws .ch .portrait{transform:scale(.96);transition:transform .8s var(--ease)}
.js .ws .ch.in .portrait{transform:none}
.ws .ch .facts{grid-column:1;grid-row:3;align-self:end;max-width:32ch;display:flex;flex-direction:column;gap:10px}
.ws .ch .facts .price{font-size:var(--s-lead);font-weight:900;letter-spacing:-.02em}
.ws .ch .go{grid-column:3;grid-row:3;align-self:end;justify-self:end;font-weight:500}
@media (max-width:760px){
.ws .ch{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto;padding-block:48px 56px}
.ws .ch h2,.ws .ch .portrait,.ws .ch .facts,.ws .ch .go{grid-column:1;grid-row:auto}
.ws .ch h2{font-size:clamp(2.4rem,11vw,3.4rem)}
.ws .ch .portrait{width:80%;justify-self:center;margin-top:0}
.ws .ch .go{justify-self:start}
}
.ws .grow{background:var(--stone);padding-block:clamp(96px,10vw,180px)}
.ws .tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:10px;row-gap:16px;align-items:end}
.ws .tiles .intro{grid-column:1/8;grid-row:1;align-self:start;display:flex;flex-direction:column;gap:20px}
.ws .tiles .intro p{max-width:40ch}
.ws .tile{display:flex;flex-direction:column;gap:12px}
.ws .tile .box{overflow:hidden}
.ws .tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.ws .tile:hover img{transform:scale(1.04)}
.ws .tile.t1{grid-column:1/4;grid-row:2}
.ws .tile.t1 .box{height:30vh;background:var(--teal)}
.ws .tile.t2{grid-column:4/8;grid-row:2}
.ws .tile.t2 .box{height:44vh;background:var(--ink)}
.ws .tile.t3{grid-column:8/13;grid-row:1/3}
.ws .tile.t3 .box{height:60vh;background:var(--teal-deep)}
.ws .tile h3{font-size:var(--s-body);font-weight:500;letter-spacing:0}
.ws .tile p{max-width:40ch}
@media (max-width:760px){
.ws .tiles{grid-template-columns:1fr;row-gap:32px}
.ws .tiles .intro,.ws .tile.t1,.ws .tile.t2,.ws .tile.t3{grid-column:1;grid-row:auto}
.ws .tile.t1 .box{height:34vw}
.ws .tile.t2 .box{height:46vw}
.ws .tile.t3 .box{height:62vw}
}
.ws .plans{display:grid;grid-template-columns:5fr 7fr}
.ws .plan{min-height:90svh;padding:40px max(var(--m),40px);display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;gap:18px}
.ws .plan.adv{background:var(--ink);color:var(--paper)}
.ws .plan.base{background:var(--teal);color:var(--ink)}
.ws .plan .who{font-size:var(--s-lead);font-weight:500;line-height:1.3;max-width:26ch}
.ws .plan .incl{align-self:end;max-width:44ch}
.ws .plan .bottom{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.ws .plan .amount{font-size:var(--s-display);font-weight:900;letter-spacing:-.05em;line-height:.85;white-space:nowrap}
.ws .plan .alt{margin-top:12px}
@media (max-width:860px){
.ws .plans{grid-template-columns:1fr}
.ws .plan{min-height:70svh;padding:32px max(20px,env(safe-area-inset-right,0px)) 32px max(20px,env(safe-area-inset-left,0px));order:2}
.ws .plan.base{order:1}
}
@media (min-width:561px) and (max-width:860px){
.ws .plan{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:32px}
.ws .plan h2{grid-column:1;grid-row:1}
.ws .plan .who{grid-column:1;grid-row:2}
.ws .plan .incl{grid-column:2;grid-row:1/3;align-self:start}
.ws .plan .bottom{grid-column:1/-1;grid-row:3}
}
@media (max-width:560px){
.ws .plan .bottom .btn{width:100%}
}
.ws .voices{position:relative;background:var(--stage-bg,var(--paper));transition:background-color .6s}
.ws .stage{position:sticky;top:0;height:100svh;overflow:hidden}
.ws .stage h2{position:absolute;top:28px;left:max(var(--m),env(safe-area-inset-left,0px));font-size:var(--s-display);line-height:.85}
.ws .stage .pic{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:28vw;max-width:400px;aspect-ratio:4/5}
.ws .stage .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.ws .stage .pic img.on{opacity:1}
.ws .steps{position:relative;margin-top:-100svh;z-index:1}
.ws .stp{height:100svh;position:relative}
.ws .q{position:absolute;width:280px;display:flex;flex-direction:column;gap:12px}
.ws .q blockquote{font-size:var(--s-lead);font-weight:900;letter-spacing:-.02em;line-height:1.15}
.ws .q cite{font-style:normal;font-size:var(--s-small)}
.ws .q img{display:none}
.ws .stp:nth-child(1) .q{right:max(var(--m),env(safe-area-inset-right,0px));top:30%}
.ws .stp:nth-child(2) .q{left:max(var(--m),env(safe-area-inset-left,0px));top:46%}
.ws .stp:nth-child(3) .q{right:max(var(--m),env(safe-area-inset-right,0px));top:58%}
.ws .stp .more{position:absolute;left:max(var(--m),env(safe-area-inset-left,0px));bottom:40px}
@media (max-width:1024px){
.ws .voices{padding-block:88px}
.ws .stage{position:static;height:auto;overflow:visible;padding-left:max(var(--m),env(safe-area-inset-left,0px))}
.ws .stage h2{position:static;font-size:16vw}
.ws .stage .pic{display:none}
.ws .steps{margin-top:56px;display:flex;flex-direction:column;gap:72px;padding-inline:max(var(--m),env(safe-area-inset-left,0px))}
.ws .stp{height:auto}
.ws .q,.ws .stp .more{position:static!important;width:auto}
.ws .q img{display:block;width:72%;max-width:440px;aspect-ratio:4/5;object-fit:cover}
.ws .stp:nth-child(2) .q{align-items:flex-end;text-align:right}
.ws .stp .more{display:inline-block;margin-top:40px}
}
.ws .prints{background:var(--ink);color:var(--paper);padding-block:clamp(96px,10vw,180px) 120px}
.ws .prints h2{margin-bottom:48px}
.ws .prints .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 12px}
.ws .print{overflow:hidden}
.ws .print img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .6s var(--ease)}
.ws .print:hover img{transform:scale(1.03)}
.ws .tag{min-height:88px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:var(--s-small);line-height:1.3;position:relative;z-index:1}
.ws .tag .r{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ws .tag b{font-weight:500}
.ws .p1 .tag{background:var(--teal);color:var(--ink)}
.ws .p2 .tag{background:var(--paper);color:var(--ink)}
.ws .p3 .tag{background:var(--teal-deep);color:var(--paper)}
.ws .p4 .tag{background:var(--stone);color:var(--ink)}
@media (max-width:760px){
.ws .prints .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}
.ws .tag .r:nth-child(2){display:none}
.ws .tag{min-height:0;padding:10px}
.ws .tag .r span:not(:first-child){display:none}
}
.ws .faq-head{background:var(--teal);min-height:30svh;display:flex;align-items:flex-end;padding-block:32px}
.ws .bandq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-block:56px}
.ws .bandq:nth-child(odd){background:var(--paper)}
.ws .bandq:nth-child(even){background:var(--mist)}
.ws .bandq h3{grid-column:1/6}
.ws .bandq p{grid-column:7/13;max-width:56ch}
@media (max-width:760px){
.ws .bandq{grid-template-columns:1fr;row-gap:12px;padding-block:32px}
.ws .bandq h3,.ws .bandq p{grid-column:1}
.ws .faq-head{min-height:30svh}
}
.ws .addr{background:var(--teal-deep);color:var(--paper);padding-block:clamp(72px,8vw,128px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px;align-items:start}
.ws .addr-intro{grid-column:1/6;display:flex;flex-direction:column;gap:20px}
.ws .addr-intro p{max-width:36ch}
.ws .addr-rows{grid-column:7/13;display:flex;flex-direction:column;gap:4px}
.ws .arow{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:0 20px;background:var(--teal-deeper);color:var(--paper);text-decoration:none;font-size:var(--s-lead);font-weight:500;letter-spacing:-.01em;transition:background-color .2s}
.ws .arow:hover{background:#155A4D}
.ws .arow .hint{font-size:var(--s-small);font-weight:400;text-decoration:underline;text-underline-offset:.25em}
.ws .arow.wa{background:var(--teal);color:var(--ink);font-weight:900}
.ws .arow.wa:hover{background:#00BD98}
.ws .sq{width:44px;height:44px;flex:none;display:grid;place-items:center;background:var(--ink);color:var(--paper);transition:transform .3s var(--ease)}
.ws .sq svg{width:20px;height:20px}
.ws .arow.wa:hover .sq{transform:translateX(6px)}
@media (max-width:860px){
.ws .addr-intro,.ws .addr-rows{grid-column:1/-1}
.ws .arow{min-height:64px;padding:0 16px;font-size:var(--s-body)}
}
.ws .shop{background:var(--stone);padding-block:clamp(96px,10vw,180px)}
.ws .shop-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin-bottom:48px}
.ws .shop-head h2{grid-column:1/7}
.ws .shop-head p{grid-column:8/13;font-size:var(--s-lead);line-height:1.3}
.ws .shop-grid{display:grid;grid-template-columns:7fr 5fr;gap:12px}
.ws .feat{position:relative;display:block;background:var(--paper);text-decoration:none;overflow:hidden}
.ws .feat img{width:100%;aspect-ratio:1/1;object-fit:contain;transition:transform .6s var(--ease)}
.ws .feat:hover img{transform:scale(1.03)}
.ws .feat-txt{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 24px;background:var(--ink);color:var(--paper)}
.ws .pname{font-weight:500}
.ws .pprice{font-weight:900;font-size:var(--s-lead);letter-spacing:-.02em;white-space:nowrap}
.ws .pmeta{display:block;font-size:var(--s-small)}
.ws .shop-list{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(3,1fr);gap:12px}
.ws .shop-list a{overflow:hidden;display:grid;grid-template-columns:38% 1fr auto;align-items:center;gap:20px;height:100%;padding-right:24px;background:var(--paper);text-decoration:none}
.ws .shop-list img{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;transition:transform .5s var(--ease)}
.ws .shop-list a:hover img{transform:scale(1.05)}
.ws .shop-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:40px}
.ws .shop-cats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.ws .shop-cats a{font-size:var(--s-lead);font-weight:900;letter-spacing:-.02em;text-decoration:none}
.ws .shop-cats a:hover{text-decoration:underline;text-underline-offset:.2em}
@media (max-width:860px){
.ws .shop-head{grid-template-columns:1fr;row-gap:16px}
.ws .shop-head h2,.ws .shop-head p{grid-column:1}
.ws .shop-head p{font-size:var(--s-body)}
.ws .shop-grid{grid-template-columns:1fr}
.ws .shop-list a{grid-template-columns:96px 1fr auto;gap:14px;padding-right:16px}
.ws .feat-txt{padding:14px 16px}
.ws .shop-cats a{font-size:var(--s-body)}
}
@media (min-width:1025px){
.ws .voices{padding-block:clamp(96px,10vw,180px)}
.ws .stage{position:static;height:auto;overflow:visible;padding-left:max(var(--m),env(safe-area-inset-left,0px))}
.ws .stage h2{position:static}
.ws .stage .pic{display:none}
.ws .steps{margin-top:64px;display:flex;flex-direction:column;gap:96px;padding-inline:max(var(--m),env(safe-area-inset-left,0px))}
.ws .stp{height:auto}
.ws .stp .q{position:static!important;width:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:12px;align-items:end}
.ws .stp .q img{display:block;grid-column:5/9;grid-row:1/3;width:100%;aspect-ratio:4/5;object-fit:cover}
.ws .stp .q blockquote{grid-column:9/13;grid-row:1;max-width:22ch}
.ws .stp .q cite{grid-column:9/13;grid-row:2}
.ws .stp:nth-child(2) .q img{grid-column:5/9}
.ws .stp:nth-child(2) .q blockquote,.ws .stp:nth-child(2) .q cite{grid-column:1/5;justify-self:end;text-align:right}
.ws .stp .more{position:static;display:inline-block;margin-top:48px}
}
@media (prefers-reduced-motion:reduce){
.js .ws .rv,.js .ws .line>span,.js .ws .under .stand,.js .ws .ch .portrait,.js .ws .band .ph img{opacity:1!important;transform:none!important;transition:none!important}
.ws .print img,.ws .tile img,.ws .sq{transition:none!important}
}