@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0d2226;--deep:#08262b;--teal:#67b7aa;--cyan:#2dc6bf;--lime:#d6f470;--cream:#f5f7f2;--muted:#617277;--line:#dce4e2;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 80px));margin:auto}.skip-link{position:absolute;z-index:999;top:-60px;left:20px;background:white;padding:12px}.skip-link:focus{top:10px}.topbar{background:#092126;color:#c1d5d1;font-size:10px;letter-spacing:1.4px;font-weight:700}.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.topbar-inner>div{display:flex;align-items:center;gap:22px}.topbar-inner i{width:3px;height:3px;background:var(--lime);border-radius:100%}.topbar a:hover{color:var(--lime)}.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #e9eeed}.nav-row{height:100%;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:9px;min-width:204px}.brand img{width:98px;height:59px;object-fit:contain}.brand-label{display:none;line-height:1.1}.brand-label strong{display:block;font-size:12px}.brand-label small{font-size:8px;letter-spacing:1px}.nav-links{display:flex;gap:29px;margin-left:auto;align-items:center}.nav-links>a{font-size:12px;font-weight:750;white-space:nowrap}.nav-links>a:hover{color:#179e98}.nav-cta{white-space:nowrap;background:var(--ink);color:white;padding:13px 18px;border-radius:5px;font-size:12px;font-weight:800}.nav-cta span{color:var(--lime);margin-left:15px}.menu-toggle{display:none;background:none;border:0;padding:9px}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--ink)}.hero{background:var(--deep);color:white;position:relative;overflow:hidden}.hero:before{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 80% 38%,#145a5b 0,transparent 45%),linear-gradient(115deg,#09262b,#0b3035)}.hero-glow{position:absolute;border:1px solid #ffffff13;border-radius:100%;width:650px;height:650px;right:-120px;top:-220px;pointer-events:none}.g2{right:0;top:-90px;width:420px;height:420px}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr 0.98fr;min-height:650px;align-items:center;gap:20px;padding:56px 0 38px}.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2.4px;font-weight:850}.eyebrow-line{height:2px;width:25px;background:var(--cyan)}.eyebrow.light{color:#b2d4cf}.eyebrow.dark{color:#24746d}.hero-copy h1{font-size:clamp(54px,6.2vw,94px);line-height:1.025;letter-spacing:-6px;font-weight:800;margin:28px 0 25px}.hero-copy h1 em,.section-heading h2 em,.about-copy h2 em,.more-head h2 em{font-style:normal;color:#53aea3}.hero-copy h1 em{color:#69baac}.dot{color:var(--lime)}.hero-copy>p{max-width:480px;color:#bbd0ce;font-size:15px;line-height:1.9}.hero-buttons{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:17px 22px;border-radius:4px;font-size:12px;font-weight:850;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-lime{background:var(--lime);color:#132626}.btn-outline{background:transparent;border-color:#567477;color:white}.btn-outline:hover{background:#ffffff12}.hero-proof{margin-top:50px;display:flex;align-items:center;gap:14px}.mini-symbol{height:38px;width:38px;border:1px solid #567476;display:grid;place-items:center;font-size:25px;color:var(--lime);border-radius:50%}.hero-proof strong{display:block;font-size:12px}.hero-proof span{font-size:11px;color:#8dadad}.hero-stage{height:550px;position:relative;display:flex;align-items:center;justify-content:center}.stage-deco{position:absolute;font-size:240px;font-weight:800;opacity:.065;transform:rotate(-90deg);letter-spacing:-20px;top:125px;left:-30px}.stage-deco span{font-size:20px;vertical-align:top}.hero-slide{position:absolute;inset:15px 4% 57px;opacity:0;transform:translateX(30px) scale(.98);transition:opacity .55s,transform .55s;pointer-events:none;display:flex;align-items:center;justify-content:center}.hero-slide.is-active{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 22px #00191a6b);border-radius:16px;mix-blend-mode:normal}.hero-product-number{position:absolute;right:0;top:14px;color:#aec8c3;font-size:11px;font-weight:800;letter-spacing:2px}.hero-product-label{position:absolute;bottom:0;left:0;background:#fff;color:#162a2d;border-left:5px solid var(--lime);padding:14px 20px;min-width:185px;box-shadow:0 15px 35px #0003}.hero-product-label span{display:block;font-size:9px;letter-spacing:1.6px;font-weight:800;color:#577776}.hero-product-label strong{font-size:17px}.stage-controls{position:absolute;bottom:0;right:10px;display:flex;align-items:center;gap:15px}.stage-controls>button,.carousel-arrows button{width:39px;height:39px;display:grid;place-items:center;border:1px solid #537172;border-radius:50%;background:transparent;color:white;font-size:20px}.stage-controls>button:hover{background:#fff;color:var(--ink)}.hero-dots{display:flex;gap:7px}.hero-dots button{width:7px;height:7px;padding:0;background:#64878a;border:0;border-radius:10px}.hero-dots button.active{width:23px;background:var(--lime)}.hero-bottom{position:relative;border-top:1px solid #31575a;display:flex;align-items:center;gap:85px;min-height:104px}.hero-bottom>div{display:flex;flex-direction:column;gap:3px}.hero-bottom strong{font-size:28px;letter-spacing:-1px}.hero-bottom span{font-size:9px;letter-spacing:1.6px;color:#a7c1be;font-weight:750}.discover{margin-left:auto;color:#a7c1be;font-size:10px;letter-spacing:1.5px;white-space:nowrap}.discover span{margin-left:20px;color:var(--lime);font-size:17px}.ticker{height:60px;background:#c9ef83;overflow:hidden;display:flex;align-items:center}.ticker-track{white-space:nowrap;display:flex;gap:28px;align-items:center;font-size:15px;font-weight:850;letter-spacing:1.7px;animation:marquee 33s linear infinite}.ticker-track span{color:#2d8c83;font-size:23px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:112px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:40px}.section-heading h2,.about-copy h2,.more-head h2{font-size:clamp(36px,4.3vw,62px);line-height:1.13;letter-spacing:-3px;margin:20px 0 0;font-weight:800}.section-heading>p,.product-tools>p{max-width:350px;font-size:14px;color:var(--muted);line-height:1.85;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{padding:36px 32px;background:#fff;border:1px solid #e5ecea;border-radius:8px;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #163b3710}.service-top{display:flex;justify-content:space-between;align-items:start;font-size:12px;color:#59928c;font-weight:800}.service-icon{font-size:36px;color:#3ba69a}.service-card h3{font-size:26px;letter-spacing:-1px;margin:34px 0 14px}.service-card p{min-height:75px;font-size:13px;color:var(--muted);line-height:1.8}.service-card ul{list-style:none;padding:22px 0;margin:14px 0 24px;border-top:1px solid var(--line)}.service-card li{font-size:12px;padding:7px 0}.service-card li:before{content:'↗';color:#1aa99c;margin-right:12px}.service-card>a{display:flex;justify-content:space-between;font-size:12px;font-weight:850;border-bottom:1px solid #aecbc6;padding-bottom:11px}.products{background:#ebf1ed;overflow:hidden}.product-heading{align-items:end}.product-tools{display:flex;align-items:end;gap:23px}.product-tools>p{max-width:275px}.carousel-arrows{display:flex;gap:8px}.carousel-arrows button{color:var(--ink);border-color:#b4c5c0}.carousel-arrows button:hover{background:var(--ink);color:white}.product-filters{display:flex;gap:9px;margin-bottom:27px;flex-wrap:wrap}.filter-chip{border:1px solid #ccd8d3;color:#51615c;background:transparent;padding:10px 17px;border-radius:30px;font-size:11px;font-weight:750}.filter-chip.active,.filter-chip:hover{background:var(--ink);color:white;border-color:var(--ink)}.product-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:1px 0 15px}.product-track::-webkit-scrollbar{display:none}.product-card{flex:0 0 calc((100% - 36px)/3);min-width:0;scroll-snap-align:start;background:white;border-radius:7px;overflow:hidden}.product-card[hidden]{display:none}.product-photo{height:320px;background:#fff;position:relative;display:flex;align-items:center;justify-content:center;padding:10px}.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.product-card:hover .product-photo img{transform:scale(1.04)}.product-number{position:absolute;top:17px;left:19px;color:#9cb0aa;font-size:11px;font-weight:800}.product-info{padding:19px 20px 22px;border-top:1px solid #f1f3f1;display:flex;justify-content:space-between;align-items:center}.product-info small{color:#67817d;font-size:9px;letter-spacing:1.5px;font-weight:800}.product-info h3{font-size:18px;margin:6px 0 0;letter-spacing:-.5px}.product-info>a{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#eaf5e7;font-size:18px}.product-info>a:hover{background:var(--lime)}.product-bottom{display:flex;justify-content:space-between;margin-top:19px;gap:20px;align-items:center}.product-bottom>span{font-size:10px;color:#6e8983;letter-spacing:1.7px}.product-bottom>a{font-size:12px;font-weight:850}.product-bottom>a span{margin-left:10px}.statement{background:#52ada2;color:white}.statement-inner{padding:55px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.statement-inner>span{font-size:48px;color:var(--lime)}.statement p{font-size:clamp(23px,3.1vw,42px);line-height:1.25;letter-spacing:-1.7px;text-align:center;margin:0}.statement strong{color:#e0ff9b}.work{background:#fff}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.work-card{min-width:0;background:#f0f5f3;border-radius:5px;overflow:hidden}.work-card.work-wide{grid-column:span 2}.work-image{height:310px;background:#e8f0ec;overflow:hidden}.work-image img{height:100%;width:100%;object-fit:contain;padding:12px;transition:transform .4s}.work-card:hover img{transform:scale(1.03)}.work-meta{padding:18px 22px 22px;display:flex;align-items:center;justify-content:space-between;background:#f7faf8}.work-meta small{color:#548b84;font-size:9px;letter-spacing:1.6px;font-weight:800}.work-meta h3{font-size:18px;margin:5px 0 0;letter-spacing:-.4px}.work-meta>span{font-size:12px;font-weight:800}.portfolio-caption{color:#6d807b;font-size:11px;margin-top:24px}.about{background:#eaf1ed}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.about-visual{position:relative}.about-card{min-height:540px;background:radial-gradient(ellipse at 75% 20%,#4cbdb1,transparent 40%),linear-gradient(140deg,#0f6263,#0d343b);color:white;border-radius:8px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.about-card>span{font-size:13px;font-weight:750;letter-spacing:3px}.about-card strong{font-size:clamp(100px,15vw,215px);letter-spacing:-25px;font-weight:850;line-height:.9}.about-card strong span{font-size:45px;color:var(--lime);vertical-align:top;letter-spacing:0}.about-card p{font-size:18px;font-style:italic;font-weight:600}.about-visual-label{position:absolute;background:var(--lime);padding:18px 22px;right:-20px;bottom:25px;font-size:12px;letter-spacing:1px;font-weight:850}.about-copy h2{margin-bottom:25px}.about-copy>p{font-size:14px;line-height:1.95;color:#58706c}.about-copy>p strong{color:var(--ink)}.about-points{margin-top:28px}.about-points>div{display:grid;grid-template-columns:36px 1fr;column-gap:10px;padding:15px 0;border-top:1px solid #cbdad5}.about-points span{font-size:11px;color:#269c92;font-weight:800;grid-row:span 2}.about-points strong{font-size:13px}.about-points small{font-size:11px;color:#6c817c;margin-top:5px}.vision{background:#10363b;color:white}.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding:75px 0}.vision-grid>div+div{border-left:1px solid #315c61;padding-left:35px}.vision h3{font-size:23px;letter-spacing:-1px;margin:26px 0 14px}.vision p{font-size:12px;color:#abc9c4;line-height:1.9}.more-services{background:#fff}.more-head{max-width:750px}.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.tag-cloud span{border:1px solid #c8d9d4;padding:14px 19px;border-radius:3px;font-size:12px;font-weight:750}.tag-cloud span:nth-child(5n+1){background:#e4f5d1;border-color:#e4f5d1}.contact{background:#0d3035;padding:105px 0;color:white;position:relative;overflow:hidden}.contact:before{content:'✳';font-size:560px;position:absolute;color:#fff;opacity:.025;left:-90px;bottom:-320px;line-height:1}.contact-grid{position:relative;display:grid;grid-template-columns:1fr .82fr;gap:90px}.contact-intro h2{font-size:clamp(44px,5.9vw,82px);line-height:1.09;letter-spacing:-4px;margin:30px 0}.contact-intro h2 em{font-style:normal;color:#73bdb0}.contact-intro p{max-width:370px;font-size:14px;color:#b3ceca;line-height:1.9}.whatsapp{display:inline-flex;gap:35px;background:var(--lime);color:#17302b;padding:17px 22px;font-size:13px;font-weight:850;margin-top:20px;border-radius:4px}.contact-panel{padding:35px;background:#fff;color:var(--ink);border-radius:7px}.contact-panel h3{font-size:26px;letter-spacing:-1px;margin:0 0 9px}.contact-panel>p{font-size:12px;color:#667b77;line-height:1.7;margin:0 0 23px}.contact-panel label{display:block;color:#376d66;font-size:9px;letter-spacing:1.5px;font-weight:850;margin:17px 0 7px}.contact-panel input,.contact-panel select,.contact-panel textarea{display:block;width:100%;border:1px solid #d9e4e0;background:#f8faf8;color:#1c3331;border-radius:3px;padding:12px 13px;outline-color:#63ae9f;font-size:13px}.contact-panel textarea{resize:vertical}.contact-panel form button{width:100%;margin-top:20px}.form-note{display:block;font-size:10px;color:#74847f;line-height:1.6;margin-top:12px}.footer{background:#071e22;color:white}.footer-main{padding:70px 0;display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:80px}.footer-logo strong{font-size:75px;letter-spacing:-10px;line-height:.9}.footer-logo strong span{font-size:21px;color:var(--lime);letter-spacing:0;vertical-align:top}.footer-logo div{font-size:20px;font-weight:850;letter-spacing:7px}.footer-logo small{font-size:10px;letter-spacing:3px}.footer-brand p{font-size:13px;color:#9dbbb6;font-style:italic;margin-top:15px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:13px}.footer-links h4{font-size:10px;letter-spacing:2px;color:#6cb9ab;margin:0 0 7px}.footer-links>a,.footer-links address{font-size:12px;color:#b0c6c2;line-height:1.9;font-style:normal}.footer-links>a:hover{color:var(--lime)}.footer-bottom{padding:23px 0;border-top:1px solid #284145;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#819f9b}.footer-bottom a{color:var(--lime);font-weight:800}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d5f475;outline-offset:3px}
@media(max-width:1100px){.container{width:min(var(--max),calc(100% - 48px))}.nav-links{gap:17px}.brand{min-width:110px}.hero-copy h1{font-size:65px;letter-spacing:-4px}.hero-grid{min-height:590px}.hero-stage{height:485px}.hero-bottom{gap:45px}.about-grid{gap:55px}.contact-grid{gap:45px}.product-photo{height:290px}}
@media(max-width:800px){.topbar-inner>span{display:none}.topbar-inner{justify-content:center}.site-header{height:70px}.nav-row{justify-content:space-between}.nav-cta{margin-left:auto}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:15px 24px 25px;box-shadow:0 15px 25px #0001;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 8px;border-bottom:1px solid #e8efec}.hero-grid{grid-template-columns:1fr;padding-top:55px;gap:15px}.hero-copy h1{font-size:clamp(52px,9vw,77px)}.hero-stage{height:480px}.hero-proof{margin-top:24px}.hero-bottom{gap:30px;flex-wrap:wrap;padding:25px 0}.discover{display:none}.section{padding:80px 0}.section-heading{align-items:start;flex-direction:column;gap:22px}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:span 2}.product-tools{width:100%;justify-content:space-between}.product-card{flex-basis:calc((100% - 18px)/2)}.work-grid{grid-template-columns:repeat(2,1fr)}.work-card.work-wide{grid-column:span 1}.about-grid{grid-template-columns:1fr}.about-card{min-height:420px}.vision-grid{gap:25px}.vision-grid>div+div{padding-left:20px}.contact-grid{grid-template-columns:1fr}.contact-intro h2{font-size:62px}.footer-main{gap:40px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}
@media(max-width:560px){.container{width:calc(100% - 34px)}.topbar{font-size:9px}.topbar-inner>div{gap:11px}.brand img{width:87px}.brand{min-width:87px}.nav-cta{padding:11px 12px;font-size:10px}.nav-cta span{margin-left:4px}.hero-grid{padding-top:38px}.hero-copy h1{font-size:clamp(43px,11vw,64px);letter-spacing:-3px;margin:22px 0}.hero-copy>p{font-size:13px}.hero-buttons{gap:8px}.btn{padding:15px 14px;gap:12px;font-size:11px}.hero-stage{height:365px}.hero-slide{inset:5px 0 40px}.hero-slide img{max-height:310px}.hero-product-label{padding:10px 13px;min-width:145px}.hero-product-label strong{font-size:13px}.hero-product-label span{font-size:7px}.stage-controls{bottom:-7px}.hero-bottom{gap:22px}.hero-bottom strong{font-size:22px}.hero-bottom span{font-size:8px;letter-spacing:.5px}.ticker{height:50px}.section{padding:68px 0}.section-heading h2,.about-copy h2,.more-head h2{font-size:37px;letter-spacing:-2px}.service-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:span 1}.service-card{padding:28px}.service-card p{min-height:auto}.product-heading{gap:15px}.product-tools{align-items:center}.product-tools p{font-size:12px}.carousel-arrows button{width:35px;height:35px}.product-card{flex-basis:86%}.product-photo{height:310px}.product-bottom{align-items:start;flex-direction:column}.statement-inner{padding:38px 0}.statement-inner>span{font-size:25px}.statement p{font-size:21px;letter-spacing:-.6px}.work-grid{grid-template-columns:1fr}.work-image{height:290px}.about-grid{gap:55px}.about-card{min-height:340px;padding:24px}.about-card strong{font-size:122px;letter-spacing:-12px}.about-visual-label{right:-8px;font-size:10px}.vision-grid{grid-template-columns:1fr;padding:54px 0}.vision-grid>div+div{border-left:0;border-top:1px solid #315c61;padding-left:0;padding-top:24px}.vision h3{margin:15px 0 8px}.tag-cloud{gap:8px}.tag-cloud span{font-size:11px;padding:10px 12px}.contact{padding:70px 0}.contact-intro h2{font-size:45px;letter-spacing:-2px}.contact-panel{padding:25px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 15px;padding:55px 0}.footer-brand{grid-column:span 2}.footer-logo strong{font-size:62px}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Eight showcase cards: interactive hover enlargement and click-to-open viewer */
.work{overflow:visible}.work-grid{gap:22px;isolation:isolate}.work-card{position:relative;overflow:visible;border-radius:10px;transition:transform .28s ease,box-shadow .28s ease;transform-origin:center center;z-index:1;box-shadow:0 8px 24px rgba(10,42,42,.08)}
.work-card:hover,.work-card:focus-within{transform:scale(1.065);z-index:12;box-shadow:0 24px 65px rgba(7,38,38,.25)}
.work-open{display:block;width:100%;background:transparent;border:0;text-align:left;padding:0;color:inherit;border-radius:10px;overflow:hidden;cursor:zoom-in}
.work-image{height:auto;aspect-ratio:1.43;background:#fff;overflow:hidden}
.work-image img{height:100%;width:100%;object-fit:contain;padding:0;transition:transform .35s ease}
.work-card:hover .work-image img,.work-card:focus-within .work-image img{transform:scale(1.025)}
.work-meta{min-height:91px}.work-card .work-meta h3{font-size:17px}
.portfolio-lightbox[hidden]{display:none!important}
.portfolio-lightbox{position:fixed;z-index:9999;inset:0;background:rgba(3,16,19,.94);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:65px 28px 30px;cursor:zoom-out}
.portfolio-lightbox img{object-fit:contain;max-width:min(1400px,96vw);max-height:calc(100vh - 145px);width:auto;height:auto;border-radius:9px;box-shadow:0 20px 80px #0007;cursor:default}
.portfolio-lightbox p{color:white;font-weight:800;letter-spacing:.4px;text-align:center;margin:18px 0 0}
.portfolio-lightbox-close{position:absolute;top:13px;right:25px;color:#fff;border:1px solid #ffffff66;background:#ffffff22;border-radius:50%;width:46px;height:46px;font-size:31px;line-height:1;cursor:pointer}
body.portfolio-modal-open{overflow:hidden}
@media(max-width:800px){.work-card:hover,.work-card:focus-within{transform:scale(1.025)}}
@media(max-width:560px){.work-grid{gap:18px}.work-image{height:auto;aspect-ratio:1.43}.work-card:hover,.work-card:focus-within{transform:scale(1.015)}.portfolio-lightbox{padding:75px 12px 25px}.portfolio-lightbox img{max-width:100%;max-height:calc(100vh - 160px)}}
@media(prefers-reduced-motion:reduce){.work-card,.work-image img{transition:none}}


/* ===== Custom revision: logo swap, headline motion, 3D hero movement ===== */
.brand{min-width:230px}
.brand img{width:280px;max-width:min(32vw,280px);height:auto;object-fit:contain}
.footer-logo-image img{width:min(380px,100%);height:auto;object-fit:contain;filter:brightness(1.06) drop-shadow(0 18px 30px rgba(0,0,0,.22))}
.footer-brand p{margin-top:18px}
@media(max-width:800px){.brand{min-width:180px}.brand img{max-width:min(48vw,240px)}.footer-logo-image img{max-width:320px}}
@media(max-width:560px){.brand{min-width:150px}.brand img{max-width:min(56vw,210px)}}

.headline-motion .hero-line{display:block;opacity:0;transform:translateY(22px) scale(.985);filter:blur(8px);animation:titleReveal .95s cubic-bezier(.2,.75,.2,1) forwards}
.headline-motion .line-1{animation-delay:.05s}
.headline-motion .line-2{animation-delay:.22s}
.headline-motion .line-3{animation-delay:.39s}
.headline-motion .motion-accent{font-style:normal;color:transparent;background:linear-gradient(90deg,#8be9dc 0%,#67b7aa 28%,#d6f470 48%,#67b7aa 68%,#8be9dc 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;animation:accentFlow 8s linear infinite}
.headline-motion .dot{display:inline-block;animation:dotPulse 1.6s ease-in-out infinite 1.05s}
@keyframes titleReveal{0%{opacity:0;transform:translateY(22px) scale(.985);filter:blur(8px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes accentFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes dotPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.18)}}

.hero-stage{perspective:1800px;transform-style:preserve-3d;overflow:visible}
.hero-stage:before{content:'';position:absolute;inset:8% 8% 14% 8%;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.18);backdrop-filter:blur(2px);pointer-events:none}
.hero-stage:after{content:'';position:absolute;left:10%;right:10%;bottom:52px;height:42px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.42),rgba(0,0,0,0) 68%);filter:blur(6px);transform:translateZ(-120px);pointer-events:none}
.hero-slide{--slide-tilt-x:0deg;--slide-tilt-y:0deg;transform-style:preserve-3d;will-change:transform,opacity;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
.hero-slide:not(.is-active){transform:translate3d(34px,8px,-90px) rotateY(-14deg) rotateX(8deg) scale(.93)}
.hero-slide.is-active{transform:translate3d(0,0,0) rotateX(calc(6deg + var(--slide-tilt-x))) rotateY(calc(-8deg + var(--slide-tilt-y))) scale(1)}
.hero-slide img{position:relative;z-index:2;transform:translateZ(44px);filter:drop-shadow(0 34px 26px rgba(0,25,26,.38));animation:heroFloat 6.2s ease-in-out infinite}
.hero-slide:nth-child(odd) img{animation-duration:7s}
.hero-slide .hero-product-number{transform:translateZ(60px)}
.hero-slide .hero-product-label{transform:translateZ(72px);box-shadow:0 22px 35px rgba(0,0,0,.24)}
@keyframes heroFloat{0%,100%{transform:translate3d(0,0,44px)}50%{transform:translate3d(0,-12px,58px)}}
.stage-deco{transform:rotate(-90deg) translateZ(-120px);opacity:.09}
.stage-controls{transform:translateZ(70px)}
@media(max-width:800px){.hero-slide.is-active{transform:translate3d(0,0,0) rotateX(3deg) rotateY(-5deg) scale(1)}.hero-stage:before{inset:10% 3% 16% 3%}}
@media(max-width:560px){.hero-stage{perspective:1200px}.hero-stage:before{border-radius:22px}.hero-slide:not(.is-active){transform:translate3d(10px,4px,-40px) rotateY(-8deg) rotateX(4deg) scale(.96)}.hero-slide.is-active{transform:translate3d(0,0,0) rotateX(2deg) rotateY(-2deg) scale(1)}.hero-slide img{animation-duration:5.4s}}
@media(prefers-reduced-motion:reduce){.headline-motion .hero-line,.headline-motion .motion-accent,.headline-motion .dot,.hero-slide img{animation:none!important}.hero-slide,.hero-slide.is-active,.hero-slide:not(.is-active){transform:none!important}.hero-stage:before,.hero-stage:after{display:none}}


/* ===== Web design work section ===== */
.web-design{background:linear-gradient(180deg,#f8fbfa 0,#eef5f3 100%);border-top:1px solid #e0ebe8;border-bottom:1px solid #e0ebe8}
.web-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.web-card{display:block;background:#fff;border:1px solid #dfe9e6;border-radius:14px;overflow:hidden;color:inherit;box-shadow:0 10px 28px rgba(8,38,43,.08);transition:transform .28s ease,box-shadow .28s ease;border-radius:12px}
.web-card:hover,.web-card:focus-visible{transform:translateY(-6px) scale(1.02);box-shadow:0 24px 65px rgba(8,38,43,.17)}
.web-browser{padding:18px 18px 0}
.browser-top{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid #d8e5e0;border-bottom:0;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#f6faf9,#eef5f3)}
.browser-top span{width:9px;height:9px;border-radius:50%;background:#c7d7d3}
.browser-top span:first-child{background:#ff8578}.browser-top span:nth-child(2){background:#ffd264}.browser-top span:nth-child(3){background:#7edc94}
.browser-top strong{margin-left:8px;font-size:11px;letter-spacing:.4px;color:#54716f;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser-screen{height:372px;border:1px solid #d8e5e0;border-radius:0 0 14px 14px;overflow:hidden;position:relative;background:#f6fbfa}
.preview-track{min-height:580px;transition:transform 7s cubic-bezier(.22,.61,.36,1)}
.web-card:hover .preview-track,.web-card:focus-visible .preview-track{transform:translateY(-190px)}
.preview-hero{padding:26px 22px 22px;min-height:196px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:center}
.hero-copy-mini small{display:block;font-size:10px;letter-spacing:1.6px;font-weight:900;margin-bottom:9px;opacity:.78}
.hero-copy-mini h3{font-size:25px;line-height:1.05;letter-spacing:-1.3px;margin:0 0 10px;font-weight:850}
.hero-copy-mini p{margin:0;font-size:13px;line-height:1.55;color:#5e6f74}
.hero-visual{position:relative;min-height:120px;border-radius:18px;overflow:hidden}
.preview-section{padding:18px 22px;border-top:1px solid rgba(8,38,43,.08)}
.preview-section.body-copy{font-size:13px;line-height:1.7;color:#566a6e}
.cols-three,.feature-list,.metric-row{display:grid;gap:10px}
.cols-three{grid-template-columns:repeat(3,1fr)}
.feature-list{grid-template-columns:repeat(3,1fr)}
.metric-row{grid-template-columns:repeat(4,1fr)}
.cols-three span,.feature-list span,.metric-row span,.chips span{display:grid;place-items:center;padding:12px 10px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.4);font-size:11px;font-weight:800;letter-spacing:.35px;text-align:center;min-height:54px}
.preview-gallery{display:grid;gap:10px;padding:18px 22px;border-top:1px solid rgba(8,38,43,.08)}
.preview-gallery.six{grid-template-columns:repeat(3,1fr)}
.preview-gallery.six:before,.preview-gallery.six:after,.preview-gallery.six div,.preview-gallery.four:before,.preview-gallery.four:after,.preview-gallery.four div{content:'';display:block;height:74px;border-radius:16px}
.preview-gallery.six:before{background:linear-gradient(135deg,#faf2f8,#eac5d8)}
.preview-gallery.six:after{background:linear-gradient(135deg,#f2f8fb,#d1e3f5)}
.preview-gallery.six{position:relative}
.preview-gallery.six::marker{display:none}
.preview-gallery.six{grid-auto-rows:74px}
.preview-gallery.six::before,.preview-gallery.six::after{grid-column:auto}
.preview-gallery.six{background:transparent}
.preview-gallery.six > i,.preview-gallery.four > i{display:none}
.preview-gallery.six{--a:linear-gradient(135deg,#f6fbff,#cfe5f2);--b:linear-gradient(135deg,#fff3f8,#f0c5d8);--c:linear-gradient(135deg,#f5fff8,#d2e7da)}
.preview-gallery.six{grid-template-columns:repeat(3,1fr)}
.preview-gallery.six{position:relative}
.preview-gallery.six:before{box-shadow:90px 0 0 0 rgba(0,0,0,0)}
.preview-gallery.six::after{}
.preview-gallery.six{background-image:linear-gradient(135deg,#faf1f7,#e4d0df),linear-gradient(135deg,#e8f3fb,#c3d9eb),linear-gradient(135deg,#f7fbff,#d4e6f4),linear-gradient(135deg,#fdf1f8,#f0c3d7),linear-gradient(135deg,#f6fffb,#d7ebdf),linear-gradient(135deg,#f2f6ff,#d7dff2);background-size:calc((100% - 20px)/3) 74px,calc((100% - 20px)/3) 74px,calc((100% - 20px)/3) 74px,calc((100% - 20px)/3) 74px,calc((100% - 20px)/3) 74px,calc((100% - 20px)/3) 74px;background-position:22px 18px,calc(22px + ((100% - 20px)/3) + 10px) 18px,calc(22px + (((100% - 20px)/3) * 2) + 20px) 18px,22px 102px,calc(22px + ((100% - 20px)/3) + 10px) 102px,calc(22px + (((100% - 20px)/3) * 2) + 20px) 102px;background-repeat:no-repeat;min-height:186px}
.preview-gallery.four{grid-template-columns:repeat(2,1fr);min-height:186px;background-image:linear-gradient(135deg,#ffe5f4,#f4b5db),linear-gradient(135deg,#fff7e3,#f8d99d),linear-gradient(135deg,#f3d9fb,#d6a6ed),linear-gradient(135deg,#ffe7f1,#f3bdd6);background-size:calc((100% - 10px)/2) 74px,calc((100% - 10px)/2) 74px,calc((100% - 10px)/2) 74px,calc((100% - 10px)/2) 74px;background-position:22px 18px,calc(22px + ((100% - 10px)/2) + 10px) 18px,22px 102px,calc(22px + ((100% - 10px)/2) + 10px) 102px;background-repeat:no-repeat}
.preview-gallery.tall{min-height:186px}
.preview-cta{margin:18px 22px 22px;background:#0c2327;color:#fff;border-radius:14px;padding:14px 16px;font-size:12px;font-weight:850;letter-spacing:.8px;text-transform:uppercase;text-align:center;box-shadow:0 12px 24px rgba(7,34,38,.14)}
.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.split-panels div{height:92px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.34));border:1px solid rgba(255,255,255,.35)}
.split-panels.charts div:first-child{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.32)),linear-gradient(90deg,#11355b 12%,transparent 12%),linear-gradient(0deg,#0000 0,#0000 70%,#5db6ff 70%,#5db6ff 79%,#0000 79%),linear-gradient(0deg,#0000 0,#0000 56%,#4ce3c9 56%,#4ce3c9 64%,#0000 64%),linear-gradient(0deg,#0000 0,#0000 34%,#ffd777 34%,#ffd777 44%,#0000 44%)}
.split-panels.charts div:last-child{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.32)),radial-gradient(circle at 30% 68%,#6cc4ff 0 8%,transparent 9%),radial-gradient(circle at 48% 52%,#4ce3c9 0 9%,transparent 10%),radial-gradient(circle at 65% 36%,#ffd777 0 10%,transparent 11%),linear-gradient(135deg,transparent 0 29%,rgba(17,53,91,.22) 30% 31%,transparent 32%),linear-gradient(135deg,transparent 0 47%,rgba(17,53,91,.22) 48% 49%,transparent 50%),linear-gradient(135deg,transparent 0 65%,rgba(17,53,91,.22) 66% 67%,transparent 68%)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.metric-row span{font-size:12px}
.web-meta{padding:18px 20px 22px;display:flex;justify-content:space-between;gap:15px;align-items:end;border-top:1px solid #edf2f0}
.web-meta small{color:#64817e;font-size:9px;letter-spacing:1.55px;font-weight:850}
.web-meta h3{font-size:19px;letter-spacing:-.5px;margin:6px 0 0}
.web-meta span{font-size:12px;font-weight:850;color:#1f7f77}
.web-beauty .preview-hero{background:linear-gradient(135deg,#fff8fb 0,#fff 45%,#eef5f9 100%)}
.web-beauty .hero-visual{background:linear-gradient(140deg,#7bb0c3,#a5dde3)}
.beauty-frame{position:absolute;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.7));box-shadow:0 16px 28px rgba(18,65,75,.18)}
.beauty-frame.one{width:92px;height:104px;left:16px;top:16px;transform:rotate(-8deg)}
.beauty-frame.two{width:92px;height:118px;right:18px;top:12px;transform:rotate(8deg)}
.beauty-frame.three{width:76px;height:68px;left:58px;bottom:12px;transform:rotate(4deg)}
.web-beauty .cols-three,.web-beauty .preview-cta{background:transparent}
.web-plumbing .preview-hero{background:linear-gradient(135deg,#eef9ff,#f9fdff 50%,#d7efff)}
.web-plumbing .hero-copy-mini small,.web-plumbing .web-meta span{color:#1676b6}
.pipes-visual{background:linear-gradient(135deg,#0f5584,#4bc0ff)}
.pipe-line{position:absolute;inset:18px auto 18px 18px;width:78px;border-radius:999px;border:14px solid rgba(255,255,255,.9);border-right-width:8px}
.pipe-card{position:absolute;right:14px;top:16px;bottom:16px;left:86px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.74))}
.web-plumbing .feature-list span{background:rgba(17,105,164,.08);border-color:rgba(17,105,164,.09)}
.web-nails .preview-hero{background:linear-gradient(135deg,#fff0f8,#fff8fc 46%,#f7ebff)}
.web-nails .hero-copy-mini small,.web-nails .web-meta span{color:#cc2c89}
.nails-visual{background:linear-gradient(135deg,#ff70b5,#9f54ff)}
.sparkle{position:absolute;width:54px;height:54px;background:radial-gradient(circle,#fff 0 28%,transparent 30%),linear-gradient(45deg,transparent 44%,#fff 46% 54%,transparent 56%),linear-gradient(-45deg,transparent 44%,#fff 46% 54%,transparent 56%);opacity:.82}
.sparkle:nth-child(1){top:18px;left:28px}.sparkle:nth-child(2){top:48px;left:96px;transform:scale(.8)}.sparkle:nth-child(3){top:20px;right:24px;transform:scale(1.1)}
.web-nails .chips span{background:rgba(204,44,137,.08);border-color:rgba(204,44,137,.08)}
.web-quantifi .preview-hero{background:linear-gradient(135deg,#082448,#0b315f 48%,#0e4f82)}
.web-quantifi .hero-copy-mini small,.web-quantifi .hero-copy-mini h3,.web-quantifi .hero-copy-mini p{color:#fff}
.web-quantifi .hero-copy-mini p{opacity:.88}.web-quantifi .web-meta span{color:#195cab}
.quant-bars{display:flex;align-items:end;gap:10px;padding:20px 16px}
.quant-bars div{flex:1;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#70d4ff,#1f66db);box-shadow:0 10px 20px rgba(0,0,0,.16)}
.quant-bars div:nth-child(1){height:52px}.quant-bars div:nth-child(2){height:84px}.quant-bars div:nth-child(3){height:118px}.quant-bars div:nth-child(4){height:70px;background:linear-gradient(180deg,#7ce9d0,#25b8a0)}
.web-quantifi .metric-row span{background:rgba(20,77,130,.08);border-color:rgba(20,77,130,.08)}
@media(max-width:980px){.web-grid{grid-template-columns:1fr}.browser-screen{height:340px}}
@media(max-width:560px){.browser-top strong{font-size:10px}.browser-screen{height:320px}.preview-hero{grid-template-columns:1fr;min-height:unset}.hero-visual{min-height:110px}.web-card:hover .preview-track,.web-card:focus-visible .preview-track{transform:translateY(-145px)}.web-meta{align-items:start;flex-direction:column}.metric-row{grid-template-columns:repeat(2,1fr)}.cols-three,.feature-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.web-card,.preview-track{transition:none}.web-card:hover .preview-track,.web-card:focus-visible .preview-track{transform:none}}

/* Website screenshot cards - genuine live-page captures rather than illustrations */
.web-card .browser-screen{height:345px;overflow:hidden;isolation:isolate;background:linear-gradient(140deg,#e2efec,#f5f9f8);position:relative}
.web-card .website-capture{position:relative;z-index:1;display:block;max-width:none;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top center;transform-origin:top center;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .6s;filter:saturate(.98);background:linear-gradient(180deg,#fff,#e6efec);}
.web-card:hover .website-capture,.web-card:focus-visible .website-capture{transform:scale(1.14) translateY(-3%);filter:saturate(1.1)}
.web-screenshot-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:end;justify-content:center;padding:26px 12px 15px;min-height:90px;background:linear-gradient(transparent,rgba(7,28,33,.79));pointer-events:none;opacity:.05;transition:opacity .3s ease}
.web-screenshot-overlay span{border:1px solid #ffffff7a;background:#0d282cbb;border-radius:100px;padding:10px 16px;font-size:10px;letter-spacing:1.5px;font-weight:850;color:#fff;text-align:center}
.web-card:hover .web-screenshot-overlay,.web-card:focus-visible .web-screenshot-overlay{opacity:1}
.web-card .web-meta{min-height:95px}
@media(max-width:560px){.web-card .browser-screen{height:290px}.web-card .web-screenshot-overlay{opacity:1;min-height:64px;padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.web-card .website-capture,.web-screenshot-overlay{transition:none!important}.web-card:hover .website-capture,.web-card:focus-visible .website-capture{transform:none!important}}

/* Web design showcase updated to match artwork-style tiles */
.web-showcase{background:#f7fbfa;border-top:1px solid #e0ebe8;border-bottom:1px solid #e0ebe8}
.web-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.web-tile{background:#f0f5f3}
.web-tile-link{display:block;height:100%;color:inherit}
.web-tile-image{position:relative;height:320px;background:linear-gradient(180deg,#dbe8e6,#edf4f2);overflow:hidden}
.web-tile-image img{width:100%;height:100%;object-fit:cover;object-position:top center;padding:0;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .45s ease;filter:saturate(.98)}
.web-tile:hover .web-tile-image img,.web-tile:focus-within .web-tile-image img{transform:scale(1.08) translateY(-2%);filter:saturate(1.06)}
.web-tile-badge{position:absolute;left:16px;top:16px;z-index:2;background:rgba(7,30,34,.88);color:#fff;padding:8px 11px;border-radius:999px;font-size:10px;letter-spacing:1.7px;font-weight:800}
.web-tile-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:end;justify-content:center;min-height:86px;padding:16px 18px;background:linear-gradient(180deg,rgba(7,30,34,0) 0%,rgba(7,30,34,.82) 100%);color:#fff;font-size:11px;letter-spacing:1.2px;font-weight:800;opacity:.92;transition:opacity .28s ease,transform .28s ease;z-index:2}
.web-tile:hover .web-tile-overlay,.web-tile:focus-within .web-tile-overlay{opacity:1;transform:translateY(-2px)}
.web-tile .work-meta{min-height:96px}
.web-tile .work-meta span{white-space:nowrap}
@media(max-width:800px){.web-tile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.web-tile-grid{grid-template-columns:1fr}.web-tile-image{height:auto;aspect-ratio:1.46}.web-tile-overlay{min-height:72px;padding:14px 14px;font-size:10px}.web-tile-badge{left:12px;top:12px}}
@media(prefers-reduced-motion:reduce){.web-tile-image img,.web-tile-overlay{transition:none}.web-tile:hover .web-tile-image img,.web-tile:focus-within .web-tile-image img{transform:none}}

/* On-site contact form response messages and unobtrusive anti-spam field */
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{padding:14px 16px;border-radius:5px;font-size:12px;font-weight:700;line-height:1.7;margin:14px 0 0}
.form-status[hidden]{display:none!important}
.form-status.is-success{background:#e7f5e9;color:#165b34;border:1px solid #a6d9b6}
.form-status.is-error{background:#fff0ed;color:#953b30;border:1px solid #edb4a9}
.contact-panel form button:disabled{opacity:.6;cursor:wait;transform:none}