:root{--shell:#f3efe8;--ink:#111;--sage:#8fa89a;--mist:#e3e7e5;--line:#c9c2b8;--muted:#696b67;--card:#fffaf4;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif;color:var(--ink);background:var(--shell);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--shell);letter-spacing:-.018em}a{color:inherit;text-underline-offset:4px}.skip{position:fixed;top:-100px;left:16px;background:var(--ink);color:var(--shell);padding:12px;z-index:10}.skip:focus{top:16px}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:21px 32px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.04em}.brand img{width:27px;height:27px;object-fit:cover;border-radius:50%}.brand span{font-size:17px}nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:590}nav a{text-decoration:none}.nav-cta,.button{border-radius:999px;padding:12px 17px}.nav-cta{background:var(--ink);color:var(--shell)}.menu-button{display:none;border:1px solid var(--line);border-radius:999px;padding:10px 13px;background:transparent;font:inherit}.section{max-width:1240px;margin:auto;padding:112px 32px}.hero{min-height:710px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:36px;padding-top:62px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:720;margin:0 0 18px;color:#535854}.hero h1,h2{margin:0;font-weight:680;letter-spacing:-.065em;line-height:.96}.hero h1{font-size:clamp(64px,9vw,125px)}em{font-family:ui-serif,Georgia,serif;font-weight:400}.lede{font-size:20px;line-height:1.4;max-width:505px;margin:31px 0 28px;color:#30332f}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;gap:18px;align-items:center;text-decoration:none;font-size:15px;font-weight:700;padding:15px 20px}.button-dark{background:var(--ink);color:var(--shell)}.button-light{background:var(--shell);color:var(--ink)}.text-link{font-weight:650}.quiet-note{font-size:12px;color:var(--muted);margin-top:22px}.hero-art{position:relative;display:grid;place-items:center;min-height:545px}.hero-art .halo{position:absolute;width:425px;height:425px;border-radius:50%;background:var(--sage);opacity:.58}.hero-art img{position:relative;width:min(100%,390px);filter:drop-shadow(0 31px 25px rgba(17,17,17,.18));border-radius:42px}.caption{position:absolute;right:0;bottom:7px;margin:0;font:italic 22px ui-serif,Georgia,serif}.statement{padding-top:55px;padding-bottom:68px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:32px}.statement p{font-size:clamp(27px,4vw,51px);letter-spacing:-.05em;line-height:1.08;max-width:950px;margin:0}.pearl{width:55px;height:55px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff 0%,#e3d9cf 60%,#b9a898 100%);flex:0 0 auto}.section-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;margin-bottom:53px;align-items:start}.section-intro h2,.modes h2,.simple-feature h2,.journal h2,.plus h2,.ocean h2,.faq h2,.closing h2{font-size:clamp(43px,6vw,78px)}.section-intro p:last-child{font-size:18px;line-height:1.45;max-width:400px;grid-column:2}.feature-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.feature{background:var(--mist);border-radius:22px;padding:25px;min-height:360px;display:flex;flex-direction:column}.feature-wide{grid-row:span 1;position:relative;overflow:hidden;justify-content:space-between}.feature-wide>div{max-width:44%;position:relative;z-index:1}.feature img{width:51%;align-self:flex-end;margin:-70px -4px -33px 0;border-radius:29px;filter:drop-shadow(0 12px 13px #0003)}.feature h3{font-size:29px;letter-spacing:-.04em;margin:0 0 12px}.feature p:not(.feature-number){font-size:16px;line-height:1.45;margin:0;max-width:340px}.feature-number{font-size:12px;color:var(--muted);font-weight:700;margin:0 0 auto}.scribble{font:italic 30px ui-serif,Georgia,serif;margin-top:auto;line-height:1.05}.modes{background:var(--ink);color:var(--shell);max-width:none;display:grid;grid-template-columns:1.02fr .98fr;gap:50px;padding-left:max(32px,calc((100% - 1176px)/2));padding-right:max(32px,calc((100% - 1176px)/2))}.modes .eyebrow{color:#bdc7bf}.modes h2{max-width:650px}.modes-copy>p:not(.eyebrow):not(.fine-print){font-size:18px;line-height:1.45;color:#d2cec6;max-width:545px;margin:24px 0 32px}.modes dl{border-top:1px solid #4b4b48;margin:0}.modes dl div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid #4b4b48;padding:17px 0}.modes dt{font-weight:700}.modes dd{margin:0;color:#d2cec6}.fine-print{font-size:12px;line-height:1.4;color:#aaa59e;margin:18px 0 0;max-width:500px}.modes-art{display:grid;place-items:center}.modes-art img{width:min(100%,390px);border-radius:34px;filter:drop-shadow(0 20px 22px #0008)}.simple-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:13%;max-width:1060px}.simple-feature-art{background:var(--mist);border-radius:50%;padding:35px;display:grid;place-items:center;aspect-ratio:1}.simple-feature img{width:78%;border-radius:34px;filter:drop-shadow(0 19px 15px #0003)}.simple-feature p:not(.eyebrow),.journal p:not(.eyebrow),.ocean p:not(.eyebrow){font-size:18px;line-height:1.5;max-width:460px}.journal{background:#d9e3df;max-width:none;padding-left:max(32px,calc((100% - 1176px)/2));padding-right:max(32px,calc((100% - 1176px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.journal img{width:min(100%,390px);border-radius:35px;box-shadow:0 20px 34px #38534835;justify-self:center}.plus{background:#273d37;max-width:none;color:var(--shell);padding-left:max(32px,calc((100% - 1176px)/2));padding-right:max(32px,calc((100% - 1176px)/2))}.plus .eyebrow{color:#c1d1c3}.plus-heading{max-width:650px}.plus-heading>p:not(.eyebrow){color:#d6ddd5;line-height:1.5}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px;max-width:930px}.price-card{padding:29px;border:1px solid #668176;border-radius:21px}.price-card.featured{background:var(--shell);color:var(--ink);border-color:var(--shell)}.plan{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;margin:0}.price{font-size:45px;letter-spacing:-.06em;margin:20px 0 3px}.price strong{font-size:64px}.price-note{line-height:1.4;min-height:46px;margin:0 0 23px;color:#cbd2ca}.featured .price-note{color:#555}.price-note small{font-size:11px}.price-card ul{padding:0;margin:0 0 26px;list-style:none}.price-card li{border-top:1px solid #5b7066;padding:12px 0;font-size:14px}.featured li{border-color:#cdc6bd}.mission{text-align:center;max-width:820px;padding-top:142px;padding-bottom:142px}.mission blockquote{font:clamp(48px,7vw,90px)/.98 ui-serif,Georgia,serif;margin:14px 0 28px;letter-spacing:-.06em}.mission>p:not(.eyebrow):not(.manifesto){font-size:20px;line-height:1.5;max-width:610px;margin:auto}.manifesto{font-weight:700;margin:34px 0 0!important}.ocean{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10%;border-top:1px solid var(--line)}.ocean-disc{aspect-ratio:1;border-radius:50%;background:#111;display:grid;place-items:center}.ocean-disc img{width:54%;border-radius:50%}.faq{max-width:900px}.faq h2{margin-bottom:32px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:20px;font-weight:660;cursor:pointer;list-style-position:outside;padding-right:25px}details p{font-size:16px;line-height:1.55;max-width:650px;color:#4c504c;margin:17px 0 0}.closing{text-align:center;padding-top:135px;padding-bottom:135px}.closing img{width:64px;border-radius:50%;margin-bottom:22px}.closing h2{margin-bottom:33px}footer{border-top:1px solid var(--line);padding:30px 32px;max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px;align-items:center;font-size:13px}footer p{margin:0}footer>div{display:flex;gap:18px;justify-content:flex-end}footer a{font-weight:600}.copyright{grid-column:1/-1;color:var(--muted);font-size:11px;margin-top:16px}
@media(max-width:760px){.site-header{padding:18px 20px}.menu-button{display:block}nav{display:none;position:absolute;left:14px;right:14px;top:63px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px #0002;align-items:flex-start;flex-direction:column;gap:18px}.open{display:flex}.nav-cta{width:100%;text-align:center}.section{padding:72px 20px}.hero{grid-template-columns:1fr;min-height:0;padding-top:45px;gap:22px}.hero h1{font-size:67px}.lede{font-size:18px}.hero-art{min-height:405px}.hero-art .halo{width:310px;height:310px}.hero-art img{width:260px}.caption{right:2px;font-size:18px}.statement{padding-top:43px;padding-bottom:43px}.statement p{font-size:29px}.section-intro,.simple-feature,.journal,.ocean{grid-template-columns:1fr;gap:28px}.section-intro p:last-child{grid-column:auto}.feature-grid,.pricing{grid-template-columns:1fr}.feature{min-height:270px}.feature-wide{min-height:360px}.modes{grid-template-columns:1fr;padding:72px 20px}.modes dl div{grid-template-columns:96px 1fr}.simple-feature-art{max-width:330px}.journal{padding:72px 20px}.plus{padding:72px 20px}.mission{padding-top:100px;padding-bottom:100px}.ocean-disc{max-width:290px}.closing{padding-top:100px;padding-bottom:100px}footer{grid-template-columns:1fr;padding:28px 20px;gap:14px}footer>div{justify-content:flex-start;flex-wrap:wrap}.copyright{grid-column:auto;margin-top:14px}}
@media(prefers-reduced-motion:no-preference){.reveal{animation:rise .7s ease both}.hero-art{animation-delay:.12s}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
.feature-your .scribble{margin-top:19px}.moment-preview{margin-top:26px;padding:11px;background:#f8f6f0;border:1px solid #ced4cf;border-radius:16px;box-shadow:0 12px 22px #30413814;transform:rotate(-2deg)}.moment-preview div{display:grid;grid-template-columns:11px 1fr;column-gap:9px;align-items:center;padding:10px 3px;border-bottom:1px solid #d8ddd8}.moment-preview div:last-child{border:0}.moment-preview b{font-size:13px;letter-spacing:-.02em}.moment-preview small{grid-column:2;font-size:10px;color:#666;margin-top:2px}.moment-dot{width:9px;height:9px;border-radius:50%;grid-row:span 2}.moment-dot.sage{background:var(--sage)}.moment-dot.ink{background:var(--ink)}.letter-preview{margin-top:auto;background:#f8f5ed;border-radius:4px;padding:22px 17px 14px;min-height:128px;display:flex;flex-direction:column;gap:9px;box-shadow:0 17px 20px #15261c1c;transform:rotate(2.2deg);position:relative}.letter-preview:before{content:"";position:absolute;inset:8px;border:1px solid #ded7cb;pointer-events:none}.letter-preview span{font:italic 15px ui-serif,Georgia,serif;position:relative}.letter-preview span+span{color:#777}.letter-preview i{margin-top:auto;font:32px ui-serif,Georgia,serif;color:var(--sage);line-height:.6}@media(prefers-reduced-motion:no-preference){.feature{transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}.feature:hover{transform:translateY(-7px);box-shadow:0 22px 36px #1112}.feature-your .moment-preview{animation:float-card 5s ease-in-out infinite}.feature-commitment .letter-preview{animation:float-letter 6s ease-in-out 1s infinite}@keyframes float-card{50%{transform:rotate(-2deg) translateY(-6px)}}@keyframes float-letter{50%{transform:rotate(2.2deg) translateY(-7px)}}}
.feature-your{background:#d4e0d9;position:relative;overflow:hidden}.feature-your:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #8fa89a;border-radius:50%;right:-135px;bottom:-125px;box-shadow:0 0 0 28px #8fa89a22,0 0 0 56px #8fa89a16}.feature-your>*{position:relative;z-index:1}.feature-commitment{background:#18231f;color:#f3efe8;position:relative;overflow:hidden}.feature-commitment .feature-number{color:#c2cdc5}.feature-commitment p:not(.feature-number){color:#e0e5df}.feature-commitment:before{content:"";width:120px;height:120px;position:absolute;right:-35px;top:-38px;border-radius:50%;background:#8fa89a;opacity:.55}.feature-commitment .letter-preview{min-height:160px;margin-top:28px}.feature-commitment .letter-preview span{color:#20231f}.feature-commitment .letter-preview span+span{color:#777}
/* Mirrors CLAM's native hierarchy: SF system text, bold titles, semibold cards, regular body. */
body,.button,nav,.feature,.price-card,details{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",sans-serif;font-weight:400}.hero h1,h2{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;font-weight:700}.feature h3,.price,.price strong,summary,.button,.nav-cta{font-weight:600}.eyebrow,.feature-number{font-weight:600}.lede,.feature p:not(.feature-number),.section-intro p:last-child,.modes-copy>p:not(.eyebrow):not(.fine-print),.simple-feature p:not(.eyebrow),.journal p:not(.eyebrow),.ocean p:not(.eyebrow),details p{font-weight:400}em,.scribble,.mission blockquote{font-family:"Snell Roundhand","Apple Chancery",ui-serif,Georgia,serif;font-weight:400}
.contact{background:#d4e0d9;max-width:none;padding-left:max(32px,calc((100% - 1176px)/2));padding-right:max(32px,calc((100% - 1176px)/2));text-align:center}.contact h2{font-size:clamp(43px,6vw,76px)}.contact>p:not(.eyebrow){font-size:18px;margin:22px auto 28px}.contact-address{display:inline-flex;align-items:center;gap:16px;padding:16px 22px;background:#111;color:#f3efe8;border-radius:999px;text-decoration:none;font-weight:600;font-size:17px}.contact-address span{font-size:21px}@media(max-width:760px){.contact{padding-left:20px;padding-right:20px}.contact-address{font-size:15px;padding:15px 18px}}
