:root{--ink:#20382f;--muted:#66746c;--paper:#f7f6f2;--line:#d9dfd7;--lime:#d6e4bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);position:sticky;top:0;z-index:4;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand svg{width:37px;height:42px}.brand strong{display:block;font-size:20px;letter-spacing:-.8px}.brand small{display:block;text-transform:uppercase;letter-spacing:3px;font-size:9px;margin-top:5px}nav{display:flex;gap:30px;align-items:center;font-size:13px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:17px 23px;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:2px;font-weight:500;font-size:13px;transition:background .2s}.btn:hover{background:#3d594a}.btn.light{background:transparent;color:var(--ink)}.btn.light:hover{background:#e9ede3}.arrow{font-size:20px;font-weight:400}.hero{padding:53px 5% 0}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:10px;font-weight:600;display:flex;gap:10px;align-items:center}.dot{width:6px;height:6px;background:#6d8354;border-radius:50%}.herotop{display:grid;grid-template-columns:1.25fr .65fr;gap:8%;align-items:end;margin:22px 0 34px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5.4vw,83px);font-weight:400;line-height:1.02;letter-spacing:-3px;margin:0}h1 em{color:#7b8a65;font-weight:400}.herotop p{color:var(--muted);line-height:1.75;font-size:14px;max-width:360px;margin:0 0 22px}.heroimage{height:480px;position:relative;background:#c2c8b9;overflow:hidden}.heroimage img{width:100%;height:100%;object-fit:cover;object-position:center 59%}.imagecaption{position:absolute;bottom:22px;left:25px;color:white;background:#20382fe0;padding:12px 17px;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.concept{position:absolute;bottom:23px;right:21px;font-size:10px;color:white;background:#20382fbb;padding:8px}.strip{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.strip span:before{content:'+';margin-right:12px;color:var(--ink)}section{padding:85px 5%}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:20px 0 35px}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,3.5vw,52px);letter-spacing:-1.5px;line-height:1.1;margin:0}.sectionhead p{max-width:350px;font-size:14px;line-height:1.7;color:var(--muted);margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service{border-top:1px solid var(--ink);padding-top:20px}.num{font-size:10px;color:var(--muted)}.service h3{font-size:23px;font-weight:400;margin:20px 0 12px;letter-spacing:-.7px}.service p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:22px}.service a{font-size:12px;border-bottom:1px solid #7f8e7f;padding-bottom:6px}.drawing{height:170px;background:#eeeee7;display:flex;align-items:center;justify-content:center;margin-top:25px}.drawing svg{width:85%;height:125px;fill:none;stroke:#53695b;stroke-width:2}.solutions{background:#e9ede3;display:grid;grid-template-columns:1fr 1.05fr;gap:10%;align-items:center}.solutions p{font-size:14px;color:var(--muted);line-height:1.9;max-width:430px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.tab{border:1px solid #bdc7b7;background:transparent;padding:11px 15px;border-radius:30px;font-size:12px;color:var(--ink)}.tab[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.sample{background:#f7f6f2;border:1px solid #c9d0c2;padding:33px;min-height:290px;display:flex;flex-direction:column;justify-content:center}.swatch{height:105px;margin-bottom:30px;display:flex;align-items:center;justify-content:center}.profile{height:105px;width:75%;border:10px solid #fdfdfb;box-shadow:3px 4px 15px #0002;background:linear-gradient(120deg,#c5d2ce66,#fff9);position:relative;transition:border-color .3s}.profile:after{content:'';position:absolute;left:50%;height:100%;border-left:8px solid var(--frame,#fdfdfb);transition:border-color .3s}.sample strong{font-weight:400;font-size:21px}.sample p{font-size:12px;margin-bottom:0}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.step{border-top:1px solid var(--line);padding-top:20px}.step b{font-size:11px;color:#718266}.step h3{font-size:18px;font-weight:400}.step p{font-size:13px;color:var(--muted);line-height:1.8}.contact{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.8fr 1fr;gap:12%}.contact h2{font-size:clamp(40px,4vw,61px);margin-top:25px}.contact p{font-size:14px;line-height:1.9;color:#c0cbbf}.contact .eyebrow{color:#c9d7b9}.contact .note{font-size:11px;color:#c0cbbf;border-top:1px solid #56705e;padding-top:20px;margin-top:35px}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:11px;display:block}input,select,textarea{margin-top:10px;width:100%;padding:13px 0;background:transparent;border:0;border-bottom:1px solid #829582;color:white;border-radius:0;font-size:14px}input::placeholder,textarea::placeholder{color:#abb9ab}select option{color:var(--ink);background:white}textarea{resize:vertical;min-height:80px}.full{grid-column:1/-1}.contact .btn{background:var(--lime);color:var(--ink);border:0;width:100%}.contact .btn:hover{background:#e7f0d9}.formhelp{font-size:11px!important;line-height:1.6!important;margin:0}#result{border:1px solid #829582;padding:20px}#message{white-space:pre-wrap;font-size:13px;line-height:1.7;color:#e0e9dd}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{padding:12px;background:#d6e4bd;color:var(--ink);border:0}.status{font-size:12px;min-height:18px}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;gap:25px;font-size:11px;color:var(--muted)}.preview{font-size:10px;border-bottom:1px solid var(--line);padding:8px 5%;color:var(--muted);text-align:center}#menu{display:none}.anchorlink{display:inline-flex;gap:14px;margin-top:15px;font-size:12px} @media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:760px){header{height:74px}.brand strong{font-size:17px}.brand svg{width:30px}#menu{display:block;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px}nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:25px 5%;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:22px}.hero{padding-top:35px}.herotop{grid-template-columns:1fr;gap:25px}h1{letter-spacing:-2px}.herotop p{max-width:100%}.heroimage{height:360px}.imagecaption{left:14px;bottom:48px;font-size:9px}.concept{bottom:12px;left:14px;right:auto;font-size:9px}.strip{flex-wrap:wrap;gap:15px;font-size:10px}section{padding:58px 5%}.sectionhead{display:block}.sectionhead p{margin-top:22px}.services,.solutions,.contact,.process{grid-template-columns:1fr}.services{gap:40px}.drawing{height:150px}.solutions{gap:25px}.process{gap:25px}.contact{gap:30px}footer{align-items:start;flex-direction:column}.sample{min-height:260px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

:root{--ink:#0b172b;--muted:#657082;--paper:#fff;--line:#dfe5ed;--lime:#158be4}header{height:88px;background:#fff}.brand{gap:11px}.brand svg{height:54px;width:45px}.brand strong{font-size:22px;letter-spacing:1px;font-weight:800}.brand small{letter-spacing:5px;font-size:10px}.btn{background:#0876d1;border-color:#0876d1;border-radius:4px;font-weight:600;gap:15px}.btn:hover{background:#075aa0}.btn.light:hover{background:#e6f3ff}.navphone{font-weight:700}nav{gap:24px}.preview{background:#f2f6fa;font-size:10px}.hero{padding:0;background:#080e19;color:white;position:relative;overflow:hidden;min-height:640px;display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:90px 0 100px 10%;position:relative;z-index:2}.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:750;font-size:clamp(48px,5.2vw,80px);letter-spacing:-4px;line-height:1.02;margin:30px 0}.hero h1 em{font-style:normal;color:#53b4ff}.hero p{color:#b6c2d5;font-size:15px;line-height:1.8;max-width:410px;margin-bottom:28px}.hero .eyebrow{color:#a4c4e4}.hero .dot{background:#4daeff}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero .btn.light{color:white;border-color:#53627a}.hero .btn.light:hover{background:#20344d}.hero-visual{position:relative;min-height:640px}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:64% center}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080e19,transparent 40%),linear-gradient(0deg,#080e1966,transparent 50%)}.hero-tag{position:absolute;bottom:45px;right:35px;font-size:10px;letter-spacing:1px;z-index:2;color:white}.swoosh{position:absolute;bottom:-100px;left:-5%;width:115%;height:215px;border-top:22px solid #097bd7;border-radius:50%;transform:rotate(-9deg);z-index:2;pointer-events:none;box-shadow:0 -10px 0 #164578,0 -18px 0 #b7dbed40}.trust{display:flex;justify-content:space-between;gap:20px;padding:27px 5%;background:#f3f6fa;font-size:11px;text-transform:uppercase;letter-spacing:1px}.trust span:before{content:'+';color:#097bd7;font-weight:800;margin-right:12px}h2{font-family:Arial,Helvetica,sans-serif;font-weight:650;letter-spacing:-1.8px}.eyebrow{color:#1376bc}.catalogtools{display:flex;gap:25px;align-items:center;justify-content:space-between;margin:30px 0}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{padding:11px 18px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:25px;font-size:12px}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.search{width:240px;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:12px 15px;margin:0;font-size:12px}.search::placeholder{color:#657082}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product{border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:white}.product:hover{transform:translateY(-5px);box-shadow:0 12px 30px #122d4b12}.product[hidden]{display:none}.product-art{height:176px;background:linear-gradient(135deg,#f2f6fa,#e7eef6);display:flex;align-items:center;justify-content:center;position:relative}.product-art svg{height:137px;width:90%;fill:none;stroke:#245685;stroke-width:2.3;stroke-linejoin:round}.product-art .itemnum{position:absolute;top:15px;left:16px;font-size:9px;letter-spacing:1px;color:#637b94}.product-body{padding:22px 18px}.product-body small{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#1673b7}.product h3{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:12px 0;line-height:1.3;min-height:46px}.product p{font-size:12px;color:var(--muted);line-height:1.65;min-height:39px;margin-bottom:22px}.product .more{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);padding-top:15px}.catalog-note{color:var(--muted);font-size:10px;margin-top:22px}.solutions{background:#eef4fa}.tab{border-color:#c6d5e3}.tab[aria-pressed=true]{background:#10243f}.sample{background:white;border-color:#d2deea;border-radius:5px}.sample strong{font-weight:600}.process .step b{color:#0876d1}.contact{background:#0b1423;position:relative}.contact h2{font-family:Arial,Helvetica,sans-serif;font-weight:650;letter-spacing:-2px}.contact .eyebrow{color:#59b7fc}.contact p,.contact .note{color:#b9c8d9}.contact .note{border-color:#304660}.contact .btn{background:#1287e1;color:white}.contact .btn:hover{background:#0760a7}input,select,textarea{border-bottom-color:#4c627e}.contact .formhelp{color:#a4b7ce}.contact input::placeholder,.contact textarea::placeholder{color:#93a4b9}.contactlinks{display:flex;flex-direction:column;gap:13px;margin-top:25px}.contactlinks a{color:white;font-size:20px}.contactlinks a small{font-size:12px;color:#95b5d6}.actions .btn{padding:13px;font-size:12px}.actions button{border-radius:4px}.floating{position:fixed;bottom:24px;right:24px;z-index:6;background:#0876d1;color:white;padding:16px 21px;box-shadow:0 6px 25px #0003;border-radius:30px;font-size:12px;font-weight:600}.detailhero{padding:65px 5%;background:#0b1423;color:white}.breadcrumbs{color:#8ea4c2;font-size:11px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:45px}.detailgrid h1{font-family:Arial,sans-serif;font-size:clamp(42px,5vw,70px);font-weight:700;letter-spacing:-2.5px}.detailgrid p{color:#b9c8d9;line-height:1.9;font-size:15px;margin:25px 0}.detailgrid .product-art{height:320px;border:1px solid #304660;background:linear-gradient(135deg,#17283e,#0c1728);border-radius:5px}.detailgrid .product-art svg{height:240px;stroke:#89bde9}.detailslist{list-style:none;padding:0;margin:30px 0}.detailslist li{padding:18px 0;border-bottom:1px solid var(--line);font-size:15px}.detailslist li:before{content:'↗';color:#1484d5;margin-right:15px}.detailbody{max-width:900px}.detailbody p{line-height:1.9;color:var(--muted);font-size:14px}.detailfoot{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}footer{padding-bottom:95px}.count{font-size:11px;color:var(--muted);margin:0 0 20px}.empty{padding:40px 0;color:var(--muted)}
@media(max-width:1050px){nav{gap:16px}.navphone{display:none}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy{padding-top:65px}.hero h1{font-size:58px}.hero,.hero-visual{min-height:590px}}@media(max-width:760px){header{height:76px}.brand strong{font-size:19px}.brand svg{width:36px;height:44px}.brand small{font-size:8px}nav{top:76px}.hero{display:flex;flex-direction:column}.hero-copy{padding:48px 5% 20px}.hero h1{font-size:55px;letter-spacing:-2.8px;margin:24px 0}.hero p{font-size:14px}.hero-visual{min-height:310px;height:310px}.hero-visual:after{background:linear-gradient(180deg,#080e19,transparent 25%),linear-gradient(0deg,#080e1955,transparent)}.hero-tag{bottom:48px;right:5%;font-size:9px}.swoosh{height:150px;bottom:-95px;border-top-width:14px}.trust{flex-wrap:wrap;font-size:9px;gap:15px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-art{height:140px}.product-art svg{height:110px}.product h3{font-size:16px;min-height:42px}.product-body{padding:17px 13px}.product p{font-size:11px;min-height:54px}.catalogtools{flex-direction:column;align-items:stretch;gap:16px}.filter{font-size:11px;padding:10px 14px}.search{width:100%}.detailgrid{grid-template-columns:1fr;gap:35px}.detailgrid .product-art{height:240px}.detailgrid .product-art svg{height:200px}.floating{bottom:16px;right:16px;padding:14px 18px}.contactlinks a{font-size:18px}h2{font-size:36px}.hero .btn{font-size:12px;padding:15px 18px}.contact h2{font-size:43px}}

/* White and brushed-silver finish, with the existing blue brand accents. */
:root{--paper:#fcfcfd;--line:#d3d6dc;--muted:#616874}
body{background:#fcfcfd}header{background:linear-gradient(110deg,#fff 0%,#f4f4f6 47%,#e5e7eb 77%,#fff 100%);border-bottom:1px solid #c3c8ce;box-shadow:0 4px 22px #0b142308}
.hero{background:#090e16}.hero-visual:after{background:linear-gradient(90deg,#090e16,transparent 40%),linear-gradient(0deg,#090e1666,transparent 50%)}
.hero h1{font-size:clamp(45px,4.8vw,74px);line-height:1.06}.hero h1 em{color:#dee3e9;background:linear-gradient(110deg,#fafbfc 4%,#aeb8c5 25%,#f5f6f8 47%,#b2bdcb 68%,#e5eaf0 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy{padding-top:78px}.hero p{margin-top:22px}
.swoosh{border-top:17px solid #c1c8d1;box-shadow:0 -9px 0 #f4f7fa,0 -16px 0 #1685d3,0 -24px 0 #4c5c75;opacity:.95}.trust{background:linear-gradient(115deg,#fdfefe,#dfe3e8 50%,#fbfcfd);border-bottom:1px solid #d3d7dd;font-size:10px;letter-spacing:.6px}.trust span:before{color:#0d77bb}
section{padding-top:65px;padding-bottom:65px}.sectionhead{margin-bottom:28px}.sectionhead p{max-width:300px}.product-art{background:linear-gradient(120deg,#f9fafb 0%,#dadfe5 34%,#edf0f3 55%,#fcfcfd 73%,#dce1e7 100%)}.product-art svg{stroke:#344b64;filter:drop-shadow(0 2px 0 #ffffff)}.product{border:1px solid #cdd3da;box-shadow:0 2px 7px #151f2c06}.product:hover{border-color:#8ba3ba;box-shadow:0 14px 30px #182e4717}.product-body{background:linear-gradient(130deg,#fff,#f6f7f9)}.product-body p{display:none}.product h3{min-height:42px;margin-bottom:15px}.product .more{font-size:10px}.catalog-note{margin-bottom:0;font-size:10px}.filter{background:linear-gradient(110deg,#fff,#e5e8ec);border-color:#d0d6dc}.filter[aria-pressed=true]{background:#142236}.search{background:#fff}.catalogtools{margin-bottom:20px}.count{font-size:10px}
#proceso{background:linear-gradient(120deg,#f6f7f9,#e1e5ea 50%,#f8f9fa);border-top:1px solid #d3d8df;border-bottom:1px solid #cbd1da}.process{margin-top:30px;gap:45px}.step{border-color:#b8c2ce}.step h3{font-size:19px;font-weight:600;letter-spacing:-.5px}.step p{font-size:13px;max-width:260px}.process .step b{color:#176aab}#proceso .sectionhead p{font-size:13px}
.finish-disclosure{padding:0 5%;background:#fbfbfc;border-bottom:1px solid #d1d7dd}.finish-disclosure summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;list-style:none}.finish-disclosure summary::-webkit-details-marker{display:none}.finish-disclosure summary small{display:block;font-size:9px;letter-spacing:2px;color:#5b6e82;margin-bottom:10px}.finish-disclosure summary strong{font-size:23px;font-weight:500;letter-spacing:-.7px}.disclosure-icon{font-size:28px;font-weight:300;transition:transform .2s}.finish-disclosure[open] .disclosure-icon{transform:rotate(45deg)}.finish-disclosure .solutions{padding:25px 0 45px;background:none}.finish-disclosure .solutions h2{font-size:32px}.finish-disclosure .solutions .eyebrow{display:none}.sample{background:linear-gradient(120deg,#fff,#e7e9ed 48%,#fff);border-color:#c1c9d1}.contact{background:linear-gradient(125deg,#0c121e,#111f32);border-top:2px solid #b4bdc9}.contact h2{font-size:clamp(40px,4vw,60px)}.contact .note{font-size:11px;border-color:#4a5668}.contactlinks a{font-size:22px}.contact .btn{background:linear-gradient(105deg,#f3f6f8,#b5bfcb 50%,#e4e8ed);color:#142236;border:1px solid #e0e5eb;box-shadow:inset 0 1px 0 #fff}.contact .btn:hover{background:#fff}.contact input,.contact select,.contact textarea{padding-top:8px;padding-bottom:11px}.contact label{color:#d5dce5}.contact form{gap:17px}.contact .formhelp{font-size:10px!important}footer{background:linear-gradient(110deg,#fff,#e2e6eb 60%,#fafbfc)}
@media(max-width:760px){.hero-copy{padding-top:42px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-visual:after{background:linear-gradient(180deg,#090e16,transparent 30%),linear-gradient(0deg,#090e1666,transparent)}.trust{gap:12px;font-size:8px}.swoosh{border-top-width:11px}.product-art{height:125px}.product-art svg{height:100px}.product h3{font-size:15px;min-height:39px}.product-body{padding:16px 12px}.product .more{font-size:9px}.products{gap:11px}.sectionhead h2{font-size:34px}section{padding-top:48px;padding-bottom:48px}.sectionhead p{margin-top:15px}.catalogtools{margin-top:22px}.process{gap:22px}.step h3{font-size:19px}.process .step p{max-width:100%}.finish-disclosure summary strong{font-size:19px}.contact h2{font-size:42px}.finish-disclosure .solutions{padding:10px 0 30px}}

/* Portfolio-ready layout and richer silver/graphite section rhythm. */
#servicios{position:relative;background:linear-gradient(125deg,#f0f2f5 0%,#dce0e6 45%,#f4f5f7 78%,#dce1e7 100%);border-bottom:1px solid #b9c3cf}#servicios:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(110deg,transparent 0 140px,#ffffff25 141px 142px);opacity:.6}#servicios>*{position:relative}.sectionhead{gap:25px}.catalogtools{margin-top:22px}.product-body{background:linear-gradient(120deg,#f1f3f6,#e3e7ec 65%,#f5f6f8)}.product-art{background:linear-gradient(125deg,#f5f7f9,#ccd3dc 40%,#e3e8ee 60%,#f3f5f7)}.product{border-color:#bfc9d4;box-shadow:0 4px 12px #10233908}.product:hover .product-art svg{stroke:#1273ba}.product h3{margin-top:10px}.product .more{border-color:#bcc6d2}.filter{box-shadow:inset 0 1px 0 #fff8}.search{background:#f9fafc;border-color:#bac5d1}
.portfolio{background:#0c1421;color:#f3f6fa;position:relative;overflow:hidden}.portfolio:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 95% 0,#29527b35,transparent 60%),repeating-linear-gradient(120deg,transparent 0 160px,#ffffff03 160px 161px)}.portfolio>*{position:relative}.portfolio .eyebrow{color:#71b2df}.portfolio .sectionhead p{color:#aab9cd;font-size:12px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.work-card{overflow:hidden;border-radius:5px;border:1px solid #344257;background:#111e30}.work-visual{height:205px;position:relative;overflow:hidden;background:linear-gradient(130deg,#344054,#18273b 50%,#3b4c61)}.work-card:nth-child(2n) .work-visual{background:linear-gradient(125deg,#7b8794,#3b4b5e 42%,#5a6b7c)}.work-card:nth-child(3n) .work-visual{background:linear-gradient(135deg,#233d57,#132134 55%,#365777)}.work-visual svg{width:75%;height:150px;position:absolute;left:12.5%;top:30px;stroke:#b8c8dc;stroke-width:1.5;fill:none;opacity:.7;filter:drop-shadow(0 2px 1px #0003)}.work-num{position:absolute;left:20px;top:15px;color:#d9e5f1;font-size:10px;letter-spacing:2px}.pending-label{position:absolute;bottom:14px;left:20px;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#c4d2e1}.work-info{padding:20px}.work-info small{color:#7ab8e5;font-size:9px;letter-spacing:1.3px;text-transform:uppercase}.work-info h3{font-size:18px;font-weight:500;letter-spacing:-.6px;margin:13px 0 19px;line-height:1.3}.work-meta{font-size:11px;color:#a3b4ca;margin:-6px 0 16px;line-height:1.6}.similar{padding:0;border:0;border-top:1px solid #33475f;background:none;color:#e7eff7;font-size:11px;text-align:left;display:flex;justify-content:space-between;width:100%;padding-top:14px}.similar:hover{color:#7dc6ff}.work-visual img{width:100%;height:100%;object-fit:cover;display:block}.expand-photo{position:absolute;bottom:12px;right:12px;border:1px solid #ffffff70;color:white;background:#0b1529bb;padding:7px 10px;font-size:10px;border-radius:2px}.portfolio-end{display:flex;justify-content:space-between;gap:20px;padding-top:25px;font-size:11px;color:#9dafc5}.portfolio-end a{color:#e1e8f2}.workshop-panel{margin-top:30px;display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #97a8bb;border-radius:5px;overflow:hidden;background:linear-gradient(120deg,#d8dfe6,#f1f4f7)}.workshop-copy{padding:33px}.workshop-copy h3{font-size:37px;line-height:1.08;letter-spacing:-1.5px;margin:22px 0 17px;font-weight:600}.workshop-copy p{font-size:13px;line-height:1.7;color:#5d6a78;max-width:250px}.workshop-copy a{display:inline-block;margin-top:15px;font-size:12px;border-bottom:1px solid #8195aa;padding-bottom:7px}.workshop-media{background:linear-gradient(120deg,#152335,#293c53);min-height:270px;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-waiting{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;color:#d3dce7}.film-frame{display:block;height:155px;width:270px}.film-frame svg{width:100%;height:100%;fill:none;stroke:#c3cfdf;stroke-width:1.5}.video-waiting>span:not(.film-frame){font-size:10px;letter-spacing:2.5px;margin-top:5px}.video-waiting small{font-size:10px;color:#97acc7;margin-top:10px}.workshop-media video{width:100%;max-height:420px;display:block}#proceso{background:linear-gradient(130deg,#dfe4eb,#f2f4f7 50%,#cdd6e0)}.process{gap:25px}.step{padding:22px;background:linear-gradient(125deg,#ffffff90,#d4dce680);border:1px solid #b5c0ce;border-radius:4px}.step p{margin-bottom:0}.finish-disclosure{background:linear-gradient(120deg,#c9d1dc,#f1f4f7 48%,#c9d1dc);border-color:#9aaabd}.finish-disclosure summary{padding:27px 0}.detailbody{max-width:none;background:linear-gradient(120deg,#edf0f5,#d9e0e8 50%,#f5f6f9)}.detailslist{max-width:850px}.detailbody>p{max-width:750px}.detailbody .detailslist li{border-color:#bdc7d4}.project-dialog{border:1px solid #8a9bb0;background:#111c2c;color:#e7edf6;border-radius:5px;padding:25px;width:min(960px,94vw);max-height:90vh}.project-dialog::backdrop{background:#030810dd}.dialog-close{position:absolute;right:12px;top:8px;background:#15243a;color:white;border:1px solid #8292a8;border-radius:50%;width:32px;height:32px;font-size:23px;z-index:2}#dialogContent img{width:100%;max-height:72vh;object-fit:contain}.comparison{height:100%;position:relative}.comparison img{position:absolute;inset:0}.comparison .after{clip-path:inset(0 0 0 var(--split,50%))}.compare-label{position:absolute;top:15px;padding:6px 9px;background:#081321a8;color:white;font-size:9px;z-index:2}.compare-label.before{left:12px}.compare-label.after-label{right:12px}.compare-control{position:absolute;bottom:8px;left:5%;width:90%;margin:0;z-index:3;padding:6px 0;accent-color:#fff}.comparison:after{content:'';position:absolute;top:0;bottom:42px;left:var(--split,50%);width:1px;background:#fff9;pointer-events:none}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:14px;font-size:12px}}
@media(max-width:760px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-visual{height:150px}.work-visual svg{height:108px;top:25px}.work-info{padding:16px 12px}.work-info small{font-size:8px}.work-info h3{font-size:16px;min-height:42px}.similar{font-size:10px}.work-num{left:12px;top:12px;font-size:9px}.pending-label{font-size:7px;left:12px;letter-spacing:.5px}.portfolio-end{flex-direction:column;gap:13px}.workshop-panel{grid-template-columns:1fr;margin-top:25px}.workshop-copy{padding:25px}.workshop-copy h3{font-size:32px;margin-top:18px}.workshop-media{min-height:215px}.film-frame{height:130px;width:230px}.process{gap:12px;margin-top:20px}.step{padding:19px}.portfolio .sectionhead p{margin-top:18px}.compare-label{font-size:8px;top:9px;padding:4px}.project-dialog{padding:35px 12px 15px}}

.real-product img{height:100%;width:100%;object-fit:contain;display:block;background:linear-gradient(130deg,#d3d9e1,#aeb9c6)}.detailgrid .real-product{height:420px}.detailgrid .real-product img{background:#142034}.work-visual{height:290px;background:#202c3b!important}.work-visual img{object-fit:contain}.work-visual:has(img){background:linear-gradient(125deg,#26384d,#101d2c)!important}.category-photos{background:linear-gradient(130deg,#d5dce6,#edf1f6);border-top:1px solid #b3bfce}.category-photos h2{font-size:35px;margin:20px 0 30px}.category-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-photo-grid a{background:#1b293a;color:white;display:block;border-radius:4px;overflow:hidden}.category-photo-grid img{width:100%;height:340px;object-fit:contain;display:block}.category-photo-grid span{display:block;padding:14px 18px;font-size:11px}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.gallery-controls button{padding:10px 15px;background:#e0e7ef;color:#13243a;border:0;border-radius:3px}.gallery-controls span{font-size:12px}.work-info h3{min-height:46px}.product-art.real-product{height:210px}@media(max-width:760px){.work-visual{height:230px}.category-photo-grid{grid-template-columns:1fr 1fr;gap:12px}.category-photo-grid img{height:240px}.detailgrid .real-product{height:370px}.product-art.real-product{height:145px}.gallery-controls{gap:9px}.gallery-controls button{font-size:11px;padding:10px}.work-info h3{min-height:42px}.category-photo-grid span{font-size:10px}}

.work-card[hidden]{display:none}.more-work-wrap{text-align:center;margin-top:28px}.more-work-wrap .btn{color:#e9eff6;border-color:#53657d;background:#ffffff08}.more-work-wrap .btn:hover{background:#26384e}.photo-context{color:#516478;font-size:13px;line-height:1.7}

.installation-photo{position:relative;width:100%;height:340px;margin:0;overflow:hidden}.installation-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}.installation-photo figcaption{position:absolute;bottom:15px;left:15px;right:15px;padding:11px;background:#0e1c30d9;color:#e1e9f4;font-size:9px;letter-spacing:1px}@media(max-width:760px){.installation-photo{height:300px}.installation-photo figcaption{font-size:8px}}

header{background:linear-gradient(110deg,#020305,#111924 70%,#04070d);border-color:#44546b;color:#edf2f8}.brand-logo{width:78px;height:76px;object-fit:contain;display:block;border-radius:3px;flex-shrink:0}.brand strong{font-size:20px}.brand small{color:#adc2d9}.brand{gap:10px}header nav{color:#e5edf7}header #menu{border-color:#56667c;color:#e7f0fa;background:#152235}header nav.open{background:#0c1523;border-color:#435571}footer .brand{background:#05080c;padding:8px 18px 8px 8px;color:#edf3fa;border-radius:4px}footer .brand-logo{width:78px;height:78px}.product-body h3{overflow-wrap:anywhere}@media(max-width:760px){.brand-logo{width:62px;height:64px}.brand strong{font-size:17px}.brand small{letter-spacing:4px}.brand{gap:8px}header nav{color:#e8f0f9}.brand-logo{border-radius:2px}footer .brand-logo{width:70px;height:70px}}

.project-video-button{width:100%;border:1px solid #67829e;border-radius:3px;background:linear-gradient(120deg,#1c3d61,#17283e);color:#e4f1ff;padding:11px 12px;text-align:left;font-size:11px;margin:0 0 15px;cursor:pointer}.project-video-button:hover{background:#274b72}.project-video{width:100%;height:min(63vh,620px);display:block;background:#03070d;object-fit:contain;border-radius:3px}.video-dialog-title{font-size:17px;font-weight:500;padding-right:25px;margin-top:4px}.video-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.video-tab{border:1px solid #54708f;background:#192c43;color:#cfdbeb;padding:10px 13px;border-radius:3px;font-size:11px}.video-tab[aria-pressed=true]{background:#d7e4f3;color:#132b45;border-color:#d7e4f3}.category-videos{background:linear-gradient(130deg,#0c1524,#1a304a);color:#edf3fb;border-top:1px solid #47617c}.category-videos .eyebrow{color:#8ec2e9}.category-videos h2{font-size:35px;margin:20px 0 30px}.category-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-video-grid figure{margin:0;background:#0b1524;border:1px solid #3c5672;overflow:hidden;border-radius:4px}.category-video-grid video{width:100%;height:350px;display:block;object-fit:contain;background:#03080f}.category-video-grid figcaption{padding:17px;font-size:12px;color:#d2e1f2}@media(max-width:760px){.category-video-grid{grid-template-columns:1fr;gap:18px}.category-video-grid video{height:360px}.category-videos h2{font-size:30px}.video-tab{font-size:10px;padding:10px}.project-video{height:58vh}.project-video-button{font-size:10px}}