/* Yacht Factory — Fleet list. All rules scoped under .yf-fleet so nothing leaks into the host layout. */
.yf-fleet{--yf-ink:#3f4c53;--yf-body:#5c686f;--yf-muted:#7b868c;--yf-label:#9aa4a9;--yf-copper:#b1571f;--yf-copper-d:#8d4315;--yf-sand:#c2a37a;--yf-line:#dcdbd7;--yf-chip:#c8c7c2;--yf-bg:#e9e9e7;--yf-teal:#1c3b3a;
  font-family:'Jost',system-ui,sans-serif;color:#4a565e;background:var(--yf-bg);-webkit-font-smoothing:antialiased;padding:clamp(40px,6vw,86px) clamp(20px,5vw,80px) clamp(60px,8vw,110px)}
.yf-fleet *,.yf-fleet *::before,.yf-fleet *::after{box-sizing:border-box}
.yf-fleet a{color:var(--yf-copper);text-decoration:none}
.yf-fleet a:hover{color:var(--yf-copper-d)}
.yf-fleet :focus-visible{outline:1px solid var(--yf-copper);outline-offset:3px}
.yf-wrap{max-width:1500px;margin:0 auto}

.yf-head{display:flex;align-items:center;gap:18px}
.yf-head-mark{width:34px;height:44px;background:var(--yf-sand);clip-path:polygon(0 0,100% 0,100% 100%,22% 100%);flex:none}
.yf-title{margin:0;font-weight:300;font-size:clamp(34px,4.6vw,56px);letter-spacing:.005em;color:var(--yf-ink);font-family:'Jost',sans-serif}
.yf-intro{max-width:62ch;margin:26px 0 0;font-size:16.5px;line-height:1.85;font-weight:300;color:var(--yf-body);text-wrap:pretty}

.yf-stats{display:flex;flex-wrap:wrap;gap:clamp(28px,5vw,70px);margin:38px 0 0}
.yf-stat-n{font-family:'EB Garamond',serif;font-size:34px;color:var(--yf-copper);line-height:1}
.yf-stat-l{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a959b;margin-top:7px}

.yf-filters{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:26px;margin-top:clamp(34px,4vw,56px)}
.yf-filter-groups{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,54px)}
.yf-flabel{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--yf-label);margin-bottom:12px}
.yf-chips{display:flex;flex-wrap:wrap;gap:10px}
.yf-chip{font-family:inherit;font-size:12.5px;letter-spacing:.07em;padding:10px 18px;cursor:pointer;background:transparent;color:var(--yf-body);border:1px solid var(--yf-chip);transition:background .2s,color .2s,border-color .2s}
.yf-chip:hover{border-color:var(--yf-copper)}
.yf-chip[aria-pressed="true"]{background:var(--yf-ink);color:#f1efe9;border-color:var(--yf-ink)}
.yf-result{font-size:13px;font-weight:300;color:var(--yf-muted);letter-spacing:.04em}

.yf-listwrap{position:relative;padding-top:clamp(30px,4vw,60px)}
.yf-bar{position:absolute;left:0;right:0;top:clamp(14px,2vw,30px);height:1px;overflow:hidden;opacity:0;transition:opacity .25s ease}
.yf-bar>i{display:block;height:100%;width:0;background:var(--yf-copper)}
.yf-list{transition:opacity .28s ease,transform .38s cubic-bezier(.2,.7,.2,1)}
.yf-fleet[data-phase="out"] .yf-list{opacity:.18;transform:translateY(6px)}
.yf-fleet[data-phase="out"] .yf-bar,.yf-fleet[data-phase="in"] .yf-bar{opacity:1}
.yf-fleet[data-phase="out"] .yf-bar>i{width:70%;transition:width .3s ease}
.yf-fleet[data-phase="in"] .yf-bar>i{width:100%;transition:width .3s ease}

.yf-row{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,58px);padding:clamp(26px,3.4vw,44px) 0;align-items:center;border-bottom:1px solid var(--yf-line)}
.yf-row:nth-child(even){flex-direction:row-reverse}
.yf-media{flex:1 1 320px;min-width:280px;position:relative;aspect-ratio:16/10;background:var(--yf-line);overflow:hidden;padding:0;border:0;display:block;text-align:left;font:inherit;color:inherit}
button.yf-media{cursor:zoom-in}
.yf-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
button.yf-media:hover img{transform:scale(1.025)}
.yf-ph{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:16px 18px;color:#a9aaa4}
.yf-ph span:first-child{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.yf-ph span:last-child{font-family:'EB Garamond',serif;font-size:13px}
.yf-badge{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;background:rgba(28,59,58,.82);color:#f1efe9;padding:8px 13px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}

.yf-info{flex:1 1 380px;min-width:300px}
.yf-kicker{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.yf-kicker .yf-svc{color:var(--yf-copper)}
.yf-kicker .yf-dash{width:26px;height:1px;background:var(--yf-chip)}
.yf-kicker .yf-type{color:var(--yf-label)}
.yf-name{margin:14px 0 0;font-family:'EB Garamond',serif;font-weight:400;font-size:clamp(28px,3vw,38px);line-height:1.15;color:var(--yf-ink)}
.yf-meta{font-size:14px;font-weight:300;letter-spacing:.03em;color:var(--yf-muted);margin-top:10px}
.yf-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:24px 0 0;max-width:340px}
.yf-spec-l{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--yf-label)}
.yf-spec-v{font-family:'EB Garamond',serif;font-size:21px;color:var(--yf-ink);margin-top:5px}
.yf-scope{max-width:58ch;margin:22px 0 0;font-size:14.5px;line-height:1.8;font-weight:300;color:var(--yf-body);text-wrap:pretty}
.yf-scope:empty{display:none}

.yf-more-wrap{display:flex;justify-content:center;padding-top:clamp(34px,4vw,58px)}
.yf-more{font-family:inherit;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--yf-copper);background:transparent;border:1px solid var(--yf-copper);padding:15px 38px;cursor:pointer;transition:background .2s,color .2s}
.yf-more:hover{background:var(--yf-copper);color:#fff}
.yf-empty{padding:40px 0;font-size:15px;font-weight:300;color:var(--yf-muted)}

/* Lightbox */
.yf-lb{position:fixed;inset:0;z-index:10000;background:rgba(20,38,37,.96);display:flex;flex-direction:column;color:#f1efe9;font-family:'Jost',system-ui,sans-serif}
.yf-lb[hidden]{display:none}
.yf-lb-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(16px,4vw,48px)}
.yf-lb-title{display:flex;align-items:baseline;gap:18px;min-width:0}
.yf-lb-title strong{font-family:'EB Garamond',serif;font-weight:400;font-size:clamp(20px,2.4vw,28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yf-lb-title span{font-size:12px;letter-spacing:.14em;color:var(--yf-sand,#c2a37a)}
.yf-lb-btn{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(241,239,233,.3);color:#f1efe9;cursor:pointer}
.yf-lb-btn:hover{border-color:#c2a37a;color:#c2a37a}
.yf-lb-stage{flex:1;min-height:0;display:flex;align-items:center;gap:clamp(8px,2vw,24px);padding:0 clamp(8px,3vw,40px)}
.yf-lb-img{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}
.yf-lb-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.yf-lb-thumbs{display:flex;gap:8px;overflow-x:auto;padding:18px clamp(16px,4vw,48px) 22px;justify-content:safe center}
.yf-lb-thumbs button{flex:none;width:84px;height:56px;padding:0;background:#28504d;border:1px solid transparent;opacity:.55;cursor:pointer}
.yf-lb-thumbs button:hover{opacity:1}
.yf-lb-thumbs button[aria-current="true"]{border-color:#c2a37a;opacity:1}
.yf-lb-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
html.yf-lock{overflow:hidden}