*{box-sizing:border-box;margin:0;padding:0;font-family:'Instrument Serif',ui-serif,serif;text-transform:uppercase}
body{background:#1a1a1a;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;cursor:none}
.yc-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:8px 16px;text-align:center;font-size:11px;color:rgba(255,255,255,0.8);letter-spacing:0.05em;text-transform:none;font-family:Inter,sans-serif}
.yc-hidden{display:none}

.yc-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(0.7)}

.yc-trail{position:fixed;inset:0;z-index:90;pointer-events:none}
.yc-ring{position:fixed;border-radius:50%;backdrop-filter:url(#liquid-trail) blur(1px);-webkit-backdrop-filter:url(#liquid-trail) blur(1px);box-shadow:inset 0 0 30px rgba(255,255,255,0.1),0 0 15px rgba(147,197,253,0.15);will-change:transform,opacity,width,height,left,top;pointer-events:none;opacity:0}

.yc-menu-btn{position:fixed;top:96px;right:48px;z-index:60;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-family:'Instrument Serif',serif}
.yc-menu-btn span:not(.yc-menu-l){width:32px;height:1px;background:#fff;transition:all .3s}
.yc-menu-btn.is-open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
.yc-menu-btn.is-open span:nth-child(2){opacity:0}
.yc-menu-btn.is-open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
.yc-menu-l{font-size:11px;letter-spacing:0.3em;margin-top:6px}

.yc-brand{position:fixed;top:96px;left:48px;z-index:60;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:0.3em;color:rgba(255,255,255,0.8)}
.yc-divider{opacity:0.5}
.yc-eyebrow{opacity:0.7}

.yc-hero{position:relative;z-index:10;padding:160px 24px 96px 48px;max-width:1200px}
@media(min-width:768px){.yc-hero{padding:200px 48px 96px 96px}}
.yc-hero h1{font-size:clamp(64px,11vw,180px);font-weight:400;line-height:0.95;letter-spacing:-0.01em;color:#fff;display:flex;flex-direction:column;text-shadow:0 4px 60px rgba(0,0,0,0.22);animation:yc-rise 0.96s ease-out both}
.yc-l{display:block;animation:yc-rise 0.96s ease-out both}
.yc-l:nth-child(1){animation-delay:.1s}
.yc-l:nth-child(2){animation-delay:.25s}
.yc-l:nth-child(3){animation-delay:.4s}
.yc-l:nth-child(4){animation-delay:.55s}
.yc-it{font-style:italic;color:rgba(255,255,255,0.95)}
@keyframes yc-rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.yc-sub{font-size:11px;letter-spacing:0.25em;line-height:1.7;color:rgba(255,255,255,0.7);max-width:280px;margin-top:32px;animation:yc-rise 0.96s 0.7s ease-out both}
@media(min-width:768px){.yc-sub{transform:translateX(100px);font-size:12px}}

.yc-cta{position:fixed;bottom:32px;right:32px;z-index:50;color:#fff;text-decoration:none;font-size:14px;letter-spacing:0.15em;display:inline-flex;align-items:center;gap:10px;padding:18px 28px;background:rgba(255,255,255,0.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.15);border-radius:9999px;transition:all .3s}
.yc-cta:hover{background:rgba(255,255,255,0.1);transform:scale(1.03)}
.yc-cta em{font-style:italic;color:rgba(255,255,255,0.9)}

.yc-menu{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,0.92);backdrop-filter:blur(40px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(0.16,1,0.3,1)}
.yc-menu.is-open{opacity:1;pointer-events:auto}
.yc-menu-inner{display:flex;flex-direction:column;gap:24px}
.yc-menu a{display:flex;align-items:baseline;gap:24px;color:#fff;text-decoration:none;font-size:clamp(40px,8vw,96px);line-height:1;letter-spacing:-0.01em;transition:opacity .3s;opacity:0;transform:translateY(40px)}
.yc-menu.is-open a{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(0.16,1,0.3,1)}
.yc-menu.is-open a:nth-child(1){transition-delay:.1s}
.yc-menu.is-open a:nth-child(2){transition-delay:.18s}
.yc-menu.is-open a:nth-child(3){transition-delay:.26s}
.yc-menu.is-open a:nth-child(4){transition-delay:.34s}
.yc-menu.is-open a:nth-child(5){transition-delay:.42s}
.yc-menu a:hover{opacity:0.6}
.yc-num{font-size:14px;letter-spacing:0.2em;color:rgba(255,255,255,0.4);font-style:italic}
.yc-menu.is-open a:nth-child(6){transition-delay:.5s}

/* HERO hidden state when fleet open */
.yc-hero{transition:opacity .8s ease,filter .8s ease}
.yc-hero.is-hidden{opacity:0;filter:blur(20px);pointer-events:none}
.yc-bg.is-blur{filter:brightness(0.7) blur(100px);transition:filter 1.56s ease}
.yc-cta.is-shifted{transform:translateX(calc(-1 * clamp(260px, 38vw, 420px)))}

/* FLEET MODAL */
.yc-fleet{position:fixed;inset:0;z-index:80;display:none;flex-direction:column}
@media(min-width:768px){.yc-fleet{flex-direction:row}}
.yc-fleet.is-open{display:flex}
.yc-fleet-col{position:relative;flex:1;height:33.33vh;overflow:hidden;border-right:2px solid #fff;cursor:pointer;transform:translateX(100vw);animation:yc-fl-in 1.56s cubic-bezier(0.16,1,0.3,1) forwards}
@media(min-width:768px){.yc-fleet-col{height:100vh}}
.yc-fleet-col[data-i="0"]{animation-delay:.1s}
.yc-fleet-col[data-i="1"]{animation-delay:.2s}
.yc-fleet-col[data-i="2"]{animation-delay:.3s}
.yc-fleet-col:last-child{border-right:none}
@keyframes yc-fl-in{from{transform:translateX(100vw)}to{transform:translateX(0)}}
.yc-fleet-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.yc-fleet-col:hover .yc-fleet-vid{transform:scale(1.05)}
.yc-fleet-ovl{position:absolute;inset:0;background:rgba(0,0,0,0.45);transition:background .3s}
.yc-fleet-col:hover .yc-fleet-ovl{background:rgba(0,0,0,0.2)}
.yc-fleet-content{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;color:#fff;opacity:0;transform:translateY(20px);transition:all .5s ease}
@media(min-width:768px){.yc-fleet-content{padding:48px 36px}}
.yc-fleet-col:hover .yc-fleet-content{opacity:1;transform:translateY(0)}
.yc-fleet-content h3{font-size:clamp(36px,5vw,72px);font-weight:400;line-height:0.95;color:#fff;margin-bottom:24px;text-shadow:0 4px 30px rgba(0,0,0,0.5)}
@media(min-width:768px){.yc-fleet-content h3{margin-bottom:48px}}
.yc-specs{list-style:none;padding:0;margin-bottom:24px;display:flex;flex-direction:column;gap:8px}
.yc-specs li{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:0.25em;color:rgba(255,255,255,0.7);padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.yc-specs li span:last-child{color:#fff;font-weight:400}
.yc-fleet-view{align-self:flex-start;background:rgba(255,255,255,0.05);backdrop-filter:blur(120px);color:#fff;border:1px solid rgba(255,255,255,0.18);padding:14px 28px;border-radius:9999px;font-family:'Instrument Serif',serif;font-size:12px;letter-spacing:0.2em;cursor:pointer;text-transform:uppercase}
.yc-fleet-view:hover{background:rgba(255,255,255,0.12)}

.yc-fleet-close{position:fixed;top:96px;right:48px;z-index:90;background:transparent;border:none;color:#fff;font-family:'Instrument Serif',serif;font-size:14px;letter-spacing:0.2em;cursor:pointer;text-transform:uppercase;padding:12px 18px}
.yc-fleet-close:hover{opacity:0.7}