/* Fernbrook: editorial garden studio */
@font-face{font-family:Fraunces;src:url(/assets/fonts/fraunces.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
.fern{--cr:#F4F1E8;--cr2:#ECE6D6;--moss:#33532A;--deep:#1F2E1A;--och:#D9A441;--ink:#26261F;background:var(--cr);color:var(--ink);font:400 17px/1.65 Inter,system-ui,sans-serif}
.fern h1,.fern h2,.fern h3,.f-logo,.f-big,.f-q1{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.015em}
.fw{width:min(1200px,100% - 48px);margin-inline:auto}
.f-k{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--moss);margin-bottom:18px}
.fern h2{font-size:clamp(30px,4vw,48px);line-height:1.08;color:var(--deep)}
.f-head{position:sticky;top:0;z-index:50;background:rgba(244,241,232,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(38,38,31,.1)}
.f-head .fw{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px}
.f-nav{display:flex;gap:28px;font-size:14px;font-weight:500}
.f-nav a{text-decoration:none}.f-nav a:hover{color:var(--moss);text-decoration:underline;text-underline-offset:5px}
.f-logo{text-decoration:none;text-align:center;font-size:27px;line-height:1;color:var(--deep)}
.f-logo small{display:block;font:600 10px/1 Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--moss);margin-top:6px}
.f-right{display:flex;justify-content:flex-end;align-items:center;gap:18px}
.f-tel{border:0;background:none;display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:14px;padding:8px 0}
.f-tel svg{width:16px;height:16px}
.f-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--moss);color:#fff;text-decoration:none;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .2s}
.f-cta:hover{background:var(--deep)}.f-cta.lg{padding:16px 28px;font-size:16px}
.f-burger{display:none;border:0;background:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:7px;padding:10px}
.f-burger i{display:block;height:1.5px;background:var(--ink);transition:transform .2s}
.nav-open .f-burger i:first-child{transform:translateY(4.25px) rotate(45deg)}.nav-open .f-burger i:last-child{transform:translateY(-4.25px) rotate(-45deg)}
.f-hero{padding-top:64px}
.f-hero h1{font-size:clamp(44px,7.6vw,104px);line-height:.98;color:var(--deep);max-width:13ch}
.f-hero h1 em{font-style:italic;color:var(--moss);font-weight:400}
.f-hero-img{margin:48px 0 0;width:100%;height:clamp(320px,52vw,640px);overflow:hidden}
.f-hero-img img{width:100%;height:100%;object-fit:cover}
.f-hero-b{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:36px 0 0}
.f-hero-b p{font-size:19px;max-width:52ch}
.f-btns{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:flex-end}
.f-link{border:0;background:none;display:inline-flex;gap:8px;align-items:center;font-weight:600;text-decoration:underline;text-underline-offset:5px;padding:8px 0}
.f-link svg{width:18px;height:18px;color:var(--moss)}
.f-intro{padding:120px 0 90px;border-bottom:1px solid rgba(38,38,31,.12)}
.f-big{font-size:clamp(26px,3.3vw,40px);line-height:1.25;color:var(--deep);max-width:28ch}
.f-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:64px}
.f-facts li{border-top:2px solid var(--moss);padding-top:14px;font-size:14px;color:#55554a}
.f-facts b{display:block;font:500 22px/1.2 Fraunces,serif;color:var(--deep);margin-bottom:2px}
.f-svc{padding:110px 0}
.f-2{display:grid;grid-template-columns:5fr 7fr;gap:72px}
.f-sticky{position:sticky;top:120px;align-self:start}
.f-link-a{display:inline-block;margin-top:26px;font-weight:600;color:var(--moss);text-underline-offset:5px}
.f-list li{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:28px 0;border-top:1px solid rgba(38,38,31,.15)}
.f-list li:last-child{border-bottom:1px solid rgba(38,38,31,.15)}
.f-list .no{font:italic 400 20px/1.4 Fraunces,serif;color:var(--och)}
.f-list h3{font-size:25px;line-height:1.2;color:var(--deep);margin-bottom:6px}
.f-list p{color:#55554a}
.f-work{padding:20px 0 110px}
.f-work h2{margin-bottom:48px}
.f-mason{display:grid;grid-template-columns:7fr 5fr;grid-template-rows:auto auto;gap:24px}
.f-mason figure{margin:0}
.f-mason .m1{grid-row:span 2}
.f-mason img{width:100%;object-fit:cover}
.f-mason .m1 img{height:calc(100% - 64px);min-height:420px}
.f-mason .m2 img,.f-mason .m3 img{aspect-ratio:4/2.6}
.f-mason figcaption{font-size:14px;color:#55554a;padding-top:12px;min-height:52px}
.f-mason figcaption b{font:500 18px/1.3 Fraunces,serif;color:var(--deep);display:block}
.f-small{font-size:12.5px;opacity:.6;margin-top:6px}
.f-care{background:var(--moss);color:#E9EDE2;padding:110px 0}
.f-care h2{color:#fff}.f-care .f-k{color:var(--och)}
.f-care-g{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.f-care p{margin:22px 0 30px;max-width:46ch}
.f-care .f-cta{background:var(--och);color:var(--deep)}.f-care .f-cta:hover{background:#fff}
.f-prices{background:var(--cr);color:var(--ink);padding:36px 36px 28px}
.f-prices h3{font-size:26px;color:var(--deep);margin-bottom:12px}
.f-prices table{width:100%;border-collapse:collapse}
.f-prices th,.f-prices td{text-align:left;padding:16px 0;border-bottom:1px solid rgba(38,38,31,.15);font-weight:400}
.f-prices td{text-align:right;font:500 18px Fraunces,serif;color:var(--moss);white-space:nowrap;padding-left:16px}
.f-steps{padding:110px 0}
.f-steps ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.f-steps li{counter-increment:s;padding:28px 24px 0 0;border-top:1px solid var(--deep);position:relative;color:#55554a;font-size:15px}
.f-steps li::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:var(--och)}
.f-steps b{display:block;font:500 30px/1.1 Fraunces,serif;color:var(--deep);margin-bottom:10px}
.f-words{background:var(--cr2);padding:110px 0}
.f-q1{font-size:clamp(26px,3.6vw,44px);line-height:1.22;color:var(--deep);max-width:30ch}
.f-q1 cite,.f-q2 cite{display:block;font:600 13px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--moss);margin-top:20px}
.f-q2{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:64px;padding-top:40px;border-top:1px solid rgba(38,38,31,.15)}
.f-q2 blockquote{font:italic 400 20px/1.5 Fraunces,serif}
.f-faq{padding:110px 0}
.f-areas{margin-top:20px;color:#55554a}
.f-acc details{border-top:1px solid rgba(38,38,31,.18)}
.f-acc details:last-child{border-bottom:1px solid rgba(38,38,31,.18)}
.f-acc summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font:500 21px/1.3 Fraunces,serif;color:var(--deep);position:relative}
.f-acc summary::-webkit-details-marker{display:none}
.f-acc summary::after{content:"+";position:absolute;right:4px;top:18px;font:300 28px Inter;color:var(--moss);transition:transform .2s}
.f-acc details[open] summary::after{transform:rotate(45deg)}
.f-acc p{padding:0 40px 22px 0;color:#55554a}
.f-visit{background:var(--deep);color:#DCE3D5;padding:110px 0}
.f-visit h2{color:#fff}.f-visit .f-k{color:var(--och)}
.f-visit p{margin-top:18px;max-width:40ch}
.f-contact{display:flex;flex-direction:column;gap:12px;margin-top:32px;align-items:flex-start}
.f-cbtn{display:inline-flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.3);background:none;color:#fff;border-radius:999px;padding:12px 20px;font-weight:600}
.f-cbtn svg{width:18px;height:18px;color:var(--och)}
.f-formbox{background:var(--cr);color:var(--ink);padding:36px;border-radius:2px}
.f-formbox .lf input,.f-formbox .lf select,.f-formbox .lf textarea{border-radius:2px;border-color:rgba(38,38,31,.22);background:#FFFDF8}
.f-formbox .lf-btn{background:var(--moss);color:#fff;border-radius:999px}
.f-formbox .lf-btn:hover{background:var(--deep)}
.f-foot{background:#141D11;color:#B9C2B0;padding:64px 0 120px;font-size:15px}
.f-foot .f-logo{text-align:left;color:#fff;margin-bottom:14px}
.f-foot .demo-foot a{color:#fff}
.f-mbar{display:none}
@media (max-width:980px){
 .f-head .fw{grid-template-columns:auto 1fr auto;height:66px}
 .f-burger{display:flex}
 .f-logo{font-size:23px}
 .f-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--cr);padding:8px 24px 24px;border-bottom:1px solid rgba(38,38,31,.12);transform:translateY(-8px);opacity:0;visibility:hidden;transition:.2s}
 .f-nav a{padding:16px 0;border-bottom:1px solid rgba(38,38,31,.1);font:500 22px Fraunces,serif}
 .nav-open .f-nav{opacity:1;visibility:visible;transform:none}
 .f-right .f-cta{display:none}
 .f-tel span{display:none}.f-tel{width:44px;height:44px;justify-content:center;border:1px solid rgba(38,38,31,.2);border-radius:50%}
 .f-hero-b,.f-2,.f-care-g{grid-template-columns:1fr;gap:36px}
 .f-btns{justify-content:flex-start}
 .f-sticky{position:static}
 .f-facts{grid-template-columns:1fr 1fr}
 .f-steps ol{grid-template-columns:1fr 1fr;gap:36px 24px}
}
@media (max-width:640px){
 .fw{width:calc(100% - 40px)}
 .fern{font-size:16px}
 .f-hero{padding-top:40px}.f-hero-img{margin-top:32px;height:300px}
 .f-intro,.f-svc,.f-care,.f-steps,.f-words,.f-faq,.f-visit{padding:72px 0}
 .f-intro{padding-bottom:56px}
 .f-mason{grid-template-columns:1fr}.f-mason .m1{grid-row:auto}.f-mason .m1 img{height:auto;min-height:0;aspect-ratio:4/3}
 .f-q2{grid-template-columns:1fr;gap:28px}
 .f-prices,.f-formbox{padding:24px 20px}
 .f-list li{grid-template-columns:44px 1fr}
 .f-mbar{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(244,241,232,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(38,38,31,.12)}
 .f-mb{display:flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:999px;border:1px solid rgba(38,38,31,.25);background:none;font-weight:600;font-size:14px;text-decoration:none;color:var(--deep)}
 .f-mb svg{width:17px;height:17px}
 .f-mb.pri{background:var(--moss);border-color:var(--moss);color:#fff}
}