/*
 * SHARED brochure ANIMATED (on-screen) stylesheet — single source of truth for
 * the immersive scrolly preview, linked by BOTH swisspath-yachting.com and
 * tag-yachting.com (<link href="https://pdf.theswarm.io/assets/brochure-animated.css?r{REV}">).
 * Edit here once → both sites update.
 */
*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#1a2942;--navy2:#14202f;--ink:#fff;--line:rgba(255,255,255,.18);--muted:rgba(255,255,255,.66);--gold:#c2a878}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--ink);font-family:'Jost',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
.serif{font-family:'Cormorant Garamond',serif;font-weight:300}
.label{letter-spacing:.34em;text-transform:uppercase;font-size:11px;color:var(--muted)}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}

/* Top bar */
.bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
     padding:18px 28px;background:linear-gradient(rgba(20,32,47,.85),rgba(20,32,47,0));backdrop-filter:blur(3px);transition:background .3s}
.bar.solid{background:var(--navy2);box-shadow:0 1px 0 var(--line)}
.bar .brand{font-family:'Cormorant Garamond',serif;letter-spacing:.26em;font-size:17px}
.bar .brand small{display:block;letter-spacing:.5em;font-size:8px;color:var(--muted);font-family:'Jost',sans-serif;margin-top:3px}
.bar .actions{display:flex;align-items:center;gap:10px}
.btn{font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
     padding:11px 22px;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:1px;transition:.25s;white-space:nowrap}
.btn:hover{background:#fff;color:var(--navy)}
.btn--solid{background:#fff;color:var(--navy);border-color:#fff}
.btn--solid:hover{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn--ghost{border-color:transparent;color:var(--muted)}
.btn--ghost:hover{background:transparent;color:#fff}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity 1s ease,transform 1s ease}
[data-reveal].in{opacity:1;transform:none}

/* Hero */
.hero{position:relative;height:100vh;min-height:620px;display:flex;align-items:flex-end;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:kb 12s ease forwards}
@keyframes kb{to{transform:scale(1)}}
.hero .scrim{position:absolute;inset:0;background:linear-gradient(rgba(20,32,47,.15),rgba(20,32,47,.85))}
.hero .inner{position:relative;width:100%;padding:0 28px 8vh;max-width:1180px;margin:0 auto}
.hero h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(48px,9vw,108px);line-height:.95;letter-spacing:.01em}
.hero .meta{letter-spacing:.28em;text-transform:uppercase;font-size:13px;color:#dfe5ee;margin:20px 0 14px}
.hero .tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(18px,2.4vw,26px);color:#eef1f6;max-width:620px}
.scrolldot{position:absolute;left:50%;bottom:26px;width:1px;height:46px;background:linear-gradient(var(--muted),transparent);animation:dn 1.8s ease-in-out infinite}
@keyframes dn{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}

section.block{padding:clamp(70px,11vw,140px) 0}
.kicker{text-align:center;margin-bottom:46px}

/* Specs */
.specgrid{max-width:680px;margin:0 auto}
.specrow{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.specrow .k{font-size:12px;letter-spacing:.06em;color:var(--muted)}
.specrow .v{font-family:'Cormorant Garamond',serif;font-size:clamp(22px,3vw,30px);text-align:right}

/* Statement */
.statement{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.statement img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.statement .scrim{position:absolute;inset:0;background:rgba(20,32,52,.6)}
.statement .box{position:relative;max-width:760px;text-align:center;padding:0 28px}
.statement h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(26px,4vw,42px);line-height:1.25;margin-bottom:24px}
.statement p{font-size:clamp(15px,1.5vw,18px);line-height:1.95;color:#eef1f6}

/* Gallery */
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.gal .g{overflow:hidden}
.gal img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform 1.2s ease}
.gal .g:hover img{transform:scale(1.05)}
.gal .wide{grid-column:1/-1}
.gal .wide img{aspect-ratio:21/9}
@media(max-width:640px){.gal{grid-template-columns:1fr}.specrow .v{font-size:22px}}

/* Details / contact */
.details{text-align:center}
.price .v{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,7vw,68px);line-height:1;margin-top:10px}
.facts{display:flex;gap:60px;justify-content:center;flex-wrap:wrap;margin:40px 0}
.facts .v{font-family:'Cormorant Garamond',serif;font-size:26px;margin-top:8px}
.contact{max-width:520px;margin:0 auto;border-top:1px solid var(--line);padding-top:40px}
.contact .name{font-family:'Cormorant Garamond',serif;font-size:30px;margin:8px 0 14px}
.contact a{color:#eef1f6;text-decoration:none;border-bottom:1px solid var(--line)}
.cta{margin-top:48px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

footer{padding:40px 28px;text-align:center;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.06em}

/* Closing — split contact */
.closing{display:flex;min-height:92vh;background:var(--navy2)}
.closing .cpanel{flex:1 1 0;min-width:0;padding:clamp(40px,6vw,80px) clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.closing .cprice{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.closing .cintro{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(20px,2.4vw,26px);color:var(--gold);line-height:1.4}
.closing .cname{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3.4vw,38px);color:var(--gold);margin-top:6px}
.closing .clines{margin-top:18px;font-size:15px;line-height:1.9}
.closing .clines .lbl{color:var(--gold);font-weight:500}
.closing .clines a{color:#eef1f6;text-decoration:none}
.closing .cphoto{width:min(72%,300px);aspect-ratio:3/4;object-fit:cover;margin-top:28px}
.closing .clogo{width:230px;max-width:70%;margin-top:28px;filter:brightness(0) invert(1)}
.closing .cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.closing .crightimg{flex:1 1 0;min-width:0;object-fit:cover}
@media(max-width:860px){.closing{flex-direction:column}.closing .crightimg{width:100%;height:60vh}}