/* 23 Sailview / launch campaign */
:root{--black:#202e2a;--white:#f3f0e8;--blue:#b9b3a5;--acid:#d6d0c3;--display:'Arial Black','Helvetica Neue',Arial,sans-serif}
body{overflow-x:hidden}::selection{background:var(--acid);color:#080808}
.logo-crop{background:url('assets/23-sailview-logo-transparent.png') center/contain no-repeat!important;overflow:visible;position:relative;animation:none;width:320px;height:400px}.logo-crop:before{content:none}.logo-crop.small{width:112px;height:140px}.logo-crop.medium{width:270px;height:337px}.loader{background:#202e2a}nav{background:linear-gradient(#202e2acc,transparent)}.final-copy{background:#202e2a}
h1,h2,h3,.details-number,.boat-spec .year{font-family:var(--display)!important;font-weight:900!important;font-style:normal!important;text-transform:uppercase;letter-spacing:-.075em!important}
nav{height:104px;padding:0 4vw;font-size:12px;font-weight:700}.logo-crop.small{width:68px;height:84px}.circle-link{border-radius:0;background:var(--acid);color:#000;border:0;width:54px;height:54px;font-size:25px}.vertical{font-size:12px}.hero{min-height:760px}.hero:after{background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 65%)}.hero>img{transform:scale(1.09);animation:hero-settle 2.4s cubic-bezier(.2,.7,.2,1) both}
.hero-type{left:4vw;right:4vw;bottom:90px}.hero-type .overline{font-size:12px;letter-spacing:.17em;color:var(--acid);font-weight:700}.hero h1{font-size:clamp(68px,12.7vw,220px);line-height:.84;letter-spacing:-.08em!important}.hero h1 span{margin-left:0;font-style:normal;display:block;color:transparent;-webkit-text-stroke:2px var(--white)}.hero h1{animation:headline-in 1.25s cubic-bezier(.16,1,.3,1) .75s both}.scroll{font-size:12px;bottom:28px}.scroll:after{transform-origin:left;animation:line-pulse 2.5s ease-in-out infinite}
.launch-strip{display:flex;overflow:hidden;background:var(--acid);color:#000;padding:20px 0;border-block:1px solid #000}.launch-track{display:flex;flex:none;gap:45px;animation:marquee 24s linear infinite;font-size:clamp(18px,2.4vw,38px);font-weight:900;letter-spacing:-.04em;white-space:nowrap}.launch-track span{padding-right:45px}.launch-strip:hover .launch-track{animation-play-state:paused}
.manifesto{min-height:90svh;padding:150px 4vw 100px;gap:30px}.index{left:4vw;font-size:12px;letter-spacing:.15em}.manifesto h2{font-size:clamp(60px,10.6vw,180px);line-height:.89}.manifesto h2 .indent{margin-left:0;font-style:normal;color:var(--acid)}.manifesto .copy{margin-top:25px;font-size:19px;max-width:540px}.manifesto .copy b{display:block;font-size:30px;color:var(--acid);border:0;margin-top:25px;font-weight:800}
.portal{height:160svh;overflow:clip}.portal-stage{height:100svh;position:sticky;top:0;overflow:hidden}.portal img{transform:scale(var(--dock-scale,1.12));height:100%;object-position:center}.portal-word{font-family:var(--display);font-style:normal;font-weight:900;font-size:18.7vw;letter-spacing:-.08em;line-height:1;mix-blend-mode:overlay;color:rgba(255,255,255,.76);transform:translateX(var(--dock-x,0px));white-space:nowrap}.portal-label{left:4vw;top:38px;font-size:12px;font-weight:700;background:#080808;color:var(--white);padding:16px 20px;letter-spacing:.14em}.portal-bottom{position:absolute;z-index:3;bottom:32px;left:4vw;right:4vw;display:flex;justify-content:space-between;border-top:1px solid #fff;padding-top:18px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.details-left{padding:110px 4vw}.details-number{color:var(--acid);font-size:26vw;line-height:.75}.details h3{font-size:clamp(42px,5.2vw,90px);line-height:.94}.details-right{overflow:hidden}.details-right img{transform:scale(1.08);transition:transform 1.6s ease,clip-path 1.6s cubic-bezier(.2,.7,.2,1);clip-path:inset(12% 12%)}.details-right.on img{transform:scale(1);clip-path:inset(0)}.edge-caption{font-size:12px;background:var(--acid)}
.bundle{background:var(--acid);padding:90px 4vw}.bundle-top{font-size:12px;font-weight:700}.bundle h2{font-size:clamp(65px,15vw,245px);line-height:.88;margin:90px 0;letter-spacing:-.08em!important}.bundle h2 span:nth-child(2){margin-left:15vw;font-style:normal;color:transparent;-webkit-text-stroke:2px #050505}.bundle h2 span:nth-child(3){margin-left:0;color:#050505}.bundle-grid{grid-template-columns:1.4fr .6fr;gap:5vw}.bundle-image{height:50vw;max-height:740px}.boat-spec .year{font-size:6vw;line-height:1}.boat-spec h3{font-size:clamp(26px,3vw,52px)}.boat-spec p{color:#20271a}.spec{font-size:14px;border-color:#758344}.specs{border-color:#758344}
.cinema{overflow:clip}.cinema img{transform:scale(var(--cinema-scale,1.1))}.cinema-copy{left:4vw;right:4vw}.cinema-copy h2{font-size:clamp(60px,10vw,160px);line-height:.88}.cinema-copy p{font-size:16px}.final-copy{padding:70px 4vw}.final-copy h2{font-size:clamp(48px,6.3vw,108px);line-height:.91}.final-copy>.logo-crop{align-self:flex-start}.inquire{font-size:14px;background:var(--acid);color:#000;padding:25px 20px;border:0;font-weight:800;letter-spacing:.06em;transition:background .25s,transform .25s}.inquire:hover{background:#fff;transform:translateY(-4px)}.footer-note{font-size:12px;line-height:1.6}.reveal{transform:translateY(55px);transition:opacity .85s,transform 1.1s cubic-bezier(.16,1,.3,1)}.progress{position:fixed;top:0;left:0;height:4px;width:100%;background:var(--acid);z-index:100;transform:scaleX(var(--progress,0));transform-origin:left}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes hero-settle{from{transform:scale(1.2)}to{transform:scale(1.02)}}@keyframes headline-in{from{opacity:0;transform:translateY(100px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes line-pulse{50%{transform:scaleX(.4)}}
@media(max-width:800px){nav{height:90px}.hero{min-height:640px}.hero-type{bottom:100px}.hero h1{font-size:14.1vw;line-height:.93}.hero h1 span{-webkit-text-stroke:1px white}.hero-type .overline{max-width:270px;line-height:1.6}.manifesto{min-height:auto;padding:130px 5vw 85px}.manifesto h2{font-size:12vw}.manifesto .copy{margin:35px 0 0;font-size:17px}.portal{height:125svh}.portal-stage{height:85svh}.portal-label{font-size:12px;left:5vw;padding:12px}.portal-bottom{font-size:12px;gap:22px;line-height:1.5}.details-left{min-height:auto;padding:85px 5vw}.details-number{font-size:52vw}.details h3{font-size:12vw}.details-left>.index{margin-top:40px}.bundle{padding:70px 5vw}.bundle-top{line-height:1.6;gap:20px}.bundle h2{font-size:17vw;line-height:.95;margin:65px 0}.bundle h2 span:nth-child(2){margin-left:6vw;-webkit-text-stroke:1px #000}.bundle-grid{grid-template-columns:1fr}.bundle-image{height:85vw}.boat-spec .year{font-size:70px}.boat-spec h3{font-size:38px}.cinema-copy h2{font-size:13vw}.cinema-copy p{max-width:300px}.final-copy h2{font-size:14vw}.final-copy{padding:60px 5vw}.inquire{font-size:12px}.launch-track{font-size:22px}}
.logo-crop{background-size:250% auto!important;background-position:center 52%!important;width:210px;height:310px;background-color:#202e2a!important}.logo-crop.small{width:60px;height:88px}.logo-crop.medium{width:150px;height:220px}
/* Original photographic lettering treatment, retained for the dock moment. */
.portal-word{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:19vw;letter-spacing:-.075em;mix-blend-mode:difference;color:#fff}
/* Coastal quiet luxury: architectural scale, softened contrast and measured motion. */
body{background:#202e2a;color:#f3f0e8}.hero-type .overline{color:#f3f0e8}.circle-link{background:transparent;color:#f3f0e8;border:1px solid #f3f0e880}.circle-link:hover{background:#f3f0e8;color:#202e2a}.launch-strip{background:#e5e0d6;color:#26332f;border:0;padding:16px 0}.launch-track{font-size:clamp(14px,1.3vw,20px);font-weight:500;letter-spacing:.2em;animation-duration:65s}.manifesto h2 .indent{color:#b9b3a5}.manifesto .copy{color:#d0d1c8}.manifesto .copy b{color:#f3f0e8;font-size:24px;font-weight:500}.portal-label{background:#202e2acc;backdrop-filter:blur(8px);font-weight:500}.details-number{color:#b7ab96}.details p,.final-copy p{color:#d0d1c8}.edge-caption{background:#e5e0d6;color:#26332f}.bundle{background:#e5e0d6;color:#26332f}.bundle h2 span:nth-child(2){-webkit-text-stroke-color:#68706a}.bundle h2 span:nth-child(3){color:#26332f}.bundle-top{border-color:#8d948a;font-weight:500}.boat-spec p{color:#58615a}.spec,.specs{border-color:#b5b7ac}.inquire{background:transparent;color:#f3f0e8;border-top:1px solid #b7ab9666;border-bottom:1px solid #b7ab9666;padding:24px 0;font-weight:500;letter-spacing:.15em}.inquire:hover{background:transparent;color:#c3b49a;transform:none}.progress{background:#b7ab96;height:2px}.footer-note{color:#a6aea5}.hero h1{letter-spacing:-.055em!important}.final-copy h2{font-size:clamp(44px,5.2vw,86px);letter-spacing:-.05em!important}.scroll:after{animation:none}.cinema-copy p{color:#f3f0e8}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loader{display:none}.reveal{opacity:1;transform:none}.portal{height:100svh}.portal-stage{position:relative}.portal-word,.portal img,.cinema img{transform:none!important}.details-right img{clip-path:none;transform:none}}