@font-face{font-family:Viaty;src:url("assets/ee626111b77b4220.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--site-header-height:72px;--site-orange:#f47c36;--site-gold:#e9b362;--site-ink:#11100e;--site-text:#fff9f0}
*{box-sizing:border-box}
html{margin:0;background:var(--site-ink);color:var(--site-text)}
body{margin:0;font-family:Viaty,sans-serif;background:var(--site-ink)}
.site-header{height:var(--site-header-height);position:relative;z-index:30;border-bottom:1px solid #e9b36216;background:#13110fe8}
.site-header-inner{height:100%;width:min(1200px,100% - 48px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-brand{display:flex;align-items:center;gap:11px;color:var(--site-text);text-decoration:none;flex-shrink:0}
.site-brand .site-symbol{object-fit:contain;width:30px;height:36px}
.site-brand .site-wordmark{object-fit:contain;width:112px;height:auto;display:block}
.glass-button{position:relative;isolation:isolate;display:grid;place-items:center;width:42px;height:42px;padding:0;color:#f1e9df;font:inherit;border:1px solid #ffffff26;border-top-color:#ffffff48;border-radius:14px;background:linear-gradient(145deg,#ffffff1c,#ffffff08 55%,#ffffff0e);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff05,0 4px 16px #0000001f;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;cursor:pointer}
.glass-button::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 30% 0%,#ffffff1a,transparent 65%);z-index:-1}
.glass-button:hover{color:#fff9f0;background:linear-gradient(145deg,#ffffff2b,#ffffff10 55%,#ffffff18);border-color:#ffffff4a;box-shadow:inset 0 1px 0 #ffffff3b,0 6px 20px #00000026;transform:translateY(-1px)}
.glass-button:active{transform:translateY(0);background:#ffffff14}
.site-header a:focus-visible,.glass-button:focus-visible,.site-drawer a:focus-visible,.phone-qr:focus-visible{outline:2px solid var(--site-gold);outline-offset:4px}
dialog{font-family:Viaty,sans-serif;color:var(--site-text)}
dialog::backdrop{background:#080706a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:backdrop-in .3s ease both}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
.site-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(330px,calc(100vw - 24px));height:100dvh;max-height:none;max-width:none;padding:26px 22px;border:0;border-left:1px solid #f4d1a52b;border-radius:24px 0 0 24px;background:linear-gradient(155deg,#30251de8,#151311f7 55%);box-shadow:-20px 0 70px #0005;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}
#menu-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#c5b7a7}
.site-drawer nav{display:grid;gap:10px}
.site-drawer nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 16px;border-radius:14px;border:1px solid transparent;text-decoration:none;color:#f1e9df;font-size:22px;transition:background .2s,border-color .2s}
.site-drawer nav a span{font-size:16px;color:#a49480}
.site-drawer nav a:hover{background:#ffffff0b;border-color:#ffffff14}
.site-drawer nav a[aria-current=page]{color:#ffe2b8;background:linear-gradient(145deg,#ffe3bc18,#f47c3608);border-color:#f4c58b35}
.home-page{min-height:100svh;position:relative;isolation:isolate;background:#070605;overflow-x:clip}
.home-page::before{content:"";position:fixed;inset:-60px;z-index:-1;background:url("assets/viaty-simbolo.svg") center/cover no-repeat;opacity:.22;filter:blur(90px);transform:translate3d(var(--nebula-x,0px),var(--nebula-y,0px),0) rotate(var(--nebula-turn,0deg)) scale(1.06);will-change:transform;pointer-events:none}
.home-page .site-header{background:#13110f5c;backdrop-filter:blur(12px)}
.home-wrap{padding:24px;min-height:calc(100svh - var(--site-header-height));display:grid;place-items:center}
.home-wrap h1{font-size:clamp(42px,7vw,100px);line-height:1.1;letter-spacing:-.035em;font-weight:500;margin:0;text-align:center;color:#fff8ef}
.viaty-actions{display:flex;flex-direction:column;gap:12px}
.viaty-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:10px 20px;border:1px solid transparent;border-radius:8px;background:#000;color:#f5f1eb;font:inherit;font-size:16px;font-weight:500;line-height:1.3;text-align:left;text-decoration:none;cursor:pointer;transition:background .25s,border-color .25s}
.viaty-action:hover{background:#11100e;border-color:#f4c58b35}
.viaty-action:focus-visible{outline:2px solid var(--site-gold);outline-offset:4px}
.action-icon{flex:none;display:block;width:28px;height:28px}
.qr-card-trigger{display:none}
.phone-qr{position:fixed;right:24px;bottom:24px;z-index:35;display:flex;align-items:center;flex-direction:column;gap:16px;width:166px;padding:0;border:0;background:none;color:#d6d3cd;font:inherit;font-size:11px;line-height:1.4;cursor:zoom-in}
.phone-qr img{display:block;width:101px;height:101px;border-radius:10px;background:#e9eeeb;box-shadow:0 8px 26px #0004;transition:transform .35s ease,box-shadow .35s ease}
.phone-qr:hover img{box-shadow:0 12px 32px #0006}
@keyframes qr-breathe{0%,15%,85%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
@media(min-width:1200px) and (min-height:551px){.phone-qr img{animation:qr-breathe 9s ease-in-out infinite;transform-origin:center;will-change:transform}}
.phone-qr:hover img,.phone-qr:focus-visible img,body:has(dialog[open]) .phone-qr img{animation-play-state:paused}
.qr-dialog{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #f4d1a52b;border-radius:24px;background:linear-gradient(150deg,#2a231ef5,#151311fc 65%);box-shadow:0 24px 90px #0008;overflow:auto;text-align:center}
.qr-dialog .close-dialog{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:11px}
.qr-dialog h2{margin:10px 24px 12px;font-size:22px;font-weight:500;letter-spacing:-.02em}
.qr-dialog p{margin:0 0 22px;color:#c7bfb5;font-size:13px;line-height:1.5}
.qr-dialog img{display:block;width:min(100%,320px,calc(100dvh - 240px));height:auto;aspect-ratio:1;margin:0 auto;border-radius:14px;background:#e9eeeb}
.qr-dialog .qr-destination{display:inline-block;margin-top:18px;color:#d3c3af;font-size:12px;letter-spacing:.025em;text-decoration:none}
.qr-dialog .qr-destination:hover{text-decoration:underline}
@media(max-width:767px),(max-height:550px){.phone-qr{display:none}}
@media(min-width:768px) and (max-width:1199px) and (min-height:551px){#profile-frame.viaty-shell{overflow:clip!important}.phone-qr{display:none}.qr-card-trigger{display:flex}}
@property --nebula-x{syntax:'<length>';inherits:false;initial-value:0px}
@property --nebula-y{syntax:'<length>';inherits:false;initial-value:0px}
@property --nebula-turn{syntax:'<angle>';inherits:false;initial-value:0deg}
body.contact-page{height:auto!important;min-height:100svh!important;background:var(--site-ink)!important}
body.contact-page #profile-page-root{height:calc(100svh - var(--site-header-height))!important;min-height:0!important;padding:16px!important}
body.contact-page #profile-frame.viaty-shell{height:calc(100svh - var(--site-header-height) - 32px)!important;min-height:0!important}
body.contact-page #profile-picture img{width:clamp(62px,11svh,96px)!important;height:clamp(62px,11svh,96px)!important}
body.contact-page #profile-header{padding-top:clamp(10px,2svh,20px)!important}
@media(max-width:600px){:root{--site-header-height:64px}.site-header-inner{width:calc(100% - 28px)}.site-brand{gap:8px}.site-brand .site-symbol{width:25px;height:30px}.site-brand .site-wordmark{width:86px}.home-wrap{padding:12px}body.contact-page #profile-page-root{padding:10px!important}body.contact-page #profile-frame.viaty-shell{height:calc(100svh - var(--site-header-height) - 20px)!important}}
@media(orientation:landscape) and (min-width:600px) and (max-width:1199px){body.contact-page #profile-header{padding:0!important}body.contact-page #profile-picture img{width:88px!important;height:88px!important}.viaty-action{min-height:46px;font-size:13px;padding:6px 18px}}
@media(max-height:480px){:root{--site-header-height:56px}.site-brand .site-symbol{width:24px;height:28px}.menu-toggle{width:38px;height:38px;border-radius:12px}.drawer-heading{margin-bottom:22px}body.contact-page #profile-frame.viaty-shell{padding:12px 18px!important}body.contact-page #profile-picture img{width:72px!important;height:72px!important}body.contact-page #profile-description{margin-top:10px!important}body.contact-page #links-container{gap:8px!important}body.contact-page [data-testid=NewLinkChin]{min-height:40px!important}.viaty-action{min-height:40px;padding:5px 16px;font-size:12px}.action-icon{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.home-page::before{transform:scale(1.06);will-change:auto}dialog::backdrop{animation:none}.phone-qr img,.glass-button{transition:none}.phone-qr img{animation:none;will-change:auto}}
