:root{--cream:#f5f3ed;--ink:#253a30;--muted:#6d746c;--line:#d5d9cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.7 Arial,sans-serif}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #8bb06b;outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:var(--cream);gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:1.2px;font-weight:600}.brand img{height:64px;width:64px;object-fit:contain}.brand span span{display:block;font-size:9px;letter-spacing:2px;font-weight:400;margin-top:2px}nav{display:flex;gap:32px;font-size:12px}.brief-link{background:none;border:0;border-bottom:1px solid var(--ink);padding:7px 0;font-size:12px}.hero{min-height:650px;height:calc(100svh - 100px);max-height:940px;position:relative;color:#fff;display:flex;align-items:center;padding:6.5%}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,23,17,.78),rgba(10,23,17,.1)),url('assets/p18-0.webp') center/cover}.hero-copy{position:relative}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.07;letter-spacing:-2px}h1{font-size:clamp(50px,5.7vw,90px);margin-bottom:30px}h2{font-size:clamp(40px,4.5vw,68px);margin-bottom:28px}em{font-weight:400}h3{font-size:20px;font-weight:400;line-height:1.4;margin:0}.hero-copy>p:not(.eyebrow){font-size:15px;color:#eee9df;line-height:1.8}.light-link{display:flex;align-items:center;justify-content:space-between;width:190px;border-bottom:1px solid #c2c8bc;padding:15px 0;margin-top:35px;font-size:12px}.hero-note,.hero-index{position:absolute;bottom:26px;font-size:9px;letter-spacing:1.8px}.hero-note{left:6.5%}.hero-index{right:5%}.wrap{padding:110px 7%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:7%;border-bottom:1px solid var(--line)}.intro>.eyebrow{padding-top:10px}.intro p:not(.eyebrow){max-width:540px;color:var(--muted);margin-bottom:0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head h2{margin-bottom:0}.section-head>p{font-size:13px;color:var(--muted);margin:0}.small-dot{color:#83a460}.filters{display:flex;gap:25px;margin:45px 0 38px;border-bottom:1px solid var(--line)}.filters button{background:none;border:0;padding:0 0 15px;font-size:12px;color:var(--muted)}.filters button.active{border-bottom:2px solid var(--ink);color:var(--ink)}sup{margin-left:7px;font-size:9px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px}.project{border:0;padding:0;background:none;text-align:left;min-width:0}.project[hidden]{display:none}.photo{position:relative;overflow:hidden;aspect-ratio:1.46}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.view{position:absolute;bottom:16px;right:16px;background:var(--cream);padding:8px 13px;font-size:10px;opacity:0;transition:opacity .2s}.project:hover .view,.project:focus-visible .view{opacity:1}.caption{display:flex;justify-content:space-between;gap:12px;padding-top:17px;align-items:baseline}.caption span{font-size:11px;color:var(--muted)}.portfolio-note{font-size:11px;color:var(--muted);margin-top:45px}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid;padding-bottom:7px}.studio{background:#e5e7de;display:grid;grid-template-columns:1fr 1fr}.studio-photo{min-height:650px}.studio-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.studio-copy{padding:80px 13%;align-self:center}.studio-copy p:not(.eyebrow){font-size:14px;color:#535f55}.studio-copy .statement{font-family:Georgia,serif;font-size:23px!important;color:var(--ink)!important;margin:32px 0 16px}.approach{display:grid;grid-template-columns:1fr 1.15fr;gap:9%}.services article{display:flex;gap:25px;padding:28px 0;border-top:1px solid var(--line)}.services article>span{font-size:11px;padding-top:5px;color:var(--muted)}.services h3{margin-bottom:13px}.services p{font-size:13px;color:var(--muted);margin:0}.closing{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--cream)}.closing>img{width:100%;height:100%;object-fit:cover}.closing>div{padding:90px 13%}.closing button{background:var(--cream);border:0;padding:16px 22px;color:var(--ink);font-size:12px}.closing div>p:last-child{font-size:11px;color:#c4cdbf;margin-top:20px}footer{padding:50px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}footer p{margin:0}.footer-brand{font-size:14px;color:var(--ink);letter-spacing:1px}dialog{width:min(900px,94vw);max-height:90svh;border:0;background:var(--cream);color:var(--ink);padding:50px;overflow:auto}dialog::backdrop{background:#14251dcc;backdrop-filter:blur(4px)}dialog h2{font-size:44px}dialog>p{color:var(--muted);font-size:13px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:22px;padding:8px}.gallery-images{display:grid;gap:15px}.gallery-images img{width:100%;display:block}.dialog-cta{border:0;background:var(--ink);color:white;padding:14px 20px;margin-top:24px;font-size:12px}#brief{width:min(660px,94vw)}form label{display:block;font-size:11px;margin:16px 0}input,textarea,select{width:100%;border:1px solid #bac2b7;background:#fffef9;font:14px Arial;color:var(--ink);padding:12px;margin-top:7px;border-radius:0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.download{border:0;background:var(--ink);color:white;padding:15px 20px}.form-note{font-size:11px;margin-top:15px;color:var(--muted)}@media(min-width:1600px){.wrap{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:800px){header{height:84px;padding:0 5%}.brand img{width:45px;height:50px}.brand{font-size:10px;gap:9px}nav{display:none}.brief-link{font-size:10px}.hero{height:78svh;min-height:570px;padding:8%}.hero-note{left:8%;font-size:8px}.hero-index{display:none}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.4px}.wrap{padding:65px 7%}.intro,.approach{grid-template-columns:1fr;gap:25px}.section-head{align-items:start}.section-head>p{display:none}.grid{gap:30px 18px}.caption{display:block}.caption h3{font-size:17px}.caption span{font-size:10px}.photo{aspect-ratio:1.1}.studio{grid-template-columns:1fr}.studio-photo{height:420px;min-height:0}.studio-copy{padding:55px 8%}.closing{grid-template-columns:1fr}.closing>img{height:280px}.closing>div{padding:60px 8%}footer{display:grid;grid-template-columns:1fr 1fr;padding:35px 7%;gap:25px}.filters{gap:22px}.filters button{font-size:11px}.view{display:none}dialog{padding:40px 22px}.form-row{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.fees{border-top:1px solid var(--line)}.fee-intro{max-width:740px;color:var(--muted);font-size:14px;margin:30px 0 45px}.fee-group{border-top:1px solid var(--line)}.fee-group summary{list-style:none;cursor:pointer;display:flex;gap:25px;align-items:center;padding:24px 0;font-size:22px;font-family:Georgia,serif}.fee-group summary::-webkit-details-marker{display:none}.fee-group summary>span:first-child{font:11px Arial;color:var(--muted)}.fee-toggle{margin-left:auto;font:24px Arial}.fee-group[open] .fee-toggle{transform:rotate(45deg)}.fee-row{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;padding:23px 27px;border-top:1px solid var(--line);background:#eeeee6}.fee-row h3{font-size:16px}.fee-row p{font-size:12px;color:var(--muted);margin:7px 0 0;max-width:470px}.fee-price{text-align:right;align-self:center}.fee-price strong{font-size:15px;font-weight:500}.fee-price span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.fee-terms{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;margin-top:40px}.fee-terms h3{font-size:18px}.fee-terms ul{padding-left:18px;font-size:12px;color:var(--muted)}.fee-terms .dialog-cta{margin:0}.fee-small{font-size:11px;color:var(--muted);max-width:270px;margin-top:15px}@media(max-width:800px){.fee-row{grid-template-columns:1fr;gap:15px;padding:20px}.fee-price{text-align:left}.fee-terms{grid-template-columns:1fr;gap:20px}.fee-group summary{font-size:20px;gap:15px}}

/* MF identity — deep forest green with warm ivory */
:root{--cream:#f8f5eb;--ink:#034129;--muted:#627367;--line:#d5ddcf}
header{height:126px;padding:12px 5%;gap:28px}.brand img{width:106px;height:98px;object-fit:contain}.brand{flex-shrink:0}nav{gap:27px}.brief-link{border:1px solid var(--ink);border-radius:3px;padding:11px 18px;background:var(--ink);color:var(--cream)}.brief-link:hover{background:#0b5437}
.hero{height:calc(100svh - 126px)}.hero-image{background:linear-gradient(90deg,rgba(2,45,28,.83),rgba(2,45,28,.12)),url('assets/p18-0.webp') center/cover}.hero-copy>p:not(.eyebrow){color:#f0ecdf}.small-dot{color:#316f4d}.studio{background:#e8ecdf}.closing{background:#034129}.closing button,.download,.dialog-cta{border-radius:3px}.services article>span,.eyebrow{color:#39724f}.hero .eyebrow,.closing .eyebrow{color:#e4ead8}.fee-group summary{color:var(--cream);background:#034129;padding:20px 24px}.fee-group summary>span:first-child{color:#bdceb7}.fee-group{border-top:0;margin-bottom:13px}.fee-row{background:#efefe4}.fee-price strong{color:#034129}.fee-group summary:focus-visible{outline:3px solid #7ca785;outline-offset:3px}.footer-brand img{display:block;width:115px;height:105px;object-fit:contain}footer{padding-top:38px;padding-bottom:38px}button:focus-visible,a:focus-visible{outline-color:#36764e}
@media(max-width:800px){header{height:106px;padding:9px 6%;gap:15px}.brand img{width:87px;height:82px}.brief-link{font-size:10px;padding:10px 12px}.hero{height:78svh}.fee-group summary{padding:18px;font-size:19px}.footer-brand img{width:100px;height:92px}}

/* Partner-approved MF Design identity: olive, sand and warm stone. */
:root{--cream:#f3eadb;--ink:#4d4d20;--muted:#77715e;--line:#d5c8b1}
header{height:120px;background:#e9d8ba}.brand img{width:146px;height:94px;mix-blend-mode:multiply}.brief-link{background:#4d4d20;color:#faf3e6;border-color:#4d4d20}.brief-link:hover{background:#626030}.hero{height:calc(100svh - 120px)}.hero-image{background:linear-gradient(90deg,rgba(43,41,19,.82),rgba(43,41,19,.12)),url('assets/p18-0.webp') center/cover}.eyebrow,.services article>span{color:#787444}.hero .eyebrow,.closing .eyebrow{color:#e9ddc6}.small-dot{color:#918957}.studio{background:#e5d8c1}.studio-copy p:not(.eyebrow){color:#716950}.closing{background:#4d4d20}.closing div>p:last-child{color:#e0d5bc}.fee-group summary{background:#4d4d20;color:#faf3e6}.fee-group summary>span:first-child{color:#d9cbab}.fee-row{background:#ede2ce}.fee-price strong{color:#4d4d20}.footer-brand img{width:146px;height:96px;mix-blend-mode:multiply}footer{background:#e9d8ba}.gallery-images{background:#e5d8c1}button:focus-visible,a:focus-visible{outline-color:#87804c}.fee-group summary:focus-visible{outline-color:#87804c}input,textarea,select{border-color:#c8b99b;background:#fcf7ee}dialog::backdrop{background:#302c1bd1}
@media(max-width:800px){header{height:100px}.brand img{width:116px;height:75px}.hero{height:78svh}.footer-brand img{width:120px;height:78px}}
header,footer{background:#dfcbae}.brand img,.footer-brand img{mix-blend-mode:darken}

/* Mindful Form verbal identity */
.mindful-wordmark{font-size:13px;letter-spacing:1.2px;font-weight:500;white-space:nowrap}.mindful-wordmark small{display:block;font-size:9px;letter-spacing:.9px;font-weight:400;margin-top:6px}.brand{gap:20px}.brand img{width:112px;height:76px}nav{gap:21px}.mindful-name{font-size:13px;letter-spacing:3px;margin-bottom:24px;color:#f4ead8}.hero h1{font-size:clamp(42px,4.7vw,76px);max-width:1100px;line-height:1.12}.footer-brand{display:flex;align-items:center;gap:22px}.footer-brand>span{font-size:12px;letter-spacing:1px}.footer-brand small{display:block;font-size:9px;margin-top:6px;letter-spacing:.5px}
@media(max-width:1100px){nav{gap:16px}.mindful-wordmark{font-size:11px}.brand{gap:12px}.brand img{width:88px;height:64px}.brief-link{font-size:10px;padding:10px 12px}}
@media(max-width:800px){.brand img{width:74px;height:56px}.mindful-wordmark{font-size:10px;letter-spacing:.5px}.mindful-wordmark small{font-size:7px;letter-spacing:.2px}.brand{gap:10px}header{padding-left:5%;padding-right:5%;gap:8px}.brief-link{max-width:90px;font-size:9px;line-height:1.4;padding:8px}.hero h1{font-size:clamp(37px,7vw,53px);letter-spacing:-1.4px}.mindful-name{font-size:10px;letter-spacing:2px}.footer-brand{grid-column:1/-1}.footer-brand img{width:100px;height:68px}}

.studio{grid-template-columns:1.15fr 1fr;align-items:center}.studio-photo{min-height:0;height:auto;background:#edeaea;align-self:center}.studio-photo img{display:block;width:100%;height:auto;object-fit:contain;filter:grayscale(1)}.studio-copy{padding:65px 10%}.studio-copy h2{font-size:clamp(36px,3.8vw,58px)}@media(max-width:800px){.studio{grid-template-columns:1fr}.studio-photo{height:auto}.studio-copy{padding:48px 8%}}

/* Direct enquiries — retain the Mindful Form cream and olive palette. */
.footer-details{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.footer-details p{margin-bottom:6px}
.footer-details a{font-size:11px;color:var(--ink);border-bottom:1px solid transparent;overflow-wrap:anywhere}
.footer-details a:hover,.footer-details a:focus-visible{border-bottom-color:currentColor}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:9px;padding:12px 17px;border-radius:100px;background:#4d4d20;color:#fff9ec;box-shadow:0 8px 30px #2f301e40;font-size:12px;letter-spacing:.2px;font-weight:600;transition:transform .2s,background .2s}
.whatsapp-float:hover{background:#656337;transform:translateY(-2px)}
.whatsapp-dot{font-size:14px;color:#d4e5b7}
.enquiry-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.enquiry-actions button{padding:15px 18px;font-size:12px;border:1px solid var(--ink);border-radius:3px}
.enquiry-actions .send-wa{background:transparent;color:var(--ink)}
.enquiry-actions .send-wa:hover{background:#e6dbc5}
.enquiry-fallback:not([hidden]){display:block;margin-top:15px;font-size:12px}
.enquiry-fallback a{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:4px}
@media(max-width:800px){.whatsapp-float{right:14px;bottom:14px;padding:11px 14px}.enquiry-actions{flex-direction:column}.enquiry-actions button{width:100%}footer{padding-bottom:88px}}

/* Keyboard access and compact mobile navigation. */
.skip-link{position:absolute;left:16px;top:-70px;z-index:100;background:var(--cream);color:var(--ink);padding:10px 16px;border:2px solid var(--ink)}
.skip-link:focus{top:10px}
header{position:relative;z-index:30}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.menu-toggle{display:none;background:transparent;border:1px solid var(--ink);border-radius:3px;width:40px;height:40px;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.menu-toggle span{display:block;width:18px;height:1px;background:var(--ink)}
@media(max-width:800px){
  .menu-toggle{display:flex}
  #site-nav{display:none;position:absolute;top:100%;right:0;width:min(290px,100%);padding:14px 7%;background:#dfcbae;box-shadow:0 16px 24px #302c1b2b;flex-direction:column;gap:0;z-index:40}
  #site-nav.is-open{display:flex}
  #site-nav a{font-size:13px;border-bottom:1px solid #c6b493;padding:13px 0}
  #site-nav a:last-child{border-bottom:0}
  .header-actions{gap:7px}
}
@media(max-width:520px){
  header{padding-left:5%;padding-right:5%}
  .brand{gap:7px;min-width:0}
  .brand img{width:54px;height:48px;flex-shrink:0}
  .mindful-wordmark{font-size:9px;letter-spacing:.3px;white-space:normal;line-height:1.3;max-width:100px}
  .mindful-wordmark small{font-size:6px;line-height:1.4;letter-spacing:0;margin-top:3px}
  .brief-link{max-width:74px;padding:8px 7px;font-size:9px}
  .menu-toggle{width:36px;height:36px;flex-shrink:0}
  .hero h1{font-size:clamp(34px,8.5vw,46px)}
  .hero{min-height:520px}
  .filters{gap:14px;overflow-x:auto}
  .filters button{white-space:nowrap}
}

/* Brand-consistent navigation and vector CTA icons (no emoji glyph fallback). */
#site-nav a{text-transform:uppercase;letter-spacing:1.15px;font-size:11px;font-weight:600}
button[data-brief]{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.cta-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:middle}
@media(max-width:800px){#site-nav a{font-size:12px;letter-spacing:1.15px}}
@media(max-width:520px){.brief-link{max-width:none;white-space:nowrap;padding:7px 6px;font-size:8px}.brief-link .cta-icon{width:13px;height:13px;flex-basis:13px}button[data-brief]{gap:5px}}

/* Footer contact details. */
footer{align-items:center}
.footer-details{gap:10px}
.footer-details p{margin-bottom:8px;line-height:1.9}
.footer-details a.contact-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;line-height:1.4;padding:3px 0}
.contact-icon{width:18px;height:18px;flex:0 0 18px;color:var(--ink)}
.contact-link .cta-icon{width:13px;height:13px;flex:0 0 13px;margin-left:1px}
.copyright{white-space:nowrap;align-self:center}
@media(max-width:800px){footer{grid-template-columns:1fr;gap:18px}.footer-details{grid-column:1/-1}.copyright{grid-column:1/-1;align-self:auto}.footer-details a.contact-link{font-size:12px}}

/* Budget currency and readable thousands separators. */
.budget-field>label{margin:16px 0 7px}
.budget-input-group{display:flex;align-items:stretch}
.budget-input-group select,.budget-input-group input{margin-top:0}
.budget-input-group select{width:88px;flex:0 0 88px;border-right:0;padding-left:12px;padding-right:6px}
.budget-input-group input{flex:1;min-width:0;font-variant-numeric:tabular-nums}