/* Sibling of onerevolversurfboards.com: black ground, navy bar, amber pill actions. Layout: deep ground, off-white type, cured-resin amber for the one action per screen. Wide display type echoes the wordmark. */
:root{--sea:#0d0d0e;--deep:#060607;--tide:#17191e;--line:#2e323b;--foam:#ffffff;--mist:#b4b8c0;--resin:#eba134;--resin-ink:#141008;--navy:#1f3b6b;
--display:"Montserrat",system-ui,"Segoe UI",Arial,sans-serif;--body:"Montserrat",system-ui,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sea);color:var(--foam);font:400 1.0625rem/1.6 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--resin)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--resin);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--foam);color:var(--deep);padding:8px 12px;z-index:9}
.wrap{max-width:1120px;margin-inline:auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);font-stretch:118%;font-weight:800;line-height:1.08;text-wrap:balance;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5.2vw,3.5rem);text-transform:uppercase}
h2{font-size:clamp(1.4rem,3vw,2rem);text-transform:uppercase}
h3{font-size:1.1rem;font-stretch:110%}
p{margin:0 0 1em}
.eyebrow,.tagline{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mist);font-weight:600}
.eyebrow a{color:inherit}
.lede{font-size:1.2rem;color:var(--foam);max-width:60ch}
.sub{color:var(--mist)}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:14px 20px;max-width:1120px;margin-inline:auto}
.brand{display:flex;align-items:center;gap:12px;color:var(--foam);text-decoration:none;font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:1.15rem;line-height:1}
.brand img{width:64px}
.brand small{display:block;font-size:.58rem;letter-spacing:.3em;font-weight:600;margin-top:5px;color:var(--mist)}
.top nav{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;font-size:.95rem}
.top nav a{color:var(--foam);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.top nav a:hover,.top nav a[aria-current]{border-color:var(--resin)}
.top nav a.cta{background:var(--resin);color:var(--resin-ink);padding:8px 16px;border-radius:999px;font-weight:700;border:0}
.band{padding-block:clamp(40px,7vw,80px)}
.band.alt{background:var(--deep)}
.page-head{padding-bottom:0}
.hero{padding-block:clamp(24px,5vw,56px)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,56px);align-items:center}
.hero-copy{min-width:0}
.hero-photo{margin:0}
.hero-photo img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:6px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:1.4em}
.btn{display:inline-block;background:var(--resin);color:var(--resin-ink);font:700 1rem var(--body);padding:13px 24px;border-radius:999px;text-decoration:none;border:2px solid var(--resin);cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--foam);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--foam)}
.more{font-weight:700;text-decoration:none}.more::after{content:" \2192"}
.cards,.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-block:24px}
.card{display:flex;flex-direction:column;gap:8px;background:var(--tide);border:1px solid var(--line);border-radius:6px;padding:22px;color:var(--foam);text-decoration:none;min-width:0}
.card:hover{border-color:var(--resin)}
.card p{color:var(--mist);margin:0;flex:1}
.card h2{font-size:1.2rem}
.price{font-weight:700;color:var(--resin);font-variant-numeric:tabular-nums}
.steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;counter-reset:s}
.steps li{counter-increment:s;border-top:2px solid var(--line);padding-top:16px;min-width:0}
.steps li::before{content:counter(s);font:900 2rem var(--display);font-stretch:125%;color:var(--resin);display:block;margin-bottom:6px}
.steps p{color:var(--mist);margin:0}
.seq,.gallery{display:grid;gap:14px;margin-block:24px}
.seq{grid-template-columns:repeat(4,1fr)}
.gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
figure{margin:0;min-width:0}
.seq img,.gallery img{aspect-ratio:3/4;object-fit:cover;width:100%;border-radius:4px}
figcaption{font-size:.9rem;color:var(--mist);padding-top:8px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,56px);align-items:start}
.two>*{min-width:0}
.two figure img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:6px}
.top-gap{margin-top:48px}
.table-wrap{overflow-x:auto}
.prices{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.prices th,.prices td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.prices thead th{font:800 .8rem var(--display);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--mist);border-bottom:2px solid var(--foam)}
.prices tbody th{font-weight:600;text-transform:none}
.prices tbody tr:first-child{background:var(--tide)}
.prices td{color:var(--foam);font-weight:600}
.plain{list-style:none;padding:0;margin:0 0 24px}
.plain li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--line);font-weight:600}
.plain span{color:var(--mist);font-weight:400}
.prose-list{padding-left:1.1em;margin:0;color:var(--mist);max-width:65ch}.prose-list li{margin-bottom:.5em}
.note{font-size:.9rem;color:var(--mist)}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.chips li{border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:.92rem}
.cta-band{background:var(--navy)}
.cta-band p{max-width:60ch}
.form{display:grid;gap:16px;background:var(--tide);border:1px solid var(--line);border-radius:6px;padding:24px}
.form label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
.form input,.form select,.form textarea{font:inherit;font-weight:400;color:var(--foam);background:var(--deep);border:1px solid var(--line);border-radius:4px;padding:11px 12px;width:100%}
.form .actions{margin:4px 0 0}
.big{font:900 clamp(1.6rem,4vw,2.2rem) var(--display);font-stretch:118%}.big a{text-decoration:none}
.prose{max-width:720px}
.prose h1{font-size:clamp(1.8rem,4.4vw,2.8rem)}
.prose h2{font-size:1.25rem;margin-top:1.8em;text-transform:none}
.prose p,.prose li{color:var(--foam)}
.prose ul{padding-left:1.2em}
.foot{background:var(--deep);border-top:1px solid var(--line);padding:48px 20px 24px}
.foot-grid{max-width:1120px;margin-inline:auto;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:32px;align-items:start}
.foot-grid>*{min-width:0}
.foot img{max-width:260px;width:100%}
.foot h2{font-size:.8rem;letter-spacing:.16em;color:var(--mist)}
.foot-links{display:grid;gap:6px}
.foot a{color:var(--foam)}
.fine{max-width:1120px;margin:32px auto 0;font-size:.85rem;color:var(--mist)}
@media (max-width:820px){.hero-grid,.two,.foot-grid{grid-template-columns:1fr}.seq{grid-template-columns:1fr 1fr}.hero-photo img{aspect-ratio:4/3}.top{justify-content:center}.top nav{justify-content:center}}
@media (prefers-reduced-motion:no-preference){.card,.btn{transition:border-color .15s,filter .15s}}
.bar{background:var(--navy);text-align:center;font-size:.9rem;padding:8px 16px}.bar a{color:var(--foam)}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-block:24px;max-width:860px}
.ba figure{position:relative}.ba img{aspect-ratio:3/4;object-fit:cover;width:100%;border-radius:4px}
.ba figcaption{position:absolute;left:10px;top:10px;background:var(--resin);color:var(--resin-ink);font:800 .8rem var(--display);letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
blockquote.card{margin:0}blockquote.card p{color:var(--foam);font-size:1rem}blockquote.card footer{font-size:.85rem;color:var(--mist)}
.prose-list strong{color:var(--foam)}
.seq6{grid-template-columns:repeat(3,1fr)}figcaption b{color:var(--resin)}
@media (max-width:820px){.seq6{grid-template-columns:1fr 1fr}}
.hero-ba{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-ba figure{position:relative}
.hero-ba img{aspect-ratio:3/5;object-fit:cover;width:100%;border-radius:6px}
.hero-ba figcaption{position:absolute;left:10px;top:10px;background:var(--resin);color:var(--resin-ink);font:800 .8rem var(--display);letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
@media (max-width:820px){.hero-ba img{aspect-ratio:3/4}}
.chips a{color:var(--resin);text-decoration:none}
.prose figure{margin:1.6em 0}.prose figure img{border-radius:6px;width:100%;max-width:520px}