:root{--gold:#e6ae32;--ink:#141310;--cream:#f4efe4;--muted:#706b60}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#faf9f6}a{text-decoration:none;color:inherit}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:86px;display:flex;align-items:center;gap:32px;padding:10px 5vw;background:rgba(18,17,14,.92);backdrop-filter:blur(14px);color:#fff}.brand img{height:68px;width:68px;object-fit:contain}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a{font-size:14px;opacity:.82}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#111;padding:15px 22px;border-radius:999px;font-weight:800;border:1px solid var(--gold)}.btn.small{padding:11px 18px}.btn.ghost{background:transparent;color:inherit;border-color:rgba(255,255,255,.35)}.hero{min-height:850px;position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:140px 7vw 70px;color:white;overflow:hidden;background:#12110e}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,9,.93) 0%,rgba(12,11,9,.7) 45%,rgba(12,11,9,.25)),url('assets/projects/83556BD3-0A3F-48C4-AA1C-1A93369FA28D.jpeg') center/cover;filter:saturate(.8)}.hero-copy,.hero-logo{position:relative;z-index:2}.hero-copy{max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800;color:var(--gold)}.eyebrow.dark{color:#9a6b0a}.hero h1{font-size:clamp(56px,8vw,112px);line-height:.92;margin:20px 0 26px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:20px;line-height:1.6;max-width:620px;color:#ddd7ca}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust{margin-top:34px;display:flex;gap:14px;align-items:center;color:#ddd}.trust strong{color:var(--gold);letter-spacing:.12em}.hero-logo{width:min(440px,40vw);justify-self:end;filter:drop-shadow(0 28px 40px rgba(0,0,0,.5))}.intro,.section{padding:105px 7vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--cream)}h2{font-size:clamp(38px,5vw,72px);line-height:1.04;letter-spacing:-.045em;margin:14px 0}.intro p,.section-head p{font-size:18px;line-height:1.75;color:var(--muted)}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;margin-bottom:42px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid #d8d2c5;border-radius:999px;background:white;padding:10px 16px;cursor:pointer}.filters button.active{background:#171510;color:white;border-color:#171510}.gallery{columns:3 280px;column-gap:18px}.card{break-inside:avoid;margin-bottom:18px;position:relative;border-radius:18px;overflow:hidden;cursor:pointer;background:#ddd}.card img{display:block;width:100%;height:auto;transition:.45s transform}.card:hover img{transform:scale(1.035)}.card span{position:absolute;left:14px;bottom:14px;background:rgba(15,14,11,.78);color:white;padding:8px 11px;border-radius:999px;font-size:12px;backdrop-filter:blur(8px)}.feature{margin:30px 4vw 100px;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;background:#171510;color:white}.feature-copy{padding:70px}.feature img{width:100%;height:100%;min-height:620px;object-fit:cover}.feature p{font-size:18px;line-height:1.7;color:#d5d0c5}.services{background:var(--cream)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-grid article{background:#fff;border-radius:18px;padding:30px;min-height:220px;border:1px solid #e7e0d4}.service-grid b{color:var(--gold)}.service-grid h3{font-size:24px;margin:28px 0 12px}.service-grid p{color:var(--muted);line-height:1.6}.mascot-band{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:#171510;color:white;padding:80px 8vw;overflow:hidden}.mascot-band ul{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0;list-style:none}.mascot-band li:before{content:'✓';color:var(--gold);margin-right:10px}.mascot-wrap{height:520px;overflow:hidden;border-radius:28px;background:radial-gradient(circle,#3c3428,#191713)}.mascot-wrap img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.review-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 26px;cursor:grab}.review-track::-webkit-scrollbar{height:8px}.review-track::-webkit-scrollbar-thumb{background:#c9b98c;border-radius:10px}.review{scroll-snap-align:start;min-width:min(420px,85vw);background:#fff;border:1px solid #e3ddd1;border-radius:20px;padding:28px}.review .stars{color:var(--gold);letter-spacing:.15em}.review blockquote{font-size:20px;line-height:1.55;margin:20px 0}.review small{color:var(--muted)}.contact{margin:30px 4vw 0;padding:70px 7vw;background:#171510;color:white;border-radius:28px 28px 0 0;display:grid;grid-template-columns:300px 1fr;gap:70px;align-items:center}.contact img{width:100%}.contact p{color:#d7d1c6;font-size:18px}.contact small{display:block;margin-top:18px;color:#aaa}footer{display:flex;justify-content:space-between;padding:28px 5vw;background:#0e0d0b;color:#aaa;font-size:13px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:50;display:none;place-items:center;padding:30px}.lightbox.open{display:grid}.lightbox img{max-width:92vw;max-height:88vh;border-radius:12px}.lightbox button{position:absolute;right:24px;top:18px;background:none;border:0;color:white;font-size:44px;cursor:pointer}@media(max-width:900px){.nav nav{display:none}.nav{height:72px}.brand img{height:54px}.hero{grid-template-columns:1fr;min-height:760px;padding-top:120px}.hero-logo{width:220px;justify-self:start;margin-top:24px}.intro,.section-head,.feature,.mascot-band,.contact{grid-template-columns:1fr}.intro{gap:20px}.section,.intro{padding:75px 5vw}.feature{margin:20px 3vw 70px}.feature-copy{padding:46px 28px}.feature img{min-height:430px}.service-grid{grid-template-columns:1fr}.mascot-band{padding:60px 5vw}.mascot-wrap{height:380px}.contact{padding:55px 7vw}.contact img{width:220px}footer{flex-direction:column;gap:8px}.nav .btn.small{margin-left:auto}.gallery{columns:2 160px}}@media(max-width:520px){.hero h1{font-size:55px}.hero p{font-size:17px}.btn{width:100%}.mascot-band ul{grid-template-columns:1fr}.gallery{columns:1}.section-head{gap:10px}.review{min-width:88vw}.contact{margin:0;border-radius:0}}
/* Refined project carousel */
.project-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 28px;cursor:grab;-webkit-overflow-scrolling:touch}
.project-carousel::-webkit-scrollbar{height:8px}.project-carousel::-webkit-scrollbar-thumb{background:#c9b98c;border-radius:10px}
.project-carousel .card{flex:0 0 min(620px,82vw);height:clamp(360px,58vw,620px);scroll-snap-align:start;margin:0;border-radius:22px;background:#ddd}
.project-carousel .card img{width:100%;height:100%;object-fit:cover}
.project-carousel .card span{display:none}
.services{background:var(--cream)}
.service-list{font-size:clamp(25px,3.3vw,48px);line-height:1.55;font-weight:750;letter-spacing:-.025em;max-width:1300px}
.service-list span{color:var(--gold);padding:0 .18em}
.service-note{margin:34px 0 0;color:var(--muted);font-size:17px;line-height:1.7}
.nav .brand img,.hero-logo,.contact img{background:transparent}
@media(max-width:520px){.project-carousel .card{flex-basis:88vw;height:440px}.service-list{font-size:25px;line-height:1.6}}

/* Final requested refinements */
.section-head.compact{grid-template-columns:1fr;margin-bottom:28px}
.carousel-shell{position:relative}
.carousel-arrow{position:absolute;top:50%;z-index:5;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(20,19,16,.88);color:#fff;font-size:36px;line-height:1;display:grid;place-items:center;cursor:pointer;transform:translateY(-50%);box-shadow:0 8px 24px rgba(0,0,0,.28);transition:.2s ease}
.carousel-arrow:hover{background:var(--gold);color:#111;border-color:var(--gold);transform:translateY(-50%) scale(1.06)}
.carousel-arrow.prev{left:18px}.carousel-arrow.next{right:18px}
.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.carousel-dot{width:8px;height:8px;border-radius:999px;background:#d5ccba;transition:.25s ease}
.carousel-dot.active{width:28px;background:var(--gold)}
.project-carousel{scrollbar-width:none;overscroll-behavior-x:contain}
.project-carousel::-webkit-scrollbar{display:none}
.mascot-wrap{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#413824 0,#211e18 52%,#171510 100%);padding:18px}
.mascot-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:22px;mix-blend-mode:normal;filter:drop-shadow(0 18px 32px rgba(0,0,0,.4))}
.nav .brand img,.hero-logo,.contact img{background:none!important}
@media(max-width:700px){.carousel-arrow{width:44px;height:44px;font-size:30px}.carousel-arrow.prev{left:8px}.carousel-arrow.next{right:8px}}

/* Integrated transparent logo treatment */
.brand{display:flex;align-items:center;min-width:72px}
.brand img{height:66px;width:66px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.45));transition:transform .2s ease}
.brand:hover img{transform:scale(1.04)}
.hero-logo-wrap{position:relative;z-index:2;justify-self:end;display:grid;place-items:center;width:min(500px,42vw);isolation:isolate}
.hero-logo-wrap:before{content:'';position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(230,174,50,.24) 0,rgba(230,174,50,.10) 42%,transparent 72%);filter:blur(18px);z-index:-1}
.hero-logo{position:relative;width:100%;height:auto;filter:drop-shadow(0 22px 34px rgba(0,0,0,.58)) drop-shadow(0 0 12px rgba(230,174,50,.20));transform:translateY(8px)}
.mascot-wrap{border-radius:28px;background:radial-gradient(circle at 50% 44%,rgba(230,174,50,.13),rgba(33,30,24,.98) 58%,#171510 100%);padding:12px 18px}
.mascot-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;background:transparent;border-radius:0;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}
.contact-logo{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(0,0,0,.48))}
@media(max-width:900px){.hero-logo-wrap{width:250px;justify-self:start;margin-top:26px}.hero-logo{width:100%;margin:0}.brand img{height:52px;width:52px}.contact-logo{width:230px}}