/* Secondary pages — architectural portfolio, professional forms and clear information. */
/* This layer changes presentation only; project galleries, accounts and routes remain intact. */
:root{--secondary-ink:#131716;--secondary-muted:#69736e;--secondary-line:#dce2de;--secondary-mint:#a5efd0}
/* Portfolio: a photograph and a separate editorial caption share each slide. */
.app[data-page='projects'] .studio-project-intro{padding:58px 0 36px!important;margin:0 0 34px!important;border-bottom:1px solid var(--secondary-line)!important;background:none!important}
.studio-project-intro .studio-eyebrow{color:#39725c!important;font-size:11px!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase}
.studio-project-intro h1{max-width:720px;font-size:clamp(2.4rem,4.6vw,4.5rem)!important;font-weight:500!important;line-height:1.03!important;letter-spacing:-.055em!important;color:#131716!important;margin:18px 0!important}
.studio-project-intro h1 em{color:#131716!important;font-style:normal!important}
.studio-project-intro p{max-width:580px;color:#69736e!important;font-size:15px!important;line-height:1.8!important}
#projects .section-head,#ongoingProjects .section-head{align-items:baseline!important;margin-bottom:22px!important;border:0!important;padding:0!important}
#projects .section-head h3,#ongoingProjects .section-head h3{color:#131716!important;font-size:clamp(1.6rem,2.5vw,2.25rem)!important;letter-spacing:-.04em!important;font-weight:500!important}
#projects .section-head a,#ongoingProjects .section-head a{color:#252c28!important;font-size:12px!important;text-decoration:underline;text-underline-offset:5px}
#projects .project-slider,#ongoingProjects .ongoing-slider{border-radius:0!important;background:#f3f5f2!important;border:0!important;box-shadow:none!important;overflow:hidden}
.app[data-page='projects'] .project-track .project-card{display:grid!important;grid-template-columns:1.85fr 1fr;height:420px!important;min-height:420px!important;border:0!important;border-radius:0!important;background:#f3f5f2!important;box-shadow:none!important;position:relative!important;flex-shrink:0}
.app[data-page='projects'] .project-card .project-visual{height:420px!important;min-height:420px!important;border-radius:0!important;background-size:cover!important;background-position:center!important}
.app[data-page='projects'] .project-card .project-visual:after,.app[data-page='projects'] .project-card:after{display:none!important}
.app[data-page='projects'] .project-copy{position:static!important;display:flex;flex-direction:column;justify-content:flex-end;background:#f3f5f2!important;color:#131716!important;padding:35px!important;min-width:0}
.app[data-page='projects'] .project-copy h4{font-size:clamp(1.5rem,2.8vw,2.5rem)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.045em!important;color:#131716!important;margin:0 0 15px!important}
.app[data-page='projects'] .project-copy p{color:#6a736d!important;font-size:13px!important;line-height:1.7!important}
.app[data-page='projects'] .project-copy:after{content:'VIEW PROJECT ↗';font-size:10px;letter-spacing:.12em;color:#131716;border-top:1px solid #d8dfd9;margin-top:30px;padding-top:20px}
.project-badge{top:18px!important;left:18px!important;background:#fff!important;color:#16201a!important;font-size:10px!important;font-weight:600!important;letter-spacing:.025em!important;padding:8px 12px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.app[data-page='projects'] .ongoing-card{height:390px!important;min-height:390px!important;border:0!important;border-radius:0!important;background-size:cover!important;background-position:center!important;box-shadow:none!important}
.app[data-page='projects'] .ongoing-card:after{background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,0) 65%)!important;border-radius:0!important}
.app[data-page='projects'] .ongoing-copy{inset:auto 32px 31px!important;max-width:620px!important;background:none!important;border:0!important;padding:0!important;color:#fff!important}
.app[data-page='projects'] .ongoing-copy small{color:#c0f4dc!important;font-size:10px!important;font-weight:600!important;letter-spacing:.13em!important}
.app[data-page='projects'] .ongoing-copy h4{font-size:clamp(1.8rem,3.5vw,3rem)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.035em!important;color:#fff!important;margin:10px 0!important}
.app[data-page='projects'] .ongoing-copy p{color:#e5e9e6!important;max-width:570px;font-size:13px!important;line-height:1.7!important}
.project-controls,.ongoing-controls{justify-content:flex-end!important;gap:12px!important;padding:18px 0!important}
.mini-arrow{height:38px!important;width:38px!important;border:1px solid #d8dfda!important;border-radius:0!important;color:#18221c!important;background:#fff!important;box-shadow:none!important}
.mini-arrow:hover{background:#a5efd0!important;border-color:#a5efd0!important}
.project-dot,.ongoing-dot{height:5px!important;width:5px!important;background:#cad3cc!important;border:0!important;box-shadow:none!important}
.project-dot.active,.ongoing-dot.active{background:#131716!important;width:20px!important;border-radius:0!important}
.clients-section{background:#fff!important;padding:32px 0 20px!important;border-top:1px solid #dce2de!important;border-radius:0!important;box-shadow:none!important}
.clients-section .clients-board{width:100%!important;max-width:100%!important;height:auto!important;display:block;filter:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important}
/* Estimator: bright work surface and clearly separated steps. */
#calculator .calculator-card,#calculator .guided-calculator{padding:45px 0!important;background:#fff!important;color:#131716!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.calc-heading>span{font-size:10px!important;letter-spacing:.16em!important;font-weight:600!important;color:#367158!important;margin-bottom:16px!important}
.calc-heading h3{font-size:clamp(2.4rem,4.1vw,3.8rem)!important;line-height:1.08!important;letter-spacing:-.055em!important;font-weight:500!important;color:#131716!important;margin:0 0 18px!important}
.calc-heading h3 em{font-style:normal!important;color:#6b766f!important}
.calc-heading p{color:#67746c!important;font-size:14px!important;line-height:1.75!important;max-width:550px}
#calculator .main-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:34px 0!important;background:#fff!important;border:1px solid #dce2de!important;border-radius:0!important;overflow:hidden}
#calculator .main-service-grid>button{position:relative;min-height:145px!important;padding:21px!important;border:0!important;border-right:1px solid #dce2de!important;border-radius:0!important;background:#f6f7f5!important;color:#202b23!important;box-shadow:none!important;gap:10px!important}
#calculator .main-service-grid>button:last-of-type{border-right:0!important}
#calculator .main-service-grid>button:hover,#calculator .main-service-grid>button.active{background:#e2f6eb!important;color:#111b15!important}
#calculator .main-service-grid>button.active:after{position:absolute;content:'';height:3px;background:#24634a;inset:auto 0 0}
#calculator .main-service-grid>button>.calculator-service-icon{height:66px!important;width:88px!important;flex-basis:66px!important;object-fit:contain!important;filter:drop-shadow(0 1px 1px #15231b70)!important}
#calculator .main-service-grid>button>strong{font-size:12px!important;font-weight:600!important;color:#17251c!important}
#calculator .calculator-offer{grid-column:1/-1!important;padding:0!important;margin:0!important;border-top:1px solid #dce2de!important;border-radius:0!important;overflow:hidden}
#calculator .calculator-offer-track{width:100%!important}
#calculator .main-service-grid .calculator-offer-slide{width:100%!important;min-height:92px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:20px!important;background:#111815!important;border:0!important;border-radius:0!important;padding:15px 25px!important;text-align:left!important;box-shadow:none!important}
#calculator .calculator-offer-slide img{width:105px!important;height:65px!important;object-fit:cover!important;border-radius:0!important}
#calculator .calculator-offer-slide span{display:grid!important;gap:4px!important}
#calculator .calculator-offer-slide strong{font-size:13px!important;color:#fff!important;margin:0!important}
#calculator .calculator-offer-slide small{color:#a5efd0!important;font-size:9px!important;letter-spacing:.11em!important;text-transform:uppercase!important}
#calculator .calculator-offer-slide b{font-size:11px!important;color:#c6d5cc!important}
.calculator-flow{color:#18231c!important}
.flow-step{padding:26px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #dce2de!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.flow-step .step-label{display:block;font-size:10px!important;font-weight:600!important;letter-spacing:.11em!important;color:#517360!important;margin-bottom:10px!important}
.flow-step>label,.flow-step .inline-label{color:#18261d!important;font-size:15px!important;font-weight:500!important;line-height:1.6!important;margin-bottom:12px!important}
.flow-step input,.flow-step select,.sheet input,.sheet select,.sheet textarea{background:#fff!important;color:#16211a!important;border:1px solid #cbd5ce!important;border-radius:0!important;min-height:49px!important;padding:13px 15px!important;font-size:14px!important;box-shadow:none!important}
.flow-step input::placeholder,.sheet input::placeholder,.sheet textarea::placeholder{color:#7c867f!important;opacity:1}
.choice-pills{gap:8px!important}
.choice-pills button{padding:12px 17px!important;border:1px solid #d5ddd7!important;border-radius:0!important;background:#fff!important;color:#2b3b30!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important}
.choice-pills button.active{background:#a5efd0!important;border-color:#a5efd0!important;color:#13281d!important}
.guided-result{margin-top:24px!important;padding:30px!important;background:#101715!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important}
.guided-result small{color:#b8d4c5!important;font-size:11px!important}
.guided-result span{color:#dce8e0!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.1em}
.guided-result strong{color:#a5efd0!important;font-size:clamp(2rem,4vw,3.2rem)!important;font-weight:500!important;letter-spacing:-.055em!important}
.guided-result p{color:#adbeb3!important;font-size:12px!important;line-height:1.7!important}
.calc-empty{border:1px dashed #cbd8ce!important;background:#f8faf8!important;color:#758279!important;padding:26px!important;border-radius:0!important;font-size:13px!important}
#calculator .calc-cta{min-height:50px;background:#a5efd0!important;border:0!important;border-radius:0!important;color:#14281c!important;font-size:13px!important;font-weight:600!important;margin-top:15px!important}
/* Service selection and enquiry forms. */
.service-sheet,.sheet{background:#080f0cc4!important;backdrop-filter:blur(3px)}
.service-panel,.panel{border:0!important;border-radius:0!important;background:#fff!important;color:#16231b!important;box-shadow:0 24px 90px #0003!important;padding:25px!important;max-height:88vh!important;overflow-y:auto!important}
.service-panel-head,.panel-head{background:#fff!important;border-bottom:1px solid #dce2de!important;padding:10px 0 22px!important;margin-bottom:8px!important}
.service-panel-head small{color:#476c58!important;font-weight:500!important;letter-spacing:.13em!important;font-size:10px!important}
.service-panel-head h3,.panel h3{font-size:1.75rem!important;line-height:1.15!important;letter-spacing:-.035em!important;color:#141f18!important;font-weight:500!important}
.service-count{color:#7a877f!important;font-size:12px!important;margin-top:8px!important}
.service-group h4{color:#1b2c21!important;font-size:13px!important;letter-spacing:.015em!important;margin:27px 0 10px!important}
.service-choice{display:flex!important;align-items:center!important;gap:15px!important;border:0!important;border-bottom:1px solid #e0e6e1!important;border-radius:0!important;background:#fff!important;padding:18px 4px!important;color:#192a1f!important;box-shadow:none!important}
.service-choice:hover{background:#f0faf4!important}
.service-choice strong{font-size:14px!important;font-weight:500!important;color:#18251d!important;line-height:1.5!important;text-align:left!important}
.choice-icon{width:28px!important;height:28px!important;min-width:28px!important;border-radius:0!important;background:none!important;color:#7c9386!important;font-size:10px!important}
.service-choice>span:last-child{margin-left:auto;color:#273e2e!important}
.service-enquiry{padding:25px 0!important;background:#fff!important;color:#18291e!important}
.service-enquiry h4{font-size:1.6rem!important;font-weight:500!important;letter-spacing:-.03em!important;color:#18291e!important}
.service-enquiry p,.price-note{color:#6c7c71!important;font-size:13px!important;line-height:1.8!important}
.service-enquiry .enquiry-mark{background:#def8eb!important;color:#214c33!important;border-radius:0!important}
.service-panel .primary,.panel .primary{background:#a5efd0!important;color:#183222!important;border:0!important;border-radius:0!important;font-size:13px!important;box-shadow:none!important}
.enquiry-call,.enquiry-back{border-color:#d9e3dc!important;background:#fff!important;color:#254934!important;border-radius:0!important;font-size:13px!important}
.close{color:#1c3022!important;background:#f2f6f3!important;border:1px solid #e0e7e1!important;border-radius:0!important}
.sheet label{color:#213426!important;font-size:12px!important;font-weight:500!important;line-height:1.6!important}
/* Contact content: a useful address and direct ways to start a conversation. */
.contact-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:1px solid #dce2de!important;background:#fff!important;border-radius:0!important;overflow:hidden}
.contact-actions>a{background:#fff!important;border:0!important;border-bottom:1px solid #e1e6e2!important;border-radius:0!important;box-shadow:none!important;padding:27px!important;min-height:160px!important;text-decoration:none!important}
.contact-actions>a:nth-child(odd){border-right:1px solid #e1e6e2!important}
.contact-actions>a:nth-last-child(-n+2){border-bottom:0!important}
.contact-action-icon{background:none!important;border-radius:0!important;color:#355e45!important;width:30px!important;height:30px!important}
.contact-action-icon svg{stroke:#355e45!important;width:25px!important;height:25px!important}
.contact-actions small{color:#819087!important;font-size:10px!important;letter-spacing:.09em!important;text-transform:uppercase!important;margin:13px 0 6px!important}
.contact-actions strong{font-size:15px!important;line-height:1.6!important;color:#203227!important;font-weight:500!important}
.career-box,.contact-simple,.faq-box{padding:28px 0!important;background:#fff!important;border:0!important;border-top:1px solid #dce2de!important;border-radius:0!important;box-shadow:none!important}
.career-box h4,.contact-simple h4,.faq-box h4{font-size:1.5rem!important;font-weight:500!important;color:#16221a!important;letter-spacing:-.025em!important}
.career-box p,.contact-simple p,.faq-box p{color:#6d7a71!important;font-size:13px!important;line-height:1.8!important}
.career-link,.contact-simple a{color:#234f36!important;font-size:13px!important;font-weight:600!important}
.faq-box summary{padding:17px 0!important;color:#1b2c20!important;font-size:14px!important;font-weight:500!important;border-color:#e4eae5!important}
.social-panel{background:#111815!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:24px!important}
.social-panel>small{color:#afc1b6!important}.social-panel>strong{color:#fff!important;font-weight:500!important}
.social-icons a{border:1px solid #3b4b40!important;background:none!important;border-radius:0!important;box-shadow:none!important}
.social-icons svg{stroke:#a5efd0!important}
.address-card{background:#f4f6f3!important;color:#273b2d!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:27px!important}
.address-card h4{color:#1c3023!important;font-size:18px!important;font-weight:500!important}
.address-card p,.address-card small,.address-card span{color:#6c7d70!important;line-height:1.8!important}
.address-pin{background:none!important;color:#366147!important}
.address-pin svg{stroke:#366147!important}
/* Detail pages: photographs presented as a project record. */
.detail-page{max-width:1180px!important;background:#fff!important;color:#15231a!important;box-shadow:none!important}
.detail-hero{width:100%!important;height:auto!important;max-height:620px!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:0!important;filter:none!important}
.detail-content{max-width:1020px!important;margin:auto!important;padding:50px 5% 70px!important}
.detail-kicker{font-size:10px!important;font-weight:600!important;letter-spacing:.15em!important;color:#477158!important}
.detail-content h1{font-size:clamp(2.4rem,4.6vw,4.4rem)!important;font-weight:500!important;letter-spacing:-.055em!important;line-height:1.08!important;color:#151d18!important;margin:15px 0 12px!important}
.detail-location{color:#859086!important;font-size:13px!important;border:0!important;margin:0 0 24px!important}
.detail-content h2{font-size:1.6rem!important;font-weight:500!important;letter-spacing:-.03em!important;color:#1a271e!important;margin:38px 0 18px!important}
.detail-content p,.detail-content li{color:#69776d!important;font-size:15px!important;line-height:1.85!important}
.detail-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid #dae3dc!important;border-bottom:1px solid #dae3dc!important;margin:32px 0!important}
.detail-stat,.detail-stat:nth-child(2),.detail-stat:nth-child(3){background:#fff!important;border:0!important;border-right:1px solid #dce4de!important;border-radius:0!important;padding:20px 22px!important;box-shadow:none!important}
.detail-stat:first-child{padding-left:0!important}.detail-stat:last-child{border-right:0!important}
.detail-stat small{color:#829186!important;font-size:10px!important;letter-spacing:.075em!important;text-transform:uppercase!important}
.detail-stat strong{color:#1c3023!important;font-size:14px!important;font-weight:500!important;margin-top:9px!important;line-height:1.5!important}
.detail-gallery{gap:15px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.detail-gallery img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important}
.detail-gallery img:first-child:last-child{grid-column:1/-1;aspect-ratio:16/9!important}
.detail-cta{display:inline-flex!important;justify-content:center;align-items:center;padding:16px 25px!important;border:0!important;border-radius:0!important;background:#a5efd0!important;color:#142f20!important;text-decoration:none!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
/* Careers keep each vacancy as its own mail application link. */
.careers-page{max-width:1180px!important;background:#fff!important;color:#16241b!important}
.careers-hero{background:#111715!important;border:0!important;border-radius:0!important;padding:60px 7%!important}
.careers-hero>span{font-size:10px!important;font-weight:500!important;letter-spacing:.16em!important;color:#a5efd0!important}
.careers-hero h1{font-size:clamp(2.6rem,5vw,4.6rem)!important;font-weight:500!important;line-height:1.06!important;letter-spacing:-.06em!important;color:#fff!important;max-width:750px;margin:20px 0!important}
.careers-hero p{color:#b9c6bd!important;font-size:14px!important;line-height:1.8!important;max-width:590px}
.careers-content{padding:44px 7% 64px!important}
.careers-content>h2{font-size:1.65rem!important;font-weight:500!important;letter-spacing:-.03em!important;color:#1d2b22!important}
.job-instruction{color:#79877d!important;font-size:13px!important;margin-bottom:24px!important}
.job-list{grid-template-columns:1fr!important;gap:0!important;border-top:1px solid #dce4de!important}
.job-card,.job-card:nth-child(2),.job-card:nth-child(3){display:grid!important;grid-template-columns:1fr 1.6fr 1.5fr 140px;align-items:center;gap:20px!important;padding:25px 0!important;border:0!important;border-bottom:1px solid #dce4de!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#213b2a!important;transform:none!important}
.job-card:hover{background:#f2faf6!important}
.job-card h3{font-size:16px!important;font-weight:500!important;color:#15281d!important;letter-spacing:-.02em!important;line-height:1.5!important;margin:0!important}
.job-card small{font-size:10px!important;font-weight:500!important;color:#598167!important;letter-spacing:.08em!important}
.job-card p{color:#7b897f!important;font-size:12px!important;line-height:1.7!important}
.job-apply{margin:0!important;padding:0!important;border:0!important;color:#234a32!important;font-size:11px!important;gap:15px!important}
.benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid #e0e7e1!important}
.benefits p{padding:20px 0!important;background:none!important;border:0!important;border-bottom:1px solid #e0e7e1!important;border-radius:0!important}
.benefits strong{color:#22392a!important;font-size:13px!important;font-weight:500!important}
.benefits span{color:#7a897f!important;font-size:13px!important;line-height:1.7!important}
.apply-panel{background:#101715!important;border:0!important;border-radius:0!important;color:#fff!important;padding:33px!important}
.apply-panel>span{color:#a5efd0!important;font-size:10px!important;letter-spacing:.15em!important}
.apply-panel h2{color:#fff!important;font-size:1.8rem!important;font-weight:500!important;letter-spacing:-.03em!important}
.apply-panel p{color:#b6c5bb!important;font-size:13px!important;line-height:1.7!important}
.apply-actions a{font-size:12px!important;border-radius:0!important;box-shadow:none!important;min-height:48px!important}
.email-action{background:transparent!important;border:1px solid #65816f!important;color:#e4f0e8!important}
.whatsapp-action{background:#a5efd0!important;border:0!important;color:#173923!important}
.contact-lines a{color:#bdcec3!important;font-size:12px!important}
/* Authentication cards, without changing session or role visibility. */
.login-wrap{background:#f3f6f2!important;border:0!important;border-radius:0!important;padding-top:40px!important;padding-bottom:50px!important}
.login-card{background:#fff!important;color:#183020!important;border:1px solid #d9e3dc!important;border-radius:0!important;box-shadow:none!important;padding:30px!important}
.login-card small{color:#63836b!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase}
.login-card h1{color:#17261c!important;font-size:2rem!important;line-height:1.13!important;font-weight:500!important;letter-spacing:-.035em!important}
.login-card p{color:#738578!important;font-size:13px!important;line-height:1.8!important}
.login-card label{color:#344e3b!important;font-size:12px!important;font-weight:500!important}
.login-card input{color:#193122!important;background:#fff!important;border:1px solid #ccd9cf!important;border-radius:0!important;min-height:47px!important;font-size:14px!important;box-shadow:none!important}
.login-card button{background:#a5efd0!important;border:0!important;color:#163521!important;border-radius:0!important;font-size:13px!important;min-height:46px!important;box-shadow:none!important}
.login-card button.secondary{background:#f0f5f1!important;color:#4b6b54!important;border:1px solid #dfe9e1!important}
.login-card .support{color:#587661!important;font-size:12px!important;text-decoration:underline;text-underline-offset:4px}
.login-hero{background:#131e17!important;border-radius:0!important;color:#c1e7ce!important}
.login-worker{display:none!important}
/* Small screens keep every control comfortably reachable. */
@media(max-width:700px){
.app[data-page='projects'] .studio-project-intro{padding:35px 0 27px!important;margin-bottom:26px!important}.studio-project-intro h1{font-size:2.7rem!important}.studio-project-intro p{font-size:13px!important}
.app[data-page='projects'] .project-track .project-card{grid-template-columns:1fr!important;grid-template-rows:230px auto!important;height:365px!important;min-height:365px!important}.app[data-page='projects'] .project-card .project-visual{height:230px!important;min-height:230px!important}.app[data-page='projects'] .project-copy{padding:22px!important;justify-content:center!important}.app[data-page='projects'] .project-copy h4{font-size:1.5rem!important;margin-bottom:8px!important}.app[data-page='projects'] .project-copy p{font-size:12px!important}.app[data-page='projects'] .project-copy:after{display:none}
.app[data-page='projects'] .ongoing-card{height:315px!important;min-height:315px!important}.app[data-page='projects'] .ongoing-copy{inset:auto 23px 23px!important}.app[data-page='projects'] .ongoing-copy h4{font-size:1.9rem!important}.app[data-page='projects'] .ongoing-copy p{font-size:12px!important}.project-badge{top:13px!important;left:13px!important;font-size:9px!important}.clients-section{padding:24px 0!important}
#calculator .calculator-card{padding:33px 0!important}.calc-heading h3{font-size:2.4rem!important}.calc-heading p{font-size:13px!important}#calculator .main-service-grid{margin:25px 0!important}#calculator .main-service-grid>button{padding:17px 5px!important;min-height:129px!important}#calculator .main-service-grid>button>strong{font-size:10px!important}#calculator .main-service-grid>button>.calculator-service-icon{width:65px!important;height:55px!important;flex-basis:55px!important}.flow-step{padding:22px 0!important}.guided-result{padding:23px!important}.flow-step>label{font-size:14px!important}.choice-pills button{font-size:12px!important;padding:11px 14px!important}
.service-panel,.panel{padding:20px!important;border-radius:0!important}.service-panel-head h3,.panel h3{font-size:1.5rem!important}.service-choice strong{font-size:13px!important}.service-choice{gap:10px!important}
.contact-actions>a{padding:22px 16px!important;min-height:150px!important}.contact-actions strong{font-size:12px!important;overflow-wrap:anywhere}.social-panel{padding:21px!important}.social-panel>small{font-size:10px!important}.social-panel>strong{font-size:12px!important}.address-card{padding:22px!important}.career-box,.contact-simple,.faq-box{padding:24px 0!important}
.detail-content{padding:30px 6% 50px!important}.detail-content h1{font-size:2.5rem!important}.detail-content h2{font-size:1.5rem!important}.detail-content p,.detail-content li{font-size:13px!important}.detail-grid{margin:25px 0!important}.detail-stat{padding:15px 10px!important}.detail-stat small{font-size:8px!important}.detail-stat strong{font-size:11px!important}.detail-gallery{grid-template-columns:1fr!important;gap:12px!important}.detail-gallery img{aspect-ratio:4/3!important}.detail-cta{display:flex!important;font-size:12px!important;width:100%!important}
.careers-hero{padding:38px 6%!important}.careers-hero h1{font-size:2.65rem!important}.careers-hero p{font-size:13px!important}.careers-content{padding:30px 6% 45px!important}.job-card,.job-card:nth-child(2),.job-card:nth-child(3){grid-template-columns:1fr!important;gap:9px!important;padding:22px 0!important}.job-card h3{font-size:16px!important}.job-apply{margin-top:9px!important}.benefits{grid-template-columns:1fr!important}.apply-panel{padding:25px!important}.apply-panel h2{font-size:1.5rem!important}.login-card{padding:25px!important}
}
@media(prefers-reduced-motion:reduce){.project-track,.ongoing-track{transition:none!important}}
/* Dedicated glass service landing page. */
body:has(.glass-branding) main{max-width:1180px!important;margin:auto!important;background:#fff!important;padding:0 6% 55px!important}
body:has(.glass-branding) .intro{padding:48px 0 35px!important;background:#fff!important;border:0!important;border-radius:0!important}
body:has(.glass-branding) .intro>span{color:#416b53!important;font-size:10px!important;letter-spacing:.14em!important}
body:has(.glass-branding) .intro h1{max-width:770px!important;font-size:clamp(2.5rem,5vw,4.7rem)!important;font-weight:500!important;color:#17201a!important;line-height:1.07!important;letter-spacing:-.055em!important;margin:18px 0!important}
body:has(.glass-branding) .intro p{font-size:14px!important;line-height:1.8!important;color:#768079!important}
body:has(.glass-branding) .offer-art{padding:0!important;border-radius:0!important;overflow:hidden!important;background:#111915!important}
body:has(.glass-branding) .offer-art img{width:100%!important;height:auto!important;object-fit:contain!important;filter:none!important}
body:has(.glass-branding) .solution{padding:38px 0!important;margin:0!important;background:#fff!important;border:0!important;border-bottom:1px solid #dce4de!important;border-radius:0!important;color:#253b2c!important;box-shadow:none!important}
body:has(.glass-branding) .solution .number{background:none!important;border-radius:0!important;color:#859d8b!important;font-size:12px!important;letter-spacing:.07em!important}
body:has(.glass-branding) .solution small{color:#698172!important;font-size:10px!important;letter-spacing:.1em!important}
body:has(.glass-branding) .solution h2{font-size:clamp(1.6rem,3vw,2.5rem)!important;font-weight:500!important;color:#19261d!important;letter-spacing:-.035em!important}
body:has(.glass-branding) .solution p,body:has(.glass-branding) .solution li{color:#6c7b70!important;font-size:14px!important;line-height:1.85!important}
body:has(.glass-branding) .cta{margin-top:30px!important;padding:35px!important;background:#111915!important;color:#fff!important;border:0!important;border-radius:0!important}
body:has(.glass-branding) .cta small{color:#a5efd0!important;font-size:10px!important;letter-spacing:.11em!important}
body:has(.glass-branding) .cta h2{font-weight:500!important;font-size:2rem!important;letter-spacing:-.035em!important;color:#fff!important}
body:has(.glass-branding) .cta p{color:#b2c2b7!important;font-size:13px!important;line-height:1.8!important}
body:has(.glass-branding) .cta a{display:inline-flex!important;background:#a5efd0!important;color:#193a27!important;border:0!important;border-radius:0!important;font-size:12px!important;padding:15px 22px!important;box-shadow:none!important}
/* Completed calculator steps and estimate controls on the white workspace. */
#calculator .step-compact-summary strong,#calculator .step-compact-summary span,#calculator .calc-labelled-field,#calculator .option-checks label,#calculator .possible-charge,#calculator .other-service-heading button{color:#314e3b!important}
#calculator .flow-step.is-compact{background:#f3f7f4!important;border:1px solid #dce7df!important;padding:18px!important}
#calculator .estimate-tools-row button,#calculator .lead-action-row .secondary,#calculator .estimate-actions .secondary{background:#edf7f1!important;border:1px solid #c4dacc!important;color:#254e36!important;border-radius:0!important;box-shadow:none!important}
#calculator .estimate-breakdown b,#calculator .estimate-breakdown strong,#calculator .estimate-breakdown .total b{color:#c6f9df!important}
#calculator .estimate-breakdown span,#calculator .estimate-breakdown p{color:#bbd4c4!important}
#calculator .option-checks input[type=checkbox]{min-height:17px!important;height:17px!important;width:17px!important;padding:0!important;accent-color:#3a805a}
#calculator .lead-action-row .primary,#calculator .estimate-actions .primary{background:#a5efd0!important;color:#193c28!important;border-radius:0!important;box-shadow:none!important}
/* Team access remains confined to Contact. */
.app[data-page='contact-us'] .contact-page .staff-login-banner.workspace-access{display:flex!important;justify-content:space-between;align-items:center;gap:20px;width:100%!important;margin:28px 0!important;padding:24px!important;background:#122319!important;color:#edf9f1!important;border:0!important;border-radius:0!important;line-height:1.5!important}
.workspace-access>div{display:flex;align-items:center;gap:12px}.workspace-access strong{font-size:14px;font-weight:500}.workspace-access small{font-size:11px;color:#9fbeaa}.workspace-access-dot{display:block;width:6px;height:6px;background:#a5efd0;border-radius:0}.workspace-access>a{position:static!important;display:inline-flex!important;align-items:center;gap:20px;width:auto!important;height:auto!important;transform:none!important;padding:10px 16px!important;background:transparent!important;color:#a5efd0!important;border:1px solid #83b69a;border-radius:0!important;font-size:12px;text-decoration:none;white-space:nowrap}
.profile-banner{display:block!important;margin:25px 0!important;border-radius:0!important;overflow:hidden}.profile-banner img{display:block;width:100%;height:auto}
.career-banner{display:flex!important;flex-direction:column;align-items:start;gap:15px;padding:27px!important;margin:25px 0!important;background:#f0f8f3!important;color:#244b33!important;text-decoration:none!important;border:1px solid #deebe2!important;border-radius:0!important}.career-banner>span{font-size:10px;letter-spacing:.12em;color:#62836d}.career-banner>strong{font-family:var(--font-heading);font-weight:500;font-size:1.5rem;letter-spacing:-.035em}.career-banner>b{font-size:12px;font-weight:500}.contact-page .site-footer{display:none!important}
@media(max-width:700px){.workspace-access small{display:none}.workspace-access strong{font-size:12px}.workspace-access>a{font-size:11px;padding:8px 12px!important}.app[data-page='contact-us'] .contact-page .staff-login-banner.workspace-access{padding:19px!important;gap:12px}}
/* Reset legacy full-viewport image-banner geometry for current content. */
.contact-page .staff-login-banner.workspace-access>a{line-height:1.4!important}
.contact-page .career-banner,.contact-page .profile-banner{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;line-height:1.5!important}
.contact-page .career-banner strong,.contact-page .career-banner b,.contact-page .career-banner span{line-height:1.5!important}
#calculator .main-service-grid{grid-template-rows:auto auto!important;grid-auto-flow:row!important}
#calculator .main-service-grid>button{height:auto!important}
#calculator .calculator-offer{height:auto!important;min-height:92px!important}

/* Decordesk signature system: forest panels, white work surfaces, precise mint accents. */
:root{--secondary-ink:#142c24;--secondary-muted:#566b62;--secondary-line:#dae5df;--secondary-mint:#a5f3ce;--secondary-forest:#063c31;--secondary-deep:#052a24}
.app[data-page='projects'] .studio-project-intro,.calc-heading,.contact-editorial,.studio-contact-intro,.careers-hero{position:relative;isolation:isolate;overflow:hidden;background-color:#063c31!important;background-image:linear-gradient(90deg,transparent 79.8%,#a5f3ce0b 80%,transparent 80.2%),linear-gradient(0deg,transparent 49.8%,#a5f3ce0b 50%,transparent 50.2%)!important;background-size:110px 110px!important;border:1px solid #174e40!important;border-radius:0!important;box-shadow:none!important;color:#fff!important}
.app[data-page='projects'] .studio-project-intro{padding:48px!important;margin:24px 0 40px!important;border-bottom:1px solid #174e40!important}
.studio-project-intro .studio-eyebrow,.calc-heading>span,.contact-editorial>small,.studio-contact-intro>small,.careers-hero>span{color:#a5f3ce!important;letter-spacing:.17em!important;font-weight:500!important}
.studio-project-intro h1,.calc-heading h3,.contact-editorial h1,.contact-editorial h2,.studio-contact-intro h1,.careers-hero h1{color:#fff!important;font-weight:500!important;letter-spacing:-.045em!important}
.studio-project-intro h1 em,.calc-heading h3 em,.contact-editorial em,.studio-contact-intro em{color:#a5f3ce!important;font-style:normal!important}
.studio-project-intro p,.calc-heading p,.contact-editorial p,.studio-contact-intro p,.careers-hero p{color:#d2e6dc!important;line-height:1.75!important}
.contact-editorial,.studio-contact-intro{padding:42px!important;margin:24px 0!important}.contact-editorial h1,.contact-editorial h2,.studio-contact-intro h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.08;margin:18px 0}.contact-editorial p,.studio-contact-intro p{max-width:550px;font-size:14px}
#projects .section-head h3,#ongoingProjects .section-head h3{color:#142c24!important;font-weight:500!important}
#projects .project-slider,#ongoingProjects .ongoing-slider{border-radius:0!important;background:#052a24!important}
.app[data-page='projects'] .project-track .project-card,.app[data-page='projects'] .project-copy{background:#052a24!important}
.app[data-page='projects'] .project-copy{padding:35px!important;color:#fff!important}
.app[data-page='projects'] .project-copy h4{color:#fff!important;letter-spacing:-.035em!important}
.app[data-page='projects'] .project-copy p{color:#c4dfd2!important}
.app[data-page='projects'] .project-copy:after{color:#a5f3ce;border-top-color:#356051;font-weight:500}
.project-badge{background:#a5f3ce!important;color:#052a24!important;border-radius:0!important;padding:8px 13px!important}
.app[data-page='projects'] .ongoing-card:after{background:linear-gradient(0deg,#031d18ed,transparent 77%)!important}
.app[data-page='projects'] .ongoing-copy small{color:#a5f3ce!important}
.mini-arrow{border-radius:0!important;background:#fff!important;border-color:#cadfd3!important;color:#063c31!important}.mini-arrow:hover{background:#a5f3ce!important;border-color:#a5f3ce!important}
.project-dot.active,.ongoing-dot.active{background:#063c31!important;border-radius:0!important}
.clients-section{border-top-color:#dbe7e0!important}
/* Service objects stay crisp against forest tiles; content underneath remains white. */
#calculator .calculator-card,#calculator .guided-calculator{padding:24px 0 40px!important;background:transparent!important}
.calc-heading{padding:38px 42px!important;margin:0 0 26px!important}.calc-heading h3{margin:0 0 16px!important}.calc-heading p{max-width:590px}
#calculator .main-service-grid{gap:10px!important;margin:0 0 25px!important;border:0!important;border-radius:0!important;background:none!important;overflow:visible!important}
#calculator .main-service-grid>button{background:#052a24!important;border:1px solid #20594a!important;border-radius:0!important;color:#fff!important;min-height:156px!important;padding:19px!important;transition:background-color .2s,border-color .2s!important}
#calculator .main-service-grid>button:last-of-type{border-right:1px solid #20594a!important}
#calculator .main-service-grid>button:hover{background:#094b3c!important;border-color:#70bd9b!important}
#calculator .main-service-grid>button.active{background:#094b3c!important;border:2px solid #a5f3ce!important;box-shadow:inset 0 0 0 1px #a5f3ce!important;color:#fff!important}
#calculator .main-service-grid>button.active:last-of-type{border-right:2px solid #a5f3ce!important}
#calculator .main-service-grid>button.active:after{display:none!important}
#calculator .main-service-grid>button>strong{color:#fff!important;font-size:12px!important;font-weight:500!important;letter-spacing:.015em!important}
#calculator .main-service-grid>button>.calculator-service-icon{width:95px!important;height:78px!important;flex-basis:78px!important;filter:none!important}
#calculator .calculator-offer{margin-top:2px!important;border:0!important;border-radius:0!important}
#calculator .main-service-grid .calculator-offer-slide{background:#080e0d!important;padding:15px 25px!important}.calculator-offer-slide img{border-radius:0!important}
#calculator .calculator-offer-slide small{color:#a5f3ce!important}
.calculator-flow{background:#fff!important;border-radius:0!important;padding:0 28px!important;border:1px solid #e1eae4!important}.calculator-flow:empty{padding:0!important;border:0!important}
.flow-step{border-color:#e0e9e3!important}.flow-step .step-label{color:#3b6b58!important}
.flow-step input,.flow-step select,.sheet input,.sheet select,.sheet textarea,.choice-pills button{border-radius:0!important}
.choice-pills button.active{background:#a5f3ce!important;border-color:#a5f3ce!important;color:#052a24!important}
.guided-result{background:#052a24!important;border-radius:0!important;padding:28px!important}.guided-result strong{color:#a5f3ce!important}.guided-result p{color:#c1d9cd!important}
#calculator .calc-cta,#calculator .lead-action-row .primary,#calculator .estimate-actions .primary{background:#a5f3ce!important;color:#052a24!important;border-radius:0!important;font-weight:600!important}
#calculator .estimate-tools-row button,#calculator .lead-action-row .secondary,#calculator .estimate-actions .secondary,#calculator .flow-step.is-compact{border-radius:0!important}.calc-empty{border-radius:0!important}
.service-panel,.panel{border-radius:0!important}.service-panel .primary,.panel .primary,.enquiry-call,.enquiry-back,.close{border-radius:0!important}.service-panel .primary,.panel .primary{background:#a5f3ce!important;color:#052a24!important}
/* Contact: a defined mix of dark access, light information, and black social panels. */
.contact-actions{gap:1px!important;background:#dde8e1!important;border-color:#dde8e1!important;border-radius:0!important}.contact-actions>a{border:0!important;padding:28px!important;background:#fff!important}.contact-actions>a:nth-child(odd){border-right:0!important}
.contact-action-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;background:#e6f7ee!important;border-radius:0!important}.contact-action-icon svg{stroke:#063c31!important}
.contact-actions small{color:#567165!important}.contact-actions strong{color:#142c24!important}
.social-panel{background:#080e0d!important;border-radius:0!important;padding:28px!important}.social-icons a{border-radius:0!important;border-color:#285144!important;background:#0b251c!important}.social-icons svg{stroke:#a5f3ce!important}
.address-card{background:#eaf5ef!important;border-radius:0!important;padding:30px!important}.address-card p,.address-card small,.address-card span{color:#49685a!important}
.app[data-page='contact-us'] .contact-page .staff-login-banner.workspace-access{background:#052a24!important;border-radius:0!important;padding:24px 28px!important;color:#fff!important}.workspace-access>a{background:#a5f3ce!important;color:#052a24!important;border:0!important;border-radius:0!important}.workspace-access small{color:#c0dece!important}
.profile-banner{border-radius:0!important}.career-banner{background:#e8f7ee!important;border:1px solid #cbe7d8!important;border-radius:0!important;padding:30px!important}.career-banner>span{color:#37654f!important}.career-banner>strong,.career-banner>b{color:#143e2d!important}
/* Photographs and account logic are unchanged. */
.detail-hero{border-radius:0!important}.detail-gallery img{border-radius:0!important}.detail-kicker{color:#337452!important}.detail-content h1,.detail-content h2{color:#142c24!important}.detail-cta{background:#a5f3ce!important;color:#052a24!important;border-radius:0!important}
.careers-hero{margin:24px 0 0!important;padding:50px 7%!important}.job-card:hover{background:#effaf4!important}.job-apply{color:#1c6545!important}.apply-panel{background:#052a24!important;border-radius:0!important}.apply-actions a{border-radius:0!important}.whatsapp-action{background:#a5f3ce!important;color:#052a24!important}
.login-wrap{background:#f4f8f5!important}.login-card{border-radius:0!important;border-color:#d8e7de!important;padding:32px!important;box-shadow:0 12px 34px #052a2408!important}.login-card input,.login-card button{border-radius:0!important}.login-card button{background:#a5f3ce!important;color:#052a24!important}.login-hero{background:#052a24!important;border-radius:0!important;color:#a5f3ce!important}
body:has(.glass-branding) .intro h1{color:#142c24!important}body:has(.glass-branding) .offer-art{border-radius:0!important}body:has(.glass-branding) .cta{background:#052a24!important;border-radius:0!important}body:has(.glass-branding) .cta a{background:#a5f3ce!important;color:#052a24!important;border-radius:0!important}
@media(max-width:700px){
.app[data-page='projects'] .studio-project-intro{padding:29px 24px!important;margin:16px 0 28px!important;border-radius:0!important}.studio-project-intro h1{font-size:2.45rem!important}.studio-project-intro p{font-size:13px!important}
.app[data-page='projects'] .project-copy{padding:20px 23px!important}.app[data-page='projects'] .project-copy h4{font-size:1.45rem!important}.app[data-page='projects'] .ongoing-copy h4{font-size:1.8rem!important}
#calculator .calculator-card,#calculator .guided-calculator{padding:16px 0 30px!important}.calc-heading{padding:28px 24px!important;border-radius:0!important}.calc-heading h3{font-size:2.3rem!important}.calc-heading p{font-size:12px!important}
#calculator .main-service-grid{gap:7px!important}#calculator .main-service-grid>button{padding:15px 5px!important;border-radius:0!important;min-height:130px!important}#calculator .main-service-grid>button>.calculator-service-icon{width:73px!important;height:64px!important;flex-basis:64px!important}#calculator .main-service-grid>button>strong{font-size:10px!important}
.calculator-flow{padding:0 18px!important;border-radius:0!important}.guided-result{padding:23px!important}.service-panel,.panel{border-radius:0!important}.contact-editorial,.studio-contact-intro{padding:29px 24px!important;border-radius:0!important}
.contact-actions>a{padding:22px 16px!important}.contact-actions strong{font-size:12px!important}.social-panel,.address-card{padding:23px!important}.career-banner{padding:25px!important}.app[data-page='contact-us'] .contact-page .staff-login-banner.workspace-access{padding:20px!important}.workspace-access>a{padding:11px 13px!important}
.careers-hero{margin:16px 12px 0!important;padding:32px 24px!important;border-radius:0!important}.careers-hero h1{font-size:2.45rem!important}.apply-panel{padding:25px!important}.login-card{padding:25px!important}.detail-gallery img{border-radius:0!important}
}
.contact-editorial>.studio-eyebrow{display:block;color:#a5f3ce!important;font-size:10px!important;letter-spacing:.13em!important;font-weight:500!important}.contact-editorial h1>span{color:#a5f3ce!important}