@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#171a1c;--ink-2:#202527;--paper:#f1f0eb;--white:#faf9f5;--muted:#9a9e9d;--orange:#e87532;--line:rgba(23,26,28,.17);--dark-line:rgba(255,255,255,.17);--head:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}::selection{background:var(--orange);color:#fff}.site-header{height:82px;position:absolute;z-index:20;top:0;left:0;right:0;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22);color:#fff}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:35px;height:35px;border:1px solid rgba(255,255,255,.65);display:grid;place-items:center;font:700 15px var(--head);position:relative}.brand-mark span{color:var(--orange)}.brand-name{font:700 13px var(--head);letter-spacing:.11em}.brand-name small{display:block;font:500 8px var(--body);letter-spacing:.28em;margin-top:4px;color:#c2c4c1}.main-nav{display:flex;align-items:center;gap:33px;font-size:11px;letter-spacing:.04em}.main-nav>a:not(.nav-contact){color:rgba(255,255,255,.76);transition:color .2s}.main-nav>a:hover,.main-nav>a.active{color:#fff}.nav-contact{border:1px solid rgba(255,255,255,.55);padding:13px 16px;transition:background .25s,border .25s}.nav-contact span,.button span,.text-link span,.footer-call span{margin-left:16px;color:var(--orange)}.nav-contact:hover{background:var(--orange);border-color:var(--orange)}.nav-contact:hover span{color:#fff}.menu-toggle{display:none;background:transparent;border:0;color:white}.hero{min-height:690px;height:min(860px,100svh);position:relative;display:flex;align-items:center;overflow:hidden;background:#161a1c;color:#fff}.hero-photo,.hero-grid,.hero-vignette{position:absolute;inset:0}.hero-photo{background-image:url('https://images.unsplash.com/photo-1516937941344-00b4e0337589?auto=format&fit=crop&w=2400&q=90');background-size:cover;background-position:center 47%;transform:scale(1.045);animation:heroDrift 18s ease-in-out infinite alternate}.hero-grid{opacity:.14;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-vignette{background:linear-gradient(90deg,rgba(12,15,16,.94) 0%,rgba(12,15,16,.78) 42%,rgba(12,15,16,.25) 100%),linear-gradient(0deg,rgba(12,15,16,.65),transparent 38%)}.hero-content{position:relative;z-index:2;padding:115px 0 80px 10.5%;max-width:920px;animation:heroEnter 1s both}.eyebrow,.section-label,.hero-bottom,.hero-technical,.image-caption,.model-label,.blueprint-foot,.service-no,.detail-no,.detail-visual small,.project-card-caption>span,.notice>span,.form-heading,.form-required,.contact-detail>span,.map-coord{font-size:9px;letter-spacing:.16em;font-weight:700}.eyebrow{color:#777d7b;display:flex;align-items:center;gap:10px}.eyebrow.light{color:rgba(255,255,255,.75)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(232,117,50,.15)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--head);font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(45px,6.5vw,94px);line-height:.98;margin:29px 0 23px;max-width:950px}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-copy{font-size:14px;line-height:1.8;max-width:440px;color:rgba(255,255,255,.75)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s}.button-orange{background:var(--orange);color:#fff}.button-orange span{color:#fff}.button-orange:hover{background:#c95e22}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid rgba(23,26,28,.35);padding:0 0 9px;display:inline-flex;align-items:center;transition:border-color .2s}.text-link:hover{border-color:var(--orange)}.light-link{color:#fff;border-color:rgba(255,255,255,.42)}.hero-bottom{position:absolute;bottom:0;left:5.2%;right:5.2%;z-index:3;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.28);padding:19px 0;color:rgba(255,255,255,.7);font-size:8px}.scroll-note{display:flex;align-items:center;gap:10px}.scroll-note i{display:block;width:24px;height:1px;background:var(--orange)}.hero-technical{position:absolute;right:5.2%;top:48%;z-index:2;writing-mode:vertical-rl;display:flex;gap:23px;color:rgba(255,255,255,.5);font-size:8px}.section-pad{padding:105px 10.5%}.section-label{display:flex;align-items:center;gap:18px;color:#6b716f;font-size:8px}.label-line{display:block;height:1px;background:var(--line);flex:1}.intro-layout{display:grid;grid-template-columns:1.1fr .7fr;gap:9%;align-items:end;margin:54px 0 65px}.intro h2,.services-heading h2,.blueprint-layout h2,.cta-layout h2,.projects-intro h2,.contact-info h2,.map-copy h2{font-size:clamp(38px,5.2vw,68px);line-height:1.04;margin-bottom:0}.intro-text{padding-bottom:6px}.lead{font-size:19px;line-height:1.55;letter-spacing:-.025em}.intro-text>p:not(.lead),.body-copy,.cta-layout p,.projects-intro p,.contact-info>p{font-size:13px;line-height:1.9;color:#656b69}.intro-text .text-link{margin-top:15px}.intro-image-wrap{position:relative;height:clamp(280px,43vw,520px);overflow:hidden;background:#b6b9b5}.intro-image-wrap img{width:100%;height:100%;object-fit:cover;filter:saturate(.6);transition:transform 1.1s}.intro-image-wrap:hover img{transform:scale(1.035)}.image-caption{position:absolute;left:0;right:0;bottom:0;padding:17px 20px;display:flex;justify-content:space-between;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));font-size:8px}.image-index{position:absolute;top:18px;right:20px;color:white;font:11px var(--head);letter-spacing:.12em}.dark-section{background:var(--ink);color:var(--white)}.light-label{color:#a3a8a5}.light-label .label-line{background:var(--dark-line)}.light-label>span:last-child{font-size:8px}.services-heading{display:grid;grid-template-columns:1fr .55fr;gap:10%;align-items:end;margin:55px 0 58px}.services-heading h2{font-size:clamp(39px,5vw,66px)}.services-heading p{color:#a9aeab;font-size:13px;line-height:1.9;margin:0 0 5px}.service-list{border-top:1px solid var(--dark-line)}.service-row{display:grid;grid-template-columns:42px 1.2fr .75fr 22px;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--dark-line);transition:padding .25s,color .25s}.service-row:hover{padding-left:10px;color:#fff}.service-no{color:var(--orange);font-size:9px}.service-title{font:500 clamp(16px,1.8vw,22px) var(--head);letter-spacing:-.035em}.service-desc{font-size:11px;color:#9ca19e;line-height:1.5}.service-arrow{font-size:20px;color:var(--orange);text-align:right}.all-services{margin-top:31px}.blueprint-layout{display:grid;grid-template-columns:.8fr 1fr;gap:7%;align-items:center;margin-top:48px}.blueprint-layout h2{font-size:clamp(38px,4.5vw,60px)}.body-copy{max-width:390px;margin:27px 0}.tank-stage{height:400px;position:relative;overflow:hidden;background:#e6e5df;background-image:linear-gradient(rgba(23,26,28,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(23,26,28,.07) 1px,transparent 1px);background-size:28px 28px;perspective:900px;cursor:crosshair}.tank-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,rgba(23,26,28,.07) 100%);pointer-events:none}.blueprint-cross{position:absolute;width:70%;height:1px;background:rgba(23,26,28,.24);left:15%;top:50%}.blueprint-cross:after{content:"";position:absolute;height:300px;width:1px;background:rgba(23,26,28,.24);left:50%;top:-150px}.cross-two{transform:rotate(60deg);opacity:.45}.tank-model{position:absolute;z-index:2;left:50%;top:49%;width:185px;height:230px;transform:translate(-50%,-50%) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));transform-style:preserve-3d;transition:transform .2s ease-out;animation:tankFloat 6s ease-in-out infinite}.tank-shell{position:absolute;left:15px;top:55px;width:155px;height:132px;background:linear-gradient(90deg,#727a7b,#aeb4b1 25%,#8e9694 55%,#646d6d);border:1px solid #58605f;border-radius:2px;box-shadow:inset 10px 0 14px rgba(255,255,255,.15),inset -12px 0 15px rgba(0,0,0,.14);transform:translateZ(10px)}.tank-roof{position:absolute;left:15px;top:26px;width:155px;height:60px;border:1px solid #4f5857;border-radius:50%;background:linear-gradient(180deg,#c2c7c2,#7f8886);transform:rotateX(58deg) translateZ(18px);z-index:3}.tank-base{position:absolute;left:8px;top:174px;width:170px;height:42px;border:1px solid #4f5857;border-radius:50%;background:linear-gradient(180deg,#9ca4a0,#535c5b);transform:rotateX(60deg);z-index:3}.tank-band{position:absolute;left:0;right:0;top:34px;height:2px;background:rgba(37,45,44,.35);box-shadow:0 1px rgba(255,255,255,.18)}.band-two{top:91px}.tank-door{position:absolute;bottom:0;left:59px;width:35px;height:45px;border:1px solid #505957;border-bottom:0;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#5c6564,#8c9591)}.tank-pipe{position:absolute;right:-17px;top:72px;width:25px;height:8px;background:#67706e;border:1px solid #4f5857;box-shadow:0 10px 0 -1px #838b88}.tank-shadow{position:absolute;left:0;right:0;bottom:-1px;height:30px;background:rgba(0,0,0,.14);filter:blur(12px);transform:rotateX(70deg)}.model-label{position:absolute;z-index:4;font-size:8px;letter-spacing:.13em;color:#5b6361}.model-label b{color:var(--orange);margin-left:10px}.label-top{top:22px;left:22px}.label-bottom{bottom:20px;left:22px;font-size:7px}.model-coord{position:absolute;right:20px;bottom:20px;font:9px var(--head);color:#858a87}.orbit{position:absolute;z-index:1;left:50%;top:49%;width:290px;height:120px;border:1px solid rgba(232,117,50,.55);border-radius:50%;transform:translate(-50%,-50%) rotate(-26deg)}.orbit-b{width:325px;height:155px;transform:translate(-50%,-50%) rotate(45deg);border-color:rgba(23,26,28,.25)}.blueprint-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:13px;color:#777d7a;font-size:8px}.project-teaser{min-height:550px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;background:#1a1e1e}.project-photo,.project-overlay{position:absolute;inset:0}.project-photo{background:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2200&q=85') center 47%/cover;filter:saturate(.6)}.project-overlay{background:linear-gradient(90deg,rgba(15,18,19,.9),rgba(15,18,19,.47) 70%),linear-gradient(0deg,rgba(15,18,19,.3),transparent)}.project-teaser-content{position:relative;z-index:2;padding:85px 10.5%;max-width:760px}.project-teaser-content h2{font-size:clamp(43px,6vw,78px);line-height:1;margin:28px 0 18px}.project-teaser-content>p:not(.eyebrow){max-width:390px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.8;margin-bottom:27px}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:var(--orange);color:white}.project-stamp{position:absolute;right:10%;bottom:70px;border:1px solid rgba(255,255,255,.5);padding:18px;display:flex;flex-direction:column;gap:6px;transform:rotate(-7deg);color:rgba(255,255,255,.75);font-size:8px;letter-spacing:.13em}.project-stamp strong{font:700 26px var(--head);letter-spacing:.08em;color:#fff}.cta-section{padding-top:90px;padding-bottom:100px}.cta-layout{display:grid;grid-template-columns:1.1fr .65fr;gap:10%;align-items:end;margin-top:45px}.cta-layout h2{font-size:clamp(40px,5.5vw,72px)}.cta-layout p{margin-bottom:25px}.site-footer{background:#131617;color:#f5f4ee;padding:48px 5.2% 22px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:42px;border-bottom:1px solid var(--dark-line)}.brand-footer .brand-mark{border-color:#6d7370}.footer-top>p{color:#a9aeab;font-size:12px;line-height:1.6;margin:0}.footer-call{justify-self:end;font:500 20px var(--head)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;color:#8d9390;font-size:8px;letter-spacing:.1em}.footer-bottom div{display:flex;gap:20px}.footer-bottom a:hover{color:white}
/* Interior pages */.page-hero{min-height:560px;height:70vh;max-height:700px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#171a1c;color:#fff}.page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.6);transform:scale(1.025)}.page-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,18,19,.88),rgba(15,18,19,.25)),linear-gradient(0deg,rgba(15,18,19,.7),transparent 65%)}.page-hero-about .page-hero-bg{background-image:url('https://images.unsplash.com/photo-1567789884554-0b844b597180?auto=format&fit=crop&w=2200&q=85')}.page-hero-services .page-hero-bg{background-image:url('https://images.unsplash.com/photo-1516937941344-00b4e0337589?auto=format&fit=crop&w=2200&q=85')}.page-hero-projects .page-hero-bg{background-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2200&q=85')}.page-hero-contact .page-hero-bg{background-image:url('https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=2200&q=85')}.page-hero-content{position:relative;z-index:2;padding:150px 10.5% 80px;max-width:1000px}.page-hero h1{font-size:clamp(48px,7vw,90px)}.page-hero-content>p:last-child{max-width:490px;font-size:14px;line-height:1.8;color:rgba(255,255,255,.75)}.page-number{position:absolute;right:5.2%;bottom:28px;z-index:2;font-size:8px;letter-spacing:.16em;color:rgba(255,255,255,.65)}.about-main .two-col{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:start;margin:55px 0 65px}.two-col h2{font-size:clamp(39px,5vw,65px);line-height:1.05}.two-col p{font-size:13px;line-height:1.9;color:#666c69}.two-col .lead{font-size:19px;color:var(--ink);line-height:1.55}.about-photo{height:400px;position:relative;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.6)}.about-photo span{position:absolute;bottom:0;left:0;right:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.7));font-size:8px;letter-spacing:.16em;color:white}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:55px}.principles article{border-top:1px solid var(--dark-line);padding-top:18px}.principles article>span{font-size:10px;color:var(--orange)}.principles h3{font-size:24px;margin:27px 0 13px}.principles p{font-size:12px;line-height:1.8;color:#a9aeab}.service-detail-list{padding-top:90px}.service-detail{display:grid;grid-template-columns:35px 1fr .68fr;gap:30px;align-items:center;padding:40px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}.service-detail:first-of-type{margin-top:38px;border-top:1px solid var(--line)}.detail-no{color:var(--orange)}.service-detail h2{font-size:clamp(25px,3vw,38px);line-height:1.1;margin-bottom:15px}.service-detail p{max-width:570px;font-size:12px;line-height:1.85;color:#686e6b}.service-detail .text-link{margin-top:5px}.detail-visual{height:180px;position:relative;overflow:hidden;background:#deded7;background-image:linear-gradient(rgba(23,26,28,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,26,28,.08) 1px,transparent 1px);background-size:20px 20px;display:grid;place-items:center}.detail-visual small{position:absolute;bottom:13px;left:14px;color:#6b716e;font-size:7px}.mini-tank{width:95px;height:80px;position:relative;background:linear-gradient(90deg,#6f7977,#b5b9b4,#68716f);border:1px solid #5e6765}.mini-tank:before{content:"";position:absolute;left:-1px;right:-1px;top:-19px;height:36px;border-radius:50%;border:1px solid #5e6765;background:linear-gradient(#c0c4bd,#828b87)}.mini-tank:after{content:"";position:absolute;left:-8px;right:-8px;bottom:-11px;height:22px;border:1px solid #5e6765;border-radius:50%;background:#858e89}.steel-frame{width:110px;height:95px;border:4px solid #697270;transform:perspective(250px) rotateY(-25deg) skewY(-3deg);position:relative}.steel-frame:before,.steel-frame:after{content:"";position:absolute;inset:0;border-left:3px solid #697270;border-right:3px solid #697270;transform:skewY(38deg)}.steel-frame:after{transform:skewY(-38deg)}.weld-lines{width:100px;height:70px;border:2px solid #737c78;position:relative;transform:rotate(-20deg)}.weld-lines:before{content:"";position:absolute;left:48px;top:-20px;height:105px;border-left:3px solid var(--orange);transform:rotate(25deg);box-shadow:0 0 13px rgba(232,117,50,.5)}.weld-lines:after{content:"";position:absolute;inset:15px 0;border-top:2px solid #737c78;border-bottom:2px solid #737c78}.roof-shape{width:120px;height:60px;border:2px solid #727b77;border-radius:50%;transform:rotateX(55deg);box-shadow:0 14px 0 -5px #a1a8a1,0 29px 0 -10px #69716e}.pipe-shape{width:150px;height:40px;border:10px solid #78817c;border-radius:24px;transform:rotate(-17deg);box-shadow:inset 0 0 0 2px #c6c8c0}.maintenance-shape{width:100px;height:100px;border:2px solid #707975;transform:rotate(45deg);position:relative}.maintenance-shape:before{content:"";position:absolute;inset:18px;border:2px dashed var(--orange)}.paint-shape{width:120px;height:80px;border:2px solid #707975;position:relative;transform:skewY(-10deg)}.paint-shape:before{content:"";position:absolute;inset:0 0 50%;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(23,26,28,.16) 10px 11px)}.paint-shape:after{content:"";position:absolute;left:50%;top:-18px;height:118px;border-left:1px dashed var(--orange)}.projects-main{padding-top:90px}.projects-intro{display:grid;grid-template-columns:1fr .6fr;gap:9%;align-items:end;margin:48px 0}.projects-intro p{margin-bottom:4px}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.project-card{position:relative;min-height:290px;overflow:hidden;background:#303638;color:#fff}.project-card-large{grid-row:span 2;min-height:600px}.project-card-wide{grid-column:span 2;min-height:360px}.project-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.55);transition:transform .7s,filter .7s}.project-card:hover img{transform:scale(1.035);filter:saturate(.8)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,16,17,.88),transparent 65%)}.project-card-caption{position:absolute;z-index:2;left:25px;right:25px;bottom:25px}.project-card-caption>span{font-size:8px;color:#e7a47d}.project-card-caption h3{font-size:clamp(22px,3vw,34px);margin:12px 0 6px}.project-card-caption p{font-size:11px;color:rgba(255,255,255,.72);margin:0}.notice{display:flex;gap:25px;border:1px solid var(--line);padding:20px;margin-top:25px}.notice>span{color:var(--orange);white-space:nowrap}.notice p{font-size:11px;line-height:1.7;color:#686e6b;margin:0}.contact-layout{display:grid;grid-template-columns:.7fr 1fr;gap:10%;margin-top:48px}.contact-info h2{margin-bottom:24px}.contact-info>p{margin-bottom:38px}.contact-detail{border-top:1px solid var(--line);padding:18px 0}.contact-detail>span{display:block;color:#818783;font-size:8px;margin-bottom:9px}.contact-detail>a{font:500 18px var(--head)}.contact-detail p{font-size:12px;line-height:1.7;color:#666c69;margin:0}.button-outline{border-color:#b5b9b3;margin-top:15px}.button-outline:hover{background:var(--ink);color:white}.enquiry-form{background:#e7e6df;padding:28px 30px}.form-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:22px;font-size:8px}.form-required{color:var(--orange);font-size:8px}label{display:block;font-size:10px;font-weight:700;margin-bottom:17px}input,select,textarea{width:100%;display:block;margin-top:8px;background:transparent;border:1px solid #c4c6bf;padding:13px 12px;font-size:12px;color:var(--ink);border-radius:0;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--orange)}input::placeholder,textarea::placeholder{color:#929792}textarea{resize:vertical;min-height:120px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-submit{width:100%;cursor:pointer;border:0}.form-note{font-size:10px;line-height:1.7;color:#737975;margin:13px 0 0}.map-section{display:grid;grid-template-columns:.75fr 1fr;min-height:360px;background:#e5e4dd}.map-copy{padding:70px 10.5%;align-self:center}.map-copy h2{font-size:45px;margin:20px 0}.map-copy p{font-size:12px;line-height:1.8;color:#656b68}.map-graphic{position:relative;overflow:hidden;background:#d8d9d2;min-height:360px;background-image:linear-gradient(30deg,transparent 48%,rgba(255,255,255,.8) 49%,rgba(255,255,255,.8) 51%,transparent 52%),linear-gradient(115deg,transparent 48%,rgba(255,255,255,.7) 49%,rgba(255,255,255,.7) 51%,transparent 52%);background-size:180px 150px,220px 170px}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(23,26,28,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,26,28,.08) 1px,transparent 1px);background-size:30px 30px}.map-route{position:absolute;left:15%;top:20%;width:90%;height:45%;border:3px solid #f5f4ef;border-radius:48%;transform:rotate(-25deg)}.route-b{left:35%;top:45%;width:80%;height:28%;transform:rotate(22deg)}.map-pin{position:absolute;left:52%;top:47%;width:28px;height:28px;border-radius:50% 50% 50% 0;background:var(--orange);transform:rotate(-45deg);box-shadow:0 4px 12px rgba(0,0,0,.18)}.map-pin span{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:10px;left:10px}.map-label{position:absolute;left:calc(52% + 28px);top:49%;font:700 11px var(--head);line-height:1.5;letter-spacing:.05em}.map-label small{font:8px var(--body);color:#6f7571;letter-spacing:.12em}.map-coord{position:absolute;bottom:16px;left:20px;color:#777d78;font-size:7px}
.will-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.will-reveal.is-visible{opacity:1;transform:translateY(0)}.service-row.will-reveal{transform:translateY(15px)}.service-row.will-reveal.is-visible{transform:translateY(0)}
@keyframes heroDrift{from{transform:scale(1.045) translateX(0)}to{transform:scale(1.09) translateX(-1.2%)}}@keyframes heroEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes tankFloat{0%,100%{margin-top:0}50%{margin-top:-7px}}
@media(max-width:900px){.site-header{padding:0 5%;height:74px}.main-nav{gap:20px}.section-pad{padding:82px 7%}.hero-content{padding-left:8%}.intro-layout{gap:6%}.services-heading{gap:6%}.service-row{grid-template-columns:32px 1fr 22px}.service-desc{display:none}.blueprint-layout{gap:4%}.tank-stage{height:350px}.project-stamp{right:6%}.page-hero-content{padding-left:7%}.contact-layout{gap:5%}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){order:3;width:100%}}
@media(max-width:650px){html{scroll-padding-top:70px}.site-header{height:68px;padding:0 22px}.brand-mark{width:31px;height:31px}.brand-name{font-size:11px}.menu-toggle{display:flex;width:42px;height:42px;flex-direction:column;gap:6px;align-items:center;justify-content:center;z-index:3}.menu-toggle span{width:22px;height:1px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{position:fixed;inset:0;background:var(--ink);display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:80px 30px 35px;gap:0;transform:translateX(100%);transition:transform .3s}.main-nav.nav-open{transform:translateX(0)}.main-nav>a:not(.nav-contact){font:500 30px var(--head);padding:15px 0;border-bottom:1px solid var(--dark-line)}.nav-contact{margin-top:25px;text-align:center;padding:17px}.hero{min-height:690px;height:92svh;max-height:820px}.hero-photo{background-position:58% center}.hero-vignette{background:linear-gradient(90deg,rgba(12,15,16,.87),rgba(12,15,16,.48)),linear-gradient(0deg,rgba(12,15,16,.7),transparent 60%)}.hero-content{padding:100px 23px 90px}.hero h1{font-size:clamp(43px,12vw,65px);margin-top:25px}.eyebrow{font-size:7px;letter-spacing:.11em;line-height:1.7}.hero-copy{font-size:13px;max-width:340px}.hero-actions{align-items:flex-start;flex-direction:column;gap:23px}.hero-bottom{left:22px;right:22px;font-size:7px}.hero-bottom>span:first-child{max-width:105px}.hero-technical{display:none}.section-pad{padding:65px 23px}.section-label{gap:10px;font-size:7px}.intro-layout,.services-heading,.blueprint-layout,.cta-layout,.about-main .two-col,.projects-intro,.contact-layout,.map-section{grid-template-columns:1fr;gap:25px}.intro-layout{margin:35px 0 32px}.intro h2,.services-heading h2,.blueprint-layout h2,.cta-layout h2,.projects-intro h2,.contact-info h2{font-size:clamp(38px,10vw,54px)}.lead{font-size:17px}.intro-image-wrap{height:310px}.services-heading{margin:35px 0 35px}.services-heading p{max-width:400px}.service-row{grid-template-columns:28px 1fr 20px;gap:12px;padding:20px 0}.service-title{font-size:16px;line-height:1.35}.blueprint-layout{margin-top:35px}.body-copy{margin:20px 0}.tank-stage{height:330px;margin-top:10px}.blueprint-foot{font-size:7px;gap:12px;line-height:1.5}.blueprint-foot span:last-child{text-align:right}.project-teaser{min-height:520px}.project-teaser-content{padding:65px 23px}.project-teaser-content h2{font-size:clamp(43px,11vw,62px)}.project-stamp{right:23px;bottom:25px;padding:10px;opacity:.75}.project-stamp strong{font-size:18px}.cta-layout{margin-top:35px}.cta-layout p{margin-top:0}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>p{grid-column:1;grid-row:2}.footer-call{grid-column:2;grid-row:1/3;font-size:16px;align-self:center}.footer-bottom{gap:15px;font-size:7px}.footer-bottom div{gap:14px}.page-hero{height:70svh;min-height:510px}.page-hero-content{padding:125px 23px 65px}.page-hero h1{font-size:clamp(47px,12vw,67px)}.page-number{right:23px;bottom:20px}.about-main .two-col{margin:35px 0}.about-photo{height:280px}.principles{grid-template-columns:1fr;gap:28px;margin-top:35px}.principles h3{margin:15px 0 8px}.service-detail-list{padding-top:60px}.service-detail{grid-template-columns:25px 1fr;gap:12px;padding:30px 0}.service-detail h2{font-size:25px}.service-detail>div:nth-child(2){min-width:0}.detail-visual{grid-column:2;height:150px;margin-top:8px}.projects-intro{margin:35px 0}.project-grid{grid-template-columns:1fr;gap:13px}.project-card,.project-card-large,.project-card-wide{grid-column:auto;grid-row:auto;min-height:320px}.project-card-large{min-height:400px}.project-card-caption{left:18px;right:18px;bottom:18px}.notice{padding:15px;gap:13px}.contact-layout{margin-top:35px}.enquiry-form{padding:22px 17px}.form-row{grid-template-columns:1fr;gap:0}.map-copy{padding:55px 23px}.map-graphic{min-height:300px}.footer-top{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.will-reveal{opacity:1;transform:none}}
/* Contact actions and live Google Maps embed */
.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.contact-actions .button{margin-top:0}.map-embed{position:relative;min-height:360px;background:#d8d9d2}.map-embed iframe{display:block;width:100%;height:100%;min-height:360px;border:0}.form-submit:disabled{opacity:.65;cursor:wait}
@media(max-width:650px){.contact-actions{flex-direction:column;align-items:stretch}.map-embed,.map-embed iframe{min-height:320px}}

/* Pinterest-inspired project gallery using EL-GION brand colours */
.pinterest-gallery{columns:3 250px;column-gap:18px;align-items:start}.pin-card{display:block;position:relative;break-inside:avoid;margin:0 0 18px;overflow:hidden;background:var(--ink-2);border:1px solid rgba(23,26,28,.12);isolation:isolate}.pin-card img{width:100%;height:auto;display:block;transition:transform .55s ease,filter .4s ease;filter:saturate(.86)}.pin-card:hover img{transform:scale(1.035);filter:saturate(1.05)}.pin-overlay{position:absolute;inset:auto 0 0;display:flex;align-items:end;gap:8px;flex-direction:column;align-items:flex-start;padding:42px 17px 16px;color:#fff;background:linear-gradient(0deg,rgba(17,20,21,.9),rgba(17,20,21,.02));opacity:0;transition:opacity .25s ease}.pin-overlay>span{font-size:8px;font-weight:700;letter-spacing:.14em;color:#f0b18a}.pin-overlay strong{font:500 17px var(--head);letter-spacing:-.03em}.pin-overlay i{position:absolute;right:16px;bottom:17px;color:var(--orange);font-style:normal;font-size:18px}.pin-card:hover .pin-overlay,.pin-card:focus-visible .pin-overlay{opacity:1}.gallery-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:25px;padding-top:17px;color:#777d79;font-size:8px;font-weight:700;letter-spacing:.14em}.gallery-foot span:last-child{color:var(--orange)}@media(max-width:650px){.pinterest-gallery{columns:2 145px;column-gap:10px}.pin-card{margin-bottom:10px}.pin-overlay{opacity:1;padding:30px 10px 10px}.pin-overlay strong{font-size:12px}.pin-overlay>span{font-size:6px}.pin-overlay i{right:10px;bottom:10px;font-size:14px}.gallery-foot{font-size:7px}}@media(prefers-reduced-motion:reduce){.pin-card img,.pin-overlay{transition:none}}


/* EL-GION production-readiness refinements */
.capability-photo{height:clamp(300px,38vw,430px);position:relative;overflow:hidden;background:#252a2b}.capability-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .7s}.capability-photo:hover img{transform:scale(1.025)}.capability-photo>span{position:absolute;left:18px;bottom:17px;color:#fff;font-size:8px;font-weight:700;letter-spacing:.15em;text-shadow:0 2px 12px #000}
.service-photo{position:relative;overflow:hidden;min-height:180px;background:#252a2b}.service-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .6s}.service-detail:hover .service-photo img{transform:scale(1.035)}.service-photo small{position:absolute;left:13px;right:10px;bottom:12px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6));padding-top:30px;text-shadow:0 1px 5px #000}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#efeee8;padding-top:32px;padding-bottom:32px}.trust-item{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:700}.trust-item strong{color:var(--orange);font:500 24px var(--head)}.trust-strip>p{grid-column:1/-1;margin:3px 0 0;font-size:11px;line-height:1.7;color:#686e69;max-width:850px}
.contact-layout-modern{grid-template-columns:.78fr 1fr;gap:7%;align-items:start}.contact-info .eyebrow{margin-bottom:17px}.contact-info>p{max-width:420px}.contact-methods{border-top:1px solid var(--line);margin-top:30px}.contact-method{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);transition:background .2s}.contact-method:hover{background:rgba(232,117,50,.05)}.contact-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;background:#e8e7df;color:var(--ink);border-radius:50%}.contact-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.whatsapp-icon{background:#dff2e5;color:#147a42}.whatsapp-icon svg{fill:currentColor;stroke:none;width:24px;height:24px}.contact-method>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.contact-method small{font-size:8px;font-weight:700;letter-spacing:.12em;color:#777d78}.contact-method strong{font:500 16px var(--head);overflow-wrap:anywhere}.method-arrow{width:18px;height:18px;margin-left:auto;flex:0 0 18px;fill:none;stroke:var(--orange);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-subnote{letter-spacing:0!important;font-weight:400!important;line-height:1.5}.map-direction-link{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:11px;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:8px}.map-direction-link svg{width:17px;height:17px;fill:var(--orange)}.modern-enquiry-form{border-radius:3px;padding:clamp(22px,3.5vw,38px);box-shadow:0 18px 55px rgba(23,26,28,.07)}.form-intro{font-size:12px;line-height:1.7;color:#6d736f;margin:-8px 0 22px}.modern-enquiry-form label{font-size:10px;line-height:1.5}.modern-enquiry-form input,.modern-enquiry-form select,.modern-enquiry-form textarea{border-radius:4px;background:rgba(255,255,255,.45);padding:14px;font-size:13px;min-height:47px}.modern-enquiry-form textarea{min-height:135px}.modern-enquiry-form input:focus-visible,.modern-enquiry-form select:focus-visible,.modern-enquiry-form textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.modern-enquiry-form .button{border-radius:3px;min-height:52px}.form-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.form-submit .submit-label{margin:0;color:inherit}.form-note{font-size:11px}.gallery-lightbox{width:min(94vw,1200px);max-width:1200px;max-height:92dvh;padding:45px 56px 25px;background:#171b1c;color:#fff;border:1px solid rgba(255,255,255,.16);overflow:visible}.gallery-lightbox::backdrop{background:rgba(5,7,8,.88);backdrop-filter:blur(5px)}.gallery-lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}.gallery-lightbox figure img{max-width:100%;max-height:75dvh;width:auto;height:auto;object-fit:contain}.gallery-lightbox figcaption{font-size:9px;letter-spacing:.13em;color:#d5d6d0;text-transform:uppercase}.gallery-lightbox button{position:absolute;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);color:white;cursor:pointer}.gallery-lightbox button:hover{background:var(--orange);border-color:var(--orange)}.gallery-lightbox button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lightbox-close{right:8px;top:8px}.lightbox-prev{left:5px;top:50%;transform:translateY(-50%)}.lightbox-next{right:5px;top:50%;transform:translateY(-50%)}
@media(max-width:800px){.contact-layout-modern{grid-template-columns:1fr;gap:35px}.modern-enquiry-form{padding:24px 20px}.trust-strip{grid-template-columns:1fr;gap:17px}.trust-strip>p{grid-column:auto}.service-photo{min-height:150px}}
@media(max-width:650px){.gallery-lightbox{width:100vw;max-width:none;max-height:100dvh;height:100dvh;padding:55px 35px 25px;border:0}.gallery-lightbox figure{height:100%;justify-content:center}.gallery-lightbox figure img{max-height:78dvh}.gallery-lightbox button{width:38px;height:38px}.lightbox-prev{left:4px}.lightbox-next{right:4px}.contact-method strong{font-size:15px}.contact-icon{width:42px;height:42px;flex-basis:42px}.capability-photo{height:290px}.trust-item{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Official EL-GION logo */
.brand-logo{display:block;width:154px;height:58px;object-fit:contain;object-position:left center;border-radius:2px}.brand-footer .brand-logo{width:170px;height:72px;object-position:left center}.about-logo-section{padding-top:45px;padding-bottom:45px}.about-logo-card{margin-top:25px;display:flex;align-items:center;gap:28px;padding:22px;background:#171a1c;color:#f5f4ee;max-width:760px}.about-logo-card img{width:min(52%,390px);height:auto;display:block;object-fit:contain}.about-logo-card p{font:700 16px var(--head);letter-spacing:.08em;margin:0}.about-logo-card p span{display:inline-block;margin-top:9px;font:400 11px/1.7 var(--body);letter-spacing:0;color:#c2c4c1}@media(max-width:650px){.brand-logo{width:126px;height:48px}.brand-footer .brand-logo{width:145px;height:60px}.about-logo-card{flex-direction:column;align-items:flex-start;gap:18px}.about-logo-card img{width:100%;max-width:390px}}