@layer components{.vt-landing,.vt-landing *{box-sizing:border-box}.vt-landing,.vt-landing{height:100%}.vt-landing{font-family:var(--font-brand-face), "Poppins", "Segoe UI", system-ui, sans-serif;background:#0a1b2b;margin:0;overflow:hidden}.vt-landing .split{width:100%;height:100dvh;display:flex}.vt-landing .panel{color:#fff;flex:1;justify-content:center;align-items:flex-end;text-decoration:none;transition:flex .55s cubic-bezier(.22,.61,.36,1);display:flex;position:relative;overflow:hidden}.vt-landing .split:has(.panel:hover) .panel:not(:hover){flex:.82}.vt-landing .panel-bg{background-repeat:no-repeat;background-size:cover;transition:transform .7s;position:absolute;inset:0;transform:scale(1.04)}.vt-landing .panel:hover .panel-bg{transform:scale(1.1)}.vt-landing .panel.patient .panel-bg{background-image:url(https://1-files-biotech-dental-clt-cdn.secure4all.xyz/data/triosmile/vitrine/photo-fille-gouttiere.webp);background-position:50% 15%}.vt-landing .panel.praticien .panel-bg{background-image:url(https://1-files-biotech-dental-clt-cdn.secure4all.xyz/data/triosmile/vitrine/practitioner-fitting-hq.webp);background-position:54%}.vt-landing .panel-scrim{position:absolute;inset:0}.vt-landing .panel.patient .panel-scrim{background:linear-gradient(#1432410d 0%,#1432411f 40%,#0a2330d1 100%)}.vt-landing .panel.praticien .panel-scrim{background:linear-gradient(#0000001a 0%,#00000038 40%,#000000e6 100%)}.vt-landing .panel-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:480px;padding:0 clamp(20px,4vw,48px) clamp(48px,8vh,88px);display:flex;position:relative}.vt-landing .panel-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7;font-size:.78rem;font-weight:800}.vt-landing .panel-title{text-shadow:0 4px 24px #00000059;margin:0;font-size:clamp(1.9rem,1.3rem + 2.6vw,3rem);font-weight:800;line-height:1.05}.vt-landing .panel-sub{color:#ffffffe0;max-width:38ch;margin:0;font-size:.98rem;line-height:1.55}.vt-landing .panel-cta{letter-spacing:.02em;border:2px solid #ffffffd9;border-radius:999px;align-items:center;gap:.6em;margin-top:8px;padding:.85em 1.9em;font-size:.92rem;font-weight:800;transition:background .2s,color .2s,transform .2s;display:inline-flex}.vt-landing .panel:hover .panel-cta{background:#fff;transform:translateY(-2px)}.vt-landing .panel.patient:hover .panel-cta{color:#1f3a47}.vt-landing .panel.praticien:hover .panel-cta{color:#0a1b2b}.vt-landing .panel-cta svg{flex:none;width:16px;height:16px;transition:transform .2s}.vt-landing .panel:hover .panel-cta svg{transform:translate(3px)}.vt-landing .brand{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:clamp(20px,4vh,40px);left:50%;transform:translate(-50%)}.vt-landing .vt-landing-locale{z-index:6;text-shadow:0 2px 10px #00000080;position:absolute;top:clamp(14px,3vh,30px);right:clamp(12px,3vw,32px)}.vt-landing .brand img{filter:drop-shadow(0 3px 16px #0000008c);width:auto;height:clamp(30px,4vw,42px);display:block}.vt-landing .brand .sub{letter-spacing:.24em;text-transform:uppercase;color:#ffffffb8;text-shadow:0 2px 10px #00000080;font-size:.68rem;font-weight:700}@media (max-width:760px){.vt-landing .split{flex-direction:column}.vt-landing .split:has(.panel:hover) .panel:not(:hover){flex:.85}.vt-landing .panel{align-items:flex-end}.vt-landing .panel-content{gap:10px;padding-bottom:clamp(28px,6vh,44px)}.vt-landing .panel-title{font-size:clamp(1.5rem,1.1rem + 3vw,2.1rem)}.vt-landing .panel-sub{display:none}.vt-landing .brand{top:clamp(14px,2.5vh,22px)}.vt-landing .brand img{height:26px}.vt-landing .vt-landing-locale{top:auto;bottom:12px}}}
