
    :root { --ink:#183d35; --deep:#102d28; --sage:#dce9df; --mist:#eef2ec; --cream:#faf6ef; --sand:#e9d7c3; --gold:#c59458; --clay:#a96957; --white:#fffdf9; --display:"Cormorant Garamond", Georgia, serif; --body:Manrope, Arial, sans-serif; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--cream); color:var(--ink); font-family:var(--body); font-size:15px; line-height:1.65; }
    a { color:inherit; text-decoration:none; }
    img { display:block; max-width:100%; }
    .container { width:min(1160px, calc(100% - 48px)); margin-inline:auto; }
    .eyebrow { margin:0 0 12px; color:var(--gold); font-size:.69rem; line-height:1.2; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
    .skip { position:absolute; left:-999px; top:10px; z-index:10; background:var(--white); padding:9px 12px; }.skip:focus{left:10px}
    header { position:absolute; inset:0 0 auto; z-index:3; }
    .nav { min-height:90px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
    .brand img { width:65px; height:65px; object-fit:contain; }
    .nav-links { display:flex; align-items:center; gap:22px; color:#315249; font-size:.66rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
    .nav-links a { transition:color .2s ease; }.nav-links a:hover,.nav-links a[aria-current="page"] { color:var(--clay); }
    .nav .button { min-height:42px; padding:10px 16px; font-size:.61rem; }
    .hero { position:relative; overflow:hidden; padding:155px 0 105px; min-height:690px; background:linear-gradient(116deg, #f9f1e6 0%, #f4eadc 53%, #dce6d8 100%); }
    .hero:before { content:""; position:absolute; width:680px; height:680px; border:1px solid rgba(154,103,76,.18); border-radius:50%; right:-270px; top:-255px; }
    .hero:after { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 14% 82%,rgba(255,255,255,.82),transparent 29%), linear-gradient(90deg,transparent 0 66%,rgba(255,255,255,.16)); }
    .hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:60px; }
    h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-family:var(--display); font-weight:500; line-height:.94; }
    h1 { max-width:650px; margin-bottom:22px; font-size:clamp(4.2rem,8.1vw,7.6rem); letter-spacing:-.055em; }
    h1 em { color:var(--clay); font-style:italic; }
    .hero-copy { max-width:530px; margin-bottom:31px; font-size:1.06rem; color:#416057; }
    .hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:15px; }
    .button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:12px; border:1px solid var(--ink); padding:12px 21px; border-radius:999px; font-size:.68rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; transition:transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease; }
    .button:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(24,61,53,.14); }
    .button.primary { border-color:var(--ink); background:var(--ink); color:#fffdf8; }.button.primary:hover{background:var(--clay);border-color:var(--clay)}
    .hero-note { display:flex; align-items:center; gap:9px; font-size:.72rem; color:#5b746c; }.hero-note:before { content:""; width:32px; height:1px; background:currentColor; }
    .hero-art { position:relative; min-height:474px; }
    .hero-orbit { position:absolute; right:1%; top:0; width:430px; height:430px; border-radius:50%; background:#dfbf9f; opacity:.8; }
    .hero-orbit:after { content:""; position:absolute; inset:28px; border:1px solid rgba(87,85,55,.42); border-radius:50%; }
    .hero-image { position:absolute; right:37px; bottom:0; width:min(360px,80%); height:440px; object-fit:cover; border-radius:190px 190px 18px 18px; box-shadow:18px 19px 0 rgba(255,253,249,.72); filter:saturate(.82) sepia(.05); }
    .hero-arch { position:absolute; bottom:21px; left:0; display:grid; place-items:center; width:160px; height:181px; border:8px solid var(--cream); border-radius:90px 90px 0 0; background:var(--deep); color:#f5dfbd; box-shadow:0 14px 30px rgba(28,49,42,.16); }.hero-arch svg { width:73px; height:73px; }
    .hero-stem { position:absolute; width:112px; right:2px; bottom:21px; opacity:.76; transform:rotate(-12deg); }
    .intro { position:relative; padding:82px 0; text-align:center; background:var(--white); }
    .intro:after { content:""; position:absolute; width:110px; height:1px; background:var(--gold); left:calc(50% - 55px); bottom:54px; }
    .intro h2 { max-width:840px; margin:0 auto 14px; font-size:clamp(2.7rem,5vw,4.7rem); letter-spacing:-.04em; }.intro p:last-child { max-width:670px; margin:0 auto; color:#527066; font-size:1.05rem; }
    .experiences { padding:112px 0 120px; background:linear-gradient(180deg,var(--mist),#e7ede6); }
    .section-heading { display:grid; grid-template-columns:1fr 1fr; gap:35px; align-items:end; margin-bottom:42px; }.section-heading h2 { margin:0; max-width:600px; font-size:clamp(3.2rem,5.5vw,5.2rem); letter-spacing:-.055em; }.section-heading > p { max-width:430px; margin:0 0 5px; color:#527067; }
    .cards { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
    .experience { position:relative; display:flex; min-height:390px; flex-direction:column; padding:28px 25px 23px; overflow:hidden; border:1px solid rgba(24,61,53,.16); border-radius:17px; background:rgba(255,253,249,.72); transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
    .experience:hover { z-index:1; transform:translateY(-7px); border-color:rgba(196,145,88,.65); box-shadow:0 19px 37px rgba(32,70,59,.13); }.experience:after { content:""; position:absolute; right:-57px; bottom:-56px; width:130px; height:130px; border:1px solid rgba(196,145,88,.25); border-radius:50%; }
    .icon { position:relative; z-index:1; display:grid; place-items:center; width:68px; height:68px; margin-bottom:27px; border-radius:50%; background:#e9ddce; color:var(--ink); }.icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
    .experience h3 { position:relative; z-index:1; min-height:52px; margin:0 0 16px; font-size:2rem; letter-spacing:-.035em; }.experience p { position:relative; z-index:1; margin-bottom:19px; color:#506b62; font-size:.84rem; line-height:1.68; }.experience span { position:relative; z-index:1; display:inline-flex; align-items:center; gap:9px; margin-top:auto; color:var(--clay); font-size:.66rem; font-weight:800; letter-spacing:.09em; line-height:1.42; text-transform:uppercase; }.experience span svg { width:14px; flex:none; }
    .pause { display:grid; grid-template-columns:.9fr 1.1fr; min-height:520px; background:var(--deep); color:#fffdf8; }.pause-art { position:relative; overflow:hidden; }.pause-art:after { content:""; position:absolute; inset:0; background:linear-gradient(45deg,rgba(16,45,40,.24),transparent 65%); }.pause-art img { width:100%; height:100%; object-fit:cover; filter:saturate(.68) brightness(.78); }.pause-copy { display:flex; flex-direction:column; justify-content:center; padding:72px clamp(32px,7vw,115px); }.pause-copy .eyebrow{color:#e6bd7d}.pause-copy h2{margin-bottom:22px;font-size:clamp(3rem,5vw,5rem);letter-spacing:-.055em}.pause-copy p{max-width:515px;margin-bottom:29px;color:#c9dad2}.pause-copy .button{align-self:flex-start;border-color:#e9d3ad;color:#fbf2e6}.pause-copy .button:hover{background:#e9d3ad;color:var(--deep)}
    .community { padding:116px 0; background:var(--cream); }
    .community-card { position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:38px; overflow:hidden; padding:39px 44px; border:1px solid rgba(24,61,53,.22); border-radius:22px; background:linear-gradient(105deg,#f4eadc 0%,#fffdf9 50%,#e2ecdf 100%); box-shadow:0 16px 32px rgba(64,83,64,.08); transition:transform .3s ease,box-shadow .3s ease; }.community-card:hover{transform:translateY(-6px);box-shadow:0 24px 45px rgba(51,77,64,.16)}.community-card:before{content:"";position:absolute;width:255px;height:255px;right:-95px;top:-155px;border:1px solid rgba(168,105,87,.2);border-radius:50%}.community-card:after{content:"";position:absolute;width:130px;height:130px;left:-58px;bottom:-81px;border:1px solid rgba(196,145,88,.25);border-radius:50%}
    .community-mark { position:relative; z-index:1; display:grid; place-items:center; width:90px; height:90px; flex:none; border-radius:50%; background:var(--ink); color:#efd7b2; }.community-mark svg{width:47px;height:47px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.community-text{position:relative;z-index:1}.community-text .eyebrow{margin-bottom:9px}.community-text h2{margin:0 0 8px;font-size:clamp(2.2rem,3.5vw,3.55rem);letter-spacing:-.045em}.community-text p{max-width:555px;margin:0;color:#537067;font-size:.92rem}.join-button { position:relative; z-index:1; display:flex; min-width:202px; flex-direction:column; align-items:flex-start; gap:4px; padding:16px 21px; border-radius:12px; background:var(--ink); color:#fffdf8; transition:background .2s ease; }.community-card:hover .join-button{background:var(--clay)}.join-button span{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:1.38rem;line-height:1}.join-button small{font-size:.62rem;line-height:1.5;letter-spacing:.03em}.join-button svg{width:17px;fill:none;stroke:#ebd2ad;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
    footer { padding:35px 0; background:#0e2a26; color:#e8eee8; }.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:1.2rem}.footer-brand img{width:50px;height:50px;object-fit:contain}.copyright{font-size:.65rem;line-height:1.6;font-weight:700;letter-spacing:.07em;text-align:right;text-transform:uppercase;color:#c6d5cc}.copyright a{color:#d5c19d}.copyright a:hover{color:#fff}
    .reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s ease; }.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.experience,.community-card,.button{transition:none}}
    @media (max-width:900px){.hero{padding-top:125px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-art{width:min(540px,100%);min-height:400px;margin-left:auto}.section-heading{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.pause{grid-template-columns:1fr}.pause-art{min-height:340px}.community-card{grid-template-columns:auto 1fr}.join-button{grid-column:2;justify-self:start}.nav-links{display:none}}
    @media (max-width:600px){.container{width:calc(100% - 32px)}.nav{min-height:76px}.brand img{width:52px;height:52px}.nav .button{min-height:39px;padding:9px 12px;font-size:.55rem}.hero{min-height:0;padding:116px 0 64px}.hero-grid{gap:16px}h1{font-size:clamp(3.8rem,18vw,5rem);line-height:.89}.hero-copy{font-size:.95rem;line-height:1.65}.hero-actions{display:grid;align-items:stretch}.hero-actions .button{width:100%}.hero-note{font-size:.66rem}.hero-art{min-height:305px}.hero-orbit{width:288px;height:288px;right:-2px}.hero-image{right:20px;width:226px;height:291px;border-radius:116px 116px 15px 15px;box-shadow:11px 12px 0 rgba(255,253,249,.75)}.hero-arch{left:0;bottom:5px;width:106px;height:126px;border-width:5px}.hero-arch svg{width:48px}.hero-stem{right:-15px;bottom:5px;width:76px}.intro{padding:68px 0 88px}.intro:after{bottom:42px}.intro p:last-child{font-size:.95rem}.experiences{padding:78px 0}.section-heading{gap:15px;margin-bottom:31px}.section-heading h2{font-size:clamp(3rem,15vw,4rem)}.section-heading>p{font-size:.91rem}.cards{grid-template-columns:1fr;gap:11px}.experience{min-height:0;padding:22px 21px}.icon{width:56px;height:56px;margin-bottom:19px}.icon svg{width:30px;height:30px}.experience h3{min-height:0;margin-bottom:9px;font-size:1.86rem}.experience p{margin-bottom:15px;font-size:.82rem}.pause-art{min-height:260px}.pause-copy{padding:60px 24px}.pause-copy h2{font-size:3.25rem}.community{padding:78px 0}.community-card{display:block;padding:29px 23px;border-radius:17px}.community-mark{width:63px;height:63px;margin-bottom:21px}.community-mark svg{width:35px;height:35px}.community-text h2{font-size:3rem;line-height:.93}.community-text p{font-size:.86rem}.join-button{display:inline-flex;margin-top:24px;min-width:0;width:100%;align-items:center;text-align:center}.footer-grid{display:block}.copyright{text-align:left;margin-top:18px}}
  
.calm-reset-page header { top: 32px; }
.calm-reset-page .hero { padding-top: 185px; }
@media (max-width:600px) { .calm-reset-page .hero { padding-top: 145px; } }
