@font-face{font-family:TP-Teko;src:url('teko-0.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:TP-Poppins;src:url('poppins-0.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:TP-Poppins;src:url('poppins-1.woff') format('woff');font-weight:600;font-display:swap}
#tp3-home,#tp3-home *{box-sizing:border-box}
#tp3-home{--blue:#053963;--cream:#f3eee6;--yellow:#ffd02f;--red:#d82025;font-family:TP-Poppins,Arial,sans-serif;color:var(--cream);background:var(--blue);width:100%;isolation:isolate;overflow:clip}
#tp3-home a{color:inherit;text-decoration:none}
#tp3-home button{font:inherit;cursor:pointer}
#tp3-home a:focus-visible,#tp3-home button:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}
#tp3-home .tp3-intro{height:330svh;position:relative}
#tp3-home .tp3-stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;background:#053963}
#tp3-home .tp3-stage:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.35' d='M0 0h200v200H0z'/%3E%3C/svg%3E");z-index:1}
#tp3-home .tp3-header{position:absolute;top:0;left:5%;width:90%;padding-top:clamp(22px,3vw,40px);display:flex;align-items:center;gap:32px;z-index:7}
#tp3-home .tp3-logo{width:clamp(145px,13vw,205px);display:block;flex:none}
#tp3-home .tp3-logo img{width:100%;height:auto;display:block;filter:brightness(0) invert(94%) sepia(10%) saturate(370%) hue-rotate(342deg)}
#tp3-home .tp3-nav{display:flex;align-items:center;gap:30px;margin-left:auto;opacity:var(--copy,0);visibility:hidden}
#tp3-home .tp3-nav a,#tp3-home .tp3-book{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
#tp3-home .tp3-book{background:var(--cream);color:var(--blue);padding:17px 25px;margin-left:0;transition:background .2s}
#tp3-home .tp3-book:hover{background:var(--yellow)}
#tp3-home .tp3-menu-button{display:none;background:none;border:0;color:var(--cream);padding:10px}
#tp3-home .tp3-mobile-nav[hidden]{display:none}
#tp3-home .tp3-mobile-nav{position:absolute;inset:0;background:var(--blue);z-index:6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}
#tp3-home .tp3-mobile-nav a{font:700 clamp(38px,9vw,62px)/1 TP-Teko,sans-serif;text-transform:uppercase}
#tp3-home .tp3-art{position:absolute;inset:0;z-index:2;pointer-events:none}
#tp3-home .tp3-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .35s}
#tp3-home.tp3-ready .tp3-canvas{opacity:1}
#tp3-home .tp3-fallback{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
#tp3-home .tp3-loading{position:absolute;top:65%;left:0;right:0;text-align:center;font-size:13px;z-index:3}
#tp3-home.tp3-ready .tp3-loading{display:none}
#tp3-home .tp3-copy{position:absolute;z-index:4;left:5%;top:52%;width:40%;opacity:var(--copy,0);transform:translateY(calc(-44% + var(--copy-y,30)*1px));pointer-events:none}
#tp3-home .tp3-copy h1{font:700 clamp(82px,9.9vw,170px)/.88 TP-Teko,Impact,sans-serif;letter-spacing:-.008em;color:var(--cream);margin:0 0 28px}
#tp3-home .tp3-copy h1 .tp3-line{display:block;white-space:nowrap}
#tp3-home .tp3-copy h1 .tp3-yellow{color:var(--yellow)}
#tp3-home .tp3-copy p{font-size:clamp(13px,1.05vw,17px);line-height:1.7;margin:0 0 25px;color:var(--cream)}
#tp3-home .tp3-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#tp3-home .tp3-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 21px;min-height:50px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border:1px solid currentColor;transition:transform .2s,background .2s,color .2s}
#tp3-home .tp3-button:hover{transform:translateY(-3px)}
#tp3-home .tp3-button-primary{color:var(--blue);background:var(--yellow);border-color:var(--yellow)}
#tp3-home .tp3-button-secondary{color:var(--cream);background:transparent}
#tp3-home .tp3-scroll{position:absolute;z-index:4;bottom:5%;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:11px;opacity:var(--hint,1);pointer-events:none}
#tp3-home .tp3-scroll span{font-size:10px;letter-spacing:.19em;font-weight:600;text-align:center}
#tp3-home.tp3-settled .tp3-copy{pointer-events:auto}
#tp3-home.tp3-settled .tp3-nav{visibility:visible}
#tp3-home .tp3-after{background:var(--cream);color:var(--blue);padding:85px 5%;text-align:center}
#tp3-home .tp3-after p{font-size:11px;font-weight:600;letter-spacing:.08em;line-height:2.1;margin:0 0 22px}
#tp3-home .tp3-after h2{font:700 clamp(68px,8vw,118px)/.88 TP-Teko,sans-serif;margin:0 0 28px;color:var(--blue)}
#tp3-home .tp3-after .tp3-button{background:var(--blue);color:var(--cream);border-color:var(--blue)}
body.tp3-full-page #main-header,body.tp3-full-page .et-l--header{display:none!important}
body.tp3-full-page #page-container{padding-top:0!important}
body.tp3-full-page .et_pb_section:has(#tp3-home),body.tp3-full-page .et_pb_row:has(#tp3-home){width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;overflow:visible!important}
body.tp3-full-page .et_pb_code:has(#tp3-home),body.tp3-full-page .et_pb_text:has(#tp3-home){margin:0!important}
@media(max-width:760px){
 #tp3-home .tp3-intro{height:340svh}
 #tp3-home .tp3-stage{min-height:570px}
 #tp3-home .tp3-header{left:6%;width:88%;padding-top:max(20px,env(safe-area-inset-top));gap:12px}
 #tp3-home .tp3-logo{width:clamp(125px,36vw,142px)}
 #tp3-home .tp3-nav{display:none}
 #tp3-home .tp3-book{padding:12px 15px;font-size:10px;margin-left:auto}
 #tp3-home .tp3-menu-button{display:block;padding-right:0}
 #tp3-home .tp3-copy{top:54%;left:6%;width:88%;text-align:center;transform:translateY(calc(var(--copy-y,30)*1px))}
 #tp3-home .tp3-copy h1{font-size:clamp(54px,16.6vw,75px);line-height:.85;margin-bottom:16px}
 #tp3-home .tp3-copy p{font-size:13px;line-height:1.55;margin-bottom:19px}
 #tp3-home .tp3-actions{justify-content:center;gap:9px}
 #tp3-home .tp3-button{font-size:9px;padding:15px 14px;min-height:46px;gap:7px}
 #tp3-home .tp3-scroll{bottom:6%;padding:0 15px}
 #tp3-home .tp3-scroll span{font-size:8px;letter-spacing:.14em}
 #tp3-home .tp3-after{padding:65px 6%}

}
@media(max-height:720px) and (max-width:760px){#tp3-home .tp3-copy{top:50%}#tp3-home .tp3-copy h1{font-size:61px}#tp3-home .tp3-copy p{font-size:12px;margin-bottom:14px}#tp3-home .tp3-button{padding:13px 11px}}
@media(prefers-reduced-motion:reduce){#tp3-home .tp3-intro{height:100svh;min-height:570px}#tp3-home .tp3-button,#tp3-home .tp3-canvas{transition:none}}

/* Brand della bozza originale: Teko, pulsanti rossi e ancora SVG. */
#tp3-home .tp3-nav{opacity:1;visibility:visible;gap:clamp(16px,2vw,30px)}
#tp3-home .tp3-nav a{font:700 18px/1 TP-Teko,sans-serif;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.25)}
#tp3-home .tp3-nav a:hover{color:var(--yellow)}
#tp3-home .tp3-button,#tp3-home .tp3-book{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 24px 12px;border-radius:999px;background:linear-gradient(180deg,#ed2f33 0%,#d82025 52%,#9f1418 100%);color:#fff;border:2px solid rgba(255,255,255,.42);font:700 21px/1 TP-Teko,sans-serif;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 10px 0 rgba(100,6,10,.35),0 18px 28px rgba(0,0,0,.22);transition:transform .2s,box-shadow .2s}
#tp3-home .tp3-button:hover,#tp3-home .tp3-book:hover{transform:translateY(-3px);box-shadow:0 13px 0 rgba(100,6,10,.35),0 21px 30px rgba(0,0,0,.25)}
#tp3-home .tp3-book{min-height:38px;padding:10px 16px 9px;font-size:18px;box-shadow:0 7px 0 rgba(100,6,10,.35),0 14px 22px rgba(0,0,0,.2)}
#tp3-home .tp3-anchor{flex:none;width:21px;height:21px}
#tp3-home .tp3-copy{width:44%}
#tp3-home .tp3-copy h1{font-size:clamp(74px,8.0vw,144px);letter-spacing:.02em;line-height:.91}
#tp3-home .tp3-copy p{max-width:470px}
@media(max-width:760px){
 #tp3-home .tp3-nav{display:none}
 #tp3-home .tp3-copy{width:88%;top:55%}
 #tp3-home .tp3-copy h1{font-size:clamp(49px,14.6vw,68px);line-height:.91;letter-spacing:.01em}
 #tp3-home .tp3-button,#tp3-home .tp3-actions .tp3-button{font-size:21px;padding:13px 24px 12px}
 #tp3-home .tp3-book{font-size:17px;padding:9px 12px 8px;min-height:37px;gap:6px}
 #tp3-home .tp3-book .tp3-anchor{width:17px;height:17px}
 #tp3-home .tp3-mobile-nav{inset:100px 5% auto;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:30px 24px;gap:22px;box-shadow:0 20px 45px rgba(0,0,0,.25)}
 #tp3-home .tp3-mobile-nav a{font-size:30px}
}
@media(max-width:350px){#tp3-home .tp3-header{left:4%;width:92%;gap:8px}#tp3-home .tp3-logo{width:110px}#tp3-home .tp3-book{font-size:16px;padding:8px 10px}}

/* Friggitrice: spazio al corpo in acciaio, poi headline finale. */
#tp3-home .tp3-intro{height:370svh}
#tp3-home .tp3-copy h1{font-size:clamp(72px,7.4vw,132px);letter-spacing:.005em}
@media(max-width:760px){#tp3-home .tp3-intro{height:370svh}#tp3-home .tp3-copy{top:56%}#tp3-home .tp3-copy h1{font-size:clamp(44px,13.3vw,60px);margin-bottom:17px}#tp3-home .tp3-copy p{font-size:13px;line-height:1.6}}
@media(max-height:720px) and (max-width:760px){#tp3-home .tp3-copy{top:51%}#tp3-home .tp3-copy h1{font-size:44px}#tp3-home .tp3-copy p{font-size:12px;margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){#tp3-home .tp3-intro{height:100svh;min-height:570px}}
@media(max-width:760px){}
@media(max-height:720px) and (min-width:761px){}

/* 2.4: la vernice navale prosegue dietro l'onda, senza giunture. */
#tp3-home{position:relative}
#tp3-home:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('marine-hull.svg');background-size:1400px 1000px;background-repeat:repeat;opacity:.85}
#tp3-home .tp3-stage,#tp3-home .tp3-sea-edge{background:transparent}
#tp3-home .tp3-stage:after{display:none}

/* 2.8.1: menu desktop dopo la riduzione; hero mobile con spazio sotto la friggitrice. */
@media(min-width:761px){
 #tp3-home .tp3-book{margin-left:auto}
 #tp3-home .tp3-nav{opacity:var(--nav,0);visibility:hidden;pointer-events:none;transform:translateY(calc((1 - var(--nav,0))*-8px))}
 #tp3-home.tp3-navigation-visible .tp3-nav{visibility:visible;pointer-events:auto}
}
@media(max-width:760px){
 #tp3-home .tp3-stage{min-height:max(760px,calc(100vw + 370px))}
 #tp3-home .tp3-scroll{top:calc(100svh - 96px);bottom:auto}
 #tp3-home .tp3-copy{top:58%}
}

@media(prefers-reduced-motion:reduce) and (max-width:760px){
 #tp3-home .tp3-intro{min-height:max(760px,calc(100vw + 370px))}
}