@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#102238;--gray:#848a95;--light:#f3f4f3;--line:#dce0e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--navy);font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6484a5;outline-offset:5px}img{display:block;max-width:100%}.preview{text-align:center;background:var(--navy);color:#fff;font-size:10px;letter-spacing:1px;padding:7px 14px}.preview span{margin:0 8px}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:13px 5%;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.logo{width:168px;height:78px;object-fit:contain}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 24px;background:var(--navy);color:white;border:1px solid var(--navy);cursor:pointer;font-weight:600;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#263e56;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{padding:12px 18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.hero-copy{padding:70px 9% 28px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 20px}h1{font-size:clamp(38px,4.5vw,69px);line-height:1.12;letter-spacing:-3px;font-weight:500;margin:0 0 27px}h1 em{font-style:normal;color:#778290}h2{font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.18;letter-spacing:-1.7px;margin:0 0 25px}h3{font-size:17px;line-height:1.4;margin:0 0 7px}p{margin:0 0 20px}.intro{max-width:400px;color:#5d6874;font-size:16px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:8px 0 45px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #9ba4af;padding:7px 0}.text-link span{margin-left:15px}.hero-bottom{margin-top:auto;display:flex;width:100%;justify-content:space-between;gap:15px;font-size:10px;line-height:1.7;border-top:1px solid var(--line);padding-top:22px}.hero-bottom span:first-child{font-size:9px;letter-spacing:1px;font-weight:700}.hero-image{position:relative;overflow:hidden;background:var(--gray)}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute}.image-label{position:absolute;bottom:0;left:0;right:0;color:white;display:flex;justify-content:space-between;padding:48px 30px 24px;background:linear-gradient(transparent,#102238bb);font-size:9px;letter-spacing:1px;gap:15px}.uses{display:flex;justify-content:space-around;padding:25px 5%;border-bottom:1px solid var(--line);font-size:13px;font-weight:500}.uses b{color:#848a95;font-weight:400}.section{padding:95px 7%;scroll-margin-top:20px}.product{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.product-image{background:var(--light);padding:28px 0 15px;overflow:hidden}.image-index{font-size:10px;letter-spacing:1px;margin-left:25px}.product-image img{width:100%;margin:32px 0 25px}.product-image p{font-size:10px;text-align:center;color:#65717d;margin:10px}.product-copy>p{color:#5d6874}.product-copy>.eyebrow{color:var(--navy)}.feature{display:flex;gap:22px;padding:18px 0;border-top:1px solid var(--line)}.feature>span{color:var(--gray);font-size:11px}.feature p{font-size:12px;margin:0;color:#626e79}.feature h3{font-size:15px}.applications{background:var(--light)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading>p{font-size:13px;color:#626e79}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.application-grid article{background:#fff}.application-grid img{height:300px;object-fit:cover;width:100%;transition:filter .3s}.application-grid article:hover img{filter:brightness(1.08)}.application-grid article>div{padding:23px}.application-grid span{font-size:9px;letter-spacing:1.4px}.application-grid h3{margin-top:12px;font-size:20px;font-weight:500}.application-grid p{font-size:12px;color:#626e79;margin:0}.caption{font-size:10px;color:#707984;margin:18px 0 0}.specs{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--navy);color:white}.specs>div>p:not(.eyebrow){font-size:14px;color:#bac5d0;max-width:360px}.spec-table>div{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #ffffff30}.spec-table>div:first-child{padding-top:0}.spec-table span{font-size:12px;color:#bac5d0}.spec-table strong{font-weight:500;font-size:24px}.spec-table small{font-size:13px}.colors{display:flex;align-items:center;gap:9px;font-size:16px!important}.colors i{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid #ffffff50}.gray{background:#848a95}.brown{background:#795e4f;margin-left:14px}.accessories{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;border-bottom:1px solid var(--line)}.accessories img{width:100%;margin-bottom:25px}.accessories p{font-size:13px;color:#626e79}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8%}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 25px 22px 0;font-size:14px;font-weight:600;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:21px;font-weight:400;top:14px}details[open] summary:after{content:'−'}details p{font-size:13px;color:#626e79;padding-right:20px}.contact{background:#eef0f2;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.contact>div>p{color:#626e79}.contact-note{margin-top:40px;border-left:2px solid #848a95;padding-left:18px;max-width:340px;font-size:11px}.contact-note p{margin:6px 0 0;color:#626e79}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:11px;font-weight:600;margin-bottom:19px}input,textarea,select{width:100%;display:block;background:transparent;border:0;border-bottom:1px solid #aeb6c0;border-radius:0;color:var(--navy);padding:12px 0;font-size:13px;resize:vertical}select{height:48px}input::placeholder,textarea::placeholder{color:#78818c}.form-help{font-size:10px;color:#626e79;margin:12px 0 0}#form-result{padding:15px;background:#fff;border-left:3px solid var(--navy);font-size:13px;margin-top:18px}footer{padding:50px 7% 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:center}footer img{width:170px}footer p,footer>a{font-size:11px;color:#626e79;margin:0}footer>a{text-align:right}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;color:#626e79}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:99;padding:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:760px}}@media(max-width:1000px){nav{gap:18px}.hero-copy{padding-top:45px}h1{letter-spacing:-2px}.hero{min-height:560px}.section{padding:70px 6%}.application-grid img{height:230px}.hero-bottom{font-size:9px}.actions{gap:15px}}@media(max-width:720px){.preview{font-size:8px;letter-spacing:.3px}header{height:83px;padding:8px 6%}.logo{width:135px;height:64px}.menu-toggle{display:block;background:none;border:0;color:var(--navy);font-size:12px;padding:12px}.menu-toggle span{margin-left:10px}nav{display:none;position:absolute;top:83px;left:0;right:0;padding:25px 6%;background:white;border-bottom:1px solid var(--line);align-items:stretch}nav.open{display:flex;flex-direction:column}.hero{display:flex;flex-direction:column}.hero-copy{padding:44px 6% 30px}h1{font-size:45px;letter-spacing:-2px}.intro{font-size:15px}.hero-image{height:370px}.hero-bottom{margin-top:0}.actions{margin-bottom:30px}.uses{gap:10px;padding:20px 5%;font-size:10px}.uses b{font-size:10px}.section{padding:58px 6%}.product,.specs,.accessories,.faq,.contact{grid-template-columns:1fr;gap:35px}.product-image{order:2}.section-heading{display:block}.application-grid{grid-template-columns:1fr;gap:25px}.application-grid img{height:300px}.application-grid article>div{padding:22px}.application-grid h3{font-size:23px}.section-heading>p br{display:none}.spec-table strong{font-size:22px}.contact-note{margin-top:24px}.form-grid{gap:15px}footer{padding:35px 6% 20px;grid-template-columns:1fr 1fr;gap:25px}footer>a{grid-column:1/-1;text-align:left}footer img{width:145px}.footer-bottom{font-size:9px}h2{font-size:35px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.obra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin-top:32px}.obra-grid figure{margin:0}.obra-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.obra-grid figcaption{margin-top:8px}.contact-note a{color:inherit;text-decoration:underline}

/* A quiet entrance, followed by motion only where the visitor interacts. */
@media (prefers-reduced-motion: no-preference) {
  @keyframes alutecho-enter {
    from { opacity: .35; transform: translateY(9px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes alutecho-cover {
    from { transform: scale(1.025); }
    to { transform: scale(1); }
  }
  .hero-copy h1 { animation: alutecho-enter .55s ease-out both; }
  .hero-image > img { animation: alutecho-cover 1.2s ease-out both; }
  .button span { display: inline-block; transition: transform .18s ease-out; }
  .button:is(:hover, :focus-visible) span { transform: translate(2px,-2px); }
  @supports (animation-timeline: view()) {
    .obra-grid figure {
      animation: alutecho-enter linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 65%;
    }
  }
}
@media (min-width: 800px) {
  .obra-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .obra-grid figure:first-child { grid-column: span 2; grid-row: span 2; display: flex; flex-direction: column; }
  .obra-grid figure:first-child img { flex: 1; min-height: 0; }
}
.obra-grid figcaption { border-top: 1px solid var(--line); padding-top: .55rem; font-size: .82rem; }
.hero-image > img { inset:0; }
.hero-image .image-label { z-index:1; align-items:center; padding:50px clamp(12px,3vw,36px) 18px; background:linear-gradient(transparent,rgba(8,22,37,.88)); }
.view-name { text-transform:uppercase; font-size:11px; font-weight:600; line-height:1.5; }
.view-controls { display:flex; flex:none; }
.view-controls button { font:inherit; font-size:18px; width:44px; height:44px; cursor:pointer; border:1px solid #ffffff70; color:white; background:#152638aa; }
.view-controls button+button { border-left:0; }
.view-controls button:is(:hover,:focus-visible) { background:white; color:#142637; }
.location-card { grid-column:1/-1; display:grid; grid-template-columns: minmax(220px,1fr) 2fr; background:white; border:1px solid var(--line); border-radius:14px; overflow:hidden; margin-top:16px; }
.location-card>div {padding:clamp(24px,4vw,56px); align-self:center;}
.location-card h3 {font-size:clamp(22px,2.3vw,34px); letter-spacing:-.035em;}
.location-card p {font-size:14px;line-height:1.65;}
.location-card iframe {border:0;width:100%;height:290px;display:block;background:#e4e9e6;}
.wa-float {position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:20;background:#125e49;color:white;border:1px solid #ffffff70;border-radius:40px;padding:12px 18px;display:flex;align-items:center;gap:8px;font:600 14px/1.2 system-ui;text-decoration:none;box-shadow:0 4px 18px #14263735;}
.wa-float svg {width:26px;height:26px;}
.wa-float:is(:hover,:focus-visible){background:#084c39;}
footer {padding-bottom:84px;}
@media(max-width:720px){.location-card{grid-template-columns:1fr;}.location-card iframe{height:230px;}.wa-float{padding:12px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));}.wa-float span{display:none;}}