/* ============ v1 · inner pages: the yacht charter shop and the yacht page ============
   Built on the homepage's own CSS (above). Same tokens, same fonts, same buttons. */
:root{--k:#6656DB;--card:#FFFEF3;--spec:#F3EEDD;--line:rgba(20,76,95,.14);--sh-card:0 1px 0 rgba(20,76,95,.05),0 16px 36px -32px rgba(20,76,95,.5)}
.sh-w{max-width:var(--max);margin:0 auto;padding:0 var(--pad);position:relative}
.sh-k{font-weight:500;font-size:15px;line-height:20px;letter-spacing:.75px;text-transform:uppercase;color:var(--k)}
.sh-h2{font-family:"Crimson Pro",serif;font-weight:700;font-size:48px;line-height:56px;letter-spacing:.24px;text-wrap:balance}
.sh-h3{font-family:"Crimson Pro",serif;font-weight:700;font-size:28px;line-height:32px}
.sh-lede{font-size:16px;line-height:26px;color:var(--ink2);max-width:620px;text-wrap:pretty}
.sh-hd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;max-width:760px;margin:0 auto 36px}
.num{font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
.pill{transform:translate(-50%,0)}
@media (max-width:900px){.sh-h2{font-size:36px;line-height:42px}.sh-h3{font-size:24px;line-height:28px}}

/* ---------- the hero: a short band, the homepage's headline and its planner ---------- */
.sh-hero{position:relative;min-height:540px;color:var(--sand);background:var(--deep);overflow:hidden;display:flex;align-items:flex-end}
.sh-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.sh-hero .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,27,.78) 0%,rgba(5,20,27,.45) 38%,rgba(5,20,27,0) 66%),linear-gradient(0deg,rgba(5,20,27,.7) 0%,rgba(5,20,27,0) 40%),linear-gradient(180deg,rgba(5,20,27,.55) 0%,rgba(5,20,27,0) 26%)}
.sh-hero .sh-w{width:100%;padding-top:150px;padding-bottom:118px}
.sh-crumb{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13px;line-height:18px;color:rgba(245,243,229,.78);list-style:none;margin-bottom:22px}
.sh-crumb li+li::before{content:"/";margin-right:10px;opacity:.55}
.sh-crumb a:hover{color:var(--sand)}
.sh-h1{font-family:"Tinos","Times New Roman",serif;font-weight:700;font-size:clamp(48px,5.6vw,84px);line-height:.98;letter-spacing:-.3px;background:linear-gradient(180deg,#25BF7B 0%,#5A9DBD 50%,#8679F5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .1em .16em;margin:0 0 -.16em -.1em;max-width:9em;text-wrap:balance}
.sh-hero .lede{max-width:500px;margin-top:20px;font-size:17px;line-height:27px;color:rgba(245,243,229,.9);text-shadow:0 1px 12px rgba(5,20,27,.55)}
.sh-dock{position:relative;z-index:6;margin-top:-62px;padding:0 var(--pad)}
.sh-dock .planner{width:min(100%,1080px);margin:0 auto}
.sh-dock .pfields{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;align-items:stretch}
.sh-dock .pgo{min-width:210px}
.sh-dock .trust5{margin-top:18px}
@media (max-width:900px){
  .sh-hero{min-height:500px}
  .sh-hero .sh-w{padding-top:112px;padding-bottom:96px}
  .sh-hero > img{object-position:62% 50%}
  .sh-hero .veil{background:linear-gradient(180deg,rgba(5,20,27,.55) 0%,rgba(5,20,27,.25) 40%,rgba(5,20,27,.85) 100%)}
  .sh-dock{margin-top:-48px}
  .sh-dock .pfields{grid-template-columns:1fr 1fr}
  .sh-dock .pf:first-child{grid-column:1/3}
  .sh-dock .pgo{grid-column:1/3;min-width:0}
}

/* ---------- the shop: sea tabs, filters, results ---------- */
.sh-shop{padding-top:72px}
.sh-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap;margin-bottom:28px}
.sh-intro .sh-lede{max-width:560px}
.sh-bar{position:sticky;top:76px;z-index:20;background:rgba(245,243,229,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin:0 calc(var(--pad) * -1);padding:12px var(--pad);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.sh-bar.stuck{border-bottom-color:var(--line);box-shadow:0 10px 24px -22px rgba(20,76,95,.5)}
.sh-bar.stuck::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:80px;background:inherit;-webkit-backdrop-filter:inherit;backdrop-filter:inherit}
.sh-seas{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.sh-seas::-webkit-scrollbar{display:none}
.sh-sea{display:flex;align-items:center;gap:10px;flex:none;padding:6px 18px 6px 6px;border-radius:800px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:15px;line-height:20px;color:var(--ocean);transition:background .2s,box-shadow .2s,color .2s}
.sh-sea img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#EAE5D2}
.sh-sea .all{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#EAE5D2;font-weight:500;font-size:13px}
.sh-sea small{font-size:13px;color:var(--ink2);font-variant-numeric:tabular-nums}
.sh-sea:hover{box-shadow:inset 0 0 0 1px rgba(20,76,95,.4)}
.sh-sea[aria-pressed=true]{background:var(--ocean);color:var(--sand);box-shadow:none}
.sh-sea[aria-pressed=true] small{color:rgba(245,243,229,.75)}
.sh-sea[aria-pressed=true] .all{background:rgba(245,243,229,.16)}
.sh-filt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:12px}
.sh-fg{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sh-fg > span{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--gold);margin-right:4px}
.sh-chip{height:36px;padding:0 14px;border-radius:800px;background:#FFFEF7;box-shadow:inset 0 0 0 1px rgba(20,76,95,.22);font-size:14px;line-height:18px;color:var(--ocean);transition:background .2s,box-shadow .2s,color .2s;white-space:nowrap}
.sh-chip:hover{box-shadow:inset 0 0 0 1px var(--petrol)}
.sh-chip[aria-pressed=true]{background:var(--ocean);color:var(--sand);box-shadow:none}
.sh-sort{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px}
.sh-sort select{appearance:none;-webkit-appearance:none;height:36px;padding:0 34px 0 14px;border-radius:800px;border:0;background:#FFFEF7 no-repeat right 14px center/10px 6px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23144C5F' stroke-width='1.4'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 1px rgba(20,76,95,.22);font:inherit;font-size:14px;color:var(--ocean);cursor:pointer}
.sh-tog{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;user-select:none}
.sh-tog input{position:absolute;opacity:0;pointer-events:none}
.sh-tog i{width:38px;height:22px;border-radius:22px;background:rgba(20,76,95,.22);position:relative;transition:background .2s;flex:none}
.sh-tog i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.sh-tog input:checked + i{background:var(--petrol)}
.sh-tog input:checked + i::after{transform:translateX(16px)}
.sh-tog input:focus-visible + i{outline:2px solid var(--violet);outline-offset:2px}
.sh-res{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:22px 0 18px}
.sh-res b{font-family:"Crimson Pro",serif;font-weight:700;font-size:26px;line-height:30px}
.sh-act{display:flex;flex-wrap:wrap;gap:6px}
.sh-act button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 12px;border-radius:800px;background:#EAE5D2;font-size:13px;color:var(--ocean)}
.sh-act button::after{content:"×";font-size:16px;line-height:1;opacity:.7}
.sh-act .clr{background:none;text-decoration:underline;text-underline-offset:3px;padding:0 4px}
.sh-act .clr::after{content:none}
@media (max-width:1100px){.sh-sort{margin-left:0}}
@media (max-width:900px){
  .sh-bar{top:60px;padding:10px var(--pad)}
  .sh-filt{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);padding:0 var(--pad)}
  .sh-filt::-webkit-scrollbar{display:none}
  .sh-fg{flex-wrap:nowrap}
  .sh-fg > span{display:none}
  .sh-sea{padding:4px 14px 4px 4px;font-size:14px}
  .sh-sea img,.sh-sea .all{width:32px;height:32px}
}

/* ---------- the yacht card (the shop, similar yachts, the shortlist) ---------- */
.sh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.yc{background:var(--card);border-radius:22px;box-shadow:var(--sh-card);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:box-shadow .3s,transform .3s}
.yc:hover{box-shadow:0 1px 0 rgba(20,76,95,.05),0 26px 50px -34px rgba(20,76,95,.6)}
.yc-ph{position:relative;aspect-ratio:3/2;background:#DCE6E4;overflow:hidden}
.yc-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.yc-track::-webkit-scrollbar{display:none}
.yc-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.yc-nav{position:absolute;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:rgba(245,243,229,.92);color:var(--ocean);display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.2);opacity:0;transition:opacity .2s}
.yc-nav svg{width:14px;height:14px}
.yc-nav.pv{left:10px}.yc-nav.nx{right:10px}
.yc:hover .yc-nav,.yc-nav:focus-visible{opacity:1}
.yc-nav[disabled]{opacity:0!important;pointer-events:none}
.yc-badge{position:absolute;top:12px;left:12px;padding:5px 11px;border-radius:800px;background:rgba(245,243,229,.94);color:var(--ocean);font-size:12.5px;line-height:16px;font-weight:500}
.yc-badge.own{background:var(--ocean);color:var(--sand)}
.yc-heart{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
.yc-heart svg{width:24px;height:24px}
.yc-heart svg path{fill:rgba(5,20,27,.25);stroke:#fff;stroke-width:1.7;transition:fill .2s}
.yc-heart[aria-pressed=true] svg path{fill:#E8537A;stroke:#fff}
.yc-heart:active{transform:scale(.92)}
.yc-cnt{position:absolute;right:12px;bottom:12px;padding:3px 9px;border-radius:800px;background:rgba(5,20,27,.55);color:#fff;font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}
.yc-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:5px;pointer-events:none}
.yc-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);transition:background .2s,width .2s}
.yc-dots i.on{background:#fff;width:14px;border-radius:6px}
.yc-b{display:flex;flex-direction:column;gap:4px;padding:18px 20px 16px;flex:1}
.yc-k{font-size:13px;line-height:18px;color:var(--gold);font-weight:500}
.yc-n{font-family:"Crimson Pro",serif;font-weight:700;font-size:28px;line-height:32px;color:var(--ocean)}
.yc-m{font-size:14px;line-height:20px;color:var(--ink2)}
.yc-s{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;font-size:14px;line-height:20px}
.yc-s li{display:inline-flex;align-items:center;gap:6px}
.yc-s svg{width:16px;height:16px;flex:none;color:var(--petrol)}
.yc-s .q{color:var(--ink2);white-space:nowrap}
.yc-p{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.yc-p .r{display:flex;flex-direction:column;gap:2px}
.yc-p .r p{font-size:14px;line-height:20px;color:var(--ink2)}
.yc-p .r b{font-family:"Crimson Pro",serif;font-weight:700;font-size:26px;line-height:28px;color:var(--ocean);font-variant-numeric:tabular-nums}
.yc-p .r small{font-size:12.5px;line-height:17px;color:var(--ink2)}
.yc-p .go{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--petrol);white-space:nowrap}
.yc-p .go .arrow{width:30px;height:30px}
.yc:hover .go .arrow{transform:rotate(45deg)}
.yc-cmp{display:flex;align-items:center;gap:8px;padding:10px 20px 14px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink2);cursor:pointer;user-select:none}
.yc-cmp input{width:16px;height:16px;accent-color:var(--petrol);cursor:pointer}
.yc-cmp:hover{color:var(--ocean)}
.yc-por b{font-size:22px!important}
@media (max-width:1100px){.sh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sh-grid{grid-template-columns:1fr;gap:20px}.yc-nav{display:none}}

/* the card in the grid that is not a yacht: ask us for three */
.sh-ask{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 32px;align-items:center;padding:28px 32px;border-radius:22px;background:var(--ocean);color:var(--sand)}
.sh-ask img{width:176px;height:auto}
.sh-ask .sh-h3{color:var(--sand);font-size:28px;line-height:32px;margin:0}
.sh-ask p{color:rgba(245,243,229,.8);font-size:15px;line-height:23px;margin-top:6px;max-width:600px}
.sh-ask .btn{background:var(--petrol-l)!important;box-shadow:inset 0 0 0 1px rgba(245,243,229,.32),0 10px 22px rgba(0,0,0,.28)}
@media (max-width:900px){.sh-ask{grid-template-columns:1fr;padding:24px}.sh-ask img{width:150px}}

.sh-empty{grid-column:1/-1;padding:56px 24px;text-align:center;background:var(--card);border-radius:22px;box-shadow:var(--sh-card);display:flex;flex-direction:column;align-items:center;gap:14px}
.sh-empty .row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sh-more{display:flex;justify-content:center;margin-top:28px}

/* ---------- how the price works ---------- */
.sh-price{margin-top:110px}
.sh-pr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sh-pr > div{background:var(--card);border-radius:22px;box-shadow:var(--sh-card);padding:24px 22px;display:flex;flex-direction:column;gap:8px}
.sh-pr .n{font-family:"Crimson Pro",serif;font-weight:700;font-size:34px;line-height:36px}
.sh-pr .t{font-weight:500;font-size:16px;line-height:22px}
.sh-pr p:last-child{font-size:14.5px;line-height:22px;color:var(--ink2)}
.sh-pr .tot{background:var(--ocean);color:var(--sand)}
.sh-pr .tot p:last-child{color:rgba(245,243,229,.8)}
.sh-pr .plus{position:relative}
@media (max-width:1000px){.sh-pr{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sh-pr{grid-template-columns:1fr}}

/* ---------- shortlist bar and compare ---------- */
.sh-sl{position:fixed;left:50%;bottom:16px;z-index:45;transform:translate(-50%,140%);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;gap:6px;padding:6px 6px 6px 18px;border-radius:800px;background:rgba(20,76,95,.94);color:var(--sand);box-shadow:0 14px 34px rgba(5,20,27,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:calc(100% - 24px)}
.sh-sl.on{transform:translate(-50%,0)}
.sh-sl .c{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;margin-right:8px}
.sh-sl .c svg{width:18px;height:18px}
.sh-sl .c svg path{fill:#E8537A;stroke:#E8537A}
.sh-sl button,.sh-sl a{height:40px;padding:0 16px;border-radius:800px;font-size:14px;white-space:nowrap;display:inline-flex;align-items:center}
.sh-sl .cmp{background:rgba(245,243,229,.14)}
.sh-sl .cmp:hover{background:rgba(245,243,229,.22)}
.sh-sl .snd{background:var(--petrol-l);box-shadow:inset 0 0 0 1px rgba(245,243,229,.32)}
.sh-sl .snd:hover{background:var(--petrol-ld)}
@media (max-width:560px){.sh-sl{padding-left:14px}.sh-sl .c span{display:none}.sh-sl button,.sh-sl a{padding:0 12px;font-size:13px}}

.sh-dlg{margin:auto;border:0;padding:0;border-radius:24px;background:var(--sand);color:var(--ocean);width:min(1080px,calc(100% - 32px));max-height:calc(100vh - 48px);box-shadow:0 40px 90px rgba(5,20,27,.45)}
.sh-dlg::backdrop{background:rgba(5,20,27,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.sh-dlg .hd{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px 6px}
.sh-dlg .x{width:42px;height:42px;border-radius:50%;background:#EAE5D2;font-size:24px;line-height:1;display:grid;place-items:center}
.cmp-t{overflow-x:auto;padding:12px 26px 26px}
.cmp-t table{width:100%;border-collapse:collapse;min-width:620px;table-layout:fixed}
.cmp-t th,.cmp-t td{padding:11px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:14.5px;line-height:20px}
.cmp-t thead th{border-bottom:0;padding-bottom:4px}
.cmp-t thead img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;margin-bottom:10px}
.cmp-t thead b{display:block;font-family:"Crimson Pro",serif;font-size:24px;line-height:28px}
.cmp-t tbody th{font-weight:500;color:var(--gold);font-size:12px;letter-spacing:.6px;text-transform:uppercase;width:150px}
.cmp-t td.best{font-weight:500}
.cmp-t .lnk{display:inline-flex;margin-top:4px;color:var(--petrol);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.cmp-note{padding:0 26px 22px;font-size:13.5px;color:var(--ink2)}

/* ============ the yacht page ============ */
.yp-top{background:var(--deep);color:var(--sand);padding:118px 0 0;position:relative;overflow:hidden}
.yp-top::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 85% 0%,rgba(126,181,196,.22),rgba(5,20,27,0) 60%);pointer-events:none}
.yp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;flex-wrap:wrap;margin-bottom:26px;position:relative}
.yp-head .sh-h1{font-size:clamp(46px,5vw,76px);max-width:none}
.yp-sub{margin-top:14px;font-size:16px;line-height:24px;color:rgba(245,243,229,.85)}
.yp-sub b{font-weight:500;color:var(--sand)}
.yp-acts{display:flex;gap:8px}
.yp-acts button{height:42px;padding:0 16px;border-radius:800px;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--sand);box-shadow:inset 0 0 0 1px rgba(245,243,229,.35)}
.yp-acts button:hover{box-shadow:inset 0 0 0 1px var(--sand)}
.yp-acts svg{width:18px;height:18px}
.yp-acts [aria-pressed=true] svg path{fill:#E8537A;stroke:#E8537A}
.yp-gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:230px 230px;gap:8px;border-radius:22px 22px 0 0;overflow:hidden;position:relative}
.yp-gal > button[data-i]{position:relative;overflow:hidden;background:#0d3441}
.yp-gal > button[data-i]:first-child{grid-row:1/3}
.yp-gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.yp-gal > button[data-i]:hover img{transform:scale(1.03)}
.yp-all{position:absolute;right:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:800px;background:rgba(245,243,229,.95);color:var(--ocean);font-size:14px;font-weight:500;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.yp-all svg{width:16px;height:16px}
/* the key numbers, a cream strip under the photos (like the planner under the homepage hero) */
.yp-specs{position:relative;z-index:3;margin-top:-1px;background:var(--card);border-radius:0 0 22px 22px;box-shadow:var(--sh-card);display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.yp-specs > div{padding:18px 20px;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--line);min-width:0}
.yp-specs > div:last-child{border-right:0}
.yp-specs dt{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--gold)}
.yp-specs dd{font-family:"Crimson Pro",serif;font-weight:700;font-size:24px;line-height:28px;color:var(--ocean)}
.yp-specs dd small{display:block;font-family:Lexend,system-ui,sans-serif;font-weight:300;font-size:13px;line-height:18px;color:var(--ink2)}
.yp-gap{height:40px;background:var(--deep)}
.yp-specwrap{background:linear-gradient(180deg,var(--deep) 0,var(--deep) 50%,var(--sand) 50%)}
@media (max-width:1100px){.yp-specs{grid-template-columns:repeat(3,minmax(0,1fr))}.yp-specs > div:nth-child(3){border-right:0}.yp-specs > div:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media (max-width:900px){
  .yp-top{padding-top:92px}
  .yp-gal{grid-template-columns:1fr;grid-template-rows:auto;border-radius:18px 18px 0 0}
  .yp-gal > button[data-i]:first-child{grid-row:auto;aspect-ratio:3/2}
  .yp-gal > button[data-i]:not(:first-child){display:none}
  .yp-specs{grid-template-columns:1fr 1fr;border-radius:0 0 18px 18px}
  .yp-specs > div{border-right:0;border-bottom:1px solid var(--line)}
  .yp-specs > div:nth-child(odd){border-right:1px solid var(--line)}
  .yp-specs > div:nth-last-child(-n+2){border-bottom:0}
  .yp-specs dd{font-size:21px;line-height:24px}
}

/* the page in two columns: the story on the left, the price box on the right */
.yp-body{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start;padding-top:44px}
.yp-toc{position:sticky;top:76px;z-index:15;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0;margin-bottom:8px;background:rgba(245,243,229,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.yp-toc::-webkit-scrollbar{display:none}
.yp-toc.stuck::before{content:"";position:fixed;left:0;right:0;top:0;height:76px;background:rgba(245,243,229,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:-1}
.yp-toc a{flex:none;padding:8px 14px;border-radius:800px;font-size:14px;line-height:18px;color:var(--ink2)}
.yp-toc a:hover{color:var(--ocean);background:rgba(20,76,95,.06)}
.yp-toc a.on{background:var(--ocean);color:var(--sand)}
.yp-sec{padding:44px 0 8px;scroll-margin-top:140px}
.yp-sec + .yp-sec{border-top:1px solid var(--line)}
.yp-sec > .sh-k{margin-bottom:10px}
.yp-sec > .sh-h2{font-size:40px;line-height:46px;margin-bottom:16px}
.yp-sec p{max-width:66ch}
.yp-sec .sh-lede{margin-bottom:20px}
@media (max-width:1100px){.yp-body{grid-template-columns:minmax(0,1fr);gap:0}.yp-side{order:-1}}
.yp-main,.yp-side{min-width:0}
@media (max-width:900px){.yp-toc{top:60px}.yp-sec > .sh-h2{font-size:32px;line-height:38px}}

/* overview */
.yp-take{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center}
.yp-take blockquote{font-family:"Crimson Pro",serif;font-style:italic;font-weight:400;font-size:24px;line-height:32px;color:var(--ocean);padding-left:20px;border-left:3px solid var(--gold);text-wrap:pretty}
.yp-take figcaption{margin-top:12px;padding-left:23px;font-size:14px;color:var(--ink2)}
.yp-take img{width:100%;height:auto}
.yp-hl{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.yp-hl li{background:var(--card);border-radius:18px;box-shadow:var(--sh-card);padding:18px;display:flex;flex-direction:column;gap:6px}
.yp-hl b{font-weight:500;font-size:16px;line-height:22px}
.yp-hl span{font-size:14.5px;line-height:22px;color:var(--ink2)}
@media (max-width:760px){.yp-take{grid-template-columns:1fr}.yp-take img{width:180px}.yp-hl{grid-template-columns:1fr}}

/* cabins */
.yp-plan{background:var(--card);border-radius:22px;box-shadow:var(--sh-card);padding:18px}
.yp-deck{position:relative}
.yp-deck img{width:100%;height:auto;border-radius:12px}
.yp-deck span{position:absolute;transform:translate(-50%,-50%);padding:4px 10px;border-radius:800px;background:var(--ocean);color:var(--sand);font-size:12.5px;line-height:16px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.yp-deck span.bunk{background:#EAE5D2;color:var(--ocean)}
.yp-cab{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:16px}
.yp-cab li{display:flex;justify-content:space-between;gap:12px;padding:10px 2px;border-top:1px solid var(--line);font-size:14.5px}
.yp-cab li span{color:var(--ink2)}
.yp-note{font-size:14px;line-height:22px;color:var(--ink2);margin-top:14px}
@media (max-width:640px){.yp-cab{grid-template-columns:1fr}.yp-deck span{font-size:10.5px;padding:2px 7px}}

/* crew */
.yp-crew{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.yp-crew img{width:100%;height:auto;border-radius:22px}
.yp-roles{display:flex;flex-direction:column;gap:14px}
.yp-roles div{padding-bottom:14px;border-bottom:1px solid var(--line)}
.yp-roles dt{font-family:"Crimson Pro",serif;font-weight:700;font-size:22px;line-height:26px}
.yp-roles dd{font-size:15px;line-height:23px;color:var(--ink2);margin-top:4px}
.yp-rot{font-family:"Crimson Pro",serif;font-style:italic;font-size:19px;line-height:26px;color:var(--ocean)}
@media (max-width:760px){.yp-crew{grid-template-columns:1fr}}

/* on board */
.yp-ob{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.yp-ob h3{font-weight:500;font-size:17px;line-height:22px;margin-bottom:8px}
.yp-ob ul{list-style:none}
.yp-ob li{padding:9px 0 9px 22px;border-top:1px solid var(--line);font-size:14.5px;line-height:21px;position:relative}
.yp-ob li::before{content:"";position:absolute;left:2px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--turq)}
@media (max-width:760px){.yp-ob{grid-template-columns:1fr}}

/* rates */
.yp-rates{width:100%;border-collapse:collapse;background:var(--card);border-radius:22px;overflow:hidden;box-shadow:var(--sh-card)}
.yp-rates th,.yp-rates td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
.yp-rates thead th{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--gold);background:#FBF8EC}
.yp-rates tbody th{font-family:"Crimson Pro",serif;font-weight:700;font-size:21px}
.yp-rates td b{font-weight:500}
.yp-rates tr:last-child th,.yp-rates tr:last-child td{border-bottom:0}
.yp-months{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:16px 0 4px}
.yp-months span{padding:8px 0;border-radius:12px;text-align:center;font-size:13px;line-height:16px;background:#EAE5D2}
.yp-months span small{display:block;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;opacity:.75}
.yp-months .Mid{background:#D7E8EC}.yp-months .High{background:var(--ocean);color:var(--sand)}
.yp-fine{font-size:14px;line-height:22px;color:var(--ink2);margin-top:12px}
.yp-terms{display:grid;grid-template-columns:200px minmax(0,1fr);margin-top:6px}
.yp-terms dt,.yp-terms dd{padding:12px 0;border-top:1px solid var(--line);font-size:15px;line-height:23px}
.yp-terms dt{font-weight:500}
.yp-terms dd{color:var(--ink2)}
@media (max-width:640px){.yp-rates th,.yp-rates td{padding:12px 10px;font-size:14px}.yp-terms{grid-template-columns:1fr}.yp-terms dd{border-top:0;padding-top:0}}

/* where she sails: the homepage's island map */
.yp-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.yp-map .m12{display:block;position:relative;margin:0}
.yp-map .m12 img{width:100%;height:auto;display:block}
.yp-isl{list-style:none}
.yp-isl li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:11px 0;border-top:1px solid var(--line)}
.yp-isl b{font-weight:500;font-size:15.5px}
.yp-isl span{font-size:13.5px;color:var(--ink2);font-variant-numeric:tabular-nums}
.yp-isl p{grid-column:1/-1;font-size:14px;line-height:21px;color:var(--ink2)}
@media (max-width:760px){.yp-map{grid-template-columns:1fr}}

/* honest notes */
.yp-nt{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.yp-nt li{background:var(--card);border-radius:18px;box-shadow:var(--sh-card);padding:18px 20px}
.yp-nt b{display:block;font-weight:500;font-size:16px;line-height:22px;margin-bottom:6px}
.yp-nt span{font-size:14.5px;line-height:22px;color:var(--ink2)}
@media (max-width:760px){.yp-nt{grid-template-columns:1fr}}

/* questions, opened one at a time */
.yp-faq details{border-top:1px solid var(--line)}
.yp-faq details:last-child{border-bottom:1px solid var(--line)}
.yp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;padding:18px 0;font-family:"Crimson Pro",serif;font-weight:700;font-size:21px;line-height:27px}
.yp-faq summary::-webkit-details-marker{display:none}
.yp-faq summary::after{content:"+";font-family:Lexend,system-ui,sans-serif;font-weight:300;font-size:26px;line-height:1;color:var(--petrol);transition:transform .2s;flex:none}
.yp-faq details[open] summary::after{transform:rotate(45deg)}
.yp-faq .a{padding:0 0 20px;font-size:15.5px;line-height:25px}
.yp-faq .a p+p{margin-top:10px}

/* the price box */
.yp-side{position:sticky;top:96px}
.yb{background:var(--card);border-radius:22px;box-shadow:0 1px 0 rgba(20,76,95,.05),0 30px 60px -38px rgba(20,76,95,.65);padding:22px 22px 20px;display:flex;flex-direction:column;gap:16px}
.yb-from p{font-size:14px;color:var(--ink2)}
.yb-from b{font-family:"Crimson Pro",serif;font-weight:700;font-size:34px;line-height:38px;color:var(--ocean)}
.yb-l{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.yb-m{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.yb-m button{padding:7px 0;border-radius:10px;font-size:13px;line-height:16px;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;align-items:center}
.yb-m button small{font-size:9.5px;letter-spacing:.4px;text-transform:uppercase;opacity:.7}
.yb-m button[aria-checked=true]{background:var(--ocean);color:var(--sand);box-shadow:none}
.yb-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.yb-sel{height:44px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 14px;font-size:15px}
.yb-sel select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:inherit;color:var(--ocean);width:100%;height:100%;cursor:pointer}
.yb-sel .stepper{gap:8px}
.yb-bill{width:100%;border-collapse:collapse}
.yb-bill th,.yb-bill td{padding:8px 0;font-size:14.5px;line-height:20px;border-bottom:1px dashed rgba(20,76,95,.22);text-align:left;font-weight:300}
.yb-bill td{text-align:right;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
.yb-bill .tot th,.yb-bill .tot td{font-family:"Crimson Pro",serif;font-weight:700;font-size:23px;line-height:28px;border-bottom:0;padding-top:12px}
.yb-pp{font-size:13.5px;line-height:20px;color:var(--ink2);margin-top:-8px}
.yb .btn{width:100%;padding:16px 24px;font-size:15px}
.yb-wa{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:800px;box-shadow:inset 0 0 0 1px rgba(20,76,95,.25);font-size:14px;font-weight:500}
.yb-wa svg{width:18px;height:18px}
.yb-wa:hover{box-shadow:inset 0 0 0 1px var(--ocean)}
.yb-tr{list-style:none;display:flex;flex-direction:column;gap:7px;font-size:13.5px;line-height:19px;color:var(--ink2)}
.yb-tr li{display:flex;gap:9px}
.yb-tr li::before{content:"";width:16px;height:16px;flex:none;margin-top:1px;border-radius:50%;background:var(--petrol) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.yb-who{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;line-height:19px;color:var(--ink2)}
.yb-who img{width:96px;height:auto}
.yb-who b{display:block;color:var(--ocean);font-weight:500}
.yb-por{font-size:15px;line-height:23px}
@media (max-width:1100px){.yp-side{position:static;margin-top:28px}}

/* the bar at the bottom of a phone */
.yp-mbar{display:none}
@media (max-width:1100px){
  .yp-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:44;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,254,243,.97);box-shadow:0 -10px 30px -18px rgba(20,76,95,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .yp-mbar p{font-size:13px;line-height:17px;color:var(--ink2)}
  .yp-mbar b{display:block;font-family:"Crimson Pro",serif;font-weight:700;font-size:22px;line-height:24px;color:var(--ocean)}
  .yp-mbar .btn{padding:13px 20px}
  .yp-page .footer{padding-bottom:70px}
}

/* similar yachts */
.yp-sim{margin-top:96px}
.yp-sim .sh-grid{margin-top:8px}

/* the photo viewer */
.yp-lb{border:0;padding:0;margin:0;width:100vw;height:100vh;max-width:none;max-height:none;background:rgba(5,20,27,.96);color:#fff}
.yp-lb::backdrop{background:rgba(5,20,27,.96)}
.yp-lb .in{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}
.yp-lb .tp{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:rgba(255,255,255,.8)}
.yp-lb .x{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);font-size:26px;line-height:1;color:#fff}
.yp-lb .st{position:relative;min-height:0;display:grid;place-items:center}
.yp-lb .st img{max-width:min(1400px,100%);max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px}
.yp-lb .pv,.yp-lb .nx{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:24px}
.yp-lb .pv{left:8px}.yp-lb .nx{right:8px}
.yp-lb .cap{text-align:center;font-size:14.5px;color:rgba(255,255,255,.85);min-height:20px}
.yp-lb .th{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;justify-content:safe center}
.yp-lb .th::-webkit-scrollbar{display:none}
.yp-lb .th button{flex:none;width:76px;height:52px;border-radius:8px;overflow:hidden;opacity:.5;transition:opacity .2s;outline-offset:2px}
.yp-lb .th button.on{opacity:1;outline:2px solid #fff}
.yp-lb .th img{width:100%;height:100%;object-fit:cover}

/* the request window (from the price box) */
.yr .bd{padding:6px 26px 26px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}
.yr .sum{background:var(--card);border-radius:18px;box-shadow:var(--sh-card);overflow:hidden}
.yr .sum img{width:100%;aspect-ratio:3/2;object-fit:cover}
.yr .sum div{padding:16px 18px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:21px}
.yr .sum b{font-family:"Crimson Pro",serif;font-size:24px;line-height:28px}
.yr form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.yr label{display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--gold)}
.yr label.w{grid-column:1/-1}
.yr input,.yr textarea{font:inherit;font-size:15px;letter-spacing:0;text-transform:none;color:var(--ocean);background:#FFFEF7;border:1px solid rgba(20,76,95,.22);border-radius:12px;padding:12px 14px}
.yr input:focus,.yr textarea:focus{outline:none;border-color:var(--petrol)}
.yr .send{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.yr .send p{font-size:13px;color:var(--ink2);max-width:36ch}
.yr .err{grid-column:1/-1;color:#B23A2B;font-size:14px}
.yr .done{grid-column:1/-1;display:flex;flex-direction:column;gap:10px}
@media (max-width:760px){.yr .bd{grid-template-columns:1fr}.yr form{grid-template-columns:1fr}}

/* ============ v3 · The harbour ============
   The platform, played like a board game. Every yacht is a little model on the table (the 3D models from the homepage),
   your group fills her seats, the price is what each of you pays, and the team tells you what they think. */
@font-face{font-family:Caveat;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/caveat-latin-700-normal.woff2) format("woff2")}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.v3{--table:#F1EDDC;--paper:#F5F3E5;--card3:#FFFEF6;--sun:#FFD45C;--sun2:#FFE89A;--coral:#FF8B6A;--mint:#BFEBDB;--sea:#2BB3C0;--ink2:#4C6B76;
  background:var(--paper)}
.v3 .sh-crumb{color:rgba(20,76,95,.66);margin-bottom:18px}
.v3 .sh-crumb a:hover{color:var(--ocean)}
.t3-hand{font-family:Caveat,"Comic Sans MS",cursive;font-weight:700;font-size:23px;line-height:26px;color:#6B5CE6;letter-spacing:.2px}
/* ---------- the head: the text and the table ---------- */
.t3-hero{position:relative;padding:116px 0 30px}
.t3-hw{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center}
.t3-tx{min-width:0}
.v3 .t3-tx .sh-h1{font-family:"Crimson Pro",serif;font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.4px;background:none;color:var(--ocean);padding:0;margin:0;max-width:10em}
.v3 .t3-tx .lede{margin-top:18px;max-width:520px;font-size:18px;line-height:28px;color:var(--ocean);text-shadow:none}
.t3-stats{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:24px}
.t3-stats li{display:flex;align-items:baseline;gap:7px;padding:9px 16px 9px 12px;border-radius:16px;background:var(--card3);box-shadow:0 1px 0 rgba(20,76,95,.06),0 10px 22px -18px rgba(20,76,95,.6);font-size:14px;line-height:18px;color:var(--ink2)}
.t3-stats li:nth-child(1){transform:rotate(-1.5deg)}.t3-stats li:nth-child(2){transform:rotate(1deg)}.t3-stats li:nth-child(3){transform:rotate(-.6deg)}
.t3-stats b{font-family:"Crimson Pro",serif;font-weight:700;font-size:26px;line-height:26px;color:var(--ocean)}
.t3-from{margin-top:16px;font-size:15px;line-height:22px;color:var(--ink2)}
.t3-back{display:inline-block;margin-top:10px;font-size:14px;color:var(--petrol);text-decoration:underline;text-underline-offset:4px}
.t3-sign{display:flex;align-items:center;gap:12px;margin-top:26px}
.t3-sign img{width:150px;height:auto}
.t3-sign .t3-hand{transform:rotate(-3deg)}
/* the table: a cream board the models stand on */
.t3-board{position:relative;border-radius:36px;background:var(--table);box-shadow:inset 0 0 0 1px rgba(20,76,95,.05),0 40px 70px -46px rgba(20,76,95,.55)}
.t3-board.all{aspect-ratio:100/86}
.t3-routes{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#6B5CE6;stroke-width:.45;stroke-dasharray:1.4 1.6;stroke-linecap:round;opacity:.55}
.t3-isle{position:absolute;display:block;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.t3-isle img{width:100%;height:auto;filter:drop-shadow(0 16px 14px rgba(20,76,95,.22));animation:t3bob 5.5s ease-in-out infinite;animation-delay:var(--d)}
.t3-isle:hover,.t3-isle:focus-visible{transform:translateY(-8px) scale(1.04)}
.t3-flag{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%) rotate(-2deg);display:flex;flex-direction:column;align-items:center;padding:6px 13px 7px;border-radius:12px;background:#fff;box-shadow:0 8px 16px -10px rgba(20,76,95,.7);white-space:nowrap;text-align:center}
.t3-flag b{font-family:"Crimson Pro",serif;font-weight:700;font-size:19px;line-height:21px;color:var(--ocean)}
.t3-flag small{font-size:12px;line-height:15px;color:var(--ink2);font-variant-numeric:tabular-nums}
.t3-isle:nth-child(odd) .t3-flag{transform:translateX(-50%) rotate(2deg)}
.t3-bn{position:absolute;left:5%;bottom:5%;transform:rotate(-4deg)}
.t3-board.fleet{display:grid;grid-template-columns:1fr 1fr;gap:6px 0;padding:18px 18px 54px}
.t3-board.sea{padding:20px 16px 18px;display:flex;flex-direction:column;align-items:center}
.t3-bi{position:relative;display:block;width:52%}
.t3-bi img{width:100%;height:auto;filter:drop-shadow(0 18px 16px rgba(20,76,95,.22));animation:t3bob 6s ease-in-out infinite}
.t3-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:18px}
.t3-row.n2{grid-template-columns:repeat(2,minmax(0,1fr));width:72%}
.t3-row.n1{grid-template-columns:minmax(0,1fr);width:40%}
.t3-bm{position:relative;display:block;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.t3-bm img{width:100%;height:auto;animation:t3bob 5s ease-in-out infinite;animation-delay:var(--d)}
.t3-bm:hover{transform:translateY(-6px)}
.t3-bm .t3-flag{bottom:2px}
.t3-flag.sm{padding:4px 10px 5px}.t3-flag.sm b{font-size:16px;line-height:18px}
@keyframes t3bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.t3-hero.in .t3-board{animation:t3pop .7s cubic-bezier(.3,1.4,.5,1)}
@keyframes t3pop{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.t3-isle img,.t3-bi img,.t3-bm img,.t3-hero.in .t3-board{animation:none}}
@media (max-width:960px){.t3-hero{padding:96px 0 18px}.t3-hw{grid-template-columns:1fr;gap:30px}.t3-sign img{width:120px}}
@media (max-width:560px){.t3-flag{padding:4px 9px 5px}.t3-flag b{font-size:15px;line-height:17px}.t3-flag small{font-size:10.5px;line-height:13px}.t3-board{border-radius:26px}.t3-bn{font-size:19px}.t3-stats b{font-size:22px}}
/* ---------- the seas, as little islands ---------- */
.t3-bar{position:sticky;top:76px;z-index:20;padding:8px 0;background:rgba(245,243,229,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.t3-bar.stuck{box-shadow:0 12px 24px -22px rgba(20,76,95,.55)}
.t3-bar.stuck::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:80px;background:var(--paper)}
.t3-seas{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 8px}
.t3-seas::-webkit-scrollbar{display:none}
.t3-sea{flex:none;display:flex;align-items:center;gap:8px;height:52px;padding:0 16px 0 6px;border-radius:800px;background:#fff;box-shadow:0 1px 0 rgba(20,76,95,.05),0 8px 16px -14px rgba(20,76,95,.7);font-size:15px;line-height:19px;color:var(--ocean);white-space:nowrap;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .2s,color .2s}
.t3-sea img{width:40px;height:40px}
.t3-sd{width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--mint) 0 25%,var(--sun2) 0 50%,var(--lilac) 0 75%,#CDEBF2 0)}
.t3-sea small{min-width:22px;height:22px;padding:0 6px;border-radius:800px;background:var(--table);display:grid;place-items:center;font-size:12px;color:var(--ocean)}
.t3-sea:hover{transform:translateY(-2px) rotate(-1deg)}
.t3-sea[aria-current=page],.t3-sea[aria-pressed=true]{background:var(--ocean);color:var(--sand)}
.t3-sea[aria-current=page] small,.t3-sea[aria-pressed=true] small{background:var(--sun);color:var(--ocean)}
@media (max-width:900px){.t3-bar{top:60px}.t3-sea{height:46px;font-size:14px}.t3-sea img,.t3-sd{width:34px;height:34px}}
/* ---------- the game: three taps ---------- */
.t3-gw{margin-top:18px}
.t3-game{padding:26px 32px 28px;border-radius:30px;background:var(--card3);box-shadow:0 1px 0 rgba(20,76,95,.05),0 26px 50px -40px rgba(20,76,95,.6)}
.t3-gh{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:18px}
.t3-gt{font-family:"Crimson Pro",serif;font-weight:700;font-size:32px;line-height:36px;color:var(--ocean)}
.t3-gh .t3-hand{transform:rotate(-2deg)}
.t3-qs{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.3fr) minmax(0,1fr);gap:22px}
.t3-q{min-width:0}
.t3-ql{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-weight:500;font-size:16px;line-height:20px;color:var(--ocean)}
.t3-qn{width:28px;height:28px;border-radius:50%;background:var(--sun);display:grid;place-items:center;font-family:"Crimson Pro",serif;font-weight:700;font-size:17px;transform:rotate(-6deg)}
.t3-cs{display:flex;flex-wrap:wrap;gap:7px}
.t3-c{height:42px;padding:0 15px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(20,76,95,.16);font-size:15px;color:var(--ocean);transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .2s,box-shadow .2s}
.t3-mo .t3-c{padding:0 12px;min-width:52px}
.t3-c:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px rgba(20,76,95,.32)}
.t3-c[aria-pressed=true]{background:var(--ocean);color:var(--sand);box-shadow:0 8px 16px -10px rgba(20,76,95,.8);transform:rotate(-2deg)}
.t3-c.sm{height:36px;font-size:14px;padding:0 13px}
.t3-q.sm{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;padding-top:16px;border-top:1.5px dashed rgba(20,76,95,.16)}
.t3-q.sm .t3-ql{margin:0;font-weight:300;font-size:15px}
.t3-crew{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.t3-step{width:42px;height:42px;border-radius:14px;background:var(--ocean);color:var(--sand);font-size:22px;line-height:1;display:grid;place-items:center;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.t3-step:active{transform:scale(.9)}
.t3-go{min-width:52px;text-align:center;font-family:"Crimson Pro",serif;font-weight:700;font-size:34px;line-height:40px;color:var(--ocean)}
.t3-ppl{display:flex;flex-wrap:wrap;gap:4px;flex-basis:100%;min-height:22px}
.t3-ppl i,.t3-seats i{position:relative;display:block;width:11px;height:10px;margin-top:8px;border-radius:6px 6px 2px 2px;background:transparent;box-shadow:inset 0 0 0 1.4px rgba(20,76,95,.3)}
.t3-ppl i::before,.t3-seats i::before{content:"";position:absolute;left:2px;top:-8px;width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.4px rgba(20,76,95,.3)}
.t3-ppl i{width:13px;height:12px;margin-top:10px}.t3-ppl i::before{left:2px;top:-10px;width:9px;height:9px}
.t3-ppl i.on,.t3-seats i.on{background:var(--coral);box-shadow:none;animation:t3pip .35s cubic-bezier(.3,1.8,.5,1)}
.t3-ppl i.on::before,.t3-seats i.on::before{background:var(--coral);box-shadow:none}
@keyframes t3pip{from{transform:scale(.4)}to{transform:none}}
@media (max-width:1100px) and (min-width:701px){.t3-qs{grid-template-columns:1fr 1fr}.t3-qs .t3-q:nth-child(2){grid-column:1/-1;grid-row:1}}
@media (max-width:700px){.t3-game{border-radius:24px;padding:20px 16px 20px}.t3-qs{grid-template-columns:1fr;gap:18px}.t3-gt{font-size:27px;line-height:31px}.t3-c{height:40px;padding:0 13px}}
/* ---------- the list ---------- */
.t3-main{padding-top:40px}
.t3-rh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:24px;scroll-margin-top:150px}
.t3-cnt{font-family:"Crimson Pro",serif;font-weight:700;font-size:34px;line-height:38px;color:var(--ocean);text-wrap:balance}
.t3-cnt b{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 8px;margin-right:4px;border-radius:14px;background:var(--sun);transform:rotate(-4deg)}
.t3-rr{display:flex;align-items:center;gap:10px}
.t3-dice{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border-radius:14px;background:var(--lilac);color:#3E33A8;font-size:15px;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.t3-dice svg{width:22px;height:22px;fill:currentColor;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.t3-dice:hover svg{transform:rotate(90deg)}
.t3-dice:active{transform:scale(.95)}
.t3-dice[disabled]{opacity:.45;pointer-events:none}
.t3-sort select{height:44px;padding:0 36px 0 14px;border-radius:14px;border:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23144C5F' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center/12px no-repeat;box-shadow:inset 0 0 0 1.5px rgba(20,76,95,.16);font:inherit;font-size:15px;color:var(--ocean);-webkit-appearance:none;appearance:none}
.t3-shelf{margin-bottom:46px}
.t3-sh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:18px;padding-bottom:12px;border-bottom:1.5px dashed rgba(20,76,95,.18)}
.t3-sh h3{font-family:"Crimson Pro",serif;font-weight:700;font-size:28px;line-height:32px;color:var(--ocean)}
.t3-sh p{font-size:15px;line-height:22px;color:var(--ink2);max-width:640px}
.t3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:1180px){.t3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.t3-grid{grid-template-columns:minmax(0,1fr);gap:18px}.t3-cnt{font-size:28px;line-height:32px}.t3-cnt b{height:40px;min-width:40px}}
/* one yacht: a model on the table, then the card */
.t3-y{display:flex;flex-direction:column;border-radius:28px;background:var(--card3);box-shadow:0 1px 0 rgba(20,76,95,.06),0 22px 44px -36px rgba(20,76,95,.7);transition:transform .35s cubic-bezier(.3,1.5,.5,1),box-shadow .35s;min-width:0}
.t3-y:hover{transform:translateY(-4px) rotate(calc(var(--tilt) * .25));box-shadow:0 1px 0 rgba(20,76,95,.06),0 30px 54px -34px rgba(20,76,95,.75)}
.t3-y.wiggle{animation:t3wig .9s cubic-bezier(.3,1.5,.5,1);box-shadow:0 0 0 4px var(--sun),0 30px 54px -34px rgba(20,76,95,.75)}
@keyframes t3wig{0%{transform:none}20%{transform:rotate(-3deg) scale(1.03)}40%{transform:rotate(3deg) scale(1.03)}60%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}100%{transform:none}}
.t3-tile.yc-ph{position:relative;margin:10px 10px 0;border-radius:20px;background:var(--table);aspect-ratio:800/598;overflow:hidden;isolation:isolate}
.t3-tile .yc-track img{object-fit:cover}
.t3-ms{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start}
.t3-tile .yc-track .t3-ms img.t3-mi,.t3-v{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s}
.t3-v{opacity:0}
.t3-tile.playing .t3-v{opacity:1}
.t3-y:hover .t3-mi{transform:scale(1.04)}
.t3-tag{position:absolute;left:12px;bottom:10px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:800px;background:rgba(255,255,255,.82);font-size:11.5px;line-height:15px;color:var(--ink2)}
.t3-tag svg{width:14px;height:14px}
.t3-tile .yc-nav{opacity:1;width:38px;height:38px;margin-top:-19px;background:rgba(255,255,255,.94);box-shadow:0 6px 14px -6px rgba(20,40,50,.6);transition:transform .2s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.t3-tile .yc-nav:hover{transform:scale(1.1)}
.t3-tile .yc-nav[disabled]{opacity:0!important}
.t3-tile .yc-heart{z-index:3}
.t3-tile .yc-cnt{z-index:2;right:12px;bottom:10px}
.t3-tile.has-m:not(.moved) .yc-cnt{display:none}
.t3-tile .yc-dots{bottom:14px;z-index:2}
.t3-tile.has-m:not(.moved) .yc-dots{display:none}
.t3-tile.moved .t3-st{opacity:0}
.t3-st{position:absolute;z-index:2;padding:6px 12px;border-radius:12px;font-family:"Crimson Pro",serif;font-weight:700;font-size:16px;line-height:18px;color:var(--ocean);background:var(--sun);box-shadow:0 6px 12px -8px rgba(20,40,50,.6);transition:opacity .2s}
.t3-st.s0{left:12px;top:12px;transform:rotate(-6deg)}
.t3-st.s1{left:16px;top:46px;transform:rotate(4deg)}
.t3-st.own{background:var(--coral);color:#fff}
.t3-st.low{background:var(--mint)}
.t3-st.new{background:var(--lilac);color:#3E33A8}
.t3-st.big{background:#CDEBF2}
.t3-st.twelve{background:var(--sun2)}
.t3-b{display:flex;flex-direction:column;flex:1;padding:16px 20px 20px;min-width:0}
.t3-k{font-size:12.5px;line-height:16px;letter-spacing:.06em;font-weight:500;color:var(--gold)}
.t3-n{margin-top:3px;font-family:"Crimson Pro",serif;font-weight:700;font-size:30px;line-height:33px;color:var(--ocean)}
.t3-n a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.t3-sp{margin-top:2px;font-size:14px;line-height:20px;color:var(--ink2)}
.t3-seats{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}
.t3-seats i.xtra{box-shadow:inset 0 0 0 1.4px rgba(20,76,95,.28);opacity:.5}
.t3-seats i.xtra::before{opacity:1}
.t3-fit{margin-top:6px;font-size:14px;line-height:20px;color:var(--ocean)}
.t3-say{position:relative;display:flex;gap:10px;align-items:flex-start;margin-top:14px}
.t3-who img{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff}
.t3-say p{position:relative;flex:1;min-width:0;padding:10px 14px;border-radius:4px 16px 16px 16px;background:#E8F4F1;font-size:14.5px;line-height:21px;color:var(--ocean)}
.t3-know{position:relative;margin-top:12px;padding:10px 14px 11px;background:var(--sun2);font-size:13.5px;line-height:19px;color:#3D4A30;transform:rotate(-.8deg);box-shadow:0 8px 14px -12px rgba(60,50,0,.6)}
.t3-know b{display:block;font-family:Caveat,cursive;font-weight:700;font-size:19px;line-height:20px;color:#7A5B00}
.t3-ft{margin-top:auto;padding-top:16px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.t3-pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 7px;min-width:0}
.t3-pr b{font-family:"Crimson Pro",serif;font-weight:700;font-size:32px;line-height:34px;color:var(--ocean)}
.t3-pr span{font-size:14px;color:var(--ink2)}
.t3-pr small{flex-basis:100%;font-size:12.5px;line-height:17px;color:var(--ink2)}
.t3-pr.q b{font-size:22px;line-height:26px}
.t3-acts{display:flex;align-items:center;gap:8px}
.t3-vs{position:relative;display:inline-grid;place-items:center;width:46px;height:40px;border-radius:12px;cursor:pointer;box-shadow:inset 0 0 0 1.5px rgba(20,76,95,.22);font-family:"Crimson Pro",serif;font-weight:700;font-size:17px;color:var(--ocean);transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .2s}
.t3-vs input{position:absolute;opacity:0;inset:0;cursor:pointer}
.t3-vs:hover{transform:rotate(-4deg)}
.t3-vs:has(input:checked){background:var(--coral);color:#fff;box-shadow:none;transform:rotate(-6deg)}
.t3-vs:has(input:focus-visible){outline:2px solid var(--ocean);outline-offset:2px}
/* our pick */
.t3-pick{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:10px 30px;align-items:center;margin-bottom:40px;padding:12px;border-radius:32px;background:var(--ocean);color:var(--sand)}
.t3-pk-i{display:block;border-radius:24px;background:var(--table);overflow:hidden}
.t3-pk-i img{display:block;width:100%;aspect-ratio:800/598;object-fit:contain}
.t3-pk-i.ph img{object-fit:cover}
.t3-pk-t{padding:10px 18px 14px 0;min-width:0}
.t3-pk-t .t3-hand{color:var(--sun);transform:rotate(-2deg);transform-origin:left}
.t3-pk-t h3{margin-top:6px;font-family:"Crimson Pro",serif;font-weight:700;font-size:36px;line-height:40px;text-wrap:balance}
.t3-pk-t h3 a{text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:5px}
.t3-pk-t ul{margin-top:14px;list-style:none;display:grid;gap:7px}
.t3-pk-t li{position:relative;padding-left:24px;font-size:15.5px;line-height:22px}
.t3-pk-t li::before{content:"";position:absolute;left:2px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--sun)}
.t3-pk-n{margin-top:12px;font-size:13px;line-height:19px;color:rgba(245,243,229,.72)}
.t3-pk-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.t3-pick .btn.ghost{background:transparent;color:var(--sand);box-shadow:inset 0 0 0 1.5px rgba(245,243,229,.5)}
@media (max-width:860px){.t3-pick{grid-template-columns:1fr}.t3-pk-t{padding:6px 10px 12px}.t3-pk-t h3{font-size:28px;line-height:32px}}
.t3-team{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 26px;align-items:center;margin:0 0 46px;padding:20px 24px;border-radius:26px;border:2px dashed rgba(107,92,230,.35)}
.t3-team img{width:170px;height:auto}
.t3-team p+p{margin-top:4px;font-size:15px;line-height:23px;color:var(--ocean);max-width:620px}
@media (max-width:800px){.t3-team{grid-template-columns:1fr;justify-items:start}}
.t3-empty{padding:40px 30px;border-radius:26px;background:var(--card3);text-align:center;display:grid;gap:12px;justify-items:center}
/* ---------- head to head ---------- */
.v3 .sh-dlg{width:min(1060px,calc(100% - 24px))}
.t3-vsg{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch}
.t3-vsg.n3{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}
.t3-vsx{align-self:center;width:48px;height:48px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-family:"Crimson Pro",serif;font-weight:700;font-size:19px;transform:rotate(-8deg);box-shadow:0 8px 16px -8px rgba(180,60,30,.7)}
.t3-vc{display:flex;flex-direction:column;gap:6px;padding:12px 12px 16px;border-radius:24px;background:var(--card3);box-shadow:inset 0 0 0 1.5px rgba(20,76,95,.1);min-width:0}
.t3-vci{border-radius:16px;background:var(--table);overflow:hidden}
.t3-vci img{display:block;width:100%;aspect-ratio:800/598;object-fit:contain}
.t3-vci.ph img{object-fit:cover}
.t3-vc h3{font-family:"Crimson Pro",serif;font-weight:700;font-size:26px;line-height:28px;color:var(--ocean)}
.t3-score{align-self:flex-start;padding:3px 10px;border-radius:800px;background:var(--sun);font-size:13px;font-weight:500;color:var(--ocean)}
.t3-vc dl{display:grid;gap:2px;margin:6px 0}
.t3-vc dl div{display:flex;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:10px;font-size:14px;line-height:19px}
.t3-vc dt{color:var(--ink2)}
.t3-vc dd{font-weight:500;color:var(--ocean);text-align:right}
.t3-vc dl div.w{background:#E1F5EC}
.t3-vc dl div.w dd::after{content:" ★";color:#E0A400}
.t3-vt{font-size:13.5px;line-height:19px;color:var(--ink2);flex:1}
.t3-vc .btn{align-self:flex-start}
@media (max-width:760px){.t3-vsg,.t3-vsg.n3{grid-template-columns:1fr}.t3-vsx{justify-self:center}}
/* ---------- the guide ---------- */
.t3-sec{padding-top:84px}
.v3 .t3-sec .sh-h2{color:var(--ocean)}
.t3-2{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:center}
.t3-p{margin-top:14px;font-size:16px;line-height:27px;color:var(--ocean);max-width:620px;text-wrap:pretty}
.t3-p.wide{max-width:760px;margin-top:26px}
.t3-2 .t3-hand{margin-top:14px;transform:rotate(-2deg);transform-origin:left}
.t3-seacs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:8px}
.t3-seac{position:relative;display:flex;flex-direction:column;padding:12px 18px 20px;border-radius:28px;background:var(--card3);box-shadow:0 1px 0 rgba(20,76,95,.06),0 22px 44px -36px rgba(20,76,95,.7);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.t3-seac:hover{transform:translateY(-6px) rotate(-1deg)}
.t3-seac img{width:72%;height:auto;margin:-2px auto 4px;filter:drop-shadow(0 14px 12px rgba(20,76,95,.2));transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.t3-seac:hover img{transform:translateY(-6px) rotate(-3deg)}
.t3-seac h3{font-family:"Crimson Pro",serif;font-weight:700;font-size:26px;line-height:30px;color:var(--ocean)}
.t3-seac p{margin-top:6px;font-size:14px;line-height:21px;color:var(--ink2)}
.t3-seac dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:16px 0 14px}
.t3-seac dt{font-size:12px;line-height:15px;color:var(--ink2)}
.t3-seac dd{margin-top:2px;font-size:15px;line-height:20px;font-weight:500;color:var(--ocean);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.t3-go2{margin-top:auto;align-self:flex-start;padding:7px 14px;border-radius:12px;background:var(--sun);font-size:14px;color:var(--ocean)}
.t3-wind{display:inline-flex;align-items:flex-end;gap:2px;height:14px}
.t3-wind i{width:4px;border-radius:2px;background:rgba(20,76,95,.18)}
.t3-wind i:nth-child(1){height:5px}.t3-wind i:nth-child(2){height:8px}.t3-wind i:nth-child(3){height:11px}.t3-wind i:nth-child(4){height:14px}
.t3-wind.l1 i:nth-child(-n+1),.t3-wind.l2 i:nth-child(-n+2),.t3-wind.l3 i:nth-child(-n+3),.t3-wind.l4 i{background:var(--sea)}
.t3-wind.l4 i{background:var(--coral)}
@media (max-width:1100px){.t3-seacs{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.t3-seacs{gap:12px}.t3-seac{padding:10px 12px 16px;border-radius:22px}.t3-seac h3{font-size:21px;line-height:24px}.t3-seac p{display:none}.t3-seac dl{grid-template-columns:1fr;gap:6px}}
/* the price as a tower of bricks */
.t3-tw{justify-self:center;width:min(100%,360px)}
.t3-tower{display:flex;flex-direction:column;height:440px;gap:8px}
.t3-bk{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 10px;padding:8px 18px;border-radius:14px;min-height:58px;box-shadow:inset 0 -6px 0 rgba(0,0,0,.08)}
.t3-bk::before,.t3-bk::after{content:"";position:absolute;top:-8px;width:34px;height:10px;border-radius:6px 6px 0 0;background:inherit}
.t3-bk::before{left:22%}.t3-bk::after{right:22%}
.t3-bk b{font-family:"Crimson Pro",serif;font-weight:700;font-size:28px;line-height:30px}
.t3-bk span{font-size:13px;line-height:18px}
.t3-bk.rate{background:var(--ocean);color:var(--sand)}
.t3-bk.vat{background:var(--lilac);color:#2E2680}
.t3-bk.apa{background:var(--sun);color:var(--ocean)}
.t3-tt{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:10px;border-top:2px solid var(--ocean);color:var(--ocean)}
.t3-tt b{font-family:"Crimson Pro",serif;font-weight:700;font-size:38px;line-height:40px}
.t3-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.t3-wy{padding:20px;border-radius:24px;background:var(--card3)}
.t3-wy:nth-child(1){transform:rotate(-1deg)}.t3-wy:nth-child(2){transform:rotate(.8deg)}.t3-wy:nth-child(3){transform:rotate(-.5deg)}.t3-wy:nth-child(4){transform:rotate(1deg)}
.t3-wn{display:block;width:34px;height:34px;border-radius:50%;margin-bottom:12px;background:var(--sun)}
.t3-wy:nth-child(2) .t3-wn{background:var(--mint)}.t3-wy:nth-child(3) .t3-wn{background:var(--lilac)}.t3-wy:nth-child(4) .t3-wn{background:var(--coral)}
.t3-wy h3{font-family:"Crimson Pro",serif;font-weight:700;font-size:22px;line-height:26px;color:var(--ocean)}
.t3-wy p{margin-top:6px;font-size:14.5px;line-height:22px;color:var(--ink2)}
@media (max-width:1100px){.t3-why{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.t3-why{grid-template-columns:1fr}}
.t3-note{padding:20px 22px 22px;background:var(--sun2);transform:rotate(1.2deg);box-shadow:0 18px 26px -20px rgba(60,50,0,.6)}
.t3-note .t3-hand{color:#7A5B00;margin:0 0 4px}
.t3-note p+p{font-size:15.5px;line-height:24px;color:#3D4A30}
/* the month dial */
.t3-dial{margin-top:10px;padding:22px 24px 24px;border-radius:30px;background:var(--card3);box-shadow:0 22px 44px -38px rgba(20,76,95,.7)}
.t3-dial label{display:inline-block;transform:rotate(-2deg);margin-bottom:6px}
.t3-dial input[type=range]{display:block;width:100%;height:36px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}
.t3-dial input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:8px;background:linear-gradient(90deg,var(--mint),#9FD9E0 30%,var(--sun) 50%,var(--coral) 64%,var(--sun) 80%,var(--mint))}
.t3-dial input[type=range]::-moz-range-track{height:12px;border-radius:8px;background:linear-gradient(90deg,var(--mint),#9FD9E0 30%,var(--sun) 50%,var(--coral) 64%,var(--sun) 80%,var(--mint))}
.t3-dial input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;margin-top:-11px;border-radius:50%;background:var(--ocean);border:4px solid #fff;box-shadow:0 4px 10px rgba(20,76,95,.4)}
.t3-dial input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--ocean);border:4px solid #fff;box-shadow:0 4px 10px rgba(20,76,95,.4)}
.t3-mls{display:flex;justify-content:space-between;padding:2px 4px 0;font-size:13px;color:var(--ink2)}
.t3-mv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.6fr);gap:12px;margin-top:18px}
.t3-mb{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:12px 14px;border-radius:18px;background:var(--table)}
.t3-mb b{font-family:"Crimson Pro",serif;font-weight:700;font-size:34px;line-height:36px;color:var(--ocean)}
.t3-mb span{font-size:13px;line-height:17px;color:var(--ink2)}
.t3-mb.w .t3-wind{height:20px}.t3-mb.w .t3-wind i{width:6px}
.t3-mb.w .t3-wind i:nth-child(1){height:7px}.t3-mb.w .t3-wind i:nth-child(2){height:11px}.t3-mb.w .t3-wind i:nth-child(3){height:15px}.t3-mb.w .t3-wind i:nth-child(4){height:20px}
.t3-mb.w span+span{margin-top:6px;font-size:14px;color:var(--ocean)}
.t3-mb.p{background:var(--ocean)}
.t3-mb.p b{color:var(--sand);font-size:28px;line-height:32px}
.t3-mb.p span{color:rgba(245,243,229,.75)}
.t3-src{margin-top:12px;font-size:12.5px;line-height:18px;color:var(--ink2)}
@media (max-width:900px){.t3-mv{grid-template-columns:1fr 1fr}.t3-mb.p{grid-column:1/-1}.t3-dial{padding:18px 16px 20px;border-radius:24px}.t3-mb b{font-size:28px;line-height:30px}}
.t3-isl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin-top:6px}
.t3-isl li{padding:16px 18px;border-radius:20px;background:var(--card3);transform:rotate(var(--tilt));box-shadow:0 14px 28px -26px rgba(20,76,95,.8)}
.t3-isl b{display:block;font-family:"Crimson Pro",serif;font-weight:700;font-size:21px;line-height:24px;color:var(--ocean)}
.t3-isl span{display:block;margin-top:4px;font-size:14px;line-height:21px;color:var(--ink2)}
@media (max-width:900px){.t3-isl{grid-template-columns:1fr 1fr}.t3-2{grid-template-columns:1fr;gap:28px}.t3-sec{padding-top:64px}}
@media (max-width:560px){.t3-isl{grid-template-columns:1fr}}
.t3-duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center;max-width:860px}
.t3-dc{padding:12px 12px 18px;border-radius:26px;background:var(--card3)}
.t3-dc img{display:block;width:100%;border-radius:18px;background:var(--table)}
.t3-dph{border-radius:18px;overflow:hidden;aspect-ratio:800/598}.t3-dph img{height:100%;object-fit:cover;border-radius:0}
.t3-dc h3{margin:10px 6px 0;font-family:"Crimson Pro",serif;font-weight:700;font-size:24px;line-height:28px;color:var(--ocean)}
.t3-dc p{margin:4px 6px 0;font-size:14.5px;line-height:21px;color:var(--ink2)}
@media (max-width:640px){.t3-duel{grid-template-columns:1fr}.t3-duel .t3-vsx{justify-self:center}}
.t3-faq details{border-radius:18px}
.t3-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.t3-cta img{width:200px;height:auto}
.t3-cta p{max-width:480px;font-size:16px;line-height:25px;color:var(--ocean)}
.v3 .sec-faq{margin-top:84px}
@media (max-width:600px){
.t3-board.all{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;aspect-ratio:auto;padding:14px 10px 50px}
.t3-board.all .t3-isle{position:relative;left:auto!important;top:auto!important;width:auto!important;display:flex;flex-direction:column;align-items:center}
.t3-board.all .t3-isle img{width:88%}
.t3-board.all .t3-flag{position:relative;left:auto;bottom:auto;margin-top:-16px;transform:rotate(-2deg)}
.t3-board.all .t3-isle:nth-child(odd) .t3-flag{transform:rotate(2deg)}
.t3-routes{display:none}
.t3-bn{left:16px;bottom:12px}
.t3-board.fleet{padding:12px 10px 46px}}

/* the Trustindex reviews of Vista Yachting, under How we keep the list */
.t3-rev .sh-lede{max-width:620px}
.t3-ti{margin-top:22px;min-height:120px}
.t3-ti.on{min-height:465px}
.t3-ti-ph{border:1.5px dashed rgba(20,76,95,.3);border-radius:22px;padding:34px 24px;text-align:center;font-size:15px;line-height:22px;color:rgba(20,76,95,.75)}

/* v5: the sizes, the crew, the ports and the two kinds of yacht */
.t5-sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:8px}
.t5-size,.t5-port{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:24px;background:var(--card3);min-width:0}
.t5-size h3,.t5-port h3{font-family:"Crimson Pro",serif;font-weight:700;font-size:24px;line-height:28px;color:var(--ocean)}
.t5-size>p,.t5-port>p{font-size:14.5px;line-height:22px;color:rgba(20,76,95,.82)}
.t5-st{list-style:none;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:20px;color:rgba(20,76,95,.82);border-top:1px dashed rgba(20,76,95,.25);padding-top:8px}
.t5-st b{font-weight:500;color:var(--ocean)}
.t5-names{font-size:13.5px;line-height:20px}
.t5-names a{color:var(--ocean);text-decoration:underline;text-decoration-color:rgba(20,76,95,.35);text-underline-offset:3px}
.t5-crew{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.t5-ck{padding:20px;border-radius:24px;border:1.5px dashed rgba(20,76,95,.3)}
.t5-ck.on{border:0;background:var(--card3)}
.t5-ck h3{font-weight:500;font-size:18px;line-height:24px;color:var(--ocean)}
.t5-ck p{margin-top:6px;font-size:14.5px;line-height:22px;color:rgba(20,76,95,.82)}
.t5-ports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.t5-pm{font-size:14px!important}.t5-pm b{font-weight:500;color:var(--ocean)}
.t5-types{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;max-width:760px}
.t5-ty{display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:24px;background:var(--card3);color:var(--ocean)}
.t5-ty b{font-family:"Crimson Pro",serif;font-size:44px;line-height:44px}
.t5-ty span{font-size:15px;line-height:22px}.t5-ty em{font-style:normal;font-size:14px;color:rgba(20,76,95,.72);margin-top:6px}
a.t5-ty:hover{transform:translateY(-3px)}
@media (max-width:1100px){.t5-sizes{grid-template-columns:repeat(3,minmax(0,1fr))}.t5-ports{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.t5-sizes,.t5-ports,.t5-crew,.t5-types{grid-template-columns:1fr}}
/* v5: the arrow on each card opens her season, month by month, in a strip under her row */
.t3-ssn-t{display:flex;align-items:center;gap:10px;width:calc(100% + 40px);margin:16px -20px -20px;padding:12px 20px 14px;border:0;border-top:1px dashed rgba(20,76,95,.22);border-radius:0 0 28px 28px;background:none;font:inherit;font-size:14px;line-height:20px;color:var(--ocean);text-align:left;cursor:pointer;transition:background .2s}
.t3-ssn-t:hover{background:rgba(20,76,95,.045)}
.t3-ssn-t:focus-visible{outline:2px solid var(--ocean);outline-offset:-4px}
.t3-m7{display:flex;align-items:flex-end;gap:2px;height:18px;flex:none}
.t3-m7 i{width:5px;border-radius:2px}
.t3-m7 .lo{height:8px;background:#CFE6E3}.t3-m7 .mi{height:12px;background:#EADFB6}.t3-m7 .hi{height:18px;background:#F2C27C}
.t3-m7 .na{background:none;box-shadow:inset 0 0 0 1px rgba(20,76,95,.3)}
.t3-ssn-l{flex:1;min-width:0}
.t3-chev{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid rgba(20,76,95,.25);position:relative;transition:transform .3s,background .3s}
.t3-chev::after{content:"";position:absolute;left:50%;top:45%;width:7px;height:7px;border-right:1.6px solid var(--ocean);border-bottom:1.6px solid var(--ocean);transform:translate(-50%,-50%) rotate(45deg)}
.t3-y.ssn-on{box-shadow:0 0 0 2px var(--ocean),0 22px 44px -36px rgba(20,76,95,.7)}
.t3-y.ssn-on .t3-chev{transform:rotate(180deg);background:#EFE9D4}
.t3-ssn{grid-column:1/-1;position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;padding:16px;border-radius:28px;background:var(--card3);box-shadow:0 0 0 2px var(--ocean),0 30px 54px -34px rgba(20,76,95,.75);animation:t3ssn .3s ease-out}
.t3-ssn::before{content:"";position:absolute;top:-10px;left:calc(var(--nx,50%) - 10px);width:18px;height:18px;background:var(--card3);border-left:2px solid var(--ocean);border-top:2px solid var(--ocean);border-radius:5px 0 0 0;transform:rotate(45deg)}
@keyframes t3ssn{from{opacity:0;transform:translateY(-8px)}}
.t3-ssn-ph{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:18px}
.t3-ssn-b{display:flex;flex-direction:column;gap:14px;padding:8px 6px 6px 0;min-width:0}
.t3-ssn-n{margin-top:-8px;font-family:"Crimson Pro",serif;font-weight:700;font-size:30px;line-height:32px;color:var(--ocean)}
.t3-ssn-x{position:absolute;top:14px;right:14px;z-index:1;width:36px;height:36px;border-radius:50%;border:1px solid rgba(20,76,95,.25);background:var(--card3);font-size:22px;line-height:1;color:var(--ocean);cursor:pointer}
.t3-ssn-ch{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.t3-ssn-ch li{padding:7px 12px;border-radius:800px;background:#F3EEDD;font-size:13.5px;line-height:18px;color:var(--ocean)}
.t3-ssn-box{padding:14px 16px 16px;background:#FBF8EC;border:1px solid rgba(20,76,95,.1);border-radius:16px}
.t3-ssn-h{margin-bottom:10px;font-size:12px;line-height:16px;letter-spacing:1px;text-transform:uppercase;font-weight:500;color:#7A5B00}
.t3-sbars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;align-items:end;height:84px}
.t3-sb{display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;border-radius:8px;font-size:12px;font-weight:500;color:var(--ocean)}
.t3-sb.lo{height:40px;background:#CFE6E3}.t3-sb.mi{height:60px;background:#EADFB6}.t3-sb.hi{height:84px;background:#F2C27C}
.t3-sb.q{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(20,76,95,.08) 5px 7px);box-shadow:inset 0 0 0 1px rgba(20,76,95,.22)}
.t3-sb.sel{box-shadow:0 0 0 2px var(--ocean)}
.t3-sleg{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.t3-sleg li{display:flex;flex-direction:column;gap:1px;min-width:0}
.t3-sk{font-size:12.5px;line-height:17px;color:#2E5562}
.t3-sk i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:3px;vertical-align:-1px}
.t3-sleg .lo i{background:#CFE6E3}.t3-sleg .mi i{background:#EADFB6}.t3-sleg .hi i{background:#F2C27C}
.t3-sk em{display:block;padding-left:16px;font-style:normal;color:rgba(46,85,98,.78)}
.t3-sleg b{margin-top:5px;font-family:"Crimson Pro",serif;font-weight:700;font-size:24px;line-height:28px;color:var(--ocean)}
.t3-sleg b.q{font-size:18px;line-height:24px}
.t3-sleg small{font-size:12.5px;line-height:17px;color:#2E5562}
.t3-ssn-inc{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid rgba(20,76,95,.12);display:grid;gap:7px}
.t3-ssn-inc li{position:relative;padding-left:22px;font-size:14px;line-height:1.45;color:#2E5562}
.t3-ssn-inc li::before{content:"";position:absolute;left:2px;top:.42em;width:10px;height:6px;border-left:1.6px solid #0A6273;border-bottom:1.6px solid #0A6273;transform:rotate(-45deg)}
.t3-ssn-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.t3-ssn .btn.ghost{background:transparent;color:var(--ocean);box-shadow:inset 0 0 0 1.5px var(--ocean)}
.t3-ssn .btn.ghost:hover{background:rgba(20,76,95,.06)}
@media (prefers-reduced-motion:reduce){.t3-ssn{animation:none}.t3-chev{transition:none}}
@media (max-width:900px){.t3-ssn{grid-template-columns:minmax(0,1fr);gap:16px;padding:12px}.t3-ssn-ph{height:auto;min-height:0;max-height:none;aspect-ratio:16/10}.t3-ssn-b{padding:0 4px 6px}.t3-ssn-x{top:20px;right:20px}}
@media (max-width:640px){.t3-sbars{gap:3px;height:76px}.t3-sb{font-size:11px}.t3-sb.hi{height:76px}.t3-sb.mi{height:54px}.t3-sb.lo{height:36px}
  .t3-sleg{grid-template-columns:minmax(0,1fr);gap:10px}.t3-sleg li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:baseline}
  .t3-sk{grid-column:1;grid-row:1}.t3-sleg b{grid-column:2;grid-row:1;margin:0}.t3-sleg small{grid-column:1/-1;padding-left:16px}}

/* the season tag and the price readout, shared by the three cards */
span.t5-st{display:inline-block;padding:2px 9px;border-radius:800px;font-size:11.5px;line-height:16px;font-weight:500;color:var(--ocean);white-space:nowrap}
span.t5-st.lo{background:#CFE6E3}span.t5-st.mi{background:#EADFB6}span.t5-st.hi{background:#F2C27C}
@keyframes t5in{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){.t51-pw.chg .t3-pr,.t52-back,.t53-sea{animation:none!important}}

/* v5.1: the name, the words people search for, her facts, and the months on the card */
.t51-n a{display:flex;flex-direction:column;gap:3px}
.t51-n a:hover{text-decoration:none}
.t51-n a:hover .t51-nm{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.t51-kw{font-family:Lexend,system-ui,sans-serif;font-weight:500;font-size:14.5px;line-height:20px;letter-spacing:.01em;color:var(--gold)}
.t51-f{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:12px 0 0;padding:0}
.t51-f li{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:800px;background:#F3EEDD;font-size:12.5px;line-height:17px;color:var(--ocean);white-space:nowrap}
.t51-f svg{flex:none;width:14px;height:14px;color:#8A7330}
.t51-wrap{margin-top:16px}
.t51-hint{font-size:19px;line-height:20px;margin:0 0 4px 4px}
.t51-sea{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:10px 8px 6px;border-radius:14px;background:#FBF8EC;border:1px solid rgba(20,76,95,.1)}
.t51-m{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:50px;padding:0;border:0;border-radius:8px;background:none;font:inherit;font-size:11.5px;line-height:14px;font-weight:500;color:var(--ink2);cursor:pointer}
.t51-m i{display:block;width:100%;max-width:30px;border-radius:5px;transition:transform .15s}
.t51-m.lo i{height:12px}.t51-m.mi i{height:21px}.t51-m.hi i{height:30px}
.t51-m.lo i{background:#CFE6E3}.t51-m.mi i{background:#EADFB6}.t51-m.hi i{background:#F2C27C}
.t51-m.na i{background:repeating-linear-gradient(135deg,#FBF8EC 0 4px,rgba(20,76,95,.11) 4px 6px);box-shadow:inset 0 0 0 1px rgba(20,76,95,.24)}
.t51-m:hover i{transform:translateY(-2px)}
.t51-m.on{color:var(--ocean);font-weight:700}
.t51-m.on i{box-shadow:0 0 0 2px var(--ocean)}
.t51-m:focus-visible{outline:2px solid var(--ocean);outline-offset:2px}
.t51-pw{min-width:0}
.t51-pw.chg .t3-pr{animation:t5in .25s ease-out}

/* v7: the price table, the sample weeks and how booking works, on the two main pages */
.t7-ptw{margin-top:8px;border-radius:24px;background:var(--card3);box-shadow:0 1px 0 rgba(20,76,95,.06),0 22px 44px -36px rgba(20,76,95,.7);overflow:hidden}
.t7-pt{width:100%;border-collapse:collapse}
.t7-pt th,.t7-pt td{padding:16px 20px;text-align:left;vertical-align:top;border-top:1px dashed rgba(20,76,95,.16);color:var(--ocean)}
.t7-pt thead th{border-top:0;background:#FBF8EC;font-size:12px;line-height:16px;letter-spacing:1px;text-transform:uppercase;font-weight:500;color:#7A5B00}
.t7-pt thead th small{display:block;margin-top:3px;letter-spacing:0;text-transform:none;font-size:12.5px;font-weight:300;color:var(--ink2)}
.t7-pt thead i{display:inline-block;width:10px;height:10px;margin-right:7px;border-radius:3px;vertical-align:0}
.t7-pt thead i.lo{background:#CFE6E3}.t7-pt thead i.mi{background:#EADFB6}.t7-pt thead i.hi{background:#F2C27C}
.t7-pt tbody th{font-family:"Crimson Pro",serif;font-weight:700;font-size:21px;line-height:25px}
.t7-pt tbody th small,.t7-pt td small{display:block;margin-top:3px;font-family:Lexend,system-ui,sans-serif;font-weight:300;font-size:13px;line-height:18px;color:var(--ink2)}
.t7-pt td b{font-family:"Crimson Pro",serif;font-weight:700;font-size:24px;line-height:28px}
.t7-weeks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:8px}
.t7-wk{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:24px;background:var(--card3);box-shadow:0 1px 0 rgba(20,76,95,.06),0 22px 44px -36px rgba(20,76,95,.7);min-width:0}
.t7-wk h3{font-family:"Crimson Pro",serif;font-weight:700;font-size:23px;line-height:27px;color:var(--ocean)}
.t7-wk ol{list-style:none;counter-reset:d;margin:4px 0 0;padding:0;display:flex;flex-direction:column}
.t7-wk li{counter-increment:d;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:baseline;padding:6px 0;border-top:1px dashed rgba(20,76,95,.16);font-size:14.5px;line-height:20px;color:var(--ocean)}
.t7-wk li:first-child{border-top:0}
.t7-wk li::before{content:"Day " counter(d);font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;font-weight:500;color:var(--gold)}
.t7-wk li b{font-weight:500}
.t7-wkf{margin-top:auto;padding-top:6px;font-size:13.5px;line-height:19px;color:var(--ink2)}.t7-wkf b{font-weight:500;color:var(--ocean)}
.t7-wkl{font-size:14px;font-weight:500;color:var(--ocean);text-decoration:underline;text-decoration-color:rgba(20,76,95,.35);text-underline-offset:3px}
.t7-steps{list-style:none;counter-reset:s;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.t7-steps li{counter-increment:s;padding:20px;border-radius:24px;border:1.5px dashed rgba(20,76,95,.3)}
.t7-steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:50%;background:var(--ocean);color:#fff;font-family:"Crimson Pro",serif;font-weight:700;font-size:18px}
.t7-steps h3{font-weight:500;font-size:18px;line-height:24px;color:var(--ocean)}
.t7-steps p{margin-top:6px;font-size:14.5px;line-height:22px;color:rgba(20,76,95,.82)}
@media (max-width:1100px){.t7-weeks,.t7-steps{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
  .t7-weeks,.t7-steps{grid-template-columns:minmax(0,1fr)}
  .t7-pt thead{display:none}
  .t7-pt,.t7-pt tbody,.t7-pt tr,.t7-pt th,.t7-pt td{display:block;width:100%}
  .t7-pt tr{padding:14px 18px;border-top:1px dashed rgba(20,76,95,.16)}.t7-pt tr:first-child{border-top:0}
  .t7-pt th,.t7-pt td{padding:6px 0;border-top:0}
  .t7-pt td{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:baseline}
  .t7-pt td::before{content:attr(data-l);font-size:13px;line-height:18px;color:var(--ink2)}
  .t7-pt td b{grid-column:2;grid-row:1;font-size:21px}.t7-pt td small{grid-column:1/-1}
}