@import "tailwindcss";

:root{--ink:#101419;--paper:#f3f6f9;--yellow:#0877c9;--orange:#e51b3e;--blue:#0877c9;--red:#e51b3e;--line:rgba(16,20,25,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.section{padding:110px max(5vw,24px)}
.nav-wrap{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22);position:absolute;z-index:5;width:100%;color:white}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-1px;font-size:20px}.brand-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:22px}.accent{color:var(--yellow)}nav{display:flex;gap:30px;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:1px}nav a:hover{text-decoration:underline}.mini-cta{padding:12px 16px;border:1px solid rgba(255,255,255,.5);font-size:12px;font-weight:800;text-transform:uppercase}.mini-cta span,.button span{margin-left:10px}
.languages{display:flex;gap:8px;border-left:1px solid rgba(255,255,255,.4);padding-left:20px}.languages strong{color:#fff}.languages a{color:#aab2bc}
.hero{min-height:760px;background:#151515;color:white;display:grid;grid-template-columns:54% 46%;overflow:hidden}.hero-copy{padding:160px 3vw 90px 6vw;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:800;color:var(--yellow);margin:0 0 24px}.eyebrow.dark{color:#755b00}.hero h1,.section h2{font-size:clamp(55px,7vw,108px);line-height:.87;letter-spacing:-.075em;margin:0;font-weight:950}.hero h1 em,.section h2 em{font-style:normal;color:var(--yellow)}.hero-text{font-size:19px;line-height:1.55;max-width:530px;color:#d6d6d6;margin:34px 0}.hero-actions{display:flex;gap:26px;align-items:center}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;padding:18px 22px;text-transform:uppercase;font-weight:900;letter-spacing:.6px;font-size:12px}.primary{background:var(--yellow);color:var(--ink);min-width:190px}.primary:hover{background:#fff}.text-link{font-size:12px;font-weight:800;text-transform:uppercase;border-bottom:1px solid #888;padding-bottom:7px}.hero-visual{min-height:690px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#585858 0,#242424 38%,#0e0e0e 72%);overflow:hidden}.hero-visual:before{content:"";position:absolute;width:140%;height:34%;background:var(--orange);transform:rotate(-18deg);opacity:.85}.photo-label{position:absolute;top:110px;right:35px;font-size:10px;letter-spacing:2px;color:#aaa}.pin{position:relative;z-index:1;border-radius:50%;display:grid;place-items:center;aspect-ratio:1;background:var(--yellow);color:var(--ink);box-shadow:inset -9px -12px 25px rgba(0,0,0,.2),0 18px 50px rgba(0,0,0,.32);font-weight:950;letter-spacing:-2px}.pin-xl{width:min(31vw,400px);font-size:62px;transform:rotate(8deg);border:13px solid #e5e1d6}.pin-xl small{position:absolute;top:60%;font-size:10px;line-height:1.1;text-align:center;letter-spacing:1px}.vertical-note{position:absolute;right:18px;bottom:30px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#999}.ticker{overflow:hidden;background:var(--yellow);padding:16px 0;font-weight:950;white-space:nowrap;font-size:16px;letter-spacing:1px}.ticker div{width:max-content}.ticker b{padding:0 30px}
.intro{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:end}.section h2{font-size:clamp(44px,5.4vw,82px)}.section h2 em{color:var(--orange)}.lead{font-size:20px;line-height:1.55;margin:0 0 5px}.sizes{display:grid;grid-template-columns:repeat(3,1fr);padding-top:0;gap:2px}.size-card{min-height:430px;padding:30px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.size-card .num{position:absolute;top:25px;left:25px;font-size:11px;font-weight:800}.size-card h3{font-size:31px;margin:30px 0 3px}.size-card p{margin:0}.yellow{background:var(--yellow)}.white{background:#fff}.black{background:#171717;color:#fff}.pin-sm{width:96px;font-size:26px}.pin-md{width:135px;font-size:34px;background:var(--orange)}.pin-lg{width:210px;font-size:55px;background:#eee;color:#111}
.process{background:#161616;color:white;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:70px 1fr;padding:26px 0;border-top:1px solid #444}.process li:last-child{border-bottom:1px solid #444}.process li b{color:var(--yellow)}.process li span{color:#aaa;line-height:1.5}.process li strong{display:block;color:#fff;text-transform:uppercase;font-size:19px;margin-bottom:7px}
.pricing-head{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:50px;margin-bottom:50px}.pricing-head>p{line-height:1.6;max-width:520px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{text-align:left;padding:24px 28px;border-bottom:1px solid var(--line)}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;background:var(--yellow)}td{font-size:15px}td strong{font-size:24px;margin-left:5px}.fineprint{font-size:12px;line-height:1.5;color:#666;max-width:770px;margin-top:20px}
.gallery{background:var(--yellow);display:grid;grid-template-columns:35% 65%;gap:5vw}.gallery-copy p:last-child{font-size:16px;line-height:1.6;max-width:430px}.gallery .eyebrow{color:#775800}.gallery-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(3,1fr);gap:10px;min-height:760px}.gallery-shot{background:#272727;display:grid;place-items:center;position:relative;overflow:hidden}.gallery-shot span{position:absolute;top:15px;left:15px;color:#999;font-size:9px;letter-spacing:2px}.gallery-shot .pin{border:5px solid #ddd}.g1{grid-row:1/4;background:linear-gradient(145deg,#4a4a4a,#111)}.g2{background:linear-gradient(35deg,#181818,#6b4a32)}.g3{background:linear-gradient(145deg,#233b36,#0d1715)}.g4{background:#fff}
.contact{background:var(--orange);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact .eyebrow{color:#411400}.contact-copy>p{font-size:18px;line-height:1.6;max-width:600px}.contact-data{display:flex;flex-direction:column;gap:12px;margin-top:50px}.contact-data a{font-size:22px;font-weight:900}.contact-data span{font-size:12px}form{background:#f8f5ee;padding:36px;position:relative}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}label{display:block;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:20px}label small{font-weight:400;color:#777}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #bbb;background:transparent;padding:12px 0;font:inherit;font-size:15px;outline:none}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--orange)}form .button{width:100%;margin-top:10px}
footer{background:#111;color:#fff;padding:45px 5vw;display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:center}footer p{color:#999;font-size:13px}footer>div{display:flex;gap:22px;font-size:12px;text-transform:uppercase}footer>small{grid-column:1/-1;border-top:1px solid #333;padding-top:22px;color:#777}

/* V518 brand palette and real photography */
.eyebrow.dark{color:var(--blue)}
.swiss-line{display:flex;align-items:center;gap:10px}.swiss-mark{position:relative;display:inline-block;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#e51b3e;box-shadow:0 0 0 2px rgba(255,255,255,.22)}.swiss-mark:before,.swiss-mark:after{content:"";position:absolute;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%);border-radius:1px}.swiss-mark:before{width:13px;height:4px}.swiss-mark:after{width:4px;height:13px}
.primary{color:#fff}.brand-dot{color:#fff}
.hero-visual{display:block;background:#0e0e0e}
.hero-visual:before{display:none}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:57% center}
.vertical-note{z-index:2;color:#fff;text-shadow:0 2px 7px #000}
.ticker{background:var(--blue);color:#fff}
.ticker b{color:var(--red)}
.ticker .ticker-swiss{position:relative;display:inline-block;width:22px;height:22px;padding:0;margin:0 30px;border-radius:50%;background:var(--red);vertical-align:-5px}.ticker .ticker-swiss:before,.ticker .ticker-swiss:after{content:"";position:absolute;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%);border-radius:1px}.ticker .ticker-swiss:before{width:11px;height:3px}.ticker .ticker-swiss:after{width:3px;height:11px}
.section h2 em{color:var(--red)}
.size-photo{padding-top:0;display:grid;grid-template-columns:minmax(0,900px) 250px;justify-content:center;align-items:end;gap:50px;overflow:hidden}
.size-photo img{display:block;width:70%;height:auto;object-fit:contain;object-position:center;transform:rotate(-90deg);margin:-17% auto}
.size-photo p{font-size:14px;line-height:1.6;border-left:4px solid var(--red);padding-left:18px}
.size-photo strong{font-size:22px}
.yellow{background:var(--blue);color:#fff}.pin-sm{background:#fff;color:var(--blue)}.pin-md{background:var(--red)}.pin-lg{background:#fff;color:var(--blue)}
.gallery{background:var(--blue);color:#fff}.gallery .eyebrow{color:#fff}.gallery h2 em{color:#fff}
.gallery-shot{display:block}.gallery-shot img{width:100%;height:100%;object-fit:cover}.g1 img{object-position:42% 68%}.g2 img{object-position:center}.g3 img{object-position:center 40%}.g4 img{object-fit:contain;background:#fff}
.contact{background:var(--red);color:#fff}.contact .eyebrow,.contact h2 em{color:#fff}.contact form{background:#fff;color:var(--ink)}
.contact form .primary:hover,.contact form .primary:focus-visible{background:#064f99;color:#fff}
.v518-logo{width:86px;height:auto;background:#fff;padding:9px;margin-bottom:28px}.footer-v518{display:flex;align-items:center;gap:12px}.footer-v518 img{width:40px;height:48px;object-fit:contain;background:#fff;padding:4px}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:20;display:flex;align-items:center;gap:9px;background:#25d366;color:#0b2b17;padding:12px 17px;border-radius:999px;box-shadow:0 10px 32px rgba(0,0,0,.28);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.whatsapp span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;font-size:9px}.whatsapp:hover{transform:translateY(-2px)}
.legal{background:#fff}.legal-grid{margin-top:55px;border-top:1px solid var(--line)}.legal details{border-bottom:1px solid var(--line)}.legal summary{list-style:none;cursor:pointer;padding:27px 4px;display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:900;text-transform:uppercase}.legal summary::-webkit-details-marker{display:none}.legal summary span{font-size:28px;color:var(--red);transition:transform .2s}.legal details[open] summary span{transform:rotate(45deg)}.legal-body{max-width:850px;padding:2px 4px 38px;color:#3f4650;font-size:15px;line-height:1.65}.legal-body h3{color:var(--ink);font-size:13px;text-transform:uppercase;letter-spacing:.8px;margin:28px 0 7px}.legal-body p{margin:0 0 13px}.legal-body a{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}.legal-date{margin-top:30px!important;color:#777;font-size:12px}footer>div{flex-wrap:wrap;gap:18px}
@media(max-width:800px){.section{padding:75px 22px}.nav-wrap{padding:0 22px}.nav-wrap nav{display:none}.mini-cta{padding:10px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:130px 22px 65px}.hero h1{font-size:clamp(48px,15vw,74px)}.hero-visual{min-height:470px}.hero-visual img{object-position:63% center}.pin-xl{width:270px}.intro,.process,.pricing-head,.gallery,.contact,.size-photo{grid-template-columns:1fr}.size-photo{gap:24px}.size-photo img{width:82%;margin:-9% auto}.intro{gap:28px}.sizes{grid-template-columns:1fr;padding:0 22px 75px}.size-card{min-height:330px}.process{gap:50px}.gallery-grid{display:flex;flex-direction:column;min-height:0}.gallery-shot,.g1{display:block;grid-row:auto;width:100%;height:auto;aspect-ratio:4/3;min-height:0;flex:none}.gallery-shot img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}.g4 img{object-fit:contain}.contact{gap:55px}form{padding:25px 20px}footer{grid-template-columns:1fr}footer>small{grid-column:auto}.hero-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:500px){.brand{font-size:16px}.brand-dot{width:31px;height:31px}.mini-cta{font-size:10px}.hero h1{font-size:47px}.section h2{font-size:43px}.pin-xl{width:235px}.gallery-grid{grid-template-columns:1fr}.gallery-shot,.g1{aspect-ratio:4/3;grid-row:auto}th,td{padding:17px 14px;white-space:nowrap}td strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
