:root{--paper:#f7f3ed;--sand:#eee8dd;--ink:#202622;--muted:#6b6e69;--coral:#ef7e55;--coral-dark:#d95d3e;--teal:#1b5c59;--line:rgba(32,38,34,.18);--white:#fffaf3;--display:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shadow:0 24px 70px rgba(32,38,34,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.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}.skip-link{position:fixed;z-index:99;top:10px;left:10px;padding:10px 14px;background:var(--ink);color:var(--white);transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.site-header{height:80px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--paper);position:sticky;top:0;z-index:30;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:var(--line);background:rgba(247,243,237,.94);backdrop-filter:blur(14px)}.brand,.footer-brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--coral);color:var(--ink);font-weight:700;font-size:13px;letter-spacing:-.08em;line-height:1;transform:rotate(-6deg)}.brand-copy{display:grid;line-height:1.15;gap:4px}.brand-copy strong{font-family:var(--display);font-size:21px;line-height:1}.brand-copy small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,33px);margin-left:auto}.nav-link{position:relative;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:color .25s}.nav-link::after{position:absolute;content:"";height:2px;left:0;right:100%;bottom:-9px;background:var(--coral);transition:right .25s}.nav-link:hover,.nav-link.is-active{color:var(--ink)}.nav-link.is-active::after,.nav-link:hover::after{right:0}.header-cta{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--coral-dark)}.header-cta span,.text-link span,.button span{font-size:18px;line-height:0}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}.section-dark,.section-ink{color:var(--white);background:var(--ink)}.section-paper{background:var(--paper)}.section-sand{background:var(--sand)}.section-coral{background:var(--coral);color:var(--ink)}section{position:relative;padding:clamp(90px,11vw,170px) clamp(22px,8vw,130px);overflow:hidden}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1fr minmax(360px,42%);align-items:center;gap:clamp(30px,7vw,120px);padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(70px,8vw,110px);background:linear-gradient(118deg,#1e2925 0%,#1f2823 56%,#274b42 100%)}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(239,126,85,.34),transparent 29%),radial-gradient(circle at 22% 10%,rgba(255,255,255,.04),transparent 23%);pointer-events:none}.hero-content,.hero-visual{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 27px;color:var(--teal);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.eyebrow.light{color:rgba(255,250,243,.7)}.eyebrow-dot{width:7px;height:7px;background:var(--coral);display:inline-block;border-radius:50%;box-shadow:0 0 0 5px rgba(239,126,85,.12)}.hero-kicker{margin:0 0 6px;color:rgba(255,250,243,.6);font-family:var(--display);font-size:29px;font-weight:500;font-style:italic}.hero h1{margin:0;font-family:var(--display);font-size:clamp(82px,12vw,190px);font-weight:500;line-height:.75;letter-spacing:-.07em}.hero h1 em,.about h2 em,.services h2 em,.work h2 em,.gallery h2 em,.posts h2 em,.contact h2 em{color:var(--coral);font-style:italic}.hero-period{color:var(--coral)}.hero-summary{max-width:405px;margin:36px 0 30px;color:rgba(255,250,243,.72);font-size:16px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;padding:14px 18px 14px 20px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s,background .25s,color .25s;min-height:50px}.button:hover{transform:translateY(-3px)}.button-coral{background:var(--coral);color:var(--ink)}.button-coral:hover{background:#f59a75}.button-ink{background:var(--ink);color:var(--white)}.text-link{display:inline-flex;align-items:center;gap:15px;padding-bottom:6px;border-bottom:1px solid currentColor;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:color .25s,gap .25s}.text-link:hover{color:var(--coral-dark);gap:20px}.text-link-light{color:var(--white)}.text-link-light:hover{color:var(--coral)}.hero-socials{display:flex;gap:18px;margin-top:82px;color:rgba(255,250,243,.58);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hero-socials a{transition:color .2s}.hero-socials a:hover{color:var(--coral)}.hero-visual{height:min(700px,72vh);min-height:490px;display:flex;align-items:center;justify-content:center}.portrait-frame{height:100%;width:min(100%,410px);position:relative;padding:22px 22px 24px 0}.portrait-frame::before{content:"";position:absolute;inset:0 0 0 23px;border:1px solid rgba(255,250,243,.3)}.portrait-frame::after{content:"";position:absolute;right:-25px;bottom:20%;width:80px;height:80px;background:var(--coral);opacity:.9;mix-blend-mode:screen;border-radius:50%}.portrait-frame img{height:100%;width:calc(100% - 24px);object-fit:cover;object-position:center;border-radius:180px 180px 0 0;position:relative;z-index:1;filter:saturate(.78) contrast(1.03)}.portrait-label{position:absolute;z-index:2;left:-65px;top:27%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,250,243,.62)}.portrait-stamp{position:absolute;z-index:3;bottom:45px;right:-10px;width:100px;height:100px;border-radius:50%;background:var(--coral);display:grid;place-content:center;text-align:center;font-size:22px;font-weight:700;line-height:.8;letter-spacing:-.1em;transform:rotate(10deg)}.portrait-stamp i{font-family:var(--display);font-size:11px;font-weight:500;letter-spacing:0;line-height:1.2;margin-top:8px}.scroll-note{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:12px;color:rgba(255,250,243,.55);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.scroll-line{width:48px;height:1px;background:var(--coral)}.hero-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);width:340px;height:340px;right:29%;top:15%;opacity:.35}.orb-two{width:170px;height:170px;right:4%;top:5%;border-color:var(--coral);opacity:.4}.section-label{position:absolute;top:clamp(25px,4vw,55px);left:clamp(22px,8vw,130px);display:flex;gap:15px;align-items:center;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section-label span{color:var(--coral)}.section-label-light{color:rgba(255,250,243,.5)}.about-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.7fr);gap:clamp(60px,13vw,210px);align-items:end;max-width:1180px;margin:0 auto 100px}.about-intro h2,.services h2,.work h2,.gallery h2,.posts h2,.contact h2{font-family:var(--display);font-size:clamp(55px,7.4vw,102px);font-weight:500;line-height:.84;letter-spacing:-.055em;margin:0 0 35px}.about-intro p{max-width:630px;color:var(--muted)}.about-intro .lead{font-family:var(--display);font-size:28px;line-height:1.15;color:var(--ink);max-width:550px}.about-intro .text-link{margin-top:20px}.about-note{border-left:1px solid var(--coral);padding:20px 0 20px 29px;min-height:260px;display:flex;flex-direction:column}.note-top{display:flex;flex-direction:column;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.note-top strong{font-family:var(--display);font-size:32px;color:var(--ink);line-height:.88;text-transform:none;letter-spacing:-.02em}.note-rule{height:1px;background:var(--line);margin:30px 0}.bengali-note{font-size:16px;line-height:1.7;max-width:230px;color:var(--teal)}.signature{font-family:var(--display);font-size:23px;margin-top:auto;transform:rotate(-4deg);color:var(--coral-dark)}.signature span{color:var(--ink)}.info-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto}.info-strip>div{padding:23px 22px;border-right:1px solid var(--line)}.info-strip>div:first-child{padding-left:0}.info-strip>div:last-child{border:0}.info-strip span{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.info-strip strong{font-size:14px;line-height:1.4}.info-strip small{font-weight:400;color:var(--muted)}.info-strip a{border-bottom:1px solid var(--coral)}.services-header,.gallery-header,.posts-header{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;max-width:1180px;margin:0 auto 70px}.section-aside{max-width:290px;color:var(--muted);font-size:14px;margin:0 0 5px}.service-list{max-width:1180px;margin:0 auto;border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px minmax(240px,1fr) minmax(260px,390px) 30px;align-items:center;gap:30px;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.service-row:hover{padding-left:15px;padding-right:15px;background:rgba(255,250,243,.32)}.service-number{color:var(--coral-dark);font-size:11px;font-weight:700}.service-row h3{font-family:var(--display);font-size:32px;font-weight:500;line-height:1;margin:0}.service-row p{margin:0;color:var(--muted);font-size:13px}.service-arrow{color:var(--coral-dark);font-size:22px}.section-ink{background:#1d2824}.work-header{max-width:1180px;margin:0 auto 80px}.work-header h2{margin-bottom:0}.timeline{max-width:780px;margin-left:auto;margin-right:10%;border-top:1px solid rgba(255,250,243,.2)}.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:24px 0;border-bottom:1px solid rgba(255,250,243,.2)}.timeline-date{color:var(--coral);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.timeline-item h3{font-family:var(--display);font-weight:500;font-size:30px;line-height:1;margin:0 0 6px}.timeline-item p{margin:0;color:rgba(255,250,243,.55);font-size:13px}.stats-grid{max-width:1180px;border-top:1px solid rgba(255,250,243,.2);margin:110px auto 0;display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:32px 22px 0;border-right:1px solid rgba(255,250,243,.2)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font-family:var(--display);font-size:78px;font-weight:500;line-height:.9;color:var(--coral);letter-spacing:-.07em}.stat span{display:block;margin-top:16px;color:rgba(255,250,243,.62);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.gallery-header{margin-bottom:55px}.gallery-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr .75fr;grid-template-rows:300px 200px;gap:20px}.gallery-card{position:relative;padding:0;border:0;overflow:hidden;background:var(--ink);text-align:left}.gallery-card-tall{grid-row:span 2}.gallery-card img{height:100%;width:100%;object-fit:cover;transition:transform .6s,filter .6s}.gallery-card:hover img{transform:scale(1.05);filter:brightness(.75)}.gallery-caption{position:absolute;left:0;right:0;bottom:0;padding:24px;color:var(--white);font-size:24px;font-family:var(--display);line-height:1;background:linear-gradient(transparent,rgba(0,0,0,.72));padding-top:80px}.gallery-caption small{display:block;color:var(--coral);font-family:var(--sans);font-size:9px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:9px}.gallery-caption b{font-family:var(--sans);font-size:18px;color:var(--coral);float:right}.gallery-quote{display:flex;flex-direction:column;justify-content:center;padding:25px 35px;background:var(--teal);color:var(--white)}.quote-mark{font-family:var(--display);font-size:70px;height:48px;line-height:1;color:var(--coral)}.gallery-quote p{font-family:var(--display);font-size:29px;line-height:1.05;margin:12px 0 20px}.quote-byline{color:rgba(255,250,243,.6);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.posts-header{margin-bottom:55px}.posts-header .text-link{margin-bottom:7px}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 28px;max-width:1180px;margin:0 auto}.post-card{border-top:1px solid var(--line);padding-top:15px}.post-image{height:235px;overflow:hidden;background:var(--teal);margin-bottom:18px}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.post-card:hover .post-image img{transform:scale(1.05)}.post-image-coral{display:grid;place-items:center;background:linear-gradient(140deg,#e97a54,#f2ba62 75%)}.post-initials{font-family:var(--display);font-size:120px;line-height:1;color:var(--ink);letter-spacing:-.12em;transform:rotate(-10deg)}.post-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.post-card h3{font-family:var(--display);font-size:30px;font-weight:500;line-height:.98;margin:16px 0 9px}.post-card p{color:var(--muted);font-size:13px;margin:0 0 20px}.post-card>a{display:inline-flex;gap:13px;align-items:center;border-bottom:1px solid var(--ink);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding-bottom:5px}.post-card>a span{font-size:16px;color:var(--coral-dark)}.contact{padding-bottom:120px}.contact-orb{position:absolute;width:480px;height:480px;border-radius:50%;right:-120px;top:-180px;border:1px solid rgba(32,38,34,.18)}.contact-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr .8fr;gap:clamp(60px,13vw,200px)}.contact-copy h2{max-width:500px;margin-bottom:25px}.contact-copy>p:not(.eyebrow){max-width:420px}.contact-detail{border-top:1px solid rgba(32,38,34,.25);padding:14px 0;display:grid;grid-template-columns:85px 1fr;max-width:430px;font-size:13px}.contact-detail:last-child{border-bottom:1px solid rgba(32,38,34,.25)}.contact-detail span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.65}.contact-detail a{border-bottom:1px solid var(--ink);width:max-content}.contact-detail strong{font-weight:500;line-height:1.35}.contact-form{padding-top:16px;display:flex;flex-direction:column;gap:9px}.contact-form label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-top:14px}.contact-form label span{color:var(--coral-dark)}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid rgba(32,38,34,.4);background:transparent;padding:11px 0;outline:none;border-radius:0;color:var(--ink);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(32,38,34,.48)}.contact-form .button{align-self:flex-start;margin-top:20px}.form-status{min-height:25px;font-size:12px;color:var(--teal);margin:8px 0 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px clamp(22px,8vw,130px);background:var(--ink);color:var(--white);font-size:11px}.footer-brand{font-family:var(--display);font-size:19px;line-height:.95}.footer-brand small{font-family:var(--sans);font-size:9px;color:rgba(255,250,243,.5);letter-spacing:.08em;text-transform:uppercase}.footer-brand .brand-mark{width:34px;height:34px;font-family:var(--sans);font-size:11px}.site-footer p{margin:0;color:rgba(255,250,243,.5);font-size:10px}.footer-links{display:flex;gap:16px;color:rgba(255,250,243,.72);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.footer-links a:hover{color:var(--coral)}.gallery-modal{border:0;padding:0;background:var(--ink);color:var(--white);max-width:min(88vw,850px);max-height:88vh;box-shadow:var(--shadow)}.gallery-modal::backdrop{background:rgba(13,18,16,.86)}.gallery-modal img{max-height:78vh;max-width:100%;object-fit:contain}.gallery-modal p{margin:0;padding:14px 20px 18px;font-family:var(--display);font-size:24px}.modal-close{position:absolute;right:8px;top:5px;width:36px;height:36px;border:0;background:rgba(32,38,34,.7);color:var(--white);font-size:26px;line-height:1;z-index:2}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}@media(max-width:1050px){.site-header{gap:16px}.site-nav{gap:15px}.header-cta{display:none}.hero{grid-template-columns:1fr minmax(300px,40%);gap:35px}.hero h1{font-size:clamp(74px,11vw,125px)}.portrait-label{left:-39px}.services-header,.gallery-header,.posts-header{align-items:flex-start}.section-aside{margin-top:55px}}@media(max-width:760px){body{font-size:14px}.site-header{height:70px}.menu-toggle{display:block;order:3}.site-nav{position:absolute;display:none;top:70px;left:0;right:0;padding:19px 22px 25px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px;box-shadow:0 18px 30px rgba(32,38,34,.08)}.site-nav.is-open{display:flex}.nav-link{font-size:12px}.brand-copy strong{font-size:19px}.hero{min-height:0;grid-template-columns:1fr;padding-top:85px}.hero h1{font-size:clamp(78px,22vw,135px)}.hero-summary{font-size:15px;margin-top:30px}.hero-socials{margin-top:48px;flex-wrap:wrap}.hero-visual{height:470px;min-height:0;margin:15px 0 15px 35px;max-width:390px}.portrait-frame{padding-right:17px}.scroll-note{right:0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.about-grid{margin-bottom:65px}.about-intro .lead{font-size:24px}.info-strip{grid-template-columns:1fr 1fr}.info-strip>div{padding:18px 12px;border-bottom:1px solid var(--line)}.info-strip>div:nth-child(2){border-right:0}.info-strip>div:nth-child(3){padding-left:0}.info-strip>div:nth-child(4){border-right:0}.services-header,.gallery-header,.posts-header{display:block;margin-bottom:45px}.section-aside{margin:25px 0 0;max-width:370px}.service-row{grid-template-columns:36px 1fr 25px;gap:12px;padding:22px 0}.service-row p{grid-column:2/4}.service-row h3{font-size:28px}.timeline{margin:0}.timeline-item{grid-template-columns:1fr;gap:6px;padding:20px 0}.timeline-item h3{font-size:27px}.stats-grid{grid-template-columns:1fr 1fr;margin-top:75px}.stat{padding:24px 13px 0}.stat:nth-child(2){border-right:0}.stat:nth-child(3){padding-left:0}.stat strong{font-size:59px}.gallery-grid{grid-template-columns:1fr;grid-template-rows:360px 240px auto}.gallery-card-tall{grid-row:auto}.gallery-quote{min-height:220px}.post-grid{grid-template-columns:1fr;gap:50px}.post-image{height:290px}.contact{padding-bottom:90px}.site-footer{align-items:flex-start;flex-direction:column;gap:24px}.site-footer p{order:3}.footer-links{flex-wrap:wrap}.gallery-modal{width:88vw}.gallery-modal img{max-height:72vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.gallery-card img,.post-image img,.button,.text-link{transition:none}}.whatsapp-widget{position:fixed;bottom:26px;right:26px;z-index:90;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 8px 24px rgba(37,211,102,.45);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;text-decoration:none}.whatsapp-widget:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 28px rgba(37,211,102,.6);background:#20ba5a}.whatsapp-widget:focus-visible{outline:3px solid #128c7e;outline-offset:4px}.whatsapp-widget svg{width:32px;height:32px;fill:currentColor}.whatsapp-tooltip{position:absolute;right:70px;background:#202622;color:#fffaf3;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(8px);transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 14px rgba(0,0,0,.25)}.whatsapp-tooltip::after{content:"";position:absolute;top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-style:solid;border-color:transparent transparent transparent #202622}.whatsapp-widget:hover .whatsapp-tooltip{opacity:1;transform:translateX(0)}@media(max-width:760px){.whatsapp-widget{bottom:18px;right:18px;width:52px;height:52px}.whatsapp-widget svg{width:28px;height:28px}.whatsapp-tooltip{display:none}}

/* Services Header Navigation Dropdown */
.nav-item.has-dropdown{position:relative;display:flex;align-items:center}
.nav-link-group{display:inline-flex;align-items:center;gap:3px}
.nav-caret-btn{background:transparent;border:0;padding:2px 4px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;transition:color .2s}
.nav-caret-btn:hover{color:var(--ink)}
.nav-caret{font-size:9px;line-height:1;display:inline-block;transition:transform .25s ease}
.nav-item.has-dropdown:hover .nav-caret,.nav-item.is-mobile-open .nav-caret{transform:rotate(180deg)}

.services-dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);width:min(92vw,860px);background:rgba(255,250,243,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:16px;padding:24px 28px;box-shadow:0 26px 70px rgba(32,38,34,.16);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:1000}
.nav-item.has-dropdown:hover .services-dropdown,.nav-item.has-dropdown:focus-within .services-dropdown,.nav-item.is-active-dropdown .services-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}

.dropdown-header{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}
.dropdown-badge{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;background:rgba(239,126,85,.15);color:var(--coral-dark);padding:3px 8px;border-radius:4px;margin-bottom:6px}
.dropdown-tagline{margin:0;font-size:12px;color:var(--muted)}

.dropdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dropdown-col-title{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px}
.dropdown-col-num{font-size:11px;font-weight:700;color:var(--coral-dark);font-family:var(--sans)}
.dropdown-col-title h4{margin:0;font-family:var(--display);font-size:20px;font-weight:600;color:var(--ink);line-height:1}
.dropdown-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}
.dropdown-item{display:block;font-size:12px;color:var(--muted);padding:4px 6px;border-radius:5px;text-decoration:none;transition:color .2s,background .2s,transform .2s}
.dropdown-item:hover{color:var(--coral-dark);background:rgba(239,126,85,.08);transform:translateX(3px)}
.dropdown-item-rich{display:flex;flex-direction:column;gap:2px;padding:5px 6px}
.dropdown-item-rich strong{color:var(--ink);font-size:12px;font-weight:700}
.dropdown-item-rich span{color:var(--muted);font-size:11px}
.has-nested-dropdown{margin:4px 0 4px 6px;padding-left:10px;border-left:2px solid var(--coral)}
.nested-heading{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ink);margin-bottom:4px}
.dropdown-sublist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.dropdown-subitem{display:block;font-size:11px;color:var(--muted);padding:2px 4px;border-radius:3px;text-decoration:none;transition:color .2s}
.dropdown-subitem:hover{color:var(--coral-dark);text-decoration:underline}

.dropdown-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.dropdown-footer-link{color:var(--ink);transition:color .2s}
.dropdown-footer-link:hover{color:var(--coral-dark)}
.dropdown-footer-cta{color:var(--coral-dark);transition:color .2s}
.dropdown-footer-cta:hover{color:var(--ink)}

/* Services Section Pillars Grid on the Page */
.services-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:0 auto 60px}
.service-pillar-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:30px 26px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.service-pillar-card:hover{transform:translateY(-4px);border-color:var(--coral);box-shadow:0 16px 36px rgba(32,38,34,.08)}
.pillar-card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.pillar-badge{width:40px;height:40px;border-radius:10px;background:rgba(239,126,85,.12);color:var(--coral-dark);display:grid;place-items:center;font-weight:700;font-size:13px}
.pillar-head-info{display:flex;flex-direction:column;gap:2px}
.pillar-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--teal)}
.pillar-title{margin:0;font-family:var(--display);font-size:26px;font-weight:600;line-height:1.1;color:var(--ink)}
.pillar-desc{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.55}
.tree-container{background:rgba(238,232,221,.55);border:1px solid rgba(32,38,34,.1);border-radius:10px;padding:18px 18px 16px;margin-bottom:22px}
.tree-root-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--coral-dark);margin-bottom:12px;padding-bottom:5px;border-bottom:1px solid rgba(32,38,34,.08)}
.service-tree{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;font-family:var(--sans);font-size:12.5px}
.tree-node{display:flex;align-items:flex-start;gap:8px;color:var(--ink);line-height:1.4}
.tree-branch-line,.tree-subbranch-line{font-family:monospace;color:var(--coral);font-size:12px;user-select:none;flex-shrink:0}
.tree-label{color:var(--ink);font-size:12.5px;font-weight:500}
.tree-label-bold{color:var(--ink);font-size:12.5px;font-weight:700}
.tree-parent{flex-direction:column;gap:5px}
.tree-node-title{display:flex;align-items:center;gap:8px}
.tree-subnodes{list-style:none;padding:0 0 0 20px;margin:2px 0 0 5px;display:flex;flex-direction:column;gap:5px;border-left:1px dashed rgba(239,126,85,.45)}
.tree-subnode{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}
.tree-rich-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px}
.tree-abbr{color:var(--ink);font-weight:700;font-size:12.5px}
.tree-detail{color:var(--muted);font-size:12px}
.pillar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.pillar-cta{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--coral-dark);transition:gap .2s,color .2s}
.pillar-cta:hover{gap:12px;color:var(--ink)}

@media(max-width:990px){
  .services-pillars-grid{grid-template-columns:1fr;gap:20px}
}
@media(max-width:760px){
  .site-nav .nav-item.has-dropdown{width:100%;flex-direction:column;align-items:flex-start}
  .nav-link-group{width:100%;display:flex;justify-content:space-between;align-items:center}
  .nav-caret-btn{padding:8px;font-size:14px}
  .services-dropdown{position:static;transform:none!important;width:100%;box-shadow:none;padding:16px;margin-top:10px;display:none;opacity:1;visibility:visible;pointer-events:auto;background:var(--sand)}
  .nav-item.is-mobile-open .services-dropdown{display:block}
  .dropdown-grid{grid-template-columns:1fr;gap:16px}
}

/* ==========================================================================
   Multi-Page Layout & Components
   ========================================================================== */

/* Page Hero */
.page-hero {
  position: relative;
  background: linear-gradient(135deg, #1b2622 0%, #1f2a24 55%, #24443b 100%);
  color: var(--white);
  padding: clamp(70px, 9vw, 120px) clamp(22px, 8vw, 130px) clamp(50px, 7vw, 90px);
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 250, 243, 0.12);
}
.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 85% 25%, rgba(239, 126, 85, 0.22), transparent 35%),
              radial-gradient(circle at 15% 80%, rgba(27, 92, 89, 0.3), transparent 30%);
  pointer-events: none;
}
.page-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
}
.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgba(255, 250, 243, 0.6);
  margin-bottom: 22px;
}
.breadcrumbs a {
  color: var(--coral);
  transition: color 0.2s;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs span {
  opacity: 0.5;
}
.page-title {
  margin: 0 0 20px;
  font-family: var(--display);
  font-size: clamp(48px, 6.8vw, 92px);
  font-weight: 500;
  line-height: 0.92;
  letter-spacing: -0.05em;
  max-width: 950px;
}
.page-title em {
  color: var(--coral);
  font-style: italic;
}
.page-lead {
  max-width: 680px;
  color: rgba(255, 250, 243, 0.78);
  font-size: clamp(16px, 1.4vw, 19px);
  line-height: 1.6;
  margin: 0 0 32px;
}
.page-meta-strip {
  display: flex;
  align-items: center;
  gap: clamp(18px, 3vw, 40px);
  flex-wrap: wrap;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 250, 243, 0.16);
}
.page-meta-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.page-meta-item span {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(255, 250, 243, 0.55);
}
.page-meta-item strong {
  font-family: var(--display);
  font-size: 20px;
  color: var(--white);
  font-weight: 600;
}

/* Filter Bar */
.filter-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 1180px;
  margin: 0 auto 40px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.filter-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: var(--muted);
  margin-right: 8px;
}
.filter-btn {
  background: transparent;
  border: 1px solid var(--line);
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  transition: all 0.25s ease;
}
.filter-btn:hover {
  border-color: var(--ink);
  color: var(--ink);
}
.filter-btn.is-active {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--white);
}

/* Case Study Cards & Grid */
.case-studies-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 32px;
  max-width: 1180px;
  margin: 0 auto;
}
.case-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.case-card:hover {
  transform: translateY(-5px);
  border-color: var(--coral);
  box-shadow: 0 20px 45px rgba(32, 38, 34, 0.1);
}
.case-img-wrap {
  position: relative;
  height: 250px;
  overflow: hidden;
  background: var(--teal);
}
.case-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.case-card:hover .case-img-wrap img {
  transform: scale(1.05);
}
.case-tag-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(32, 38, 34, 0.85);
  backdrop-filter: blur(8px);
  color: var(--white);
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: 1px solid rgba(255, 250, 243, 0.15);
}
.case-zoom-btn {
  position: absolute;
  bottom: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--coral);
  color: var(--ink);
  border: 0;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s, background 0.2s;
}
.case-zoom-btn:hover {
  transform: scale(1.1);
  background: #f59a75;
}
.case-card-body {
  padding: 26px 26px 28px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.case-metrics-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  background: var(--sand);
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 18px;
  border: 1px solid rgba(32, 38, 34, 0.08);
}
.case-metric {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.case-metric strong {
  font-family: var(--display);
  font-size: 20px;
  color: var(--coral-dark);
  font-weight: 600;
  line-height: 1;
}
.case-metric span {
  font-size: 9.5px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.case-card-body h3 {
  font-family: var(--display);
  font-size: 27px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 12px;
  color: var(--ink);
}
.case-card-body p {
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.6;
  margin: 0 0 16px;
  flex-grow: 1;
}
.case-bullets {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  color: var(--ink);
}
.case-bullets li {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.case-bullets li::before {
  content: "✔";
  color: var(--coral-dark);
  font-size: 11px;
}
.case-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  padding-top: 16px;
  margin-top: auto;
}
.case-footer a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--coral-dark);
  transition: gap 0.2s;
}
.case-footer a:hover {
  gap: 12px;
}

/* Blog Layout & Cards */
.blog-featured {
  background: var(--ink);
  color: var(--white);
  border-radius: 18px;
  padding: clamp(32px, 5vw, 60px);
  margin: 0 auto 60px;
  max-width: 1180px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(32, 38, 34, 0.2);
}
.blog-featured::after {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239, 126, 85, 0.35), transparent 70%);
  pointer-events: none;
}
.blog-featured-content {
  position: relative;
  z-index: 1;
}
.blog-featured-badge {
  display: inline-block;
  background: var(--coral);
  color: var(--ink);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 18px;
}
.blog-featured h2 {
  font-family: var(--display);
  font-size: clamp(34px, 4.2vw, 56px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.04em;
  margin: 0 0 18px;
  color: var(--white);
}
.blog-featured h2 em {
  color: var(--coral);
  font-style: italic;
}
.blog-featured p {
  color: rgba(255, 250, 243, 0.78);
  font-size: 15px;
  line-height: 1.65;
  margin: 0 0 26px;
}
.blog-featured-visual {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16/10;
  border: 1px solid rgba(255, 250, 243, 0.15);
  background: var(--teal);
}
.blog-featured-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 26px;
  max-width: 1180px;
  margin: 0 auto 70px;
}
.blog-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
}
.blog-card:hover {
  transform: translateY(-4px);
  border-color: var(--coral);
  box-shadow: 0 16px 36px rgba(32, 38, 34, 0.08);
}
.blog-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.blog-category {
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--teal);
}
.blog-time {
  font-size: 11px;
  color: var(--muted);
}
.blog-card h3 {
  font-family: var(--display);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 12px;
  color: var(--ink);
}
.blog-card p {
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.6;
  margin: 0 0 20px;
  flex-grow: 1;
}
.blog-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  padding-top: 14px;
  font-size: 11px;
}
.blog-author {
  color: var(--muted);
  font-weight: 500;
}
.blog-read-link {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--coral-dark);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: gap 0.2s;
}
.blog-read-link:hover {
  gap: 8px;
}

/* Services Page Detailed Sections */
.services-pillar-deepdive {
  max-width: 1180px;
  margin: 0 auto 70px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: clamp(30px, 5vw, 55px);
}
.pillar-deepdive-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 24px;
  margin-bottom: 32px;
}
.pillar-deepdive-title {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}
.pillar-deepdive-num {
  font-family: var(--display);
  font-size: 48px;
  font-weight: 600;
  line-height: 0.8;
  color: var(--coral);
}
.pillar-deepdive-title h3 {
  font-family: var(--display);
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 600;
  line-height: 1.05;
  margin: 0 0 6px;
}
.pillar-deepdive-title p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}
.pillar-deepdive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.service-module {
  background: var(--sand);
  border-radius: 10px;
  padding: 22px;
  border: 1px solid rgba(32, 38, 34, 0.07);
}
.service-module h4 {
  font-family: var(--display);
  font-size: 21px;
  margin: 0 0 8px;
  color: var(--ink);
}
.service-module p {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.55;
  margin: 0 0 14px;
}
.service-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 11.5px;
  color: var(--ink);
}
.service-module ul li {
  display: flex;
  align-items: center;
  gap: 6px;
}
.service-module ul li::before {
  content: "→";
  color: var(--coral-dark);
}

/* Process Steps */
.process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1180px;
  margin: 0 auto;
}
.process-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 26px 20px;
  position: relative;
}
.process-step-num {
  font-family: var(--display);
  font-size: 36px;
  font-weight: 600;
  color: var(--coral);
  line-height: 1;
  margin-bottom: 12px;
}
.process-card h4 {
  font-family: var(--display);
  font-size: 22px;
  margin: 0 0 8px;
}
.process-card p {
  color: var(--muted);
  font-size: 12.5px;
  margin: 0;
  line-height: 1.55;
}

/* Contact Channels Grid & FAQs */
.contact-channels-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1180px;
  margin: 0 auto 50px;
}
.channel-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: transform 0.2s, border-color 0.2s;
}
.channel-card:hover {
  transform: translateY(-3px);
  border-color: var(--coral);
}
.channel-icon {
  font-size: 22px;
  color: var(--coral-dark);
}
.channel-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--muted);
}
.channel-card strong {
  font-size: 14px;
  color: var(--ink);
  line-height: 1.4;
}
.channel-card a {
  border-bottom: 1px solid var(--coral);
  width: max-content;
}

.faq-list {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.faq-item {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 18px 24px;
  transition: border-color 0.2s;
}
.faq-item[open] {
  border-color: var(--coral);
}
.faq-item summary {
  font-family: var(--display);
  font-size: 22px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--ink);
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary::after {
  content: "+";
  font-family: var(--sans);
  font-size: 20px;
  color: var(--coral-dark);
  font-weight: 400;
}
.faq-item[open] summary::after {
  content: "−";
}
.faq-item p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

/* Form Enhancements */
.form-select, select.form-select {
  border: 0;
  border-bottom: 1px solid rgba(32, 38, 34, 0.4);
  background: transparent;
  padding: 11px 0;
  outline: none;
  border-radius: 0;
  color: var(--ink);
  font-size: 14px;
  width: 100%;
}
.form-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* Responsive adjustments */
@media(max-width: 1050px) {
  .case-studies-grid {
    grid-template-columns: 1fr;
  }
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .blog-featured {
    grid-template-columns: 1fr;
  }
  .pillar-deepdive-grid {
    grid-template-columns: 1fr;
  }
  .process-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-channels-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 760px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }
  .process-grid {
    grid-template-columns: 1fr;
  }
  .contact-channels-strip {
    grid-template-columns: 1fr;
  }
  .form-grid-2 {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   Mobile Optimisation — Touch Targets, Typography, Performance
   ========================================================================== */

/* Remove tap highlight on mobile browsers */
* { -webkit-tap-highlight-color: transparent; }

/* Minimum 44 × 44 px touch targets on all interactive elements */
@media (max-width: 760px) {
  .nav-link,
  .nav-caret-btn,
  .button,
  .text-link,
  .header-cta,
  .menu-toggle,
  .dropdown-item,
  .dropdown-subitem,
  .pillar-cta,
  .footer-links a,
  .whatsapp-widget {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
  }

  /* Prevent content from touching screen edges */
  section {
    padding-left: clamp(16px, 5vw, 40px);
    padding-right: clamp(16px, 5vw, 40px);
  }

  /* Larger body text on small screens for readability */
  body { font-size: 15px; line-height: 1.7; }

  /* Prevent horizontal overflow */
  .hero-orb, .orb-two, .contact-orb { display: none; }

  /* Better hero sizing on small phones */
  .hero h1 { font-size: clamp(62px, 19vw, 120px); }

  /* Full-width buttons on mobile */
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .button,
  .hero-actions .text-link { justify-content: center; }

  /* Service row — single column stacked layout */
  .service-row { grid-template-columns: 1fr; }
  .service-arrow { display: none; }

  /* Blog / post cards full width */
  .post-grid { grid-template-columns: 1fr; }

  /* Stats wrap to 2 columns on small screens */
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat:nth-child(2) { border-right: 0; }
  .stat:nth-child(3) { padding-left: 0; }

  /* Better footer layout */
  .site-footer { flex-direction: column; gap: 20px; }

  /* Dropdown tweaks for mobile menu */
  .services-dropdown { border-radius: 8px; }
  .dropdown-grid { gap: 12px; }

  /* Contact grid single column */
  .contact-grid { grid-template-columns: 1fr; }

  /* Gallery single column */
  .gallery-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .gallery-card-tall { grid-row: auto; }
  .gallery-card { height: 260px; }
  .gallery-quote { min-height: 180px; }
}

@media (max-width: 400px) {
  .hero h1 { font-size: 56px; }
  .brand-copy strong { font-size: 16px; }
  .brand-copy small { display: none; }
}

/* Smooth image rendering on retina screens */
img { image-rendering: -webkit-optimize-contrast; }

/* Lazy-loaded images fade in gracefully */
img[loading="lazy"] { opacity: 0; transition: opacity 0.4s ease; }
img[loading="lazy"].loaded { opacity: 1; }

/* font-display: swap is set via Google Fonts URL param — no CSS needed */

/* Focus styles for keyboard accessibility on all pages */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--coral);
  outline-offset: 3px;
  border-radius: 3px;
}

/* Print optimisation */
@media print {
  .site-header, .site-footer, .whatsapp-widget, .skip-link { display: none !important; }
  body { font-size: 12pt; color: #000; background: #fff; }
  a { color: #000; text-decoration: underline; }
  section { padding: 20pt 0; }
}