.brand-hero{min-height:920px;padding-bottom:24px;overflow:clip}.brand-hero .hero-content{padding-top:70px;padding-bottom:0}.brand-hero .hero-content h1{font-size:clamp(48px,5.1vw,84px);max-width:860px}.brand-hero .hero-content>p{max-width:500px;font-size:18px}.brand-hero .architecture-building{width:69%;right:-14%;bottom:190px}.brand-hero .hero-foliage{width:450px;right:-180px;top:-140px}.brand-hero .scene-grasses{bottom:105px;width:32%;right:-10%}.brand-project-details{position:absolute;right:6%;bottom:218px;z-index:5;background:#f8f7efee;color:#19382f;border:1px solid #ffffff80;padding:25px 28px;border-radius:28px 28px 8px 28px;max-width:360px;box-shadow:0 15px 45px #09251c33}.brand-project-count{font-size:10px;letter-spacing:.14em;color:#627262}.brand-project-details h2{font-size:32px!important;line-height:1.15;margin:10px 0}.brand-project-details p{font-size:13px;margin-bottom:18px}.brand-project-details>div{display:flex;gap:20px;flex-wrap:wrap}.brand-project-details a,.brand-project-details button{font-size:12px;background:none;padding:8px 0;font-weight:700;color:inherit;min-height:44px}.brand-project-picker{position:relative;z-index:6;margin:150px 4.2% 0;padding:22px 25px 17px;border:1px solid #e0ebd550;border-radius:28px;background:#12382fec;backdrop-filter:blur(12px)}.brand-picker-label{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:16px}.brand-picker-label>span:last-child{color:#bdcebb;font-size:11px}.brand-project-tabs{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 2px 12px;scrollbar-width:thin;scrollbar-color:#9bb777 #193b30}.brand-project-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:22px;background:#244c40;border:1px solid #496856;color:white;min-height:53px;padding:13px 19px;border-radius:16px;font-size:13px;scroll-snap-align:start;transition:background .2s,transform .2s}.brand-project-tabs button.selected{background:var(--lime);color:#13382b;border-color:var(--lime)}.brand-project-tabs button:hover{transform:translateY(-3px);background:#3e6853}.brand-project-tabs button.selected:hover{background:#e4ff95}.brand-scene-status{display:block;color:#d8e2ce;font-size:10px;margin-top:8px}.brand-hero[data-photo-scene] .architecture-stage{opacity:0}.brand-hero[data-photo-scene] .hero-image{opacity:1}.brand-hero .hero-shade{background:linear-gradient(90deg,#12392feb 0%,#143d32bb 35%,#143d3211 90%),linear-gradient(0deg,#0d2e28aa,transparent 70%)}
.brand-intro{padding-top:72px;padding-bottom:65px}.brand-intro .section-heading{align-items:end}.brand-intro h2{max-width:790px}.brand-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.brand-path{display:block;background:#e6eddf;border-radius:30px;padding:32px;transition:transform .25s,background .25s}.brand-path:hover{transform:translateY(-7px);background:#d9e7c9}.brand-path small{font-size:11px;letter-spacing:.08em}.brand-path h3{font-size:30px;margin:20px 0 14px}.brand-path p{font-size:15px;line-height:1.65;margin:0}.brand-path b{display:block;margin-top:24px;font-size:24px}.brand-home-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}.brand-home-projects .project-card{padding-top:0!important}.brand-home-projects .project-visual img{aspect-ratio:1.25!important}.brand-home-projects .project-info h3{font-size:30px}.brand-all-projects{display:flex;justify-content:center;margin-top:36px}.brand-plan-note{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.brand-plan-note p{margin:0;max-width:55ch;font-size:15px}
@media(max-width:1100px){.brand-hero .hero-content h1{font-size:56px;max-width:66vw}.brand-hero .architecture-building{width:82%;right:-25%;bottom:235px}.brand-project-details{max-width:285px;right:4%;bottom:200px;padding:18px}.brand-project-picker{margin-top:190px}.brand-path{padding:24px}.brand-path h3{font-size:25px}}
@media(max-width:760px){.brand-hero{min-height:0;padding-bottom:24px}.brand-hero .hero-content{padding-top:44px}.brand-hero .hero-content h1{font-size:clamp(39px,9.6vw,62px);max-width:100%;line-height:1.1}.brand-hero .hero-content>p{font-size:16px}.brand-hero .architecture-building{width:140%;right:-25%;bottom:185px}.brand-hero .scene-grasses{width:70%;bottom:140px;right:-25%}.brand-project-details{position:relative;right:auto;bottom:auto;margin:185px 7% 20px auto;max-width:250px;z-index:5;border-radius:24px}.brand-project-details h2{font-size:27px!important}.brand-project-picker{margin:0 5%;padding:19px 16px;border-radius:24px}.brand-picker-label{font-size:12px}.brand-picker-label>span:last-child{display:none}.brand-project-tabs button{font-size:12px;min-height:49px;padding:12px 16px}.brand-paths{grid-template-columns:1fr;gap:13px}.brand-path{padding:24px}.brand-path h3{margin-top:12px}.brand-path b{margin-top:15px}.brand-home-projects{grid-template-columns:1fr}.brand-plan-note{align-items:start;flex-direction:column}.brand-intro{padding-top:48px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.brand-project-tabs button:hover,.brand-path:hover{transform:none}}
.brand-project-details{top:340px;bottom:auto}
@media(max-width:1100px){.brand-project-details{top:420px;bottom:auto}}
@media(max-width:760px){.brand-project-details{top:auto;bottom:auto}}

.brand-carousel-controls{position:relative;z-index:6;display:flex;align-items:center;gap:10px;margin:185px 6.5% 0;padding-bottom:25px}.brand-carousel-controls button{width:54px;height:54px;flex:0 0 54px;border:1px solid #e1f3cc80;border-radius:50%;background:#153e32cc;backdrop-filter:blur(10px);color:white;font-size:24px;transition:background .2s,transform .2s}.brand-carousel-controls button:hover{background:var(--lime);color:#14392b;transform:translateY(-3px)}.brand-carousel-controls [data-project-pause]{font-size:18px}.brand-carousel-controls .brand-scene-status{margin:0 0 0 14px;max-width:30ch;font-size:12px}.brand-hero .architecture-building{bottom:85px}.brand-hero .scene-grasses{bottom:0}.brand-project-details{top:340px;bottom:auto}@media(max-width:1100px){.brand-project-details{top:410px}.brand-carousel-controls{margin-top:235px}}@media(max-width:760px){.brand-project-details{top:auto}.brand-carousel-controls{margin:0 7%;padding:0;flex-wrap:wrap}.brand-carousel-controls .brand-scene-status{width:100%;margin:5px 0 0}.brand-hero .architecture-building{bottom:220px}.brand-hero .scene-grasses{bottom:180px}}