@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--black:#10110f;--panel:#1a1b18;--line:#39352d;--gold:#c8a36a;--pale:#e5c38b;--white:#f5f3ed;--muted:#b9b7b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.container{width:min(1190px,calc(100% - 44px));margin:auto}.topline{background:#24221e;color:#d9c6a9;text-align:center;padding:10px;font-size:10px;letter-spacing:2px;font-weight:700}.topline span{color:var(--gold);margin:0 14px}.header{background:#11120f;border-bottom:1px solid #2d2c27;position:sticky;top:0;z-index:20}.header-inner{height:78px;display:flex;align-items:center;gap:30px}.brand{display:flex;flex-direction:column;line-height:1}.brand span{font-family:Georgia,serif;color:var(--gold);font-size:32px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:1.5px;color:#d4d0c8;margin-top:6px}.desktop-nav{display:flex;gap:29px;margin-left:auto}.desktop-nav a,.mobile-nav a{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;color:#d2cec5}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--pale)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:16px 27px;border:1px solid var(--gold);font-size:12px;font-weight:700;letter-spacing:1.4px;transition:.2s}.button:hover{transform:translateY(-2px)}.button.gold{background:var(--gold);color:#171510}.button.outline{color:#f2e9d7;background:transparent}.button.small{min-height:42px;padding:10px 16px;white-space:nowrap}.menu-btn,.mobile-nav{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 28%,#363124 0%,#191a16 44%,#0f100e 76%);border-bottom:1px solid #332e24}.hero-grain{position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,#b99b6210 70%,transparent);pointer-events:none}.hero-inner{min-height:760px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px 0 30px;position:relative}.eyebrow,.overline{color:var(--gold);font-size:11px;letter-spacing:3px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:18px}.eyebrow i{height:1px;width:38px;background:var(--gold)}.crest{width:clamp(170px,24vw,260px);height:clamp(170px,24vw,260px);object-fit:contain;margin:22px auto 10px;filter:drop-shadow(0 16px 24px #0007);mix-blend-mode:lighten}.hero-pre{font-size:10px;letter-spacing:3px;color:#e2d2b9;font-weight:700}.hero-pre span{color:var(--gold);margin:0 12px}h1,h2,h3,p{margin-top:0}.hero h1,.service-hero h1{font-size:clamp(34px,5.6vw,76px);letter-spacing:-1.8px;line-height:1.16;margin:16px 0 19px;font-weight:700}.hero h1 em,.section-head h2 em,.split-grid h2 em,.contact h2 em,.service-hero h1 em,.service-details h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:var(--gold)}.hero-sub{max-width:680px;font-size:16px;line-height:1.8;color:#d6d0c5}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:17px}.hero-bottom{margin-top:auto;align-self:stretch;display:flex;justify-content:space-between;color:#8d877c;font-size:10px;letter-spacing:2px;padding-top:40px}.services-section,.portfolio,.review-section,.split-section,.service-details{padding:100px 0}.section-head{max-width:700px;margin-bottom:40px}.section-head h2,.split-grid h2,.contact h2,.service-details h2{font-size:clamp(37px,5vw,63px);letter-spacing:-1.6px;line-height:1.1;margin:17px 0 20px}.section-head p,.split-grid p,.contact p,.service-details p{color:var(--muted);line-height:1.8;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service-card{aspect-ratio:1/1.13;position:relative;display:block;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#5c5848,#242822 70%);border:1px solid #62513b50;isolation:isolate;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);border-color:var(--gold)}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.service-card:hover img{transform:scale(1.07)}.card-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0008 0%,transparent 40%,#000e 100%)}.card-number{position:absolute;top:19px;left:18px;font-size:10px;letter-spacing:1.6px;font-weight:700}.card-title{position:absolute;bottom:20px;left:18px;right:40px;display:flex;flex-direction:column;gap:7px}.card-title b{font-size:21px;line-height:1.1}.card-title small{font-size:11px;color:#e6dfd3;line-height:1.4}.card-arrow{position:absolute;bottom:23px;right:17px;color:var(--pale);font-size:22px}.image-note{font-size:11px;color:#8f8c84;line-height:1.6;margin:20px 0 0}.split-section{background:#1b1b17;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.text-link{display:inline-block;color:var(--gold);font-size:12px;letter-spacing:1.5px;font-weight:700;margin-top:18px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.audience{padding:30px 23px;background:#272721;border:1px solid #484132;min-height:250px}.audience>span{color:var(--gold);font-size:11px;letter-spacing:2px}.audience h3{font-family:Georgia,serif;font-size:27px;margin:35px 0 14px}.audience p{font-size:13px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature{min-height:360px;background-image:linear-gradient(180deg,#0007,#000b),var(--bg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:27px;border:1px solid #62513b70}.feature span{font-size:11px;letter-spacing:2px;color:var(--pale);font-weight:700}.feature b{font-family:Georgia,serif;font-size:34px;max-width:280px}.review-section{background:#191a17;border-top:1px solid var(--line)}.section-head.center{text-align:center;margin:0 auto 40px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:auto}.review-link{display:flex;gap:17px;align-items:center;border:1px solid #5d4d35;background:#25241f;padding:24px}.review-letter{font-size:33px;font-weight:700;color:#d3b17a}.review-letter.fb{color:#89aefa}.review-link>span:nth-child(2){display:flex;flex-direction:column;gap:6px}.review-link b{font-size:17px}.review-link small{font-size:12px;color:var(--muted)}.review-link strong{margin-left:auto;color:var(--gold)}.review-section .image-note{text-align:center}.contact{text-align:center;padding:115px 0;background:radial-gradient(ellipse at 50% 0,#393024,#11120f 72%);border-top:1px solid #52432d}.contact p{max-width:560px;margin:0 auto 27px}.contact small{display:block;color:#aaa59b;margin-top:18px}.contact small a{color:var(--gold)}.footer{padding:60px 0 25px;background:#0b0c0a;border-top:1px solid #383024}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-brand{font-size:27px;color:var(--gold);font-family:Georgia,serif}.footer-brand span{font-size:14px}.footer p{color:#9c9a91;font-size:13px;line-height:1.8;margin-top:16px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-grid b{font-size:11px;letter-spacing:2px;color:var(--gold)}.footer-grid a{font-size:13px;color:#bfbcb3}.foot-bottom{border-top:1px solid #302b24;margin-top:50px;padding-top:23px;color:#817e76;font-size:11px}.service-hero{min-height:570px;position:relative;display:flex;align-items:center;overflow:hidden}.service-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-color:#252821}.service-hero-content{position:relative;padding:90px 0}.service-hero h1{margin-top:25px}.service-hero p{max-width:580px;color:#ded8cf;line-height:1.8}.service-hero .hero-actions{justify-content:flex-start}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.project-placeholder{border:1px solid #514533;padding:50px;background:#1d1d19}.project-placeholder>span{font-size:11px;letter-spacing:2px;color:var(--gold)}.project-placeholder h3{font-family:Georgia,serif;font-size:37px;margin:35px 0 15px}
@media(max-width:950px){.desktop-nav{gap:14px}.desktop-nav a{font-size:10px}.service-grid{grid-template-columns:repeat(3,1fr)}.split-grid{gap:30px}.card-title b{font-size:19px}}
@media(max-width:700px){.container{width:calc(100% - 30px)}.topline{font-size:8px;letter-spacing:1.2px}.header-inner{height:65px;gap:10px}.brand span{font-size:27px}.brand small{font-size:7px}.desktop-nav{display:none}.header .button.small{margin-left:auto;font-size:9px;min-height:38px;padding:10px}.menu-btn{display:block;background:none;border:0;color:var(--gold);font-size:25px;padding:8px}.menu-open .mobile-nav{display:flex}.mobile-nav{flex-direction:column;gap:17px;padding:22px;background:#1d1d19;border-top:1px solid #3c352a}.hero-inner{min-height:670px;padding:37px 0 25px}.eyebrow{font-size:9px;letter-spacing:2px}.eyebrow i{width:20px}.crest{width:205px;height:205px;margin:15px auto 5px}.hero h1{font-size:clamp(29px,7.1vw,43px);letter-spacing:-.8px;line-height:1.18}.hero-sub{font-size:13px;line-height:1.7;max-width:380px}.hero-actions{width:100%;gap:10px}.hero-actions .button{min-height:47px;padding:12px 14px;font-size:10px;gap:8px}.hero-bottom{font-size:8px;letter-spacing:1px}.services-section,.portfolio,.review-section,.split-section,.service-details{padding:65px 0}.section-head h2,.split-grid h2,.contact h2,.service-details h2{font-size:38px}.section-head p{font-size:13px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.service-card{aspect-ratio:1/1.15;border-radius:12px}.card-number{top:12px;left:11px;font-size:8px}.card-title{bottom:13px;left:11px;right:21px;gap:4px}.card-title b{font-size:16px}.card-title small{font-size:10px}.card-arrow{right:10px;bottom:13px;font-size:15px}.split-grid,.details-grid{grid-template-columns:1fr;gap:30px}.audience-grid{gap:10px}.audience{min-height:220px;padding:19px 15px}.audience h3{font-size:23px;margin:26px 0 10px}.audience p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature{min-height:260px}.review-grid{grid-template-columns:1fr}.contact{padding:75px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.service-hero{min-height:480px}.service-hero h1{font-size:39px}.service-hero-content{padding:65px 0}.project-placeholder{padding:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-card,.service-card img{transition:none}}

/* Corrected V5: no unrelated stock photos; accessible, labelled service tiles */
.verified-placeholder{background:radial-gradient(circle at 70% 20%,#655039 0%,#2b2924 38%,#111310 100%);border-color:#8d704c88}
.verified-placeholder:nth-child(4n+2){background:radial-gradient(circle at 25% 30%,#504737,#222824 52%,#111310 100%)}
.verified-placeholder:nth-child(4n+3){background:radial-gradient(circle at 70% 25%,#38453b,#252720 54%,#111310 100%)}
.verified-placeholder:nth-child(4n+4){background:radial-gradient(circle at 25% 25%,#63594b,#2b2a24 50%,#111310 100%)}
.tile-art{position:absolute;top:19%;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:clamp(68px,9vw,130px);line-height:1;color:#bfa27680;text-shadow:0 5px 40px #0008;pointer-events:none}
.verified-placeholder .card-title b{color:#f2d6a4;text-shadow:0 2px 8px #000}
@media(max-width:700px){.tile-art{font-size:80px;top:19%}.verified-placeholder .card-title b{font-size:15px}}

/* V6: bundled, checked photographic service images */
.service-card {background-image:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.85) 100%),var(--photo)!important;background-position:center!important;background-size:cover!important;}
.service-card::before {display:none!important;}
.service-card .card-title {z-index:2;position:absolute;}
.service-card .card-number,.service-card .card-arrow {z-index:3;}
.header .brand-logo {width:110px;height:68px;object-fit:contain;display:block;}
.header .brand {display:flex;align-items:center;min-width:112px;}
.hero {background-image:linear-gradient(90deg,rgba(7,9,8,.94),rgba(7,9,8,.58)),url('/assets/hero-garden.jpg')!important;background-position:center;background-size:cover;}
.feature {background-image:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.72)),var(--bg)!important;background-size:cover!important;background-position:center!important;}
@media(max-width:640px){.header .brand-logo{width:96px;height:66px}.service-card{min-height:255px}.card-title b{font-size:21px}}

/* V7 verified contact channels */
.contact-direct{margin:22px auto 4px;line-height:1.9;max-width:740px}.contact-direct a{color:#d9b679;text-decoration:underline;text-underline-offset:4px}.wa-float{position:fixed;right:18px;bottom:20px;z-index:1000;background:#1c7b47;color:white!important;padding:13px 17px;border-radius:50px;font:700 13px Arial,sans-serif;text-decoration:none;box-shadow:0 4px 20px #0009}.wa-float:hover{background:#176a3c}@media(max-width:700px){.wa-float{right:12px;bottom:12px;font-size:12px;padding:12px}.contact-direct{font-size:14px}}

/* V8: sharp uncropped photographs + prominent transparent scalable crest */
.header .header-inner{min-height:112px;height:auto;padding-top:12px;padding-bottom:12px}
.header .brand{min-width:220px;flex:0 0 auto}
.header .brand-logo{width:230px;height:96px;object-fit:contain;object-position:left center}
.hero .crest{width:min(480px,85vw);height:auto;max-height:260px;object-fit:contain;margin:12px auto 8px;filter:drop-shadow(0 8px 22px #000b)}
.service-card{background-image:none!important;background:#151611!important;aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.service-card::before{display:block!important;content:'';position:relative;width:100%;height:auto;aspect-ratio:735/312;background-image:var(--photo);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#171a15;flex:none}
.service-card .card-shade{display:none}
.service-card .card-number{top:10px;left:12px;background:#080a08d9;padding:5px 8px;border-radius:4px;font-size:10px}
.service-card .card-title{position:relative;bottom:auto;left:auto;right:auto;padding:16px 43px 18px 15px;display:flex;min-height:102px;gap:7px;flex:1}
.service-card .card-title b{font-size:20px;line-height:1.2;color:#edcb91;text-shadow:none}
.service-card .card-title small{font-size:12px;color:#d6d1c7;line-height:1.5}
.service-card .card-arrow{right:14px;bottom:18px}
.service-card:hover{transform:translateY(-3px)}
.feature{background-image:none!important;background:#161714!important;display:flex;flex-direction:column;min-height:0;padding:0;justify-content:flex-start}
.feature::before{content:'';display:block;aspect-ratio:735/312;background:var(--bg) center / contain no-repeat #161714;width:100%}
.feature>span,.feature>b{margin:0 25px}
.feature>span:first-of-type{margin-top:22px}
.feature>b{font-size:clamp(23px,3vw,33px);margin-top:13px;margin-bottom:17px}
.feature>span:last-child{margin-bottom:25px}
@media(max-width:700px){
.header .header-inner{min-height:82px;padding:6px 0}
.header .brand{min-width:128px}
.header .brand-logo{width:145px;height:73px}
.hero .crest{width:min(310px,82vw);height:auto;max-height:none}
.service-card{min-height:0;aspect-ratio:auto}
.service-card .card-title{min-height:110px;padding:12px 24px 16px 11px}
.service-card .card-title b{font-size:15px}
.service-card .card-title small{font-size:10px}
.service-card .card-number{font-size:8px;top:5px;left:5px;padding:4px}
.service-card .card-arrow{right:7px;bottom:13px}
.feature>b{margin-top:10px}
}

/* V9 original JSI emblem and distinct category photography */
.header .brand-logo{width:190px;height:104px;object-fit:contain;object-position:left center}
.header-inner{height:110px}
.hero .crest{width:min(440px,86vw);max-height:370px;height:auto;mix-blend-mode:normal}
.service-card::before{aspect-ratio:1128/486;background-size:cover;background-position:center}
@media(max-width:700px){.header-inner{height:83px}.header .brand-logo{width:140px;height:78px}.hero .crest{width:min(330px,86vw)}}