.site-header{position:absolute!important;left:0;right:0;top:0;background:transparent!important;z-index:20!important}
.sv{background:#0b1113;color:#f5f2ec;font-family:'DM Sans',sans-serif}
.sv-hero{position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden;padding:0!important}
.sv-media{position:absolute;inset:0}
.sv-media video,.sv-media .sv-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-media video{transform:scale(1.08);animation:svz 16s ease-out forwards}
@keyframes svz{to{transform:scale(1)}}
.sv-bg{background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity .9s cubic-bezier(.2,.7,.1,1),transform 2.4s cubic-bezier(.2,.7,.1,1)}
.sv-bg.on{opacity:1;transform:scale(1)}
.sv-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,15,.66) 0,rgba(8,13,15,.34) 30%,rgba(8,13,15,.42) 55%,rgba(8,13,15,.94) 100%),rgba(17,28,32,.36);pointer-events:none}
.sv-copy{position:absolute;left:clamp(22px,5vw,72px);top:clamp(130px,24vh,230px);z-index:3;max-width:900px}
.sv-eye{font:600 11px 'DM Sans';letter-spacing:.34em;text-transform:uppercase;color:#9fd0e0;opacity:0;animation:svf 1s 1.1s forwards}
.sv-h{color:#f5f2ec!important;font:400 clamp(54px,8.4vw,136px)/.92 Italiana,serif;margin:20px 0 0}
.sv-h .ln{display:block;overflow:hidden}.sv-h .ln span{display:block;transform:translateY(105%);animation:svup 1.3s .2s cubic-bezier(.2,.7,.1,1) forwards}
.sv-h .ln:nth-child(2) span{animation-delay:.35s;padding-left:.9em}
@keyframes svup{to{transform:none}}@keyframes svin{to{transform:none;opacity:1}}@keyframes svf{to{opacity:1}}
.sv-nav{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center}.sv-div{height:88px;background:linear-gradient(transparent,#92c6d8,transparent);position:relative;overflow:hidden;opacity:0;animation:svf 1s 1s forwards}.sv-div:after{content:"";position:absolute;left:0;top:-40%;width:1px;height:35%;background:#fff;box-shadow:0 0 14px #bdeaff;animation:svdrop 2.6s infinite ease-in-out}.sv-div+.sv-c+.sv-div:after{animation-delay:1.3s}@keyframes svdrop{0%{top:-40%;opacity:0}35%{opacity:1}100%{top:110%;opacity:0}}.sv-c:after{display:none!important;content:"";position:absolute;left:clamp(22px,3vw,44px);bottom:22px;width:34%;height:1px;background:#d2f3ff;box-shadow:0 0 10px 2px rgba(113,207,239,.55);animation:svshim 2.2s infinite ease-in-out}.sv-c[data-i="1"]:after{animation-delay:.73s}.sv-c[data-i="2"]:after{animation-delay:1.46s}@keyframes svshim{0%,100%{width:18%;opacity:.45}50%{width:calc(100% - 2*clamp(22px,3vw,44px));opacity:1}}
.sv-c{position:relative;display:block;padding:30px clamp(22px,3vw,44px) 38px;text-decoration:none;color:#f5f2ec;overflow:hidden;opacity:0;transform:translateY(40px);animation:svin 1.1s cubic-bezier(.2,.7,.1,1) forwards}
.sv-c[data-i="0"]{animation-delay:.7s}.sv-c[data-i="1"]{animation-delay:.82s}.sv-c[data-i="2"]{animation-delay:.94s}
.sv-c:before{content:"";position:absolute;inset:0;background:rgba(245,242,236,.07);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translateY(101%);transition:transform .7s cubic-bezier(.2,.7,.1,1)}
.sv-c:hover:before{transform:none}
.sv-c>*{position:relative}
.sv-n{font:600 11px 'DM Sans';letter-spacing:.24em;color:#9fd0e0}
.sv-name{display:block;font:400 clamp(32px,3.3vw,50px)/1 Italiana,serif;margin-top:0;transition:transform .7s cubic-bezier(.2,.7,.1,1)}
.sv-c:hover .sv-name{transform:translateX(10px)}
.sv-go{position:absolute;right:clamp(22px,3vw,44px);top:34px;width:44px;height:44px;border:1px solid rgba(245,242,236,.4);border-radius:50%;display:grid;place-items:center;font-size:16px;transition:background .45s,color .45s,transform .6s cubic-bezier(.2,.7,.1,1)}
.sv-c:hover .sv-go{background:#f5f2ec;color:#111c20;transform:rotate(-45deg)}
.sv-bar{display:none;position:absolute;left:0;top:0;height:1px;width:100%;background:#9fd0e0;transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.1,1)}
.sv-c:hover .sv-bar{transform:scaleX(1)}
.sv-nav:hover .sv-c:not(:hover) .sv-name{color:rgba(245,242,236,.45)}
.sv-tag{position:absolute;right:clamp(22px,5vw,72px);top:clamp(130px,24vh,230px);z-index:3;writing-mode:vertical-rl;font:600 10px 'DM Sans';letter-spacing:.3em;text-transform:uppercase;color:rgba(245,242,236,.7);opacity:0;animation:svf 1s 1.5s forwards}
@media(max-width:800px){.sv-media video{object-position:60% center}.sv-copy{top:120px;right:20px;left:20px}.sv-h{font-size:52px}.sv-h .ln:nth-child(2) span{padding-left:.35em}.sv-tag{display:none}
.sv-nav{grid-template-columns:1fr}.sv-c{padding:16px 20px 20px}.sv-c:after{display:none}@keyframes svshim{0%,100%{width:18%;opacity:.45}50%{width:calc(100% - 40px);opacity:1}}.sv-div{height:1px;width:auto;margin:0 20px;background:linear-gradient(90deg,transparent,#92c6d8,transparent)}.sv-div:after{top:0;left:-40%;width:35%;height:1px;animation-name:svdropx}@keyframes svdropx{0%{left:-40%;opacity:0}35%{opacity:1}100%{left:110%;opacity:0}}.sv-name{font-size:34px;margin-top:6px}.sv-go{top:22px;right:20px;width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.sv-h .ln span,.sv-c{transform:none;opacity:1}.sv-eye,.sv-tag,.sv-div{opacity:1}}
.sv:not(.go) *{animation-play-state:paused!important}