:root{--navy:#03172e;--ink:#041327;--surface:#071f3d;--blue:#80c5ff;--cyan:#86d8ff;--purple:#5124ff;--border:#285d91;--white:#f6f7ff;--thai:'Noto Sans Thai',sans-serif;--latin:'Barlow Condensed',sans-serif;color-scheme:dark;font-family:var(--thai);color:var(--white);background:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}h1,h2,h3,p,ol,ul{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ab8dff;outline-offset:4px}[hidden]{display:none!important}.page{container-type:inline-size;width:100%;max-width:1600px;margin:auto;overflow:clip;background:#04172f}main{--u:calc(100cqw / 771)}section,footer{position:relative}section{border-bottom:1px solid #2375a366}h2{font-size:calc(26 * var(--u));font-weight:700;line-height:1.2;letter-spacing:calc(-.25 * var(--u))}.icon{width:1.3em;height:1.3em;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;background:white;color:#001431;padding:10px}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));height:calc(28 * var(--u));padding:0 calc(14 * var(--u));border:1px solid transparent;border-radius:calc(4 * var(--u));font-size:calc(9.5 * var(--u));font-weight:500;line-height:1.3;white-space:nowrap;transition:background .2s,box-shadow .2s,translate .2s}.button .icon{width:calc(12 * var(--u));height:calc(12 * var(--u))}.button.primary{background:linear-gradient(120deg,#5427ff,#3618da);border-color:#8466ff;box-shadow:0 0 calc(13 * var(--u)) #623aff66,inset 0 0 8px #b4a5ff12;color:#fff}.button.outline{border-color:#9470df;background:#091f3780;box-shadow:0 0 3px #9976ff55}.button.cyan-outline{border-color:#2b9dd2;background:#082840a8;box-shadow:0 0 8px #288dc52b}.button:hover{translate:0 -2px}.button.primary:hover{background:#643aff;box-shadow:0 0 21px #653bff88}.button.outline:hover,.button.cyan-outline:hover{background:#233667}.edge-note{position:absolute;font:500 calc(8 * var(--u))/1.4 var(--latin);letter-spacing:calc(1.3 * var(--u));color:#6d9dcf;pointer-events:none}.eyebrow{font-size:calc(11.5 * var(--u));font-weight:600;line-height:1.4;color:var(--cyan)}.section-title>p:not(.eyebrow){font-size:calc(11 * var(--u));line-height:1.45;color:#dfe7fc;margin-top:calc(4 * var(--u))}.section-title .eyebrow{margin-bottom:calc(2 * var(--u))}.textured{background:#061b32 url('assets/network-texture.jpg') center/cover}
/* Opening image, calm navigation and native typography. */
.hero{height:calc(343 * var(--u));background:#061b36;isolation:isolate}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.header{position:relative;z-index:10;height:calc(40 * var(--u));display:flex;align-items:center;padding:0 calc(50 * var(--u));border-bottom:1px solid #38588b55;background:#03173899;gap:calc(24 * var(--u))}.brand{display:flex;align-items:center;height:calc(32 * var(--u));flex-shrink:0}.brand img{height:100%;width:auto;max-width:none;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:calc(21 * var(--u));margin-left:calc(18 * var(--u));flex:1;font-size:calc(8 * var(--u));font-weight:400;white-space:nowrap}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:#b1a1ff}.header-phone{display:flex;align-items:center;gap:calc(7 * var(--u));font-size:calc(9 * var(--u));font-weight:500;white-space:nowrap}.header-phone .icon{width:calc(11 * var(--u));height:calc(11 * var(--u))}.header-quote{height:calc(28 * var(--u));padding:0 calc(16 * var(--u));font-size:calc(9 * var(--u));margin-left:calc(-6 * var(--u))}.menu-toggle,.mobile-nav{display:none}.hero-copy{position:absolute;left:calc(54 * var(--u));top:calc(75 * var(--u));z-index:3}.hero h1{font-size:calc(32 * var(--u));line-height:1.23;font-weight:700;letter-spacing:calc(-.3 * var(--u))}.hero h1>span{background:linear-gradient(90deg,#82c7fa 0%,#c5e2ff 68%,#f6f5ff 100%);color:transparent;background-clip:text;white-space:nowrap}.hero-copy>p{font-size:calc(12.2 * var(--u));line-height:1.33;letter-spacing:calc(.05 * var(--u));margin-top:calc(7 * var(--u));color:#f1f3ff}.trust-pill{height:calc(25 * var(--u));width:fit-content;display:flex;align-items:center;padding:0 calc(14 * var(--u));font-size:calc(11 * var(--u));margin-top:calc(8 * var(--u));border:1px solid #88d2ff;border-radius:calc(20 * var(--u));background:#082643a1;box-shadow:inset 0 0 10px #2b84b920}.hero-actions{display:flex;gap:calc(12 * var(--u));margin-top:calc(12 * var(--u))}.hero-note{right:calc(32 * var(--u));top:calc(65 * var(--u));font-size:calc(8 * var(--u));line-height:1.4;letter-spacing:calc(1.7 * var(--u))}.signal-rings{position:absolute;left:0;right:0;top:calc(40 * var(--u));height:calc(181 * var(--u));overflow:hidden;z-index:-1;mask-image:linear-gradient(black 60%,transparent 100%)}.signal-rings span{position:absolute;left:62%;top:calc(127 * var(--u));width:calc(210 * var(--u));height:calc(210 * var(--u));translate:-50% -50%;border:calc(1 * var(--u)) solid #8368fd;box-shadow:0 0 calc(5 * var(--u)) #645bff55;border-radius:50%;opacity:.8;animation:radio-breathe 7s ease-in-out infinite}.signal-rings span:nth-child(2){width:calc(267 * var(--u));height:calc(267 * var(--u));animation-delay:.8s}.signal-rings span:nth-child(3){width:calc(323 * var(--u));height:calc(323 * var(--u));opacity:.7;animation-delay:1.6s}.signal-rings span:nth-child(4){width:calc(412 * var(--u));height:calc(412 * var(--u));border-color:#3760ed;opacity:.45;animation-delay:2.4s}
/* Proof and partner bands. */
.proof-strip{height:calc(50 * var(--u));display:grid;grid-template-columns:repeat(4,1fr);padding:calc(11 * var(--u)) calc(52 * var(--u));gap:calc(19 * var(--u));background:#03172e}.proof-strip>div{display:flex;align-items:center;gap:calc(12 * var(--u));border-right:1px solid #3075a775;min-width:0}.proof-strip>div:last-child{border:0}.proof-strip .icon{width:calc(28 * var(--u));height:calc(28 * var(--u));color:#73c9ff;stroke-width:1.5}.proof-strip p{font-size:calc(8.2 * var(--u));line-height:1.4;white-space:nowrap}.proof-strip b{font:600 calc(11 * var(--u))/1.1 var(--latin);display:block;color:#8ddfff;margin-bottom:calc(3 * var(--u))}.proof-strip span{display:block}.partners{height:calc(78 * var(--u));display:flex;align-items:center;padding:0 calc(54 * var(--u));background:linear-gradient(108deg,#041a38,#02172e 70%,#25145f);gap:calc(20 * var(--u))}.partner-copy{width:calc(220 * var(--u));flex-shrink:0}.partner-copy h2{font-size:calc(14 * var(--u));font-weight:600;color:#addaff;line-height:1.35}.partner-copy p{font-size:calc(9 * var(--u));line-height:1.4;color:#dce6fd;margin-top:calc(4 * var(--u))}.partner-logos{position:absolute;left:calc(272 * var(--u));top:calc(18 * var(--u));height:calc(42 * var(--u));width:calc(391 * var(--u));border-left:1px solid #32639099;border-right:1px solid #32639099}.partner-logos img{position:absolute;left:calc(5 * var(--u));top:calc(-29 * var(--u));width:calc(389 * var(--u));height:calc(101 * var(--u));object-fit:fill;max-width:none}.partner-logos span{position:absolute;top:0;bottom:0;left:33.333%;border-left:1px solid #32639099}.partner-logos span:last-child{left:66.666%}.partners>.edge-note{left:calc(679 * var(--u));top:calc(24 * var(--u));font-size:calc(7.5 * var(--u));letter-spacing:calc(1.1 * var(--u))}
/* Three service cards stay image-led, with selectable native text. */
.services{height:calc(346 * var(--u));background:linear-gradient(110deg,#03223c,#041429 73%,#0b274c)}.service-feature-photo{position:absolute;left:0;top:0;width:calc(239 * var(--u));height:100%;object-fit:cover;object-position:45% center}.service-content{position:absolute;left:calc(260 * var(--u));right:calc(38 * var(--u));top:calc(15 * var(--u))}.services h2{font-size:calc(27 * var(--u));color:#a9d9ff;line-height:1.2}.services .section-title>p:not(.eyebrow){font-size:calc(10.7 * var(--u));line-height:1.45;margin-top:calc(3 * var(--u))}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(13 * var(--u));margin-top:calc(10 * var(--u));padding-left:calc(5 * var(--u))}.service-card{height:calc(226 * var(--u));position:relative;border:1px solid #3675aabd;border-radius:calc(7 * var(--u));background:linear-gradient(145deg,#071b35,#143354);overflow:hidden;text-align:left;padding:calc(42 * var(--u)) calc(11 * var(--u)) 0;display:flex;flex-direction:column;align-items:stretch;isolation:isolate;transition:translate .3s,border-color .3s,box-shadow .3s}.service-number{position:absolute;top:calc(5 * var(--u));left:calc(10 * var(--u));font:400 calc(22 * var(--u))/1 var(--latin);color:#75b8ff}.service-card>.icon{position:absolute;top:calc(10 * var(--u));right:calc(15 * var(--u));height:calc(35 * var(--u));width:calc(35 * var(--u));color:#6daaff;stroke-width:1.25}.service-card h3{font-size:calc(15 * var(--u));font-weight:600;line-height:1.25;white-space:nowrap;position:relative;z-index:2}.service-card ul{padding-left:calc(12 * var(--u));font-size:calc(9.2 * var(--u));line-height:1.6;margin-top:calc(6 * var(--u));color:#d5e5ff;position:relative;z-index:2}.service-card img{position:absolute;left:0;bottom:0;width:100%;height:calc(116 * var(--u));object-fit:cover;mask-image:linear-gradient(transparent,black 28%);z-index:0;transition:scale .7s}.service-card:first-child img{object-position:center 34%}.service-card:hover,.service-card:focus-visible{translate:0 calc(-4 * var(--u));border-color:#8cd3ff;box-shadow:0 0 20px #367dd733}.service-card:hover img{scale:1.04}.services-note{top:calc(20 * var(--u));right:calc(20 * var(--u));font-size:calc(7.7 * var(--u));line-height:1.35;letter-spacing:calc(1.15 * var(--u))}
/* Safety stays one continuous photo band, with four matching columns. */
.safety{height:calc(246 * var(--u));background:#021731}.safety-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 42%}.safety-copy{position:absolute;left:calc(54 * var(--u));top:calc(21 * var(--u));z-index:1}.safety h2{color:#9bd7ff;font-size:calc(26 * var(--u));line-height:1.13}.safety-copy p{font-size:calc(11 * var(--u));line-height:1.4;margin-top:calc(5 * var(--u));color:#e2e9ff}.safety>.edge-note{right:calc(32 * var(--u));top:calc(25 * var(--u));font-size:calc(8 * var(--u))}.safety-grid{position:absolute;left:calc(47 * var(--u));right:calc(45 * var(--u));bottom:calc(14 * var(--u));height:calc(103 * var(--u));border:1px solid #2763ab;border-radius:calc(8 * var(--u));background:#00132ee6;box-shadow:inset 0 0 35px #222f7926;display:grid;grid-template-columns:repeat(4,1fr);padding:calc(11 * var(--u)) calc(6 * var(--u))}.safety-grid article{position:relative;text-align:center;border-right:1px solid #32619377}.safety-grid article:last-child{border:0}.safety-grid .icon{height:calc(33 * var(--u));width:calc(43 * var(--u));color:#7fc9ff;stroke-width:1.3}.safety-grid h3{font-size:calc(12 * var(--u));font-weight:600;line-height:1.4;color:#a5d6ff;margin-top:calc(3 * var(--u));white-space:nowrap}.safety-grid p{font-size:calc(9.2 * var(--u));line-height:1.5;color:#dce6fd;margin-top:calc(3 * var(--u))}
/* Process line and photographic project documentation. */
.process{height:calc(160 * var(--u));padding:calc(13 * var(--u)) calc(54 * var(--u)) 0}.process .section-title h2{font-size:calc(15 * var(--u));font-weight:600;color:#a6d6ff}.process .section-title>p{font-size:calc(11 * var(--u));margin-top:calc(4 * var(--u))}.process>.edge-note{right:calc(22 * var(--u));top:calc(19 * var(--u));font-size:calc(8 * var(--u));letter-spacing:calc(1 * var(--u))}.process-grid{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr 1.22fr 1fr 1fr;gap:calc(19 * var(--u));margin-top:calc(13 * var(--u));position:relative}.process-grid:before{content:'';height:1px;position:absolute;left:calc(20 * var(--u));right:calc(20 * var(--u));top:calc(15 * var(--u));background:linear-gradient(90deg,#164581,#986cf8,#3573b6,#a78afb);box-shadow:0 0 6px #6c41ff66}.process-grid li{min-width:0;text-align:center;position:relative}.step-top{display:flex;justify-content:center;align-items:center;gap:calc(12 * var(--u));height:calc(31 * var(--u));position:relative;z-index:1}.step-top>span{border-radius:50%;width:calc(28 * var(--u));height:calc(28 * var(--u));border:1px solid #c9baff;background:radial-gradient(circle at40%30%,#392281,#070b2f);display:grid;place-items:center;font:500 calc(15 * var(--u))/1 var(--latin);box-shadow:0 0 0 calc(2 * var(--u)) #42257c55,0 0 calc(8 * var(--u)) #7b43ff44}.step-top .icon{width:calc(29 * var(--u));height:calc(29 * var(--u));color:#6dc6ff;stroke-width:1.35;background:#071b34}.process-grid h3{font-size:calc(11.5 * var(--u));font-weight:600;line-height:1.3;margin-top:calc(6 * var(--u));white-space:nowrap}.process-grid p{font-size:calc(9.2 * var(--u));line-height:1.4;color:#cddffb;margin-top:calc(6 * var(--u))}.projects{height:calc(245 * var(--u));padding:calc(11 * var(--u)) calc(54 * var(--u)) 0}.projects h2{font-size:calc(20 * var(--u));line-height:1.2}.projects .eyebrow{font-size:calc(12 * var(--u));color:#9adaff}.projects .project-location{font-size:calc(10.3 * var(--u));display:flex;gap:calc(4 * var(--u));align-items:center;margin-top:calc(3 * var(--u))}.project-location .icon{height:calc(11 * var(--u));width:calc(9 * var(--u));color:#9ddfff}.projects>.edge-note{right:calc(34 * var(--u));top:calc(22 * var(--u));font-size:calc(8 * var(--u));letter-spacing:calc(1.2 * var(--u))}.project-gallery{display:grid;grid-template-columns:1.02fr 1.74fr 1.02fr;gap:calc(7 * var(--u));height:calc(156 * var(--u));margin-top:calc(6 * var(--u))}.project-bookend{position:relative;border:1px solid #6895b7aa;border-radius:calc(3 * var(--u));overflow:hidden;padding:0;text-align:left;display:block;height:100%;background:#0c2541}.project-bookend img{width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:scale .7s}.project-bookend>span{position:absolute;bottom:0;left:0;right:0;padding:calc(4 * var(--u)) calc(8 * var(--u));background:linear-gradient(transparent,#00172fde 25%);font-size:calc(9 * var(--u));line-height:1.2}.project-bookend b{display:block;font:500 calc(13 * var(--u))/1 var(--latin);color:#fff;margin-bottom:calc(2 * var(--u))}.project-bookend:hover img{scale:1.04}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:calc(4 * var(--u))}.stage-grid button{position:relative;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;border:1px solid #527f9cb8;border-radius:calc(3 * var(--u));background:#0d2a47;padding:0;min-width:0;transition:border-color .3s}.stage-photo{display:block;background-image:url('assets/project-stages.jpg');background-size:300% 200%;background-position:var(--sx,0%) var(--sy,0%);background-repeat:no-repeat;aspect-ratio:4/3;min-height:0;flex:1;width:100%}.stage-grid b{position:absolute;left:calc(2 * var(--u));top:calc(2 * var(--u));font:500 calc(11 * var(--u))/1 var(--latin);height:calc(16 * var(--u));width:calc(16 * var(--u));display:grid;place-items:center;border-radius:50%;border:1px solid #e1dbff;background:#5420d9}.stage-caption{font-size:calc(7.6 * var(--u));line-height:1.2;height:calc(15 * var(--u));display:grid;place-items:center;flex-shrink:0;white-space:nowrap}.stage-grid button:hover,.stage-grid button:focus-visible{border-color:#b4a4ff;box-shadow:0 0 10px #6e55ff55}
/* Founder, final skyline and immediate contact. */
.about{height:calc(248 * var(--u));background:#03182f}.founder-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.about-note{left:calc(35 * var(--u));top:calc(30 * var(--u));font-size:calc(8 * var(--u));letter-spacing:calc(1.3 * var(--u))}.about-copy{position:absolute;left:calc(420 * var(--u));top:calc(17 * var(--u));right:calc(25 * var(--u))}.company-name{font-size:calc(9 * var(--u));line-height:1.3;color:#d0e6ff;margin-bottom:calc(4 * var(--u))}.about h2{font-size:calc(22 * var(--u));line-height:1.12;color:#f3f6ff;letter-spacing:calc(-.2 * var(--u))}.about h3{font-size:calc(12.3 * var(--u));line-height:1.4;font-weight:600;margin-top:calc(5 * var(--u))}.about-copy>p:last-child{font-size:calc(9.4 * var(--u));line-height:1.5;color:#e2eaff;margin-top:calc(7 * var(--u));white-space:nowrap}.values-grid{position:absolute;left:calc(416 * var(--u));right:calc(38 * var(--u));bottom:calc(12 * var(--u));height:calc(72 * var(--u));display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #124471ad;border-radius:calc(5 * var(--u));background:#031d38b8;padding:calc(9 * var(--u)) calc(3 * var(--u))}.values-grid article{text-align:center;border-right:1px solid #275e9580}.values-grid article:last-child{border:0}.values-grid .icon{width:calc(25 * var(--u));height:calc(25 * var(--u));color:#69b4ff}.values-grid p{font-size:calc(9 * var(--u));line-height:1.4;margin-top:calc(2 * var(--u))}.closing{height:calc(119 * var(--u));background:#0b233f}.closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.closing>div{position:absolute;left:calc(54 * var(--u));top:calc(16 * var(--u))}.closing h2{font-size:calc(23 * var(--u));line-height:1.15}.closing h2 span{color:#9ad7ff}.closing>div>p{font-size:calc(10.5 * var(--u));line-height:1.4;margin-top:calc(5 * var(--u));color:#d4e1f7}.closing>.edge-note{right:calc(27 * var(--u));top:calc(19 * var(--u));font-size:calc(8 * var(--u));line-height:1.4;letter-spacing:calc(1.3 * var(--u));color:#a5b6d8}.contact{height:calc(149 * var(--u));background:#061c34;overflow:hidden}.contact-background{position:absolute;inset:0;object-fit:cover;object-position:center 65%;height:100%;width:100%;opacity:.23;pointer-events:none}.contact-brand{position:absolute;left:calc(54 * var(--u));top:calc(16 * var(--u));width:calc(171 * var(--u));height:calc(105 * var(--u));border-right:1px solid #4682b24d}.contact-brand a{display:block;width:calc(122 * var(--u))}.contact-brand img{width:100%;height:auto;max-width:none}.contact-brand p{font-size:calc(9.5 * var(--u));line-height:1.5;color:#cddff4;margin-top:calc(4 * var(--u))}.contact-info{position:absolute;left:calc(245 * var(--u));top:calc(18 * var(--u))}.contact-info h2{font-size:calc(16 * var(--u));font-weight:600;color:#90d7ff;line-height:1.25}.contact-info>p{font-size:calc(10.4 * var(--u));line-height:1.45;color:#d5e2f8;margin-top:calc(4 * var(--u))}.contact-phone,.contact-line{display:flex;align-items:center;gap:calc(12 * var(--u));font-size:calc(18 * var(--u));font-weight:500;padding:0;line-height:1.3;margin-top:calc(8 * var(--u))}.contact-line{margin-top:calc(4 * var(--u));font-size:calc(17 * var(--u))}.contact-phone>.icon{width:calc(22 * var(--u));height:calc(22 * var(--u));color:#68c3ff}.contact-line>.icon{width:calc(23 * var(--u));height:calc(23 * var(--u));color:#00d65a}.contact-actions{position:absolute;left:calc(491 * var(--u));top:calc(45 * var(--u));display:flex;flex-direction:column;gap:calc(9 * var(--u));border-left:1px solid #4080a85c;padding-left:calc(14 * var(--u))}.contact-actions .button{width:calc(106 * var(--u));height:calc(27 * var(--u));font-size:calc(9 * var(--u));gap:calc(9 * var(--u))}.contact-actions .cyan-outline .icon{color:#00e473;width:calc(15 * var(--u));height:calc(15 * var(--u))}.contact>.edge-note{left:calc(677 * var(--u));top:calc(29 * var(--u));font-size:calc(7.4 * var(--u));letter-spacing:calc(.8 * var(--u))}footer{height:calc(54 * var(--u));display:flex;justify-content:space-between;align-items:center;gap:calc(22 * var(--u));padding:0 calc(32 * var(--u));background:#061626;border-top:1px solid #3755756b;color:#c8dcee}footer>p{font-size:calc(7.2 * var(--u));line-height:1.5}footer nav{display:flex;gap:calc(22 * var(--u));font-size:calc(7.5 * var(--u));white-space:nowrap}footer>p:last-child{font-size:calc(8 * var(--u));width:calc(100 * var(--u))}
/* Native-size reference refinements and bounded gallery rows. */
.project-bookend,.stage-grid,.stage-grid button{min-height:0}.stage-grid .stage-photo{aspect-ratio:auto;background-size:300% auto}.founder-photo{object-position:center top}
@media(min-width:601px){.project-gallery{grid-template-rows:minmax(0,1fr)}.stage-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.hero h1,.services h2,.safety h2,.about h2,.closing h2{width:fit-content;transform-origin:left center}.hero h1{transform:scaleX(1.12)}.services h2{transform:scaleX(1.15)}.safety h2{transform:scaleX(1.2)}.about h2{transform:scaleX(1.18)}.closing h2{transform:scaleX(1.18)}.service-card h3{font-size:calc(16 * var(--u))}.about-copy>p:last-child{font-size:calc(10 * var(--u))}}
/* Native, honest interaction surfaces. */
dialog{--u:1px;width:min(650px,94vw);max-height:90vh;border:1px solid #426aab;border-radius:10px;background:#061b34;color:#eff5ff;box-shadow:0 24px 100px #000a;padding:28px;font:14px/1.7 var(--thai)}dialog::backdrop{background:#001024db;backdrop-filter:blur(7px)}dialog h2{font-size:25px;font-weight:600;line-height:1.4;color:#cde9ff}dialog h3{font-size:18px}dialog .eyebrow{font:500 12px/1.3 var(--latin);letter-spacing:1.7px;margin-bottom:5px}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.dialog-close{padding:0;width:32px;height:32px;display:grid;place-items:center;border:1px solid #6a89bd;border-radius:50%;flex-shrink:0}.dialog-close .icon{width:18px;height:18px}.dialog-close:hover{background:#5934e1}dialog .button{height:39px;font-size:12px;padding:0 15px;gap:8px}dialog .button .icon{width:15px;height:15px}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}dialog label{font-size:12px;display:block;margin:12px 0;color:#cbdff5}dialog input,dialog select,dialog textarea{width:100%;display:block;min-width:0;border:1px solid #40648c;border-radius:4px;padding:10px 12px;margin-top:5px;background:#0a2542;color:#f3f7ff;font:14px/1.5 var(--thai)}dialog textarea{min-height:110px;resize:vertical}dialog input::placeholder,dialog textarea::placeholder{color:#839cb7}.form-note{font-size:11px!important;color:#8fa8c4!important;line-height:1.7!important;margin:12px 0}#quote-form>.button{width:100%}#quote-summary{font:13px/1.8 var(--thai);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #386397;background:#0a2442;border-radius:4px;padding:17px;margin:13px 0}#service-image{width:100%;height:225px;object-fit:cover;border-radius:5px;margin:12px 0 18px}#service-detail p{font-size:14px;color:#d0e0f7;line-height:1.8}#service-detail ul{padding-left:20px;margin:14px 0;font-size:14px;line-height:1.9;color:#b3dfff}#service-quote{margin-top:15px}#gallery-dialog{width:min(830px,94vw)}.gallery-view{background:#041326;border:1px solid #365b86;border-radius:5px;overflow:hidden;display:grid;place-items:center;height:min(58vh,540px)}.gallery-view>img{height:100%;width:100%;object-fit:contain;min-height:0}#gallery-stage{width:min(100%,680px);height:auto;flex:initial;max-height:100%;aspect-ratio:4/3}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:15px}#gallery-count{font:500 20px/1 var(--latin);letter-spacing:2px;color:#a7d4ff}.line-id{display:flex;align-items:center;gap:18px;padding:17px;border:1px solid #366380;border-radius:6px;background:#0a2841;margin:8px 0 18px}.line-id>.icon{width:50px;height:50px;color:#00df65}.line-id span{display:block;font-size:12px;color:#a6bdd4}.line-id strong{font-size:25px;font-weight:600}.toast{position:fixed;bottom:23px;left:50%;translate:-50% 16px;width:max-content;max-width:92vw;padding:12px 18px;border:1px solid #6d70bf;border-radius:6px;background:#102b4ced;color:#fff;box-shadow:0 6px 35px #0006;font-size:12px;line-height:1.6;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,translate .2s}.toast.visible{opacity:1;translate:-50% 0}.modal-open{overflow:hidden}
/* Restrained motion, with an entirely visible no-script fallback. */
.motion-ready [data-reveal]{opacity:0;translate:0 16px;transition:opacity .7s ease,translate .7s ease;transition-delay:var(--delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;translate:0 0}.service-card:nth-child(2),.process-grid li:nth-child(2){--delay:80ms}.service-card:nth-child(3),.process-grid li:nth-child(3){--delay:160ms}.process-grid li:nth-child(4){--delay:240ms}.process-grid li:nth-child(5){--delay:320ms}@keyframes radio-breathe{0%,100%{scale:1;filter:brightness(.9)}50%{scale:1.035;filter:brightness(1.25)}}
/* Mobile is a deliberate reflow of the same visual system. */
@media(max-width:600px){main{--u:1px}h2{font-size:25px}.button{height:40px;font-size:12px;padding:0 16px;gap:9px;border-radius:4px}.button .icon{height:15px;width:15px}.edge-note{font-size:9px;letter-spacing:1.2px}.header{height:69px;padding:0 20px;gap:15px;background:#031830e8}.brand{height:42px}.brand img{height:100%;width:auto}.desktop-nav,.header-phone{display:none}.header-quote{margin-left:auto;height:34px;font-size:10px;padding:0 12px}.menu-toggle{display:grid;place-items:center;width:28px;height:32px;padding:0}.menu-toggle>.icon{height:25px;width:25px}.mobile-nav{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;padding:14px 23px;background:#061c35fa;border-bottom:1px solid #41648d;box-shadow:0 20px 30px #0005}.mobile-nav a,.mobile-nav button{font-size:14px;padding:12px 0;border-bottom:1px solid #41648d44;text-align:left}.hero{height:630px;background:#061c36}.hero-photo{height:400px;top:auto;bottom:0;object-position:61% center;mask-image:linear-gradient(transparent,black 30%)}.hero-copy{left:23px;right:20px;top:104px}.hero h1{font-size:29px;line-height:1.25;letter-spacing:-.4px}.hero h1>span{white-space:normal;display:block;max-width:340px}.hero-copy>p{font-size:11.5px;line-height:1.65;letter-spacing:0;margin-top:12px;max-width:335px}.hero-copy>p br{display:none}.trust-pill{height:27px;padding:0 13px;font-size:10px;margin-top:14px;border-radius:20px}.hero-actions{gap:10px;margin-top:14px}.hero-actions .button{height:37px;font-size:11px;padding:0 14px}.hero-note{top:auto;bottom:26px;right:18px;font-size:8px;letter-spacing:1.2px}.signal-rings{top:292px;height:180px;opacity:.65}.signal-rings span{left:62%;top:100px;width:175px;height:175px}.signal-rings span:nth-child(2){width:220px;height:220px}.signal-rings span:nth-child(3){width:270px;height:270px}.signal-rings span:nth-child(4){width:340px;height:340px}.proof-strip{height:auto;min-height:126px;grid-template-columns:1fr 1fr;padding:18px 22px;gap:20px 13px}.proof-strip>div{gap:10px;border:0}.proof-strip .icon{width:27px;height:27px}.proof-strip p{font-size:8px;white-space:normal}.proof-strip b{font-size:13px;margin-bottom:3px}.partners{height:177px;padding:20px 24px;align-items:flex-start;background:linear-gradient(120deg,#041a38,#03182f 66%,#25145f)}.partner-copy{width:100%;text-align:left}.partner-copy h2{font-size:16px}.partner-copy p{font-size:10px;line-height:1.5;margin-top:5px;max-width:275px}.partner-copy p br:last-child{display:none}.partner-logos{left:24px;right:24px;top:108px;width:auto;height:41px}.partner-logos img{left:0;top:-25px;width:100%;height:92px}.partners>.edge-note{left:auto;right:22px;top:23px;font-size:7px;letter-spacing:.7px;max-width:84px}.services{height:auto;padding:265px 22px 26px;background:#051a32}.service-feature-photo{top:0;left:0;width:100%;height:270px;object-position:center 31%;mask-image:linear-gradient(black 78%,transparent)}.service-content{position:relative;left:auto;right:auto;top:auto}.services .section-title{margin-top:10px}.services .eyebrow{font-size:12px}.services h2{font-size:26px;line-height:1.25}.services .section-title>p:not(.eyebrow){font-size:12px;line-height:1.6;margin-top:6px}.services .section-title>p br{display:none}.service-grid{grid-template-columns:1fr;gap:15px;margin-top:21px;padding:0}.service-card{height:240px;padding:61px 19px 0;border-radius:7px}.service-number{font-size:30px;left:19px;top:15px}.service-card>.icon{top:18px;right:24px;width:38px;height:38px}.service-card h3{font-size:22px;line-height:1.2}.service-card ul{font-size:12px;line-height:1.75;padding-left:16px;margin-top:11px;max-width:61%;text-shadow:0 2px 5px #021528}.service-card img{height:100%;width:65%;left:auto;right:0;mask-image:linear-gradient(90deg,transparent,black 42%);object-position:center}.service-card:first-child img{object-position:43% center}.services-note{right:23px;top:25px;font-size:9px;line-height:1.45;letter-spacing:1px;color:#99c9ec}.safety{height:585px}.safety-photo{height:315px;object-position:68% top;mask-image:linear-gradient(black 66%,transparent)}.safety-copy{left:24px;right:23px;top:30px}.safety h2{font-size:27px;line-height:1.2;max-width:320px}.safety-copy p{font-size:11px;line-height:1.6;margin-top:12px;max-width:280px}.safety-copy p br{display:none}.safety>.edge-note{top:205px;right:23px;font-size:9px}.safety-grid{height:254px;left:22px;right:22px;bottom:24px;grid-template-columns:1fr 1fr;padding:12px 8px;border-radius:8px;gap:14px 0}.safety-grid article{padding-top:7px}.safety-grid article:nth-child(2){border:0}.safety-grid .icon{height:37px;width:45px}.safety-grid h3{font-size:11px;line-height:1.5;margin-top:5px;white-space:normal}.safety-grid p{font-size:9px;line-height:1.6;margin-top:5px}.process{height:auto;padding:25px 24px 27px}.process .section-title h2{font-size:19px}.process .section-title>p{font-size:12px;line-height:1.6;margin-top:7px;max-width:305px}.process>.edge-note{top:27px;right:19px;font-size:7px;letter-spacing:.7px;opacity:.65}.process-grid{grid-template-columns:1fr;gap:23px;margin-top:26px;max-width:330px}.process-grid:before{left:14px;top:0;bottom:34px;height:auto;width:1px;background:linear-gradient(#7752ed,#3078b6)}.process-grid li{display:grid;grid-template-columns:88px 1fr;grid-template-rows:auto auto;column-gap:19px;text-align:left;min-height:64px}.step-top{height:35px;grid-row:1/3;justify-content:flex-start;gap:15px}.step-top>span{width:29px;height:29px;font-size:16px}.step-top .icon{width:29px;height:29px}.process-grid h3{font-size:14px;white-space:normal;margin-top:1px;line-height:1.4}.process-grid p{font-size:11px;line-height:1.6;margin-top:5px}.process-grid p br{display:none}.projects{height:auto;padding:25px 22px 30px}.projects .eyebrow{font-size:12px}.projects h2{font-size:22px;line-height:1.3;max-width:310px}.projects .project-location{font-size:10px;line-height:1.5;gap:4px;margin-top:8px}.project-location .icon{width:11px;height:14px}.projects>.edge-note{right:20px;top:24px;font-size:7px;letter-spacing:.8px}.project-gallery{height:auto;grid-template-columns:1fr 1fr;gap:12px 10px;margin-top:17px}.project-bookend{height:208px;border-radius:4px;grid-row:1}.project-bookend:last-child{grid-column:2}.project-bookend>span{padding:7px 10px;font-size:10px}.project-bookend b{font-size:16px}.stage-grid{grid-column:1/-1;grid-row:2;gap:8px 6px;grid-template-rows:repeat(2,95px)}.stage-grid button{border-radius:4px}.stage-grid b{left:3px;top:3px;width:20px;height:20px;font-size:13px}.stage-caption{height:20px;font-size:8px}.about{height:618px}.founder-photo{height:345px;top:0;bottom:auto;object-position:23% top;mask-image:linear-gradient(black 82%,transparent)}.about-note{left:22px;top:22px;font-size:8px;letter-spacing:1px}.about-copy{left:24px;right:24px;top:338px}.company-name{font-size:10px;margin-bottom:7px}.about h2{font-size:26px;line-height:1.2}.about h3{font-size:13px;margin-top:7px}.about-copy>p:last-child{font-size:10.5px;line-height:1.7;white-space:normal;margin-top:10px}.about-copy>p br{display:none}.values-grid{left:22px;right:22px;bottom:22px;height:80px;border-radius:5px;padding:10px 3px}.values-grid .icon{width:26px;height:26px}.values-grid p{font-size:8px;line-height:1.5;margin-top:5px}.closing{height:210px}.closing>img{object-position:67% center}.closing>div{left:24px;right:24px;top:31px}.closing h2{font-size:25px;line-height:1.25}.closing>div>p{font-size:11px;line-height:1.6;margin-top:12px;max-width:300px}.closing>div>p br{display:none}.closing>.edge-note{top:auto;bottom:20px;right:19px;font-size:7px;letter-spacing:.8px}.contact{height:416px}.contact-brand{left:24px;top:23px;width:100%;height:96px;border:0}.contact-brand a{width:122px}.contact-brand img{width:100%;height:auto}.contact-brand p{position:absolute;left:158px;top:18px;font-size:10px;line-height:1.6;margin:0}.contact-info{left:24px;right:24px;top:126px}.contact-info h2{font-size:21px}.contact-info>p{font-size:11px;line-height:1.6;margin-top:7px}.contact-phone{font-size:25px;gap:14px;margin-top:16px}.contact-phone>.icon{height:25px;width:25px}.contact-line{font-size:21px;gap:14px;margin-top:10px}.contact-line>.icon{width:25px;height:25px}.contact-actions{left:24px;right:24px;top:auto;bottom:29px;flex-direction:row;gap:12px;border:0;padding:0}.contact-actions .button{height:38px;font-size:11px;width:140px;gap:10px}.contact-actions .cyan-outline .icon{height:17px;width:17px}.contact>.edge-note{left:auto;right:23px;top:94px;font-size:8px;letter-spacing:1px}.contact-background{object-position:70% center;opacity:.18}footer{height:auto;min-height:141px;padding:20px 24px;display:flex;flex-wrap:wrap;gap:18px}footer>p{font-size:8px;width:100%;text-align:center}footer nav{font-size:9px;gap:20px;justify-content:center;width:100%;order:-1}footer>p:last-child{font-size:8px;width:100%;text-align:center}footer>p:last-child br{display:none}dialog{padding:20px;max-height:92vh}dialog h2{font-size:22px}.form-row{grid-template-columns:1fr;gap:0}.dialog-heading{gap:12px}.dialog-close{width:29px;height:29px}dialog .button{font-size:11px;height:38px;padding:0 12px}.gallery-view{height:52vh;max-height:410px}.gallery-controls .button{font-size:11px;padding:0 10px}.line-id{gap:13px;padding:13px}.line-id strong{font-size:23px}.form-note{font-size:10px!important}}
@media(max-width:359px){.header{padding:0 16px;gap:9px}.brand{height:36px}.header-quote{padding:0 10px;font-size:9px}.hero h1{font-size:26px}.hero-copy>p{font-size:10.5px}.hero-note{right:13px}.proof-strip{padding:18px 17px;gap:18px 10px}.proof-strip>div{gap:7px}.proof-strip .icon{width:24px;height:24px}.proof-strip p{font-size:7.2px}.proof-strip b{font-size:12px}.partners{padding:20px}.partner-copy h2{font-size:14px}.partner-copy p{font-size:9px;max-width:205px}.partners>.edge-note{font-size:6.5px;right:15px}.services h2{font-size:23px}.service-card h3{font-size:20px}.service-card ul{font-size:11px}.safety h2{font-size:24px}.safety-grid h3{font-size:10px}.safety-grid p{font-size:8px}.process .section-title h2{font-size:17px}.process-grid li{grid-template-columns:79px 1fr;column-gap:13px}.process-grid h3{font-size:13px}.projects h2{font-size:20px}.projects .project-location{font-size:8.9px}.project-bookend{height:190px}.stage-grid{grid-template-rows:repeat(2,84px)}.stage-caption{font-size:7px}.about{height:648px}.about-copy>p:last-child{font-size:10px}.about h2{font-size:24px}.values-grid p{font-size:7.4px}.closing h2{font-size:23px}.contact-brand a{width:104px}.contact-brand p{left:136px;font-size:8px}.contact-info h2{font-size:19px}.contact-info>p{font-size:10px}footer nav{gap:15px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;translate:none!important}.service-card:hover{translate:none}.service-card:hover img,.project-bookend:hover img{scale:1}}
