:root{
      --paper:#f6f2eb;
      --sand:#e7ddce;
      --ink:#292824;
      --drift:#aa8d73;
      --muted:#6e6961;
      --white:#fffdf9;
      --line:rgba(41,40,36,.18);
      --max:1540px;
      --gutter:clamp(20px,5.6vw,92px);
      --serif:Georgia,'Times New Roman',serif;
      --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--paper)}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.58;-webkit-font-smoothing:antialiased}
    img{display:block;width:100%;height:auto;background:var(--sand)}
    a{color:inherit}
    button{font:inherit}
    .wrap{width:min(var(--max),calc(100% - (2 * var(--gutter))));margin-inline:auto}
    .eyebrow{font-size:12px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--drift)}
    .serif{font-family:var(--serif);font-weight:400}
    .display{font-family:var(--serif);font-size:clamp(56px,8.6vw,132px);line-height:.9;letter-spacing:-.04em;font-weight:400;margin:0}
    .section-title{font-family:var(--serif);font-size:clamp(42px,5.3vw,78px);line-height:1.01;letter-spacing:-.025em;font-weight:400;margin:0}
    .lead{font-family:var(--serif);font-size:clamp(24px,2.45vw,39px);line-height:1.28;margin:0}
    .copy{max-width:640px;color:#3f3d38}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 22px;border:1px solid var(--ink);background:var(--ink);color:var(--white);text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.105em;font-weight:700;transition:transform .15s ease,background .15s ease}
    .btn:hover{transform:translateY(-1px);background:#171713}
    .btn--ghost{background:transparent;color:var(--ink)}
    .text-link{display:inline-block;text-underline-offset:5px;text-decoration-thickness:1px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
    .skip{position:absolute;left:-999px;top:0;background:#fff;padding:12px;z-index:999}.skip:focus{left:12px;top:12px}

    /* Header */
    .site-header{position:relative;z-index:20;padding:20px 0;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line)}
    .header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{text-decoration:none;display:flex;align-items:center;white-space:nowrap;flex:0 0 auto}
    .brand-logo{display:block;width:clamp(150px,13vw,205px);height:auto;background:transparent}
    .footer-logo{display:block;width:min(260px,82%);height:auto;background:transparent;filter:invert(1);opacity:.92}
    .nav{display:flex;align-items:center;gap:25px}
    .nav a{text-decoration:none;font-size:12px;letter-spacing:.075em;text-transform:uppercase;font-weight:650}
    .nav .nav-cta{padding:12px 15px;border:1px solid currentColor}
    .menu-btn{display:none;background:none;border:0;padding:10px 0;text-transform:uppercase;letter-spacing:.1em;font-size:11px}

    /* Hero — let the photograph stand on its own */
    .hero{position:relative;background:var(--paper);overflow:hidden}
    .hero-media{position:relative;margin:0;width:100%;height:auto;overflow:visible;background:var(--sand)}
    .hero-media img{width:100%;height:auto;object-fit:contain;object-position:center;display:block}
    .hero-inner{position:relative;background:var(--paper);padding:clamp(54px,6vw,86px) 0 clamp(62px,7vw,100px);border-bottom:1px solid var(--line)}
    .hero-copy{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);gap:clamp(44px,7vw,120px);align-items:end;max-width:none}
    .hero-title-block .eyebrow{margin-bottom:20px}
    .hero-copy .display{font-size:clamp(64px,7.4vw,116px);line-height:.92}
    .hero-message{padding-bottom:5px}
    .hero-copy .sub{font-family:var(--serif);font-size:clamp(22px,2vw,31px);line-height:1.38;max-width:590px;margin:0 0 30px;color:#3e3b36}
    .hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
    .hero-caption{display:none}

    /* proof */
    .proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0}
    .proof-inner{display:grid;grid-template-columns:190px 1fr 180px;gap:34px;align-items:center}
    .stars{font-size:15px;letter-spacing:.16em}
    .proof-quote{font-family:var(--serif);font-size:clamp(20px,2.2vw,31px);line-height:1.35;margin:0}
    .proof-attrib{text-align:right;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

    /* philosophy */
    .philosophy{padding:clamp(92px,10vw,150px) 0}
    .philosophy-grid{display:grid;grid-template-columns:.68fr 1.42fr;gap:clamp(48px,6vw,96px);align-items:center}
    .philosophy-copy .section-title{max-width:680px;margin:12px 0 34px}
    .grandma{font-family:var(--serif);font-size:clamp(25px,2.8vw,40px);line-height:1.25;margin:36px 0 0;padding-top:30px;border-top:1px solid var(--line)}
    .duo{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;align-items:end}
    .duo img{width:100%;height:auto;object-fit:contain}
    .duo img:first-child{align-self:start}
    .duo img:last-child{align-self:end;margin-bottom:-36px}

    /* process */
    .process{background:var(--sand);padding:clamp(74px,7vw,108px) 0}
    .process-head{display:grid;grid-template-columns:.92fr 1fr;gap:60px;align-items:end;margin-bottom:72px}
    .process-head p{margin:0;max-width:620px}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(41,40,36,.28)}
    .step{padding:30px 38px 0 0;min-height:230px}
    .step+.step{border-left:1px solid rgba(41,40,36,.28);padding-left:38px}
    .step-num{font-family:var(--serif);font-size:48px;line-height:1;color:var(--drift);margin-bottom:24px}
    .step h3{font-family:var(--serif);font-size:29px;font-weight:400;margin:0 0 11px}
    .step p{margin:0;color:#4c4943}

    .process-gallery{display:grid;grid-template-columns:.72fr 1.14fr 1.14fr;gap:14px;margin:0 0 70px;align-items:start}
    .process-gallery img{width:100%;height:auto;object-fit:contain}
    .process-gallery img:nth-child(2){align-self:end}

    /* image chapters */
    .image-break{width:100%;margin:0;background:var(--sand)}
    .image-break img{width:100%;height:auto;display:block}
    .image-break--inset{padding:0 var(--gutter)}
    .image-break--inset img{max-width:1600px;margin-inline:auto}

    /* pricing */
    .pricing{background:var(--ink);color:var(--white);padding:clamp(76px,7vw,112px) 0}
    .pricing-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,8vw,132px);align-items:start}
    .pricing .eyebrow{color:#c8aa90}
    .pricing .section-title{max-width:560px;margin:13px 0 24px}
    .pricing-intro{font-family:var(--serif);font-size:clamp(22px,2.2vw,34px);line-height:1.35;color:#eee7dd;max-width:570px}
    .pricing-rows{border-top:1px solid rgba(255,255,255,.28)}
    .price-row{display:grid;grid-template-columns:1.25fr 1fr .7fr;gap:20px;align-items:baseline;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.2)}
    .price-row strong{font-family:var(--serif);font-size:26px;font-weight:400}
    .price-row span{color:#d7d0c7;font-size:14px}
    .price-row b{font-family:var(--serif);font-size:29px;font-weight:400;text-align:right}
    .price-note{font-size:13px;color:#bdb6ad;margin:18px 0 28px;max-width:670px}
    .pricing .btn{background:var(--white);color:var(--ink);border-color:var(--white)}

    /* story */
    .story{padding:clamp(78px,7vw,112px) 0 0}
    .story-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}
    .story-intro .section-title{max-width:800px;margin-top:12px}
    .story-lead{width:100%;margin:0 0 18px}
    .story-lead img{width:100%;height:auto;display:block}
    .story-grid{width:min(1660px,calc(100% - 2 * var(--gutter)));margin-inline:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
    .story-grid img{width:100%;height:auto;object-fit:contain}
    .story-grid .s1{grid-column:1;grid-row:1}
    .story-grid .s2{grid-column:2;grid-row:1 / span 2}
    .story-grid .s3{grid-column:1;grid-row:2}
    .story-grid .s4{grid-column:1 / -1;grid-row:3;margin-top:0}
    .story-grid .s5{display:none}
    .story-footer{width:min(var(--max),calc(100% - (2 * var(--gutter))));margin:34px auto 0;display:flex;justify-content:flex-end;padding-bottom:clamp(90px,9vw,140px)}

    /* meet */
    .meet{padding:0 0 clamp(100px,10vw,150px)}
    .meet-grid{display:grid;grid-template-columns:.78fr 1.1fr;gap:clamp(50px,8vw,120px);align-items:center}
    .meet-img{width:100%;height:auto;object-fit:contain}
    .meet .section-title{margin:12px 0 28px;max-width:630px}
    .meet .copy{font-size:18px}

    /* secondary services */
    .services{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .service-grid{display:grid;grid-template-columns:1fr 1fr}
    .service{padding:clamp(46px,5vw,72px) var(--gutter) clamp(64px,7vw,96px);min-height:760px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}
    .service:first-child{border-right:1px solid var(--line)}
    .service-img{height:auto;overflow:visible;margin-bottom:38px}
    .service-img img{width:100%;height:auto;object-fit:contain}
    .service h3{font-family:var(--serif);font-size:clamp(39px,4.6vw,67px);line-height:1.02;font-weight:400;margin:10px 0 20px;max-width:670px}
    .service p{max-width:590px;margin:0 0 25px;color:#4c4943}

    /* locations */
    .locations{padding:clamp(92px,9vw,140px) 0;background:var(--white)}
    .locations-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:end;margin-bottom:55px}
    .locations-head .section-title{margin-top:12px}
    .location-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin:0 0 56px;align-items:end}
    .location-gallery img{width:100%;height:auto;object-fit:contain}
    .location-gallery img:last-child{align-self:end}
    .location-links{border-top:1px solid var(--line)}
    .location-link{display:grid;grid-template-columns:180px 1fr 40px;align-items:center;gap:26px;padding:23px 0;border-bottom:1px solid var(--line);text-decoration:none}
    .location-link .loc{font-family:var(--serif);font-size:30px}
    .location-link .desc{color:var(--muted)}
    .location-link .arrow{text-align:right;font-size:24px}

    /* faqs */
    .faq{padding:clamp(90px,9vw,140px) 0}
    .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,8vw,120px)}
    .faq .section-title{margin-top:12px;max-width:540px}
    details{border-top:1px solid var(--line);padding:21px 0}
    details:last-child{border-bottom:1px solid var(--line)}
    summary{list-style:none;cursor:pointer;font-family:var(--serif);font-size:23px;display:flex;justify-content:space-between;gap:20px}
    summary::-webkit-details-marker{display:none}
    summary::after{content:'+';font-family:var(--sans);font-size:20px;color:var(--drift)}
    details[open] summary::after{content:'–'}
    details p{max-width:680px;color:var(--muted);margin:14px 34px 2px 0}

    /* final */
    .final{background:var(--ink);color:var(--white);padding:clamp(92px,10vw,160px) 0;text-align:center}
    .final .eyebrow{color:#c8aa90}
    .final h2{font-family:var(--serif);font-size:clamp(52px,7vw,104px);line-height:.95;letter-spacing:-.035em;font-weight:400;max-width:980px;margin:14px auto 28px}
    .final p{font-family:var(--serif);font-size:clamp(20px,2vw,30px);max-width:650px;margin:0 auto 34px;color:#e8e0d7}
    .final .btn{background:var(--white);color:var(--ink);border-color:var(--white)}

    /* footer */
    footer{background:#1f1e1a;color:#d7d0c7;padding:54px 0 34px}
    .footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:44px;padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.15)}
    .footer-brand{display:flex;align-items:flex-start}
    .footer-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#9f988f;margin-bottom:14px}
    footer a{display:block;text-decoration:none;margin:7px 0;color:#d7d0c7}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8f8980}

    /* prototype note */
    .prototype-note{position:fixed;z-index:60;right:14px;bottom:14px;background:rgba(246,242,235,.93);color:var(--ink);border:1px solid var(--line);padding:8px 11px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}

    @media(max-width:1100px){
      .nav a:not(.nav-cta){display:none}.menu-btn{display:block}.header-inner{gap:15px}.nav{gap:14px}
      .hero-copy{grid-template-columns:1fr 1fr;gap:44px}
      .philosophy-grid,.pricing-grid,.meet-grid,.faq-grid{grid-template-columns:1fr 1fr;gap:52px}
      .story-grid{grid-template-columns:1fr 1fr}.story-grid .s1{grid-row:auto}.story-grid .s5{display:none}
    }
    @media(max-width:780px){
      body{font-size:16px}
      .site-header{position:relative;padding:12px 0}.brand-logo{width:145px}.nav-cta{font-size:10px!important;padding:10px 11px!important}.menu-btn{display:block}
      .hero-media{height:auto;min-height:0}.hero-media img{height:auto;object-fit:contain;object-position:center}.hero-inner{padding:42px 0 54px}.hero-copy{grid-template-columns:1fr;gap:26px}.hero-title-block .eyebrow{margin-bottom:15px}.hero-copy .display{font-size:clamp(58px,16vw,86px)}.hero-copy .sub{font-size:23px;margin:0 0 25px;max-width:520px}.hero-actions{display:block}.hero-actions .btn{width:100%;margin-bottom:17px}.hero-actions .text-link{margin-left:3px}
      .proof-inner{grid-template-columns:1fr;gap:13px}.proof-attrib{text-align:left}.stars{display:none}
      .philosophy{padding:76px 0 104px}.philosophy-grid,.process-head,.pricing-grid,.meet-grid,.locations-head,.faq-grid{grid-template-columns:1fr;gap:36px}.duo{margin-top:18px;grid-template-columns:.72fr 1fr;align-items:end}.duo img:last-child{margin-bottom:-24px}.process-gallery{grid-template-columns:.72fr 1fr;gap:10px;margin-bottom:44px;align-items:start}.process-gallery img:nth-child(3){grid-column:1 / -1}.location-gallery{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:38px;align-items:end}
      .steps{grid-template-columns:1fr}.step{min-height:auto;padding:26px 0}.step+.step{border-left:0;border-top:1px solid rgba(41,40,36,.28);padding-left:0}.step-num{font-size:38px;margin-bottom:14px}
      .price-row{grid-template-columns:1fr auto;gap:5px 20px}.price-row strong{grid-column:1}.price-row span{grid-column:1}.price-row b{grid-row:1 / span 2;grid-column:2;align-self:center}.pricing .btn{width:100%}
      .story-intro{display:block}.story-intro .text-link{margin-top:22px}.story-grid{grid-template-columns:1fr;gap:10px;width:calc(100% - 2 * var(--gutter))}.story-grid .s1,.story-grid .s2,.story-grid .s3,.story-grid .s4{grid-column:1;grid-row:auto;height:auto}.story-footer{justify-content:flex-start}
      .meet-grid{display:flex;flex-direction:column}.meet-img{order:2}.meet-copy{order:1}
      .service-grid{grid-template-columns:1fr}.service{padding:62px var(--gutter);min-height:auto}.service:first-child{border-right:0;border-bottom:1px solid var(--line)}.service-img{height:auto;margin-bottom:34px}
      .location-link{grid-template-columns:1fr 32px;gap:7px 20px}.location-link .desc{grid-column:1}.location-link .arrow{grid-row:1 / span 2;grid-column:2}.location-link .loc{font-size:26px}
      .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.footer-bottom{display:block;line-height:1.8}
      .prototype-note{display:none}
    }
    @media(max-width:500px){
      .hero-media{height:auto;min-height:0}.story-grid{grid-template-columns:1fr}.service-img{height:auto}.footer-grid{grid-template-columns:1fr}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}