:root { color-scheme: light; --ink:#203c39; --body:#3d5552; --muted:#647a76; --cream:#f8f6ef; --paper:#fffefa; --sage:#d8e4dc; --blue:#e5eff1; --line:#cdd9d2; --dark:#24443f; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--cream); color:var(--body); font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:1rem; line-height:1.65; }
    h1,h2,h3,p { margin-top:0; }
    h1,h2,.serif { font-family:Georgia,"Times New Roman",serif; font-weight:400; color:var(--ink); letter-spacing:-.035em; }
    a { color:inherit; }
    img { max-width:100%; display:block; }
    .skip { position:absolute; left:1rem; top:-5rem; z-index:10; padding:.75rem 1rem; background:var(--dark); color:white; }
    .skip:focus { top:1rem; }
    :focus-visible { outline:3px solid #527f93; outline-offset:4px; }
    .wrap { width:min(100% - 3rem, 1160px); margin-inline:auto; }
    header { background:var(--cream); border-bottom:1px solid var(--line); }
    .nav { display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:92px; position:relative; }
    .brand { display:flex; align-items:center; gap:.75rem; text-decoration:none; color:var(--ink); }
    .brand-mark { display:grid; place-items:center; flex:none; width:43px; height:43px; background:var(--dark); color:var(--cream); border-radius:12px; font:1.5rem Georgia,serif; }
    .brand-name { display:block; font-family:Georgia,serif; font-size:1.24rem; line-height:1.08; letter-spacing:-.025em; }
    .brand-sub { display:block; margin-top:.25rem; color:var(--muted); font-size:.69rem; line-height:1.2; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
    .nav-links { display:flex; align-items:center; gap:clamp(1rem,3vw,2.35rem); font-size:.91rem; font-weight:600; }
    .nav-links a { text-decoration:none; }
    .nav-links a:hover, .footer-links a:hover { text-decoration:underline; text-underline-offset:5px; }
    .nav-links .nav-cta { padding:.65rem 1.15rem; border:1px solid var(--dark); border-radius:100px; }
    .nav-links .nav-cta:hover { background:var(--dark); color:white; text-decoration:none; }
    .mobile-nav { display:none; flex:none; }
    .mobile-nav summary { display:flex; align-items:center; justify-content:center; min-height:44px; padding:.5rem 1rem; border:1px solid var(--dark); border-radius:100px; color:var(--ink); font-size:.9rem; font-weight:650; cursor:pointer; list-style:none; }
    .mobile-nav summary::-webkit-details-marker { display:none; }
    .mobile-nav[open] summary { background:var(--dark); color:white; }
    .mobile-nav-panel { position:absolute; right:0; top:calc(100% - .35rem); z-index:10; width:min(300px,calc(100vw - 2rem)); padding:.45rem; background:var(--paper); border:1px solid var(--line); border-radius:8px; box-shadow:0 12px 30px #203c3926; }
    .mobile-nav-panel a { display:block; padding:.65rem .8rem; border-radius:4px; color:var(--ink); font-weight:600; text-decoration:none; }
    .mobile-nav-panel a:hover,.mobile-nav-panel a:focus-visible { background:var(--sage); }
    .mobile-nav-panel a[aria-current="page"] { background:var(--blue); }
    .hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.68fr); gap:clamp(2.5rem,5vw,5rem); align-items:center; padding-block:clamp(2.75rem,5vw,4.75rem); }
    .eyebrow { color:#59746e; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; font-weight:750; line-height:1.4; }
    .hero h1 { max-width:670px; margin:.85rem 0 1.5rem; font-size:clamp(3.45rem,6.2vw,6.5rem); line-height:1.04; }
    .hero .intro { max-width:510px; font-size:clamp(1.06rem,1.55vw,1.25rem); line-height:1.7; }
    .hero .intro strong { color:var(--ink); font-weight:650; }
    .hero-offer { max-width:510px; margin:1rem 0 0; color:var(--ink); font-size:1rem; line-height:1.5; }
    .hero-offer strong { font-weight:750; }
    .actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.4rem; margin-top:2rem; }
    .button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:.78rem 1.5rem; border-radius:100px; background:var(--dark); color:#fff; font-weight:650; text-decoration:none; line-height:1.25; transition:background .2s,transform .2s; }
    .button:hover { background:#345d55; transform:translateY(-2px); }
    .text-link { color:var(--ink); font-weight:650; text-underline-offset:5px; }
    .hero-art { width:min(100%,300px); justify-self:center; margin:0; }
    .hero-art img { width:100%; height:auto; }
    @media (min-width:801px) {
      .hero h1 { font-size:clamp(3.45rem,4.8vw,4.85rem); }
      .hero-art { width:min(100%,400px); }
    }
    .assurance { background:var(--dark); color:#ecf3ef; }
    .assurance-inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:3rem; padding-block:2.8rem; }
    .assurance h2 { margin:0; color:#f5f7f1; font-size:clamp(1.9rem,3vw,3.1rem); line-height:1.15; }
    .assurance p { margin:0; max-width:480px; font-size:1.05rem; }
    section { scroll-margin-top:1.5rem; }
    .section-head { max-width:650px; }
    .section-head h2, .about h2, .contact h2 { margin:.65rem 0 1rem; font-size:clamp(2.55rem,4.2vw,4.5rem); line-height:1.12; }
    .section-head p { max-width:590px; font-size:1.08rem; }
    .services { padding-block:clamp(4.2rem,8vw,7.5rem); }
    .spaces-preview { margin-bottom:clamp(3.5rem,6vw,5.5rem); padding-bottom:clamp(3rem,6vw,5rem); border-bottom:1px solid var(--line); }
    .spaces-preview h2 { margin:.65rem 0 0; font-size:clamp(2.3rem,3.6vw,3.7rem); line-height:1.13; }
    .space-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:2.2rem; }
    .space-gallery figure { margin:0; padding:.65rem .65rem 1rem; background:var(--paper); border:1px solid var(--line); border-radius:8px; }
    .space-gallery img { width:100%; height:auto; display:block; border-radius:4px; }
    .space-gallery figcaption { padding:.8rem .35rem 0; color:var(--ink); font-family:Georgia,serif; font-size:1.2rem; line-height:1.2; }
    .space-note { max-width:680px; margin:1rem 0 0 auto; color:var(--muted); font-size:.79rem; line-height:1.55; text-align:right; }
    .gallery-swipe { display:none; }
    .cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2.6rem; }
    .card { min-height:360px; padding:2rem; border:1px solid var(--line); border-radius:8px; background:var(--paper); display:flex; flex-direction:column; }
    .card:nth-child(2) { background:#eef4f1; }
    .card:nth-child(3) { background:#eaf1f2; }
    .card .number { margin-bottom:auto; color:#587b75; font-family:Georgia,serif; font-size:1.7rem; }
    .card h3 { margin:1.6rem 0 .4rem; color:var(--ink); font-family:Georgia,serif; font-size:1.65rem; font-weight:400; line-height:1.2; }
    .card .rate { margin:0 0 .9rem; color:var(--ink); font-size:.93rem; font-weight:750; letter-spacing:.02em; }
    .card p { margin:0; }
    .note { margin:2rem 0 0; color:var(--muted); font-size:.98rem; }
    .session-flow { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(2rem,6vw,5.5rem); margin-top:clamp(3.5rem,7vw,6rem); padding-top:clamp(3rem,6vw,5rem); border-top:1px solid var(--line); }
    .session-flow h3 { margin:.65rem 0 1rem; color:var(--ink); font:400 clamp(2.25rem,3.6vw,3.5rem)/1.13 Georgia,serif; letter-spacing:-.035em; }
    .session-flow-intro { max-width:360px; font-size:1.08rem; }
    .session-steps { margin:0; padding:0; list-style:none; }
    .session-steps li { display:grid; grid-template-columns:2.4rem 1fr; gap:1rem; padding:1.25rem 0; border-top:1px solid var(--line); }
    .session-steps li:first-child { padding-top:0; border-top:0; }
    .session-steps .step-number { display:grid; place-items:center; width:2.25rem; height:2.25rem; border-radius:50%; background:var(--sage); color:var(--ink); font:400 1.15rem Georgia,serif; }
    .session-steps h4 { margin:0 0 .35rem; color:var(--ink); font:400 1.42rem/1.25 Georgia,serif; }
    .session-steps p { margin:0; }
    .booking-note { margin-top:2.75rem; padding:1.5rem clamp(1.5rem,3vw,2.4rem); background:#eaf1ed; border-left:3px solid #8baea0; border-radius:0 8px 8px 0; }
    .booking-note h3 { margin:0 0 .45rem; color:var(--ink); font:400 1.55rem/1.25 Georgia,serif; }
    .booking-note p { margin:0; max-width:940px; }
    .services-cta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1.1rem 2rem; margin-top:2.1rem; }
    .services-cta p { margin:0; color:var(--ink); font:400 clamp(1.35rem,2vw,1.7rem)/1.3 Georgia,serif; }
    .about { background:var(--blue); }
    .about-inner { width:min(100% - 3rem,1020px); display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,300px); align-items:center; gap:clamp(2rem,5vw,5rem); padding-block:clamp(4.2rem,8vw,7rem); }
    .about-lede { font-family:Georgia,serif; color:var(--ink); font-size:clamp(1.5rem,2.4vw,2.35rem); line-height:1.3; letter-spacing:-.025em; }
    .about-photo { margin:0; width:100%; }
    .about-photo img { width:100%; height:auto; }
    .about-copy p:not(.eyebrow) { max-width:650px; font-size:1.08rem; }
    .about-copy p:last-child { margin-bottom:0; }
    .signature { margin-top:1.6rem; color:var(--ink); font-family:Georgia,serif; font-size:1.45rem; font-style:italic; }
    .katie-song { max-width:480px; margin-top:2rem; padding-top:1.3rem; border-top:1px solid #bed2d4; }
    .katie-song .eyebrow { margin-bottom:.85rem; }
    .katie-song iframe { display:block; width:100%; height:152px; border:0; border-radius:12px; }
    .song-list { display:grid; gap:.45rem; margin-top:.75rem; }
    .song-option { display:flex; align-items:center; justify-content:space-between; gap:1rem; width:100%; padding:.7rem .9rem; border:1px solid #bed2d4; border-radius:9px; background:#ffffffa8; color:var(--ink); text-align:left; font:inherit; line-height:1.3; cursor:pointer; }
    .song-option:hover,.song-option[aria-pressed="true"] { background:var(--paper); border-color:#809f97; }
    .song-option[aria-pressed="true"] { box-shadow:inset 3px 0 var(--dark); }
    .song-option strong { display:block; font-size:.96rem; }
    .song-option small { display:block; margin-top:.15rem; color:var(--muted); font-size:.82rem; }
    .song-number { flex:none; color:var(--muted); font-size:.79rem; letter-spacing:.06em; }
    .values { background:#dce8df; padding-block:clamp(4.2rem,8vw,6.5rem); }
    .values-inner { max-width:900px; }
    .values h2 { margin:.65rem 0 2rem; font-size:clamp(2.55rem,4vw,4rem); line-height:1.13; }
    .value-card { display:grid; align-items:center; min-height:290px; padding:clamp(1.6rem,4vw,3.2rem); background:var(--paper); border:1px solid #b7cfc0; border-radius:8px; }
    .value-slide[hidden] { display:none; }
    .value-number { color:#6c8d7b; font-family:Georgia,serif; font-size:1.45rem; }
    .value-slide h3 { margin:.8rem 0 .8rem; color:var(--ink); font:400 clamp(1.8rem,2.8vw,2.5rem)/1.2 Georgia,serif; letter-spacing:-.025em; }
    .value-slide p { max-width:700px; margin:0; font-size:1.1rem; }
    .reviews { background:#f1f5f0; padding-block:clamp(4.2rem,8vw,6.5rem); }
    .reviews-inner { max-width:900px; }
    .reviews h2 { margin:.65rem 0 2rem; font-size:clamp(2.55rem,4vw,4rem); line-height:1.13; }
    .review-card { display:grid; align-items:center; background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:clamp(1.5rem,4vw,3.3rem); min-height:360px; }
    .review-slide[hidden] { display:none; }
    .review-mark { display:block; height:2.2rem; color:#7da295; font-family:Georgia,serif; font-size:4.4rem; line-height:.8; }
    .review-slide { margin:0; }
    .review-slide blockquote { margin:0; }
    .review-slide blockquote p { margin:1.15rem 0 1.5rem; color:var(--ink); font-family:Georgia,serif; font-size:clamp(1.15rem,2vw,1.48rem); line-height:1.54; }
    .review-slide figcaption { color:var(--ink); font-size:.96rem; font-weight:700; }
    .review-slide figcaption span { display:block; color:var(--muted); font-size:.84rem; font-weight:500; }
    .review-controls,.value-controls { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.25rem; }
    .review-buttons,.value-buttons { display:flex; flex-wrap:wrap; gap:.55rem; }
    .review-controls button,.value-controls button { min-height:44px; padding:.55rem 1rem; border:1px solid #8da79c; border-radius:100px; background:transparent; color:var(--ink); font:600 .88rem/1.3 ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
    .review-controls button:hover,.value-controls button:hover { background:var(--dark); border-color:var(--dark); color:white; }
    .review-count,.value-count { color:var(--muted); font-size:.9rem; white-space:nowrap; }
    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .details { padding-block:clamp(4.2rem,8vw,7rem); }
    .details-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem 5rem; }
    .details h2 { font-size:clamp(2.4rem,3.4vw,3.4rem); line-height:1.15; margin:.65rem 0 1rem; }
    .details p { max-width:520px; }
    .contact { background:var(--sage); text-align:center; padding-block:clamp(4.4rem,8vw,7rem); }
    .contact-inner { max-width:720px; }
    .contact h2 { margin-bottom:1rem; }
    .contact p:not(.eyebrow) { font-size:1.1rem; max-width:600px; margin-inline:auto; }
    .contact .button { margin-top:1rem; }
    .email-line { display:block; margin-top:1.15rem; color:var(--ink); font-size:.96rem; text-underline-offset:4px; overflow-wrap:anywhere; }
    footer { background:var(--dark); color:#dce8e1; padding-block:2rem; }
    .footer-inner { display:flex; justify-content:space-between; gap:1.5rem; align-items:center; font-size:.86rem; }
    .footer-inner p { margin:0; }
    .footer-links { display:flex; gap:1.5rem; flex-wrap:wrap; }
    .nav-links [aria-current="page"] { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:7px; }
    .career-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); align-items:end; gap:clamp(2rem,6vw,6rem); padding-block:clamp(4rem,9vw,8rem); }
    .career-hero h1 { max-width:760px; margin:.75rem 0 1.5rem; font-size:clamp(3.25rem,6.7vw,6.5rem); line-height:1.04; }
    @media (min-width:801px) { .career-hero h1 { font-size:clamp(3.25rem,4.6vw,4.5rem); line-height:1.08; } }
    .career-hero .intro { max-width:620px; margin:0; font-size:clamp(1.1rem,1.65vw,1.3rem); line-height:1.65; }
    .career-note { padding:clamp(1.6rem,3vw,2.5rem); background:#e7efe8; border:1px solid var(--line); border-radius:8px; }
    .career-note h2 { margin:0 0 1.1rem; font-size:1.75rem; }
    .career-note p { margin:0 0 .75rem; }
    .career-note p:last-child { margin-bottom:0; }
    .career-note strong { color:var(--ink); }
    .career-work { background:var(--paper); padding-block:clamp(4.2rem,8vw,7rem); }
    .career-work h2 { max-width:720px; margin:.6rem 0 1.2rem; font-size:clamp(2.5rem,4vw,4rem); line-height:1.12; }
    .career-work-intro { max-width:760px; margin-bottom:2.8rem; font-size:1.13rem; }
    .career-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(2rem,5vw,5rem); }
    .career-grid article { padding-top:1.4rem; border-top:1px solid var(--line); }
    .career-grid h3 { margin:0 0 .85rem; color:var(--ink); font:400 clamp(1.65rem,2.3vw,2.2rem)/1.2 Georgia,serif; }
    .career-grid p { max-width:500px; margin-bottom:0; font-size:1.06rem; }
    .career-scope { max-width:900px; margin:3.2rem 0 0; padding:1.2rem 1.5rem; border-left:3px solid #8baea0; background:#eaf1ed; font-size:1rem; }
    .career-scope h3 { margin:0 0 .65rem; color:var(--ink); font:400 1.6rem/1.25 Georgia,serif; }
    .career-scope p { margin:0 0 .8rem; }
    .career-scope p:last-child { margin-bottom:0; }
    .career-fit { background:#e7efe8; padding-block:clamp(4.2rem,8vw,7rem); }
    .career-fit-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); gap:clamp(2rem,6vw,6rem); align-items:start; }
    .career-fit h2 { margin:.65rem 0 1.4rem; font-size:clamp(2.55rem,4.3vw,4.2rem); line-height:1.1; }
    .career-fit-inner p { max-width:570px; font-size:1.07rem; }
    .career-fit-list { padding:clamp(1.5rem,3vw,2.6rem); background:var(--paper); border:1px solid var(--line); border-radius:8px; }
    .career-fit-list h3,.career-support h3 { margin:0 0 1.1rem; color:var(--ink); font:400 clamp(1.6rem,2.4vw,2.2rem)/1.2 Georgia,serif; }
    .career-fit-list ul { list-style:none; margin:0; padding:0; }
    .career-fit-list li { padding:1rem 0; border-top:1px solid var(--line); }
    .career-fit-list li:last-child { padding-bottom:0; }
    .career-fit-list strong { display:block; color:var(--ink); }
    .career-support { margin-top:clamp(3rem,6vw,5rem); padding-top:2rem; border-top:1px solid #b7cfc0; }
    .career-support p { max-width:850px; margin:0; font-size:1.07rem; }
    .career-support p + p { margin-top:1rem; }
    .career-list { margin:1.25rem 0 0; padding-left:1.3rem; font-size:1.06rem; }
    .career-list li { padding-left:.2rem; margin:.5rem 0; }
    .career-apply { background:var(--dark); color:#eaf1eb; padding-block:clamp(4.2rem,8vw,7rem); }
    .career-apply-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); align-items:center; gap:clamp(2rem,6vw,6rem); }
    .career-apply .eyebrow { color:#b6d4c7; }
    .career-apply h2 { color:#fffefa; margin:.65rem 0 1.25rem; font-size:clamp(2.6rem,4.5vw,4.6rem); line-height:1.12; }
    .career-apply p { max-width:580px; font-size:1.07rem; }
    .career-apply .button { background:#f5f4e9; color:var(--ink); margin-top:.6rem; }
    .career-apply .button:hover { background:#dce8df; }
    .career-apply .email-line { color:#eaf1eb; }
    .career-apply-details { padding:1.7rem 2rem; border:1px solid #8baca1; border-radius:8px; }
    .career-apply-details h3 { color:white; font:400 1.7rem/1.2 Georgia,serif; margin:0 0 1rem; }
    .career-apply-details ul { margin:0; padding-left:1.25rem; }
    .career-apply-details li { margin:.55rem 0; }
    @media (max-width:950px) {
      .nav-links { display:none; }
      .mobile-nav { display:block; }
    }
    @media (max-width:800px) {
      .nav { min-height:78px; }
      .hero { grid-template-columns:1fr; gap:1rem; padding-top:1.5rem; }
      .hero h1 { max-width:700px; }
      .hero-art { order:-1; width:min(65vw,280px); justify-self:center; margin-inline:auto; }
      .assurance-inner,.details-grid { grid-template-columns:1fr; gap:1.4rem; }
      .about-inner { grid-template-columns:1fr; }
      .about-photo { order:-1; width:min(70vw,280px); justify-self:center; }
      .space-gallery { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(235px,55%); overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; padding-bottom:.85rem; }
      .space-gallery figure { scroll-snap-align:start; }
      .gallery-swipe { display:block; margin:.6rem 0 0; color:var(--muted); font-size:.88rem; }
      .cards { grid-template-columns:1fr; }
      .card { min-height:0; }
      .card h3 { margin-top:1.2rem; }
      .session-flow { grid-template-columns:1fr; gap:1.5rem; }
      .session-flow-intro { max-width:650px; }
      .career-hero,.career-apply-inner,.career-grid,.career-fit-inner { grid-template-columns:1fr; }
      .career-hero { align-items:start; }
      .career-note { max-width:650px; }
    }
    @media (max-width:520px) {
      .wrap { width:min(100% - 2rem,1160px); }
      .nav { gap:.5rem; }
      .brand { gap:.5rem; }
      .brand-name { font-size:.9rem; }
      .brand-sub { display:none; }
      .brand-mark { width:34px; height:34px; font-size:1.2rem; }
      .nav-links { gap:.55rem; font-size:.82rem; }
      .nav-links .nav-cta { padding:.55rem .75rem; font-size:.8rem; white-space:nowrap; }
      .hero h1 { font-size:clamp(3.15rem,13vw,4.25rem); }
      .hero-art { width:min(68vw,250px); }
      .about-inner { width:min(100% - 2rem,1020px); }
      .space-gallery { grid-auto-columns:minmax(235px,82%); }
      .review-card { min-height:0; }
      .value-card { min-height:0; }
      .review-controls,.value-controls { align-items:flex-start; }
      .review-buttons,.value-buttons { max-width:260px; }
      .assurance-inner { padding-block:2.4rem; }
      .footer-inner { align-items:flex-start; flex-direction:column; }
    }
    @media (max-width:380px) { .brand-name { display:none; } }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .button { transition:none; } }