:root{--navy:#153e52;--lime:#f1b28c;--paper:#faf7f2;--muted:#5b707c;--line:#dce2e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:var(--paper);font:14px Manrope,Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #b65b39;outline-offset:5px}button[hidden],[hidden]{display:none!important}img{max-width:100%;display:block;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;letter-spacing:-2px}h1{font-size:clamp(55px,5.7vw,88px);line-height:1.06}h2{font-size:clamp(35px,3.8vw,58px);line-height:1.15;margin-bottom:0}h2 em{color:#638091;font-style:normal}p{line-height:1.85;color:var(--muted)}.announcement{background:var(--navy);color:#cbd5d9;display:flex;justify-content:space-between;padding:10px 5%;font-size:10px}.announcement>span{display:flex;align-items:center;gap:9px}.announcement i,.eyebrow i,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime)}.announcement a{color:var(--lime)}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 5%;position:sticky;top:0;background:#faf7f2ed;backdrop-filter:blur(20px);z-index:30;border-bottom:1px solid #dce2e388}.logo{width:230px;flex-shrink:0}.logo img{width:100%;height:auto}nav{display:flex;align-items:center;gap:27px;font-size:11px;font-weight:700}nav>a{padding:10px 0;position:relative}nav>a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav>a:hover:after{transform:scaleX(1)}.menu-toggle{display:none}.btn{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 24px;border-radius:6px;font-size:12px;font-weight:800;transition:transform .25s,box-shadow .25s}.btn span{font-size:22px;font-weight:400;line-height:1;transition:transform .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #153e5218}.btn:hover span{transform:translate(2px,-2px)}.btn.navy{background:var(--navy);color:white}.btn.lime{background:var(--lime);color:var(--navy)}.btn.white{background:var(--paper);color:var(--navy)}.btn.small{font-size:10px;padding:15px 18px;gap:23px}.hero{padding:45px 5% 0;display:grid;grid-template-columns:1.03fr 1fr;column-gap:40px;align-items:center}.hero-copy{padding:25px 0 45px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;margin-bottom:30px}.hero .eyebrow i{background:#bc6441}.hero h1{margin:0 0 30px;letter-spacing:-4px}.accent-word{position:relative;display:inline-block}.accent-word svg{position:absolute;bottom:-12px;left:-3px;width:100%;height:24px;fill:none;stroke:#d28a65;stroke-width:5;stroke-linecap:round;stroke-dasharray:570;stroke-dashoffset:570;animation:underline 1s .4s forwards}.hero-copy>p{font-size:13px;line-height:1.9;margin-bottom:27px}.hero-cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.round-link{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700}.round-link>span{border:1px solid #cad6da;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:18px}.hero-tags{display:flex;gap:10px;margin-top:40px;flex-wrap:wrap}.hero-tags span{border:1px solid #dce2e3;border-radius:25px;font-size:9px;padding:8px 12px;color:#72828b}.hero-visual{height:540px;position:relative;border-radius:18px;overflow:hidden;background:#233e36}.hero-visual>img{width:100%;height:100%;object-position:55% 50%;transition:transform 1s}.hero-visual:hover>img{transform:scale(1.045)}.hero-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0a192dcc);pointer-events:none}.visual-top{position:absolute;left:22px;top:22px;border-radius:30px;padding:11px 14px;background:#ffffffd9;backdrop-filter:blur(8px);font-size:8px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:8px}.live-dot{background:#4d754a}.visual-bottom{position:absolute;bottom:45px;left:28px;right:28px;display:flex;align-items:end;justify-content:space-between;color:white;z-index:1;font-size:9px;letter-spacing:1px}.visual-bottom strong{display:block;font-family:'Space Grotesk';font-size:41px;letter-spacing:-1.4px;font-weight:500;margin-top:8px}.visual-bottom a{height:49px;width:49px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--navy);font-size:27px}.image-credit{position:absolute;bottom:12px;right:20px;z-index:1;color:#d4deda;font-size:8px}.hero-foot{grid-column:1/-1;padding:31px 0;margin-top:42px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.hero-foot>span{font-size:8px;font-weight:800;letter-spacing:1.1px;max-width:190px;line-height:1.7;color:#71848f}.hero-foot>div{display:flex;gap:25px;align-items:center;font-size:11px;font-weight:600}.hero-foot i{font-style:normal;color:#bc7959;font-size:20px}.section{padding:100px 5%}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:42px}.section-head .eyebrow{margin-bottom:20px}.section-head>p,.section-head>div+div{max-width:310px;font-size:12px;margin-bottom:4px}.solution-tools{display:flex;align-items:center;justify-content:space-between;margin:25px 0 30px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #dbe3e6;background:transparent;border-radius:30px;padding:11px 18px;font-size:10px;font-weight:700;transition:background .25s}.filters button.selected{background:var(--navy);color:white;border-color:var(--navy)}.filters small{margin-left:12px;opacity:.6}.solution-count{font-size:10px;color:#75858e}.solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solution-card{border-radius:12px;overflow:hidden;border:1px solid #dfe6e8;background:white;transition:transform .3s,box-shadow .3s}.solution-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #132c2512}.card-photo{height:230px;background-size:cover;background-position:center;position:relative;overflow:hidden}.card-photo.sheet{background-image:url('assets/sports-sheet.webp');background-size:200% 200%}.card-photo.courts{background-position:left top}.card-photo.track{background-position:right top}.card-photo.gym{background-position:left bottom}.card-photo.cricket{background-position:right bottom}.card-photo.football{background-image:url('assets/campus.webp');background-size:160%;background-position:35% 80%}.card-photo.indoor{background-image:url('assets/indoor.webp')}.card-photo>span{position:absolute;left:17px;top:17px;background:#faf7f2e8;padding:8px 12px;border-radius:25px;font-size:8px;font-weight:700;letter-spacing:.7px}.card-content{padding:25px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title h3{font-size:21px;letter-spacing:-.8px;margin:0}.card-title button{border:1px solid #d2dfe5;background:none;width:32px;height:32px;border-radius:50%;font-size:20px}.card-content p{font-size:11px;line-height:1.8;margin:14px 0 20px;min-height:40px}.card-bottom{border-top:1px solid #e3e9ec;padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#74858c}.card-bottom button{background:none;border:0;padding:0;color:#254d63;font-size:10px;font-weight:700}.spaces{background:#eaf1f4}.concept-note{font-size:9px;color:#6b818d}.space-tabs{display:flex;border-bottom:1px solid #cbdce3;margin-bottom:25px;gap:30px}.space-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 16px;font-size:12px;color:#708692}.space-tabs button.selected{border-color:var(--navy);color:var(--navy);font-weight:700}.space-showcase{height:590px;border-radius:15px;overflow:hidden;position:relative}.space-showcase>img{height:100%;width:100%;object-position:center}.space-showcase:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061c2277,transparent 75%);pointer-events:none}.scene-panel{position:absolute;left:40px;bottom:40px;z-index:1;background:#153e52dc;backdrop-filter:blur(18px);border:1px solid #ffffff20;border-radius:10px;width:330px;color:white;padding:28px}.scene-panel>span{font-size:8px;color:var(--lime);letter-spacing:1.5px}.scene-panel h3{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:17px 0}.scene-panel p{font-size:11px;color:#c2d0cf;line-height:1.8}.scene-panel .btn{font-size:10px;width:100%;padding:15px 18px}.scene-label{position:absolute;right:25px;bottom:20px;z-index:1;color:white;background:#153e5288;padding:7px 10px;border-radius:3px;font-size:8px;letter-spacing:1px}.surface-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:45px}.surface-nav{display:flex;flex-direction:column;gap:10px}.surface-nav>button{border:1px solid #dce5e8;border-radius:8px;display:flex;align-items:center;text-align:left;background:transparent;padding:19px;gap:18px}.surface-nav>button.selected{background:#e8f0f4;border-color:#9bb7c5}.surface-nav button>span:nth-child(2){font-size:14px;font-weight:700}.surface-nav small{display:block;font-size:10px;font-weight:400;color:#6b8290;margin-top:6px}.surface-nav b{margin-left:auto;font-weight:400;font-size:24px}.material-swatch{width:43px;height:43px;border-radius:8px;flex-shrink:0}.turf{background:repeating-linear-gradient(72deg,#416c39 0 1px,#527a3e 2px 3px,#335e2e 4px 5px)}.acrylic{background:#448594;box-shadow:inset 0 0 20px #2d677740}.wood{background:repeating-linear-gradient(0deg,#b99466 0 8px,#8c714e 9px,#c3a178 10px 18px)}.rubber{background:radial-gradient(#6a716e 1px,transparent 1px),#333f3e;background-size:5px 5px}.surface-detail{border-radius:12px;background:var(--navy);color:white;padding:35px 40px}.surface-detail-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#9cb0b8;gap:20px}.surface-detail h3{font-size:32px;letter-spacing:-1px;margin:28px 0 15px;max-width:430px}.surface-detail p{font-size:12px;color:#b7c6cd}.surface-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:25px 35px;margin:25px 0}.surface-detail dt{font-size:8px;color:#c0ccd2;letter-spacing:1px;margin-bottom:8px}.surface-detail dd{font-size:11px;margin:0;line-height:1.7;color:#eff4f6}.text-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px;font-weight:700;border:0;border-bottom:1px solid #c6d5dc;background:none;padding:12px 0;color:inherit}.text-button span{font-size:20px}.surface-detail .text-button{color:var(--lime);border-color:#ffffff30}.comparison-trigger{display:flex;justify-content:center;gap:30px;border:1px solid var(--line);border-radius:7px;background:white;width:100%;margin-top:22px;padding:18px;font-size:11px;font-weight:700}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:20px;align-items:center}.about-art{height:610px;position:relative;border-radius:16px;overflow:hidden}.about-art>img{height:100%;width:100%;object-position:40%}.brand-plaque{position:absolute;bottom:35px;left:30px;background:#faf7f2;padding:25px;border-radius:8px;box-shadow:0 15px 30px #0d28342b;width:280px}.brand-plaque img{width:230px}.brand-plaque>span{display:block;font-size:7px;letter-spacing:2px;text-align:center;border-top:1px solid #dce5e8;margin-top:15px;padding-top:13px}.about-copy h2{font-size:65px;margin-bottom:30px}.about-copy>p{font-size:12px}.about-copy .lead{font-size:16px;color:#355569;line-height:1.8}.about-copy .text-button{margin-top:13px}.process{background:#eff4f6}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:65px}.steps article{border-top:1px solid #c8d7df;padding-top:27px}.steps article>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e0eaf0;font-size:11px;margin-bottom:30px}.steps h3{font-size:24px;letter-spacing:-1px;margin-bottom:12px}.steps p{font-size:11px}.contact{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;background:var(--navy);color:white;align-items:center;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;border:1px solid #ffffff08;width:650px;height:650px;border-radius:50%;right:-220px;top:-280px;pointer-events:none;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02}.contact .eyebrow{color:var(--lime)}.contact h2{font-size:clamp(47px,5vw,75px);margin-bottom:35px}.contact h2 em{color:var(--lime)}.contact-card{position:relative;border:1px solid #ffffff20;border-radius:12px;padding:36px;background:#ffffff04}.contact-card>span{font-size:8px;letter-spacing:1.7px;color:#abbec0}.phone{display:block;font-family:'Space Grotesk';font-size:28px;letter-spacing:-1px;margin:18px 0 14px}.email{font-size:12px;overflow-wrap:anywhere;color:#d3dfdd}.contact-divider{height:1px;background:#ffffff20;margin:30px 0}.contact-card p{font-size:12px;color:#c0cecf;margin:18px 0 8px}.contact-card .text-button{font-size:10px;border-color:#ffffff20}.contact-social{display:flex;gap:25px;margin-top:35px;color:var(--lime);font-size:11px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.faq h2{font-size:50px}details{border-bottom:1px solid var(--line);padding:25px 0}details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:25px;font-size:12px;font-weight:700;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:21px;line-height:1;font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;margin:17px 0 0}footer{padding:65px 5% 22px;background:#0b2839;color:white}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:45px;padding-bottom:50px}.footer-logo{width:240px}.footer-main p{font-size:11px;color:#9caeba;margin-top:22px}.footer-main>div{display:flex;align-items:flex-start;flex-direction:column;gap:15px;font-size:10px;color:#b4c2ca}.footer-main>div>span{font-size:8px;letter-spacing:1.5px;color:#718999;margin-bottom:7px}.footer-main .text-button{color:var(--lime);padding-top:0;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#8ca0ad;border-top:1px solid #ffffff18;padding-top:22px}.footer-bottom button{background:none;border:0;color:inherit;font-size:9px}.whatsapp{position:fixed;bottom:22px;right:22px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--navy);z-index:35;box-shadow:0 8px 25px #153e5230;border:4px solid #ffffff}.whatsapp svg{width:25px;height:25px}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--lime);padding:15px}.skip:focus{top:10px}dialog{width:calc(100% - 40px);max-width:620px;max-height:calc(100svh - 40px);overflow:auto;border:0;border-radius:16px;padding:45px;background:var(--paper);color:var(--navy)}dialog::backdrop{background:#061727bb;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-entrance .25s ease-out}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:16px;top:12px;width:35px;height:35px;display:grid;place-items:center;border:1px solid #cbd8df;background:var(--paper);border-radius:50%;font-size:24px;z-index:2}.close:hover{background:var(--lime)}dialog .eyebrow{font-size:8px;margin-bottom:20px}dialog h2{font-size:38px;letter-spacing:-1.5px;margin:0 0 22px}dialog h3{font-size:18px;letter-spacing:-.5px;margin-top:25px}dialog p,dialog li{font-size:12px;line-height:1.8;color:var(--muted)}dialog ul{padding-left:19px;margin-bottom:30px}#compare-dialog{max-width:1000px}.table-scroll{overflow:auto;margin:30px 0}table{border-collapse:collapse;width:100%;min-width:650px;font-size:11px;text-align:left}th,td{padding:18px 15px;border-bottom:1px solid #d6e2e8;line-height:1.7}thead{background:#e9f0f3}tbody th{font-weight:700}#planner-dialog{max-width:1000px;padding:0}.planner-shell{display:grid;grid-template-columns:.8fr 1fr;min-height:690px}.planner-shell aside{background:var(--navy);color:white;padding:35px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.planner-shell aside>img{width:240px}.planner-shell aside h2{font-size:43px;line-height:1.12}.planner-shell aside em{color:var(--lime)}.planner-shell aside p{color:#a3b8c3;font-size:12px;max-width:240px}.planner-shell aside .eyebrow{color:var(--lime);font-size:8px}.planner-aside-bottom{font-size:7px;letter-spacing:.7px;color:#6f8c9d}#planner-form{padding:48px 40px 35px}.planner-progress{font-size:8px;font-weight:700;letter-spacing:1px;color:#658091;margin-bottom:25px}.planner-progress>div{height:3px;background:#e1e9ee;margin-top:14px;border-radius:3px;overflow:hidden}.planner-progress i{display:block;width:33.333%;height:100%;background:#bd6947;transition:width .3s}#planner-title{font-size:32px;margin-bottom:10px}#planner-intro{font-size:11px;margin-bottom:25px}label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:700;margin-bottom:19px}input,textarea,select{width:100%;background:white;border:1px solid #d7e2e8;border-radius:6px;padding:13px 12px;font-size:12px;color:var(--navy);min-width:0}textarea{resize:vertical}fieldset{border:0;padding:0;margin:0 0 20px}legend{font-size:10px;font-weight:700;margin-bottom:12px}.radio{flex-direction:row;align-items:center;font-size:11px;font-weight:500;gap:8px;margin-bottom:10px}.radio input{width:15px;height:15px;accent-color:#ae5635}.planner-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.planner-actions .btn{margin-left:auto;font-size:11px;padding:16px 20px;gap:20px}.back{border:0;background:none;font-size:11px;padding:10px 0}.dimension-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}.area-result{padding:18px;background:#eaf1f5;border-radius:8px;margin-bottom:20px}.area-result>span{font-size:8px;letter-spacing:1px;color:#6c8390}.area-result strong{display:block;font-size:18px;margin:9px 0}.area-result small{font-size:9px;line-height:1.6;display:block;color:#637e8b}.brief-summary{background:#eaf1f5;border-radius:8px;padding:18px;margin-bottom:23px;font-size:11px;white-space:pre-line;line-height:1.9}.privacy-note{font-size:10px!important}.planner-step{animation:dialog-entrance .25s}#planner-error{font-size:11px;color:#aa4138;margin:10px 0;min-height:0}.motion-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .accent-word svg{stroke-dashoffset:0}@keyframes underline{to{stroke-dashoffset:0}}@keyframes dialog-entrance{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){header,.announcement,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1530px)/2));padding-right:max(5%,calc((100vw - 1530px)/2))}.hero-visual{height:620px}}@media(max-width:1100px){nav{gap:15px}.logo{width:195px}.hero{gap:25px}.hero h1{font-size:62px;letter-spacing:-3px}.hero-visual{height:490px}.hero-cta{gap:20px}.hero-foot>div{gap:15px;font-size:9px}.hero-foot>span{max-width:150px}.section{padding:80px 5%}.card-photo{height:190px}.card-content{padding:20px}.card-title h3{font-size:19px}.about{gap:50px}.about-art{height:560px}.surface-layout{gap:25px}.surface-detail{padding:30px}.contact{gap:50px}.footer-main{gap:25px}.space-showcase{height:520px}}@media(max-width:850px){nav>a{display:none}.hero h1{font-size:52px}.hero-visual{height:490px}.hero-copy>p br{display:none}.hero-foot{display:block}.hero-foot>span{max-width:none;display:block;margin-bottom:20px}.hero-foot>div{justify-content:space-between;font-size:10px;flex-wrap:wrap}.hero-foot i{font-size:14px}.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-photo{height:240px}.surface-layout{grid-template-columns:1fr 1.4fr}.surface-detail-top span:last-child{display:none}.about{gap:35px}.about-art{height:550px}.about-copy h2{font-size:48px}.about-copy .lead{font-size:14px}.contact{gap:35px}.contact-card{padding:28px}.phone{font-size:23px}.faq{gap:45px}.footer-main{grid-template-columns:1.3fr 1fr;gap:35px}.planner-shell{grid-template-columns:.7fr 1fr}.planner-shell aside{padding:25px}.planner-shell aside h2{font-size:35px}#planner-form{padding:48px 25px 30px}}@media(max-width:620px){html{scroll-padding-top:90px}.announcement{padding:10px 5%;justify-content:center;font-size:9px}.announcement>a{display:none}header{padding:16px 5%;height:82px}.logo{width:205px}.menu-toggle{display:block;border:1px solid #d3dfe5;border-radius:5px;background:none;width:38px;height:36px;font-size:21px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:25px 5%;box-shadow:0 18px 25px #153e5214;border-bottom:1px solid #dce5e9}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:15px}nav>a{display:block;font-size:12px}.hero{padding:30px 5% 0;grid-template-columns:1fr;gap:0}.hero-copy{padding:10px 0 35px}.hero .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:27px}.hero h1{font-size:clamp(48px,12.4vw,73px);letter-spacing:-2.8px;margin-bottom:30px;line-height:1.1}.hero-copy>p{font-size:12px}.hero-cta{gap:18px}.hero-cta .btn{font-size:11px;padding:17px 18px;gap:20px}.round-link{font-size:9px}.round-link>span{width:28px;height:28px;font-size:16px}.hero-tags{margin-top:25px;gap:7px}.hero-tags>span{font-size:8px;padding:7px 9px}.hero-visual{height:340px;border-radius:12px}.hero-visual>img{object-position:center}.visual-top{top:17px;left:17px;font-size:7px;padding:10px}.visual-bottom{left:22px;right:22px;bottom:35px}.visual-bottom strong{font-size:34px}.visual-bottom a{width:42px;height:42px}.hero-foot{margin-top:30px;padding:25px 0}.hero-foot>span{font-size:7px;margin-bottom:16px}.hero-foot>div{font-size:9px;gap:12px;justify-content:flex-start;line-height:1.8}.hero-foot i{font-size:12px}.section{padding:60px 5%}.section-head{display:block;margin-bottom:28px}.section-head .eyebrow{font-size:8px;letter-spacing:1.4px}h2{font-size:36px;letter-spacing:-1.8px}.section-head>p,.section-head>div+div{max-width:none;margin-top:20px;font-size:11px}.section-head>.btn{margin-top:25px}.solution-tools{display:block}.filters{gap:6px}.filters button{font-size:9px;padding:10px 13px}.solution-count{display:block;margin-top:17px;font-size:9px}.solutions-grid{grid-template-columns:1fr;gap:20px}.card-photo{height:240px}.card-title h3{font-size:23px}.card-content{padding:23px}.card-content p{font-size:12px;min-height:0}.card-bottom{font-size:8px}.card-bottom button{font-size:11px}.space-tabs{gap:20px}.space-tabs button{font-size:10px;padding-bottom:12px}.space-showcase{height:540px;border-radius:10px}.space-showcase>img{object-position:57% center}.scene-panel{left:18px;right:18px;bottom:35px;width:auto;padding:23px}.scene-panel h3{font-size:28px;max-width:270px}.scene-panel p{font-size:11px}.scene-label{font-size:6px;bottom:12px;right:18px}.surface-layout{grid-template-columns:1fr;gap:20px}.surface-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}.surface-nav>button{padding:13px 10px;gap:9px}.surface-nav button>span:nth-child(2){font-size:10px}.surface-nav small{font-size:8px;line-height:1.6;margin-top:3px}.surface-nav b{display:none}.material-swatch{width:30px;height:35px;border-radius:5px}.surface-detail{padding:27px 24px}.surface-detail h3{font-size:30px}.surface-detail dl{gap:22px}.surface-detail dd{font-size:10px}.surface-detail p{font-size:11px}.comparison-trigger{font-size:10px;gap:15px;padding:17px 12px}.about{grid-template-columns:1fr;gap:40px;padding-top:10px}.about-art{height:420px}.brand-plaque{left:22px;bottom:25px;width:250px;padding:22px}.brand-plaque img{width:210px}.about-copy h2{font-size:45px;margin-bottom:24px}.about-copy .lead{font-size:15px}.about-copy p{font-size:12px}.steps{grid-template-columns:1fr 1fr;gap:28px 25px;margin-top:40px}.steps article{padding-top:20px}.steps article>span{margin-bottom:22px;width:35px;height:35px}.steps h3{font-size:22px}.steps p{font-size:11px}.contact{grid-template-columns:1fr;gap:40px}.contact h2{font-size:47px}.contact-card{padding:27px}.phone{font-size:26px}.faq{grid-template-columns:1fr;gap:35px}.faq h2{font-size:39px}summary{font-size:12px}footer{padding:45px 5% 85px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 25px}.footer-main>div:first-child{grid-column:1/-1}.footer-logo{width:230px}.footer-main>div:last-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:17px;font-size:8px}.footer-bottom>span{width:100%}.footer-bottom button{font-size:8px}.whatsapp{right:15px;bottom:15px;width:49px;height:49px}dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:40px 24px 28px;border-radius:12px}dialog h2{font-size:31px}#planner-dialog{width:calc(100% - 20px)}.planner-shell{display:block;min-height:0}.planner-shell aside{display:none}#planner-form{padding:48px 24px 28px}#planner-title{font-size:29px}.planner-progress{margin-bottom:22px}.planner-actions .btn{font-size:10px;padding:16px 17px}.dimension-row{gap:7px}.dimension-row input,.dimension-row select{padding:12px 8px;font-size:11px}.area-result strong{font-size:17px}.close{width:30px;height:30px;right:10px;top:10px}#compare-dialog{padding:42px 22px 26px}.table-scroll{margin:22px -3px}th,td{padding:14px 12px}.contact .btn{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.accent-word svg{stroke-dashoffset:0}}
@media(min-width:621px) and (max-width:850px){header{height:88px}.menu-toggle{display:block;border:1px solid #d3dfe5;border-radius:5px;background:none;width:38px;height:36px;font-size:21px}nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--paper);padding:25px 5%;box-shadow:0 18px 25px #153e5214}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:15px}nav>a{display:block}}

/* Ocean, ivory and copper: unified brand colour system. */
:root{--copper:#b65a36;--copper-light:#f1b28c}.btn.lime{background:var(--copper);color:#fff}.btn.lime:hover{background:#9b492b}.announcement{background:#12384d}.announcement a{color:#ffd0b3}.hero-tags span{background:#ffffff65}.accent-word svg{stroke:#ce835d}.spaces{background:#eaf1f4}.process{background:#f1eae2}.steps article{border-color:#dccfc1}.steps article>span{background:#e4d5c5;color:#67482e}.surface-detail{background:linear-gradient(130deg,#174b62,#102f43)}.contact{background:linear-gradient(120deg,#123b52,#1b5368)}.contact h2 em{color:#f3b793}.hero-visual .visual-bottom a{background:#fff0e5;color:#153e52}.whatsapp{background:#153e52;color:#fff;border-color:#f4ede4}.contact-social,.surface-detail .text-button,.scene-panel>span{color:#ffd0b3}.planner-progress i{background:var(--copper)}.brand-plaque{background:#faf7f2}.contact-card{background:#ffffff06}.solution-card:hover{box-shadow:0 18px 36px #153e5218}