/* Resolute Yachting: long-form pages (guides, marinas, broker pages,
   privacy). Dark like the rest of the site, tuned for reading. */
main{padding-top:80px}
.phead{position:relative;padding:clamp(64px,9vw,120px) 0 clamp(40px,5vw,60px);border-bottom:1px solid var(--line);overflow:hidden}
.phead::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 120% at 85% 0%,rgba(62,181,61,.10),transparent 60%),radial-gradient(70% 90% at 0% 100%,rgba(26,38,116,.45),transparent 60%);pointer-events:none}
.phead>*{position:relative}
.crumbs{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);margin:0 0 22px}
.crumbs a:hover{color:#fff}
.crumbs span{margin:0 9px;opacity:.5}
.acc{width:50px;height:2px;background:var(--green);margin-bottom:22px}
.phead h1{font-family:var(--display);font-variation-settings:"opsz" 144;font-weight:300;font-size:clamp(2.3rem,5.4vw,4.2rem);line-height:1.02;letter-spacing:-.035em;margin:0;color:#fff;max-width:20ch}
.standfirst{font-size:clamp(1.06rem,1.6vw,1.26rem);color:var(--fg-soft);max-width:62ch;margin:22px 0 0;line-height:1.6}
.byline{font-family:var(--mono);font-size:.72rem;color:var(--fg-mute);margin:26px 0 0;display:flex;gap:18px;flex-wrap:wrap}
.byline strong{color:var(--fg-soft);font-weight:500}

article:not(.lst){padding:clamp(48px,6vw,72px) 0 clamp(64px,8vw,104px)}
article h2{font-family:var(--display);font-variation-settings:"opsz" 90;font-weight:300;font-size:clamp(1.6rem,2.8vw,2.2rem);letter-spacing:-.03em;margin:56px 0 16px;color:#fff;line-height:1.12}
article h2:first-child{margin-top:0}
article h3{font-family:var(--display);font-variation-settings:"opsz" 40;font-weight:400;font-size:1.28rem;letter-spacing:-.02em;margin:34px 0 10px;color:#fff}
article p{margin:0 0 20px;font-size:1.06rem;line-height:1.78;color:var(--fg-soft)}
article ul,article ol{margin:0 0 24px;padding-left:22px;color:var(--fg-soft);font-size:1.04rem;line-height:1.7}
article li{margin-bottom:10px}
article li::marker{color:var(--green)}
article strong{font-weight:600;color:#fff}
article em{color:#fff}
article a:not(.lst *){color:#fff;border-bottom:1px solid var(--green)}
article a:not(.lst *):hover{color:var(--green)}
article .lede{font-size:1.2rem;color:var(--fg)}
.callout{background:rgba(255,255,255,.04);border-left:3px solid var(--green);padding:22px 26px;margin:34px 0;font-size:1rem}
.callout p{margin:0 0 10px;font-size:1rem}
.callout p:last-child{margin-bottom:0}
.callout strong{color:var(--green)}
table.spec{width:100%;border-collapse:collapse;margin:6px 0 28px;font-size:.98rem}
table.spec th,table.spec td{text-align:left;padding:13px 12px 13px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--fg-soft)}
table.spec th{font-family:var(--mono);font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-mute);font-weight:500}
table.spec td:last-child{font-family:var(--mono);font-size:.88rem;white-space:nowrap;text-align:right;color:var(--green)}

.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{font-family:var(--display);font-variation-settings:"opsz" 30;font-weight:400;font-size:1.14rem;letter-spacing:-.015em;padding:20px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);font-size:1.4rem;color:var(--green);flex-shrink:0;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 20px;color:var(--fg-soft)}

.cta{background:linear-gradient(180deg,var(--bg-2),var(--bg-3));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(56px,7vw,88px) 0}
.cta h2{font-family:var(--display);font-variation-settings:"opsz" 90;font-weight:300;font-size:clamp(1.8rem,3.2vw,2.6rem);letter-spacing:-.03em;margin:0 0 14px;color:#fff}
.cta p{color:var(--fg-soft);max-width:58ch;margin:0 0 26px;font-size:1.04rem}
.cta .row{display:flex;gap:12px;flex-wrap:wrap}
.cta a.b,.cta button.b{font-family:var(--body);font-weight:600;font-size:.96rem;padding:16px 26px;border-radius:3px;transition:background .25s,border-color .25s;cursor:pointer;border:1px solid var(--line-2);color:#fff;background:transparent}
.cta .b1{background:var(--green)!important;border-color:var(--green)!important}
.cta .b1:hover{background:var(--green-2)!important}
.cta .b2:hover{border-color:#fff}

.related{padding:clamp(56px,7vw,92px) 0}
.related h2{font-family:var(--display);font-variation-settings:"opsz" 60;font-weight:300;font-size:1.9rem;letter-spacing:-.03em;margin:0 0 28px;color:#fff}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rcard{background:var(--bg-3);border:1px solid var(--line);padding:26px 24px 26px;transition:border-color .3s,transform .4s var(--ease);display:flex;flex-direction:column;gap:10px}
.rcard:hover{border-color:var(--line-2);transform:translateY(-3px)}
.rcard .k{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.rcard h3{font-family:var(--display);font-variation-settings:"opsz" 40;font-weight:400;font-size:1.22rem;letter-spacing:-.02em;margin:0;line-height:1.25;color:#fff}
.rcard p{margin:0;font-size:.93rem;color:var(--fg-soft);flex:1;line-height:1.55}
.rcard .go{font-weight:600;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-top:6px}

/* broker profile */
.bp{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(36px,6vw,80px);align-items:start}
.bp-photo{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--bg-3);border:1px solid var(--line)}
.bp-mono{width:100%;aspect-ratio:3/4;display:grid;place-items:center;background:linear-gradient(160deg,var(--bg-3),var(--navy));font-family:var(--display);font-weight:300;font-size:5rem;color:#fff;border:1px solid var(--line)}
.bp-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:12px}
.bp-ways{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bp-ways .btn{padding:13px 10px}
.bp-ways .g{grid-column:1/-1}
.bp-mail{font-family:var(--mono);font-size:.78rem;color:var(--fg-mute);text-align:center}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

@media (max-width:1000px){.rgrid,.bl-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.bp{grid-template-columns:1fr}.bp-side{position:static;order:-1;max-width:420px}}
@media (max-width:620px){.rgrid,.bl-grid{grid-template-columns:1fr}}

/* ---------- guides ---------- */
.g-kick{font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin:0 0 14px}
.g-wrap{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(36px,6vw,80px);align-items:start}
.g-body{max-width:740px}
.toc{position:sticky;top:100px;font-size:.88rem}
.toc-h,.tk-h,.ak-h{font-family:var(--mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);margin:0 0 12px}
.toc ol{list-style:none;margin:0 0 26px;padding:0;border-left:1px solid var(--line)}
.toc li a{display:block;padding:7px 0 7px 14px;color:var(--fg-soft);border:0;line-height:1.35;margin-left:-1px;border-left:2px solid transparent}
.toc li a:hover{color:#fff;border-left-color:var(--green)}
.toc-cta{border-top:1px solid var(--line);padding-top:18px}
.toc-cta p{color:var(--fg-soft);font-size:.86rem;margin:0 0 12px}
.toc-cta .btn{width:100%;padding:12px}
.takeaways{background:linear-gradient(160deg,rgba(62,181,61,.10),rgba(26,38,116,.18));border:1px solid var(--line-2);padding:24px 26px;margin:0 0 44px}
.takeaways ul{margin:0;padding-left:18px}
.takeaways li{color:#fff;margin-bottom:9px;font-size:1rem;line-height:1.55}
.g-live{margin:56px 0}
.g-live .bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6px}
.g-more{display:inline-block;margin-top:18px;font-weight:600;color:#fff;border-bottom:1px solid var(--green)!important}
.askbox{display:flex;gap:20px;align-items:flex-start;background:var(--bg-3);border:1px solid var(--line-2);padding:24px;margin-top:48px}
.askbox img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}
.ak-p{color:var(--fg-soft);font-size:.95rem;margin:0 0 14px;line-height:1.55}
.ak-ways{display:flex;gap:8px;flex-wrap:wrap}
.ak-ways .btn{padding:11px 16px;font-size:.86rem;border-bottom:1px solid var(--line-2)}
.gfeat{display:block;background:linear-gradient(120deg,var(--bg-3),rgba(26,38,116,.55)),url("/images/hero-original.jpg") center/cover;border:1px solid var(--line-2);padding:clamp(28px,4vw,48px);margin-bottom:34px;transition:border-color .3s}
.gfeat:hover{border-color:var(--green)}
.gfeat .k{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}
.gfeat h2{font-family:var(--display);font-variation-settings:"opsz" 120;font-weight:300;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.03em;margin:12px 0;color:#fff;max-width:24ch}
.gfeat p{color:var(--fg-soft);max-width:60ch;margin:0 0 18px}
.gfeat .go{font-weight:600;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}
.gchips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.gchip{font-family:var(--body);font-size:.88rem;background:transparent;border:1px solid var(--line-2);color:var(--fg-soft);padding:9px 16px;border-radius:999px;cursor:pointer}
.gchip[aria-pressed="true"]{background:#fff;color:var(--bg);border-color:#fff}
.rcard[hidden]{display:none}
@media (max-width:980px){.g-wrap{grid-template-columns:1fr}.toc{position:static;display:none}.g-live .bl-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.g-live .bl-grid{grid-template-columns:1fr}.askbox{flex-direction:column}}

/* ---------- sell: what is my yacht worth ---------- */
.sellhero{position:relative;min-height:min(88svh,820px);display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}
.sh-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:yh-drift 24s var(--ease) both}
@keyframes yh-drift{from{transform:scale(1.1)}to{transform:scale(1.02)}}
.sh-grade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,31,.78) 0%,rgba(5,8,31,.25) 30%,rgba(5,8,31,.55) 60%,var(--bg) 100%),linear-gradient(90deg,rgba(5,8,31,.7),rgba(5,8,31,0) 70%)}
.sh-in{position:relative;z-index:2;padding:150px 0 clamp(44px,7vh,76px)}
.sellhero h1{font-family:var(--display);font-variation-settings:"opsz" 144;font-weight:300;font-size:clamp(2.6rem,6.6vw,5.6rem);line-height:.98;letter-spacing:-.035em;margin:0;color:#fff;max-width:14ch}
.sellhero h1 em{font-style:italic;color:var(--green-2)}
.valform{display:grid;grid-template-columns:1.4fr 1fr .7fr .7fr .9fr auto;gap:1px;margin-top:34px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:1080px}
.valform label{display:flex;flex-direction:column;gap:4px;background:rgba(5,8,31,.62);padding:12px 16px 10px;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute)}
.valform input,.valform select{background:transparent;border:0;color:#fff;font-family:var(--body);font-size:1rem;letter-spacing:0;text-transform:none;padding:4px 0;outline:none;width:100%;min-width:0}
.valform select option{background:var(--bg-3)}
.valform input::placeholder{color:rgba(244,246,251,.38)}
.valform label:focus-within{background:rgba(5,8,31,.8);color:var(--green-2)}
.valform button{border:0;background:var(--green);color:#fff;font:inherit;font-weight:600;font-size:.98rem;padding:0 28px;cursor:pointer;transition:background .25s}
.valform button:hover{background:var(--green-2)}
.vf-note{font-size:.84rem;color:var(--fg-mute);margin:12px 0 0}
.valres{padding:clamp(56px,7vw,90px) 0 20px;scroll-margin-top:90px}
.val-head h2{text-wrap:balance;font-family:var(--display);font-variation-settings:"opsz" 120;font-weight:300;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em;line-height:1.05;margin:6px 0 10px;color:#fff;max-width:24ch}
.val-basis{color:var(--fg-soft);margin:0 0 30px;max-width:70ch}
.val-k{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.val-k div{background:var(--bg-2);padding:20px 20px 18px;display:flex;flex-direction:column;gap:8px}
.val-k span{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute)}
.val-k strong{font-family:var(--display);font-variation-settings:"opsz" 90;font-weight:300;font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.03em;color:#fff;line-height:1.1}
.val-strip{position:relative;height:74px;margin:34px 6px 8px;border-bottom:1px solid var(--line-2)}
.val-strip b{position:absolute;bottom:0;height:34px;background:rgba(62,181,61,.16);border:1px solid rgba(62,181,61,.45);border-bottom:0}
.val-strip i{position:absolute;bottom:12px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#fff;opacity:.75;box-shadow:0 0 0 2px var(--bg)}
.val-strip em{position:absolute;bottom:0;width:2px;height:58px;margin-left:-1px;background:var(--green-2);font-style:normal}
.val-strip em span{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:var(--green-2)}
.val-strip small{position:absolute;top:100%;margin-top:8px;font-family:var(--mono);font-size:.66rem;color:var(--fg-mute)}
.val-strip small.l{left:0}.val-strip small.r{right:0}
.val-cols{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(28px,4vw,56px);margin-top:56px;align-items:start}
.val-h3,.val-ask h3{font-family:var(--display);font-variation-settings:"opsz" 60;font-weight:300;font-size:1.6rem;letter-spacing:-.03em;margin:0 0 18px;color:#fff}
.val-cols .bl-grid{grid-template-columns:repeat(2,1fr)}
.val-ask{position:sticky;top:100px;background:var(--bg-3);border:1px solid var(--line-2);padding:24px}
.val-ask p{color:var(--fg-soft);font-size:.94rem;line-height:1.6;margin:0 0 18px}
.val-or{margin:14px 0 0!important;font-size:.9rem}
.val-or a{color:#fff;border-bottom:1px solid var(--line-2)}
.val-none{max-width:640px}
.val-none h2{font-family:var(--display);font-weight:300;font-size:2rem;color:#fff;margin:0 0 10px}
.val-none p{color:var(--fg-soft)}
.sellsteps{padding:clamp(70px,9vw,120px) 0}
.ss-head{max-width:760px;margin-bottom:44px}
.ss-head h2{font-family:var(--display);font-variation-settings:"opsz" 120;font-weight:300;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em;line-height:1.05;margin:6px 0 14px;color:#fff}
.ss-head p{color:var(--fg-soft);font-size:1.05rem}
.ss-head a{color:var(--green-2);border-bottom:1px solid var(--line-2)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.steps li{background:var(--bg);padding:30px 28px 32px;transition:background .3s}
.steps li:hover{background:var(--bg-2)}
.steps .no{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;color:var(--green)}
.steps h3{font-family:var(--display);font-variation-settings:"opsz" 40;font-weight:400;font-size:1.35rem;letter-spacing:-.02em;color:#fff;margin:14px 0 10px}
.steps p{color:var(--fg-soft);font-size:.95rem;line-height:1.6;margin:0}
.sellproof{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(56px,7vw,90px) 0}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}
.sp-grid .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.sp-grid strong{display:block;font-family:var(--display);font-variation-settings:"opsz" 120;font-weight:300;font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.035em;color:#fff;margin:10px 0 10px;line-height:1.05}
.sp-grid p{color:var(--fg-soft);margin:0;line-height:1.6}
.sellfaq{padding:clamp(56px,7vw,90px) 0}
.sellfaq h2{font-family:var(--display);font-weight:300;font-size:clamp(1.8rem,3.2vw,2.6rem);letter-spacing:-.03em;color:#fff;margin:0 0 22px}
.sellfaq .faq{max-width:860px}
.bh-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 22px}
.bh-row h2{margin:0}
.bh-row a{color:var(--fg-soft);font-size:.92rem}.bh-row a:hover{color:#fff}
@media (max-width:1100px){.valform{grid-template-columns:repeat(3,1fr)}.valform .vf-b{grid-column:span 2}.valform button{padding:16px;grid-column:span 3}}
@media (max-width:980px){.val-cols{grid-template-columns:1fr}.val-ask{position:static}.val-k{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.sp-grid{grid-template-columns:1fr}}
@media (max-width:620px){.valform{grid-template-columns:1fr 1fr}.valform .vf-b{grid-column:1/-1}.valform button{grid-column:1/-1}.steps{grid-template-columns:1fr}.val-cols .bl-grid{grid-template-columns:1fr}}

/* ---------- QR kit ---------- */
.qrkit h2{font-family:var(--display);font-weight:300;font-size:1.8rem;letter-spacing:-.03em;color:#fff;margin:48px 0 18px}
.qrkit h2:first-child{margin-top:0}
.qrgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.qrt{margin:0;background:var(--bg-2);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:14px}
.qrt .qr-card{margin:0 auto;width:100%;max-width:240px}
.qrt figcaption{display:flex;flex-direction:column;gap:6px}
.qrt strong{color:#fff;font-family:var(--display);font-weight:400;font-size:1.1rem}
.qrt span{color:var(--fg-soft);font-size:.86rem}
.qrt code{font-family:var(--mono);font-size:.68rem;color:var(--fg-mute);word-break:break-all}
.qrt .qr-dl{justify-content:flex-start;margin-top:4px}
.qrt .qr-dl .btn{padding:9px 14px;font-size:.8rem}
@media (max-width:1100px){.qrgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.qrgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.qrgrid{grid-template-columns:1fr}}