/* Imagínate: dark studio, generous photography and restrained brand accents. */
:root{--line:#34373f;--muted:#b9bcc5}
body{background:#15171c}
.draft{font-size:12px;letter-spacing:.06em;padding:6px 5%;text-align:left;background:#0e1014}
header{position:sticky;top:0;z-index:20;background:rgba(21,23,28,.97);padding:18px 5%;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
header:after{height:2px;opacity:.85}.brand img{width:245px}nav{gap:30px}nav a{transition:color .2s}.nav-contact{border-radius:3px;border-color:#565b68;color:#fff;padding:10px 20px}
.hero{grid-template-columns:1fr 1.05fr;gap:5%;padding:58px 5% 64px;min-height:0;max-width:1680px;margin:auto;align-items:center}
.hero-copy{background:none;padding:20px 0;position:relative}.hero-copy:before{content:'';display:block;width:56px;height:4px;margin-bottom:32px;background:linear-gradient(90deg,var(--cyan) 25%,var(--magenta) 25% 50%,var(--orange) 50% 75%,#ed313a 75%)}
.hero .eyebrow{font-size:12px;letter-spacing:.14em;color:#b9bcc5;margin-bottom:25px}
h1{font-size:clamp(70px,7.8vw,122px);line-height:.94;letter-spacing:0}h1 em{color:var(--cyan)}h2{font-size:clamp(52px,5.5vw,84px);line-height:1}
.intro{font-size:16px;max-width:440px;line-height:1.8;margin:28px 0 30px}
.button{padding:15px 24px;border-radius:3px;background:#e93299;color:white;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.light{border-color:#4a4f5b;color:#e7e8ec;background:#20232a}
.hero-capabilities{display:flex;gap:22px;margin-top:34px;flex-wrap:wrap;font-size:13px;color:#999eaa}.hero-capabilities span{border-top:1px solid #424650;padding-top:10px;min-width:88px}
.hero-showcase{min-width:0}.showcase-heading{display:flex;justify-content:space-between;margin-bottom:14px;color:#b9bcc5;font-size:12px;letter-spacing:.12em;gap:15px}.showcase-heading span:last-child{color:var(--cyan)}
.real-hero{min-height:0;border:1px solid #383d49;border-radius:6px;overflow:hidden;background:#252830;box-shadow:0 30px 70px #0005}
.real-hero>img{width:100%;max-height:none;height:auto;aspect-ratio:4/3;object-fit:contain;background:#282d36}
.hero-caption{padding:18px 22px 20px;border-bottom:0;background:#20232a}.hero-caption span{font-size:11px;letter-spacing:.12em;color:#b9bcc5}.hero-caption b{font-size:29px;margin:5px 0 8px}.hero-caption a{font-size:13px;color:var(--cyan)}
.showcase-thumbnails{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.showcase-thumbnails a{position:relative;border-radius:4px;overflow:hidden;background:#252830;display:block;border:1px solid #383d49}.showcase-thumbnails img{display:block;width:100%;height:110px;object-fit:cover;transition:transform .4s}.showcase-thumbnails span{position:absolute;bottom:0;left:0;right:0;padding:22px 12px 9px;background:linear-gradient(transparent,#000c);font-size:13px;font-weight:600}.showcase-thumbnails a:hover img{transform:scale(1.04)}
.entry-options{margin:0 5%;border-color:#363b47}.entry-options>a{padding:30px 34px 30px 0}.entry-options>a+a{padding-left:34px}.entry-options h3{font-size:27px}.entry-options p{max-width:450px;font-size:14px}.entry-options span{font-size:11px;letter-spacing:.13em}
.ticker{margin-top:45px;padding:24px 5%;font-size:clamp(22px,2.8vw,42px);color:#a8adba;letter-spacing:.04em;gap:12px;background:#101216}
.section{padding:96px 5%}.section-head{max-width:850px;margin-bottom:38px}.section-head>p:last-child:not(.eyebrow){max-width:570px;font-size:16px}.eyebrow{font-size:12px;letter-spacing:.14em} .work{background:#1d2027}
.work-grid{gap:32px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{background:#242830;border:1px solid #343945;border-radius:5px;padding-bottom:24px;overflow:hidden;transition:border-color .25s,transform .25s}.project-card:hover{border-color:#697281;transform:translateY(-3px)}.project-photo{aspect-ratio:4/3}.project-photo img{object-fit:contain;background:#11151b}.project-photo:hover img{transform:scale(1.02)}
.project-card>.tag,.project-card>h3,.project-card>.project-meta,.project-card>.project-details{margin-left:24px;margin-right:24px}.project-card h3{font-size:24px;letter-spacing:-.04em}.project-card .tag{font-size:11px;color:var(--cyan);margin-top:22px}.project-meta{font-size:14px;line-height:1.7}.project-details{margin-top:20px}.filters{gap:8px}.filters button{border-radius:3px;padding:10px 17px;font-size:13px}.filters button.active{background:var(--cyan);color:#10141b}
.services{border:0;gap:16px}.services article,.services article:last-child{margin:0;padding:28px 22px;border:1px solid #363b47;border-radius:5px;background:#1d2027;transition:background .2s,border-color .2s}.services article:hover{background:#242830;border-color:var(--cyan)}.services article:nth-child(2)>span{color:var(--magenta)}.services article:nth-child(3)>span{color:var(--orange)}.services article:nth-child(4)>span{color:#ff6570}.services h3{font-size:24px}.services p{font-size:14px;line-height:1.8}.services a{display:inline-block;margin-top:12px;color:white}.services article>span{font-family:'Bebas Kai',Arial,sans-serif;font-size:34px;font-weight:400}
.process{background:#11141a}.process-grid{gap:36px}.process-grid article{padding-top:24px}.process-grid h3{font-size:26px}.process-grid p{line-height:1.8}
#tienda{background:#191c22}.products article{border:1px solid #343945;padding:16px;border-radius:5px;background:#20242c}.product-image,.supplied-product{border-radius:3px;overflow:hidden}.products h3{font-size:23px}.pending{font-size:13px}.photo-slot{background:#292d35;color:#bec3cf;border:1px dashed #5d6472}.photo-slot>b{font-size:20px}.slot-number{font-size:12px}
.faq{background:#14171d;gap:8%}.faq-list summary{line-height:1.6}.contact{background:#222630;border-top:3px solid var(--magenta);gap:8%;position:relative}.contact h2{color:#fff}.contact .eyebrow{color:var(--magenta)}form select,form textarea{border-radius:4px;background:#161a21;border-color:#555e6e}.contact-details{margin-top:32px}footer{background:#101318;padding:36px 5%;border-color:#343945}footer .brand img{width:225px}
@media(min-width:1600px){.entry-options,.section,.ticker,footer,header{padding-left:max(5%,calc((100vw - 1512px)/2));padding-right:max(5%,calc((100vw - 1512px)/2))}}
@media(max-width:1000px){.hero{gap:4%;padding-top:40px}.brand img{width:215px}nav{gap:18px}.services{grid-template-columns:repeat(2,1fr)}h1{font-size:clamp(70px,9vw,100px)}.intro{font-size:15px}.button{padding:13px 18px}.showcase-thumbnails img{height:90px}}
@media(max-width:760px){header{position:relative;padding:16px 6%;gap:18px;flex-direction:column;align-items:flex-start}.brand img{width:240px}nav{width:100%;gap:12px;justify-content:space-between;font-size:13px}.nav-contact{padding:7px 12px}.hero{grid-template-columns:1fr;padding:28px 6% 40px;gap:30px}.hero-copy{padding:0}.hero-copy:before{margin-bottom:22px}.hero .eyebrow{margin-bottom:22px;font-size:11px}h1{font-size:clamp(72px,16vw,108px)}.intro{max-width:520px;font-size:16px;margin:24px 0}.hero-capabilities{margin-top:24px}.real-hero>img{aspect-ratio:4/3}.showcase-thumbnails img{height:125px}.entry-options{margin:0 6%;grid-template-columns:1fr}.entry-options>a,.entry-options>a+a{padding:25px 0;border-left:0}.entry-options>a+a{border-top:1px solid #363b47}.ticker{justify-content:center;font-size:25px;gap:14px;padding:20px 6%;margin-top:32px}.section{padding:64px 6%}.work-grid{grid-template-columns:1fr;gap:24px}.section-head{margin-bottom:28px}h2{font-size:60px}.services{grid-template-columns:1fr;gap:12px}.services article{padding:24px}.process-grid,.faq,.contact{grid-template-columns:1fr;gap:28px}.products{grid-template-columns:1fr 1fr;gap:12px}.products h3{font-size:20px}.product-image,.supplied-product{height:210px;min-height:210px}.products article{padding:12px}.filters{margin-bottom:25px}.filters button{font-size:13px;padding:9px 13px}footer{padding:32px 6%;gap:16px}}
@media(max-width:420px){.products{grid-template-columns:1fr}.showcase-heading{font-size:10px}.showcase-thumbnails img{height:100px}}
@media(prefers-reduced-motion:no-preference){.reveal-ready .section-head,.reveal-ready .services article,.reveal-ready .process-grid article{transition:opacity .55s ease,transform .55s ease}.reveal-ready .awaiting-reveal{opacity:0;transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.logo-intro{display:none}}