@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#111b22;--paper:#f4f5f1;--lime:#c3f36b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #e9a354;outline-offset:6px}header{position:absolute;z-index:10;top:0;left:0;width:100%;height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;color:#fff}.logo{font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.8px}.logo span{font-size:12px;vertical-align:top;margin-left:3px}nav{display:flex;gap:34px;font-size:14px}.contact-pill{border:1px solid #ffffff90;border-radius:40px;padding:12px 21px;font-size:14px;background:#ffffff12;backdrop-filter:blur(12px)}.contact-pill span{margin-left:20px}.hero{height:100svh;min-height:720px;background:#087fb9;position:relative;overflow:hidden}.hero-stage{min-height:720px;height:100svh;position:relative;padding:140px 5% 44px;display:flex;flex-direction:column;justify-content:space-between}.hero-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;font-weight:600}h1{font-family:Manrope,sans-serif;font-size:clamp(78px,10.5vw,160px);letter-spacing:-.075em;font-weight:700;line-height:.93;margin:45px 0 55px;text-align:center;position:relative;z-index:2}em{font-style:normal;color:var(--lime)}h1 em{color:inherit}.hero-bottom{display:flex;align-items:end;justify-content:space-between;position:relative;z-index:3}.hero-bottom p{font-size:17px;line-height:1.5;margin:0}.small{font-size:11px;letter-spacing:1.8px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border-radius:100px;padding:18px 25px;background:var(--lime);color:var(--ink);font-size:15px;font-weight:600;transition:transform .25s}.button:hover{transform:translateY(-4px)}.intro{position:relative;text-align:center;padding:150px 6%;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;line-height:1.6}h2{font-family:Manrope,sans-serif;font-size:clamp(40px,5.8vw,88px);font-weight:500;letter-spacing:-.065em;line-height:1.08;margin:30px 0}.intro-copy{max-width:570px;margin:30px auto;color:#aeb7bd;line-height:1.7;font-size:18px}.light{background:var(--paper)}.featured,.services,.pricing{padding:50px 6% 120px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-top>span{font-size:14px;color:#aeb7bd}.project-image{border-radius:20px;overflow:hidden;max-height:600px;background:#d1e5dc}.project-image img{width:100%;display:block}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.project-caption h3{font-size:28px;letter-spacing:-1px;margin:10px 0}.project-caption p{font-size:13px;line-height:1.7;color:#aeb7bd}.services{border-top:1px solid #ffffff22;padding-top:100px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.service-grid article{padding:30px;background:#1c2932;border:1px solid #ffffff16;border-radius:20px;min-height:350px;display:flex;flex-direction:column;transform-style:preserve-3d;transition:transform .2s,border-color .2s}.service-grid article:hover{border-color:var(--lime)}.service-number{font-size:40px;font-weight:500;color:var(--lime)}.service-grid h3{font-size:25px;letter-spacing:-1px;line-height:1.2;margin:35px 0 16px}.service-grid p{color:#bbc3c9;line-height:1.65;font-size:16px;margin:0 0 40px}.service-tag{font-size:11px;letter-spacing:1px;margin-top:auto}.pricing{background:var(--paper);color:var(--ink);padding-top:110px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.pricing h2{font-size:clamp(40px,4.4vw,64px)}.pricing em{color:#278152}.pricing p{line-height:1.7}.price-card{border:1px solid #15232c30;padding:36px;border-radius:24px;background:#fff}.price-card h3{font-size:70px;font-family:Manrope;letter-spacing:-4px;margin:25px 0 30px}.price-card h3 span{font-family:'DM Sans';font-size:13px;display:block;letter-spacing:0;font-weight:400;margin-top:4px}.payments{display:flex;justify-content:space-between;gap:12px;padding:24px 0;border-top:1px solid #15232c20;border-bottom:1px solid #15232c20}.payments span{font-size:12px;line-height:1.7}.payments b{display:block;font-size:20px}.price-card>p:not(.eyebrow){font-size:14px;color:#49585f}.dark{background:var(--ink);color:white;display:flex;margin:25px 0}details{border-top:1px solid #15232c20;padding:20px 0 0;margin-top:20px;font-size:14px}summary{cursor:pointer;line-height:1.5}details p{color:#49585f}footer{padding:110px 6% 30px;background:var(--lime);color:var(--ink)}footer em{color:#527b32}footer h2{font-size:clamp(50px,7.4vw,112px)}.email{display:inline-block;font-size:clamp(20px,3vw,40px);letter-spacing:-1px;border-bottom:1px solid var(--ink);padding-bottom:12px;margin:15px 0 85px}.footer-bottom{border-top:1px solid #17232744;padding-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.footer-bottom .logo{font-size:25px}@media(max-width:700px){header{height:80px;padding:0 6%}.logo{font-size:25px}nav{display:none}.contact-pill{font-size:12px;padding:10px 16px}.hero,.hero-stage{min-height:660px}.hero-stage{padding:110px 6% 32px}.hero-meta span:last-child{display:none}.hero-meta{font-size:10px}h1{font-size:17vw;margin-top:90px}.hero-bottom{flex-wrap:wrap;gap:24px}.hero-bottom p{font-size:15px;width:100%}.small{display:none}.intro{padding:95px 6%}.intro-copy{font-size:16px}h2{font-size:42px}.section-top>span{display:none}.project-caption{display:block}.project-caption h3{font-size:22px}.service-grid{grid-template-columns:1fr;margin-top:35px}.service-grid article{min-height:300px}.pricing{grid-template-columns:1fr;gap:35px;padding:70px 6%}.price-card{padding:25px}.price-card h3{font-size:62px}.services{padding-top:70px}.featured{padding-bottom:65px}.footer-bottom{flex-wrap:wrap;gap:24px}.footer-bottom span:nth-child(2){display:none}footer{padding-top:70px}.email{margin-bottom:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Layered hero, scroll portal, and editorial project rail. */
.hero{height:150svh;overflow:clip;min-height:1000px}.hero-stage{position:sticky;top:0;isolation:isolate;overflow:hidden}.sky{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;will-change:transform}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#00365460,transparent 45%,#0023278c)}.portal{position:absolute;width:min(66vw,850px);height:auto;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-12deg);z-index:-1;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 30px 45px #083d4e44)}.hero-title{margin:auto 0;text-align:center;position:relative}.hero-kicker{font-size:11px;letter-spacing:2px;margin:20px 0 28px;text-shadow:0 1px 10px #00374c}h1{font-size:clamp(78px,10.8vw,162px);margin:0;line-height:.94;text-shadow:0 3px 35px #00365944}.hero-meta{position:relative;z-index:3}.hero-bottom{padding-top:36px}.hero-bottom p{text-shadow:0 2px 12px #00242b}.intro{min-height:650px;display:flex;align-items:center;flex-direction:column;justify-content:center}.intro>.button{position:relative;z-index:5}.trail-image{position:absolute;pointer-events:none;z-index:4;width:150px;height:110px;object-fit:cover;border-radius:9px;box-shadow:0 10px 35px #0005;animation:trail-pop .9s both}@keyframes trail-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.65) rotate(var(--angle))}15%,65%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--angle))}100%{opacity:0;transform:translate(-50%,-90%) scale(.8) rotate(var(--angle))}}.featured{height:170svh;min-height:1000px;padding:0;position:relative}.work-sticky{position:sticky;top:0;overflow:hidden;padding:45px 6% 30px;height:100svh;min-height:660px;display:flex;flex-direction:column;justify-content:center}.work-track{display:flex;gap:5vw;will-change:transform;width:max-content}.project{width:76vw;flex:none}.project-image{height:56svh;max-height:580px;min-height:300px;display:flex;align-items:center;justify-content:center;background:#d0ded5}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top}.mobile-project{width:42vw;padding-top:30px}.mobile-project .project-image{background:#bce977;height:50svh}.mobile-project img{width:auto;max-width:85%;height:90%;object-fit:contain;border-radius:12px;box-shadow:0 15px 35px #15232c40}.project-caption{padding-bottom:0}.work-progress{height:2px;background:#ffffff20;margin-top:30px}.work-progress span{display:block;height:100%;width:0;background:var(--lime)}.work-note{font-size:12px;line-height:1.5;color:#aeb7bd;margin:14px 0 0}.service-grid article{background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#334536 0%,#1c2932 65%)}
@media(max-width:700px){.hero{height:115svh;min-height:760px}.hero-stage{height:100svh;min-height:660px}.portal{width:120vw;top:48%}.hero-title{margin:auto 0}.hero-kicker{font-size:9px;letter-spacing:1.3px;margin-bottom:25px}h1{font-size:17vw}.hero-meta{font-size:9px}.hero-bottom{gap:18px}.hero-bottom p{font-size:15px}.intro{min-height:0}.featured{height:auto;min-height:0}.work-sticky{position:relative;height:auto;min-height:0;padding:35px 6% 65px;overflow:visible}.work-track{width:100%;display:grid;gap:30px;transform:none!important}.project,.mobile-project{width:100%;padding:0}.project-image{height:300px;min-height:0}.mobile-project .project-image{height:370px}.project-caption p{font-size:12px}.work-progress{display:none}.work-note{margin-top:25px}.trail-image{display:none}.intro h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.hero{height:100svh;min-height:720px}.portal,.sky{will-change:auto}.featured{height:auto;min-height:0}.work-sticky{height:auto;position:relative;min-height:0}.work-track{width:100%;display:block}.project,.mobile-project{width:100%;padding:0;margin-bottom:35px}.work-progress{display:none}}
header nav{padding:13px 25px;background:#12323e80;border:1px solid #ffffff35;border-radius:40px;backdrop-filter:blur(15px)}
.live-project{width:70vw}.live-project:nth-child(even){padding-top:30px}.live-project .project-image{height:50svh;min-height:280px}.live-project .project-image img{object-fit:contain;background:#17252c;transition:transform .4s}.live-project .project-image:hover img{transform:scale(1.025)}.visit-site{font-size:15px;text-align:right;line-height:1.6;border-bottom:1px solid #ffffff40;padding:8px 0}.visit-site span{display:block;font-size:12px;color:#aeb7bd}.visit-site:hover{color:var(--lime)}@media(max-width:700px){.live-project{width:100%}.live-project:nth-child(even){padding-top:0}.live-project .project-image{height:auto;min-height:0;aspect-ratio:16/9}.visit-site{display:inline-block;text-align:left;margin-top:5px}.project-caption h3{margin-bottom:5px}}@media(prefers-reduced-motion:reduce){.live-project{width:100%;padding-top:0!important}}

.inquiry{padding:110px 6%;display:grid;grid-template-columns:1fr 1fr;gap:70px;scroll-margin-top:20px}.inquiry h2{font-size:clamp(42px,4.9vw,74px)}.inquiry-intro>p:last-child{max-width:400px;color:#bbc3c9;font-size:18px;line-height:1.7}.inquiry form{padding-top:14px;min-width:0}.inquiry label{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5;margin-bottom:24px}.inquiry label span{display:contents;color:#aeb7bd}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry input,.inquiry textarea{width:100%;min-width:0;border:1px solid #ffffff35;border-radius:12px;background:#1c2932;color:#f4f5f1;padding:16px;font:inherit;font-size:16px;outline-offset:3px}.inquiry input::placeholder,.inquiry textarea::placeholder{color:#aeb7bd}.inquiry textarea{resize:vertical;min-height:150px}.inquiry input:focus-visible,.inquiry textarea:focus-visible,.inquiry button:focus-visible{outline:2px solid var(--lime)}.inquiry button{border:0;font-family:inherit;cursor:pointer;min-height:56px}.inquiry button:disabled{opacity:.65;cursor:wait;transform:none}.form-note{font-size:14px;color:#aeb7bd;line-height:1.6;margin:0 0 24px}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{font-size:16px;line-height:1.6;min-height:26px;margin:18px 0 0}#form-status[data-state="error"]{color:#ffc6b9}#form-status[data-state="success"]{color:var(--lime)}@media(max-width:800px){.inquiry{grid-template-columns:1fr;gap:25px;padding:75px 6%}.inquiry-intro>p:last-child{max-width:550px}}@media(max-width:480px){.form-row{grid-template-columns:1fr;gap:0}.inquiry button{width:100%}}

.price-card .price-start{font-size:23px;font-weight:600;line-height:1.45;color:var(--ink);margin:0 0 22px}.price-start span{font-size:16px;font-weight:400;color:#49585f}.price-card .care-price{padding-top:18px;border-top:1px solid #15232c20;font-size:15px}.price-card h3{margin-bottom:18px}