/* Harbor Quiet Editions — Tim Meulen
Palette: harbor ink / shell / reed / pale gold / soft brick */
:root{
  --ink:#183235;--ink-soft:#4f686a;--shell:#f7f1e7;--paper:#fffdf8;
  --reed:#d8e6da;--reed-deep:#708b7d;--gold:#ecdeb2;--blue:#d9e4e6;
  --brick:#e8cec2;--terra:#c77c5e;--line:rgba(24,50,53,.13);
  --shadow:0 32px 86px rgba(17,40,43,.075);
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
  --sans:Inter,"Avenir Next","Segoe UI",Arial,sans-serif;
  --max:1280px;--xl:47px;--lg:30px;--md:18px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--shell);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 4% 8%,rgba(216,230,218,.78),transparent 29%),radial-gradient(circle at 97% 12%,rgba(236,222,178,.44),transparent 30%),radial-gradient(circle at 51% 99%,rgba(232,206,194,.29),transparent 29%)}
a{color:inherit;text-decoration:none;transition:color .18s ease}a:hover{color:var(--reed-deep)}p{line-height:1.68}
.header{max-width:var(--max);margin:auto;padding:24px 38px 0}.rail{padding-bottom:17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;color:var(--reed-deep);font-size:9px;font-weight:600;letter-spacing:.28em}
.mast{padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:38px}.brand{display:flex;align-items:center;gap:16px}.mark{width:58px;height:58px;border-radius:50%;background:var(--ink);display:grid;place-items:center;position:relative}.mark i{width:36px;height:18px;border-top:2px solid var(--reed);border-radius:50%}.mark b{position:absolute;bottom:15px;width:10px;height:10px;border-radius:50%;background:var(--terra)}.brand strong{display:block;font:400 31px/1 var(--serif);letter-spacing:-.068em}.brand small{display:block;margin-top:6px;color:var(--ink-soft);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.mast nav{display:flex;gap:29px;color:var(--ink-soft);font-size:13px}.mast nav .active{padding-bottom:6px;border-bottom:1px solid var(--terra);color:var(--ink)}
main{max-width:var(--max);margin:auto;padding:0 38px}.eyebrow{margin:0;color:var(--reed-deep);font-size:10px;font-weight:600;letter-spacing:.25em;text-transform:uppercase}.eyebrow.pale{color:#c2d6c8}
.hero{padding:78px 0 86px;display:grid;grid-template-columns:minmax(540px,1fr) 470px;gap:69px;align-items:center}.hero h1{margin:17px 0 29px;font:400 clamp(61px,6.65vw,87px)/.98 var(--serif);letter-spacing:-.08em}.hero h1 em{font-style:italic;color:var(--reed-deep)}.lead{max-width:590px;margin:0;color:var(--ink-soft);font-size:18px}.actions{margin-top:43px;display:flex;gap:30px;align-items:center}
.button{min-height:55px;padding:0 30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);font-size:14px;font-weight:500;transition:background .18s,transform .18s}.button:hover{background:var(--reed-deep);color:var(--paper);transform:translateY(-1px)}.text-link{color:var(--ink-soft);font-size:14px}.text-link span{padding-left:10px;color:var(--terra)}
.compass{padding:29px;border-radius:var(--xl);background:var(--paper);box-shadow:var(--shadow)}.compass-head{display:flex;justify-content:space-between;color:var(--reed-deep);font-size:9px;font-weight:600;letter-spacing:.24em;margin-bottom:27px}.compass-card{height:342px;border-radius:24px;background:var(--blue);position:relative;overflow:hidden}.compass-card:before,.compass-card:after{content:"";position:absolute;border:1px solid rgba(24,50,53,.14);border-radius:50%}.compass-card:before{width:272px;height:272px;left:calc(50% - 136px);top:35px}.compass-card:after{width:172px;height:172px;left:calc(50% - 86px);top:85px}.harbor-core{position:absolute;left:calc(50% - 41px);top:calc(50% - 41px);width:82px;height:82px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;align-content:center;gap:4px;box-shadow:0 0 0 7px rgba(255,253,248,.78);z-index:2}.harbor-core span{font:400 20px var(--serif);letter-spacing:.12em}.harbor-core small{font-size:8px;letter-spacing:.2em;color:#c2d6c8}.markpoint{position:absolute;z-index:3;min-width:103px;padding:10px 13px;border-radius:14px;background:var(--paper);display:grid;gap:3px}.markpoint small{color:var(--reed-deep);font-size:8px;font-weight:600;letter-spacing:.17em}.markpoint strong{font:400 20px var(--serif)}.markpoint em{color:var(--ink-soft);font-size:9px;font-style:normal;letter-spacing:.16em;text-transform:uppercase}.mp1{left:calc(50% - 51px);top:18px;background:var(--reed)}.mp2{right:16px;top:calc(50% - 34px);background:var(--gold)}.mp3{left:16px;top:calc(50% - 34px);background:var(--brick)}.mp4{left:calc(50% - 51px);bottom:18px}.compass-note{margin:27px 0 0;padding-top:21px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft)}
.principles{min-height:93px;margin-bottom:100px;padding:0 30px;border-radius:var(--lg);background:var(--ink);color:#e5ede9;display:grid;grid-template-columns:repeat(4,1fr)}.principles article{display:flex;align-items:center;gap:18px;padding:0 25px;border-right:1px solid rgba(255,253,248,.16)}.principles article:last-child{border:0}.principles span{color:#e2c47e;font:400 29px var(--serif)}.principles p{margin:0;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.sheets{padding-bottom:78px}.section-title{display:grid;grid-template-columns:1fr .94fr;gap:80px;align-items:end;margin-bottom:50px}.section-title h2,.process h2,.request-copy h2{margin:17px 0 0;font:400 clamp(45px,4.9vw,61px)/1.07 var(--serif);letter-spacing:-.071em}.section-title>p{margin:0;color:var(--ink-soft);font-size:15px}
.sheet-stack{display:grid;gap:14px}.sheet{min-height:154px;padding:26px 29px;border-radius:var(--lg);display:grid;grid-template-columns:168px 1fr 176px;gap:29px;align-items:center;background:var(--paper)}.reed{background:var(--reed)}.gold{background:var(--gold)}.brick{background:var(--brick)}.dark{background:var(--ink);color:var(--paper)}.sheet-ref{display:grid;gap:12px}.sheet-ref span{font:400 31px var(--serif);color:var(--terra)}.sheet-ref small{color:var(--reed-deep);font-size:10px;font-weight:600;letter-spacing:.2em}.dark .sheet-ref small{color:#c2d6c8}.sheet-copy>p:first-child{margin:0 0 8px;color:var(--reed-deep);font-size:9px;font-weight:600;letter-spacing:.21em;text-transform:uppercase}.dark .sheet-copy>p:first-child{color:#c2d6c8}.sheet-copy h3{margin:0 0 10px;font:400 31px/1.1 var(--serif);letter-spacing:-.052em}.summary{margin:0;color:var(--ink-soft);font-size:13px}.dark .summary{color:#d7e2dc}.sheet-action{display:grid;justify-items:end;gap:18px}.sheet-action strong{font:400 31px var(--serif)}.sheet-action a{padding-bottom:5px;border-bottom:1px solid var(--terra);font-size:12px}
.editorial-note{margin-bottom:80px;padding:48px 56px;border-radius:var(--xl);background:var(--blue);display:grid;grid-template-columns:180px 1fr 205px;gap:38px;align-items:center}.note-label{display:grid;gap:29px}.note-label span{width:55px;height:55px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:400 16px var(--serif);letter-spacing:.12em}.editorial-note blockquote{margin:0;font:400 clamp(30px,3.1vw,40px)/1.28 var(--serif);letter-spacing:-.05em}.signature{margin:0;color:var(--ink-soft);font-size:13px}.signature small{font-size:11px}
.process{padding:79px 0 83px;border-top:1px solid var(--line);display:grid;grid-template-columns:388px 1fr;gap:80px}.process-copy>p:last-child{margin:20px 0 0;color:var(--ink-soft);font-size:15px}.process-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.process-cards article{min-height:260px;padding:26px 23px;border-radius:var(--lg);background:var(--paper)}.process-cards article:first-child{background:var(--reed)}.process-cards article:last-child{background:var(--brick)}.process-cards span{color:var(--terra);font-size:10px;font-weight:600;letter-spacing:.22em}.process-cards h3{margin:53px 0 12px;font:400 28px var(--serif)}.process-cards p{margin:0;color:var(--ink-soft);font-size:13px}
.request{margin-bottom:39px;display:grid;grid-template-columns:.88fr 1.1fr;border-radius:var(--xl);overflow:hidden;box-shadow:var(--shadow)}.request-copy{padding:59px 54px;background:var(--ink);color:var(--paper)}.request-copy>p:not(.eyebrow){margin:24px 0 47px;color:#d7e2dc}.request-copy address{font-style:normal;color:#d7e2dc;line-height:1.9}.request-copy address strong{color:var(--paper)}.form{padding:52px 54px;background:var(--paper);display:grid;gap:18px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label:not(.consent){display:grid;gap:9px;color:var(--ink-soft);font-size:10px;font-weight:600;letter-spacing:.21em;text-transform:uppercase}.form input,.form select,.form textarea{width:100%;padding:16px 17px;border:1px solid var(--line);border-radius:var(--md);background:var(--shell);color:var(--ink);font:400 14px var(--sans)}.form textarea{resize:vertical}.consent{display:flex;gap:12px;color:var(--ink-soft);font-size:12px}.consent input{accent-color:var(--reed-deep)}.consent a{text-decoration:underline}.form button{min-height:55px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font:500 14px var(--sans);cursor:pointer}.form button:hover{background:var(--reed-deep)}
.footer{max-width:var(--max);margin:auto;padding:64px 38px 33px;color:var(--ink-soft)}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:42px}.footer-title{color:var(--ink);font:400 29px var(--serif)}.footer address{font-style:normal;line-height:1.82}.footer nav{display:grid;gap:11px}.footer nav a[aria-current]{color:var(--reed-deep)}.disclaimer{max-width:900px;margin:41px 0 0;padding-top:27px;border-top:1px solid var(--line);font-size:13px}.copyright{font-size:12px;color:#748789}
.legal,.terms{padding-top:82px;padding-bottom:48px}.legal-head{max-width:795px;margin-bottom:57px}.legal-head h1{margin:17px 0 19px;font:400 clamp(60px,6.5vw,82px)/1 var(--serif)}.legal-head>p:last-child{color:var(--ink-soft);font-size:18px}.legal-layout{display:grid;grid-template-columns:320px minmax(510px,744px);gap:68px}.publisher{padding:30px;border-radius:var(--lg);background:var(--reed);align-self:start}.publisher h2{font:400 32px var(--serif)}.publisher address{font-style:normal;line-height:1.82;color:var(--ink-soft)}.effective{padding-top:23px;border-top:1px solid var(--line);font-size:12px;color:var(--reed-deep)}.clauses{padding:47px 51px;border-radius:var(--xl);background:var(--paper);box-shadow:var(--shadow)}.clauses section{display:grid;grid-template-columns:48px 1fr;gap:22px;padding-bottom:31px;margin-bottom:31px;border-bottom:1px solid var(--line)}.clauses span{color:var(--terra);font:400 25px var(--serif)}.clauses h2,.term-grid h2{margin:0 0 13px;font:400 29px var(--serif)}.clauses p{margin:0;color:var(--ink-soft)}
.term-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.term-grid article{min-height:345px;padding:29px 25px;border-radius:var(--lg);background:var(--paper)}.term-grid article:nth-child(2){background:var(--reed)}.term-grid article:nth-child(3){background:var(--gold)}.term-grid article:nth-child(4){background:var(--blue)}.term-grid span{display:block;margin-bottom:57px;color:var(--reed-deep);font-size:10px;letter-spacing:.23em}.term-grid p{font-size:13px;color:var(--ink-soft)}.contact-band{margin-top:18px;padding:33px 35px;border-radius:var(--lg);background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center}.inverse{background:var(--paper);color:var(--ink)}
.thanks{padding:70px 38px;display:grid;place-items:center}.receipt{max-width:885px;padding:39px 67px 53px;border-radius:var(--xl);background:var(--paper);box-shadow:var(--shadow)}.receipt-head{padding-bottom:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--reed-deep);font-size:10px;letter-spacing:.24em}.harbor-symbol{height:72px;width:72px;margin:42px 0 28px;border-radius:50%;background:var(--blue);display:grid;place-items:center;position:relative}.harbor-symbol span{height:22px;width:44px;border-top:2px solid var(--ink);border-radius:50%}.harbor-symbol i{position:absolute;height:52px;border-left:1px solid var(--terra)}.harbor-symbol b{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--terra)}.receipt h1{font:400 clamp(50px,5.6vw,68px)/1.04 var(--serif)}.thanks-lead{color:var(--ink-soft);font-size:17px}.reply{padding:25px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.reply small{display:block;color:var(--reed-deep);font-size:10px}.thanks-actions{margin-top:40px;display:flex;gap:29px;align-items:center}.receipt address{margin-top:42px;color:var(--ink-soft);font-style:normal}
@media(max-width:1080px){.hero,.process,.request,.legal-layout{grid-template-columns:1fr}.section-title{grid-template-columns:1fr}.term-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.sheet{grid-template-columns:150px 1fr 160px}}
@media(max-width:730px){.header,main,.footer{padding-inline:20px}.mast{display:block}.mast nav{margin-top:24px;overflow-x:auto}.hero{padding:54px 0}.hero h1{font-size:48px}.actions,.thanks-actions{display:grid}.compass-card{height:360px}.principles{display:block;padding:17px}.principles article{padding:14px;border-right:0}.sheet{display:block;padding:24px 22px}.sheet-ref{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.sheet-action{margin-top:22px;display:flex;justify-content:space-between;align-items:center}.editorial-note{display:block;padding:33px 22px}.editorial-note blockquote{font-size:29px;margin:24px 0}.process-cards,.term-grid{grid-template-columns:1fr}.request-copy,.form,.clauses,.receipt{padding:33px 22px}.pair,.reply,.footer-grid{grid-template-columns:1fr}.contact-band{display:grid;gap:24px}}
