/* Taller Serkar — sitio estático para Cloudflare Pages */
:root {
  --bg:#09090b;
  --bg-soft:#101114;
  --bg-card:#16171a;
  --red:#df2029;
  --red-dark:#a7131b;
  --white:#f5f5f5;
  --muted:#a0a0a5;
  --metal:#b8b9bc;
  --stroke:#2b2c2f;
  --headline:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --body:'Manrope',Arial,Helvetica,sans-serif;
  --ease:cubic-bezier(.2,.75,.25,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--white);font:400 15px/1.65 var(--body);min-width:320px;-webkit-font-smoothing:antialiased}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #ff5960;outline-offset:4px}
::selection{color:#fff;background:#b51b25}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.icon{display:inline-block;width:21px;height:21px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.shell{width:min(1240px,calc(100% - 100px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.skip-link{position:absolute;z-index:300;left:10px;top:-90px;background:var(--red);padding:12px 18px;color:white}
.skip-link:focus{top:10px}
.top-accent{height:3px;background:linear-gradient(90deg,var(--red) 0 26%,#6c0c14 26% 54%,#242427 54% 100%)}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,8,10,.95);border-bottom:1px solid #26262b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:box-shadow .3s,border-color .3s}
.site-header.is-scrolled{box-shadow:0 15px 35px #0005;border-color:#3b2226}
.header-inner{height:86px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;min-width:230px}
.brand img{height:69px;width:78px;object-fit:contain}
.brand-text{display:grid;gap:0}
.brand-text strong,.footer-brand strong{font:800 23px/1 var(--headline);letter-spacing:.65px;white-space:nowrap}
.brand-text small,.footer-brand span{font:800 9px/1.7 var(--body);letter-spacing:1.6px;color:#a9a9ad;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,1.65vw,29px);margin:auto}
.nav-link{color:#c7c7c9;font-weight:700;font-size:12px;position:relative;white-space:nowrap;transition:color .2s}
.nav-link::after{content:"";position:absolute;bottom:-10px;height:2px;left:0;right:100%;background:var(--red);transition:right .25s}
.nav-link:hover,.nav-link.is-active{color:#fff}
.nav-link:hover::after,.nav-link.is-active::after{right:0}
.header-call{display:inline-flex;align-items:center;gap:9px;min-height:45px;padding:0 17px;background:#d41f28;border:1px solid #e6414a;color:#fff;font-weight:800;font-size:12px;white-space:nowrap;transition:background .2s,transform .2s}
.header-call .icon{width:16px;height:16px}
.header-call:hover{background:#fb303a;transform:translateY(-2px)}
.menu-toggle{display:none;width:46px;height:46px;align-items:center;justify-content:center;background:#19191b;border:1px solid #38383d;color:#fff;cursor:pointer}
.mobile-nav{position:absolute;top:100%;left:0;right:0;background:#0e0f11;border-top:1px solid #343439;border-bottom:1px solid #333;box-shadow:0 25px 42px #0009;visibility:hidden;opacity:0;transform:translateY(-9px);pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s}
.mobile-nav.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.mobile-nav-inner{display:flex;flex-direction:column;padding-block:12px 23px}
.mobile-nav-inner>a{font-weight:700;font-size:15px;border-bottom:1px solid #242529;padding:11px 2px}
.mobile-nav-inner>a:hover{color:#ff6269}
.mobile-nav-inner>.mobile-nav-phone{background:var(--red);border:0;margin-top:16px;text-align:center;display:flex;justify-content:center;gap:10px;align-items:center}
/* Shared */
.section{padding-block:112px}
.section-kicker{display:flex;align-items:center;gap:14px;font:800 12px/1.3 var(--body);letter-spacing:2.1px;color:#d8d8db;text-transform:uppercase}
.section-kicker>span:first-child{color:var(--red);font-size:13px}
.red-rule{width:28px;height:2px;display:inline-block;background:var(--red)}
h1,h2,h3,p{margin-top:0}
h2{font:800 clamp(46px,5vw,76px)/.94 var(--headline);text-transform:uppercase;letter-spacing:.1px;margin:18px 0 0}
h2 em{color:var(--red);font-style:normal}
.section-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:43px}
.section-heading>div{max-width:760px}
.section-heading p{max-width:310px;margin:0 0 3px;color:#a6a6a9;font-size:13px;line-height:1.95}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 24px;min-height:55px;letter-spacing:.2px;font-size:13px;font-weight:800;text-align:center;transition:background .2s,transform .25s,border-color .2s,box-shadow .25s}
.btn .icon{height:19px;width:19px;transition:transform .25s}
.btn:hover{transform:translateY(-3px)}
.btn:hover .icon:last-child{transform:translateX(3px)}
.btn-red{background:var(--red);color:white;border:1px solid #ec434a;box-shadow:0 14px 38px #ad101738}
.btn-red:hover{background:#f32630;box-shadow:0 16px 38px #c8142055}
.btn-outline{border:1px solid #69696c;color:white;background:#15151994}
.btn-outline:hover{border-color:white;background:#252529}
.btn-white-outline{border:1px solid #d2d2d4;color:white;background:#14141888}
.btn-white-outline:hover{border-color:var(--red);background:#e51c2b}
/* Hero */
.hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 45% 15%,#23101455 0%,transparent 43%),linear-gradient(120deg,#0b0b0d,#111215 52%,#0b0b0d);}
.hero::before{content:"";position:absolute;inset:0;opacity:.3;z-index:-1;background-image:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(0deg,#ffffff04 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,#0008,transparent 65%)}
.hero-glow{position:absolute;z-index:-1;right:-220px;top:-200px;width:800px;height:800px;background:radial-gradient(circle,#b90c1933 0%,transparent 70%);pointer-events:none}
.hero-technical{position:absolute;z-index:-1;right:12px;top:15px;color:#ffffff04;font:900 340px/1 var(--headline);pointer-events:none;white-space:nowrap}
.hero-technical span{color:#d81d270b}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:670px;gap:45px;align-items:center;padding:55px 0 40px}
.hero-copy{position:relative;z-index:5}
.eyebrow{font-weight:800;font-size:12px;letter-spacing:2.65px;color:#e3e3e4;display:flex;align-items:center;gap:11px;margin-bottom:27px}
.eyebrow-line{display:inline-block;width:29px;height:3px;background:var(--red)}
.hero h1{display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:-.8px;font-family:var(--headline);line-height:.78;font-weight:900;margin:0 0 36px}
.hero-title-top{font-size:clamp(90px,10.5vw,157px);font-weight:700;letter-spacing:-1.5px}
.hero-title-main{font-size:clamp(105px,13vw,194px);color:#fff;letter-spacing:-2.4px;position:relative;left:-3px}
.hero-dot{color:var(--red)}
.hero-description{font-size:15px;line-height:1.95;color:#bfc0c3;max-width:460px;margin:0 0 34px}
.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.hero-schedule{border-top:1px solid #3e3f43;max-width:450px;padding-top:25px;margin-top:41px;display:flex;align-items:center;gap:15px}
.schedule-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid #4b3437;background:#38151a5e;color:#ff444f}
.hero-schedule>span:last-child{display:grid;gap:3px}
.hero-schedule small{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#96979b}
.hero-schedule strong{font-size:15px;font-weight:800;color:#efeff0}
.hero-art{height:580px;max-width:545px;width:100%;position:relative;justify-self:end}
.hero-photo-frame{position:absolute;inset:15px 28px 32px 30px;transform:skewY(-1.5deg);overflow:hidden;background:#212126;border:1px solid #66666a;box-shadow:0 30px 80px #0009,15px 10px 0 #931721}
.hero-photo-frame::before{content:"";position:absolute;z-index:2;inset:0;border:11px solid #ffffff09;pointer-events:none}
.hero-photo-frame img{height:100%;width:100%;object-fit:cover;object-position:center 53%;filter:brightness(.85) contrast(1.08) saturate(.82);transform:scale(1.025)}
.hero-photo-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent 46%),linear-gradient(90deg,#0004,transparent 36%,#0002);pointer-events:none}
.hero-photo-small{position:absolute;z-index:3;left:-12px;bottom:6px;width:37%;height:215px;border:7px solid #111115;outline:1px solid #77777a;background:#18181a;box-shadow:5px 12px 35px #000c;transform:rotate(-5deg);overflow:hidden}
.hero-photo-small img{height:100%;width:100%;object-fit:cover;object-position:center 42%;filter:saturate(.8) brightness(.85)}
.hero-photo-caption{position:absolute;z-index:4;bottom:54px;right:53px;background:#0d0e10e6;border:1px solid #c02b36;color:#fff;padding:11px 17px;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.6px;font-weight:800}
.caption-square{width:7px;height:7px;background:var(--red)}
.hero-side-lettering{position:absolute;right:7px;top:45px;z-index:4;writing-mode:vertical-rl;font:800 11px var(--body);letter-spacing:3px;color:#eee;text-shadow:0 1px 12px #000}
.hero-corner-mark{position:absolute;right:0;bottom:18px;width:75px;height:75px;border-right:4px solid var(--red);border-bottom:4px solid var(--red)}
.hero-bottom{display:flex;align-items:center;gap:16px;padding-bottom:22px;color:#7e7f85;font-size:9px;letter-spacing:2px;font-weight:800}
.hero-bottom-line{width:60px;height:1px;background:#8e252b}
.hero-bottom>a{color:#d4d4d7;display:inline-flex;transform:rotate(90deg)}
.hero-bottom .icon{width:18px;height:18px}
/* Business ribbon */
.info-ribbon{background:#18191c;border-block:1px solid #333438;position:relative}
.info-ribbon::before{content:"";position:absolute;top:-1px;left:0;width:18%;height:2px;background:var(--red)}
.info-ribbon-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.info-ribbon-grid>div{display:flex;align-items:center;gap:15px;padding:24px 26px;border-right:1px solid #343439;min-width:0}
.info-ribbon-grid>div:first-child{padding-left:0}
.info-ribbon-grid>div:last-child{border-right:0}
.info-ribbon-icon{display:grid;place-items:center;color:var(--red);background:#30161a;width:50px;height:50px;flex-shrink:0}
.info-ribbon-grid>div>span:last-child{display:grid;gap:3px}
.info-ribbon-grid small{font-size:10px;letter-spacing:1.2px;color:#98999d;font-weight:800}
.info-ribbon-grid strong{font-size:13px;color:#f4f4f6;font-weight:800}
/* Services */
.services-section{background:radial-gradient(ellipse at 8% 30%,#2b0e162d,transparent 38%),#101114}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.service-card{min-height:236px;padding:27px 30px 28px;background:linear-gradient(142deg,#1c1d21,#141519);border:1px solid #37383b;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .28s var(--ease),border-color .28s,box-shadow .28s}
.service-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--red);transition:width .35s}
.service-card::after{content:"";position:absolute;width:125px;height:125px;border:1px solid #ffffff08;border-radius:50%;right:-50px;bottom:-60px;transition:transform .4s}
.service-card:hover{transform:translateY(-5px);border-color:#9b3c43;box-shadow:0 18px 40px #0005}
.service-card:hover::before{width:100%}
.service-card:hover::after{transform:scale(1.45)}
.service-card--primary{grid-column:span 2;background:linear-gradient(100deg,#2f171b,#151619 76%)}
.service-card-top{display:flex;justify-content:space-between;align-items:start}
.service-number{font:800 14px/1 var(--headline);letter-spacing:1px;color:#828388}
.service-icon{width:63px;height:63px;border:1px solid #5a3034;background:#40181d66;color:#ff3442;display:grid;place-items:center}
.service-icon .icon{width:33px;height:33px;stroke-width:1.55}
.service-card h3{position:relative;z-index:2;margin:auto 0 0;font:700 clamp(27px,2.55vw,38px)/1.02 var(--headline);max-width:340px;letter-spacing:.05px}
.service-card--primary h3{font-size:clamp(36px,4vw,57px);max-width:500px}
.service-bottom-line{height:2px;width:36px;margin-top:20px;background:var(--red);display:block}
/* Interlude */
.image-interlude{position:relative;height:440px;overflow:hidden;background:#19191a;isolation:isolate;display:flex;align-items:center}
.interlude-bg{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:brightness(.65) saturate(.75)}
.image-interlude-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#09090bf2 0%,#0b0b0de9 26%,#0d0c11a0 60%,#0c0c0e28 100%)}
.image-interlude::after{content:"";position:absolute;right:-60px;top:-100px;width:280px;height:650px;transform:rotate(18deg);border-left:11px solid #d61a23a3;pointer-events:none}
.interlude-content h2{font-size:clamp(65px,8.5vw,125px);margin:13px 0 28px;max-width:660px;line-height:.87}
.interlude-content h2 span{color:var(--red)}
/* Gallery */
.gallery-section{background:#0c0d0f;padding-bottom:120px}
.gallery-heading{margin-bottom:35px}
.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #303136;padding:25px 0}
.filter-tabs{display:flex;gap:9px;flex-wrap:wrap}
.filter-btn{cursor:pointer;border:1px solid #34353a;background:#17181b;color:#b1b1b7;font-weight:800;font-size:11px;letter-spacing:.15px;padding:12px 16px;transition:background .18s,color .18s,border-color .18s}
.filter-btn span{color:#bfc0c1;margin-left:3px}
.filter-btn:hover{border-color:#ba4c53;color:#fff}
.filter-btn.is-active{background:var(--red);color:#fff;border-color:#ed4049}
.filter-btn.is-active span{color:#fff}
.gallery-counter{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#9c9da1;white-space:nowrap}
.gallery-counter span{color:white}
.gallery-grid{columns:4 220px;column-gap:15px}
.gallery-item{position:relative;display:block;width:100%;margin:0 0 15px;break-inside:avoid;overflow:hidden;padding:0;background:#191a1d;border:1px solid #44464b;box-shadow:0 16px 32px #0005;text-align:left;cursor:zoom-in;isolation:isolate;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.gallery-item.is-hidden{display:none!important}
.gallery-item img{width:100%;height:auto;object-fit:contain;transition:transform .5s var(--ease),filter .35s;filter:contrast(1.045) saturate(.92)}
.gallery-shade{position:absolute;inset:0;background:linear-gradient(0deg,#030306d9 0%,#0006 14%,transparent 44%),linear-gradient(90deg,#0b0b0c35,transparent 12%,transparent 86%,#0b0b0c35);box-shadow:inset 0 0 28px #0707074b;pointer-events:none}
.gallery-item:hover{transform:translateY(-4px);border-color:#d44249;box-shadow:0 16px 45px #000b}
.gallery-item:hover img{transform:scale(1.045);filter:saturate(1.02)}
.gallery-item-index{position:absolute;left:14px;top:12px;background:#0b0c0de0;border:1px solid #ffffff36;color:#eeeeef;padding:4px 7px;font-size:9px;font-weight:800;letter-spacing:1.2px}
.gallery-item-label{position:absolute;left:15px;bottom:16px;font:700 20px/1 var(--headline);color:#f4f4f5;text-shadow:0 1px 6px #000}
.gallery-expand{position:absolute;bottom:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;background:var(--red);color:white;transform:translateY(46px);transition:transform .25s}
.gallery-item:hover .gallery-expand,.gallery-item:focus-visible .gallery-expand{transform:translateY(0)}
.gallery-expand .icon{width:17px;height:17px}
/* brands */
.marks-section{background:#17181b;border-top:1px solid #303136;border-bottom:1px solid #303136;position:relative;overflow:hidden}
.marks-section::before{content:"";position:absolute;left:0;bottom:0;width:25%;height:3px;background:var(--red)}
.marks-layout{display:grid;grid-template-columns:.9fr 1.1fr;min-height:350px;gap:65px;align-items:center;padding-block:66px}
.marks-illustration{color:#55575c;opacity:.85;position:relative;align-self:center}
.marks-illustration::before{content:"";position:absolute;inset:20% 16%;background:#9c17212e;filter:blur(70px)}
.marks-illustration svg{max-width:430px;width:100%;height:auto;position:relative}
.marks-copy h2{font-size:clamp(62px,6.5vw,100px);max-width:610px;margin-bottom:21px}
.marks-copy p{font-size:16px;color:#b5b5b9;margin:0}
/* Contact */
.contact-section{background:radial-gradient(circle at 85% 40%,#a4182018,transparent 43%),#0d0d10}
.contact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}
.contact-copy h2{max-width:640px;font-size:clamp(64px,7.5vw,111px);margin-bottom:22px}
.contact-copy>p{color:#a8a8ac;margin:0 0 42px}
.contact-details{display:grid;gap:0;max-width:500px;border-top:1px solid #323338}
.contact-detail{display:flex;gap:19px;align-items:center;padding-block:21px;border-bottom:1px solid #323338}
.contact-detail-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid #61262d;background:#2c1318;color:#fb3641;flex-shrink:0}
.contact-detail-icon .icon{width:26px;height:26px}
.contact-detail>div{display:grid;gap:2px}
.contact-detail small{color:#98999c;letter-spacing:1.3px;font-size:10px;font-weight:800}
.contact-detail strong,.contact-detail a{font-weight:800;font-size:20px;line-height:1.35}
.contact-detail a:hover{color:#ff5058}
.contact-card{border:1px solid #76232b;background:linear-gradient(152deg,#301418 0%,#1a1317 38%,#121317 100%);position:relative;overflow:hidden;min-height:470px;box-shadow:0 35px 65px #0006}
.contact-card::before{content:"";position:absolute;right:-145px;top:20px;width:380px;height:380px;border:30px solid #fa4b530b;border-radius:50%;pointer-events:none}
.contact-card::after{content:"";position:absolute;right:0;top:0;width:130px;height:6px;background:var(--red)}
.contact-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 33px;border-bottom:1px solid #ffffff20}
.contact-card-top img{width:90px;height:77px;object-fit:contain}
.contact-card-top>span{font-size:9px;color:#c9a7aa;font-weight:800;letter-spacing:1.4px;text-align:right}
.contact-card-body{padding:34px 35px 32px;display:grid;gap:14px;justify-items:start}
.contact-card-body>small{color:#bdb4b5;letter-spacing:2.5px;font-weight:800;font-size:11px}
.contact-big-phone{font:800 clamp(40px,4.3vw,70px)/1 var(--headline);letter-spacing:.5px;white-space:nowrap}
.contact-big-phone:hover{color:#f74451}
.contact-card-button{margin-top:18px;width:100%;justify-content:space-between}
.contact-card-end{padding:17px 35px;border-top:1px solid #ffffff1a;color:#afafb3;font:800 12px var(--headline);letter-spacing:1.4px;display:flex;justify-content:space-between}
.contact-card-end span{color:var(--red);font-size:19px;letter-spacing:3px}
/* footer */
.site-footer{background:#070708;border-top:1px solid #372025}
.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:29px}
.footer-brand{display:flex;gap:14px;align-items:center}
.footer-brand img{width:75px;height:66px;object-fit:contain}
.footer-brand>div{display:grid;gap:3px}
.footer-nav{display:flex;flex-wrap:wrap;gap:21px;align-items:center}
.footer-nav a{font-weight:700;font-size:11px;color:#b5b5b7}
.footer-nav a:hover{color:#ff505b}
.footer-lower{padding:17px 0 23px;border-top:1px solid #26272a;display:flex;align-items:center;justify-content:space-between;color:#8d8d92;font-size:10px;font-weight:800;letter-spacing:1.25px}
.footer-lower a{color:#e6e6e6;display:flex;gap:8px;align-items:center}
.footer-lower .icon{width:15px;height:15px;color:var(--red)}
/* Lightbox: hidden must override flex display for production */
.lightbox[hidden]{display:none!important}
.lightbox{position:fixed;z-index:500;inset:0;display:flex;align-items:center;justify-content:center;padding:66px 82px 48px;color:white}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(2,2,3,.96);backdrop-filter:blur(15px)}
.lightbox-figure{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:100%;max-width:min(100%,1100px);margin:0;min-width:0}
.lightbox-figure img{max-width:100%;max-height:calc(100dvh - 153px);object-fit:contain;border:1px solid #5a5b60;box-shadow:0 20px 70px #000b}
.lightbox-figure figcaption{padding:14px 2px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;align-self:stretch;color:#bfc0c4;letter-spacing:.3px;font-size:12px}
#lightboxCounter{color:white;font-weight:800;white-space:nowrap}
.lightbox-close,.lightbox-arrow{position:absolute;z-index:2;cursor:pointer;display:grid;place-items:center;background:#191a1ee6;border:1px solid #56565a;color:#fff;transition:background .2s}
.lightbox-close:hover,.lightbox-arrow:hover{background:var(--red);border-color:var(--red)}
.lightbox-close{top:20px;right:25px;width:43px;height:43px}
.lightbox-arrow{top:50%;transform:translateY(-50%);width:49px;height:56px}
.lightbox-prev{left:22px}
.lightbox-next{right:22px}
/* reveal */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.js [data-reveal].is-visible{opacity:1;transform:translateY(0)}
/* Responsive */
@media(max-width:1199px){
 .shell{width:min(1160px,calc(100% - 64px))}
 .header-inner{gap:18px}
 .brand{min-width:208px;gap:7px}
 .brand img{width:68px;height:65px}
 .brand-text strong{font-size:21px}
 .desktop-nav{gap:14px}
 .nav-link{font-size:11px}
 .header-call{padding-inline:13px}
 .hero-layout{gap:28px}
 .hero-title-main{font-size:clamp(98px,12.5vw,153px)}
 .hero-title-top{font-size:clamp(83px,10vw,126px)}
 .hero-art{height:545px}
}
@media(max-width:1000px){
 .desktop-nav,.header-call{display:none}
 .header-inner{height:76px}
 .brand img{height:62px}
 .menu-toggle{display:inline-flex;margin-left:auto}
 .hero-layout{min-height:620px}
 .hero-art{height:500px}
 .hero-photo-small{height:160px}
 .hero-photo-caption{font-size:9px;right:22px}
 .section{padding-block:95px}
 .contact-grid{gap:35px}
 .contact-card{min-height:auto}
 .contact-big-phone{font-size:clamp(37px,5.4vw,60px)}
 .gallery-grid{columns:3 205px}
}
@media(max-width:760px){
 html{scroll-padding-top:75px}
 .shell{width:calc(100% - 40px)}
 .hero-layout{grid-template-columns:1fr;padding:62px 0 45px;gap:43px}
 .hero-copy{max-width:660px}
 .hero-title-top{font-size:clamp(94px,17vw,136px)}
 .hero-title-main{font-size:clamp(119px,21.5vw,171px)}
 .hero-description{max-width:590px}
 .hero-art{width:min(100%,565px);height:510px;justify-self:center}
 .hero-photo-frame{inset:12px 18px 26px 26px}
 .hero-side-lettering{right:0}
 .hero-bottom{display:none}
 .info-ribbon-grid{grid-template-columns:1fr}
 .info-ribbon-grid>div{padding:15px 0;border-right:0;border-bottom:1px solid #323337}
 .info-ribbon-grid>div:last-child{border-bottom:0}
 .section-heading{display:block;margin-bottom:28px}
 .section-heading p{margin-top:17px;max-width:570px}
 .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-card{min-height:215px;padding:25px}
 .service-card--primary{grid-column:span 2}
 .service-card h3{font-size:clamp(28px,5vw,39px)}
 .service-card--primary h3{font-size:clamp(37px,6vw,54px)}
 .gallery-controls{display:block}
 .gallery-counter{margin-top:17px}
 .gallery-grid{columns:2 180px;column-gap:13px}
 .gallery-item{margin-bottom:13px}
 .marks-layout{grid-template-columns:1fr;gap:0;padding-block:65px}
 .marks-illustration{max-width:390px;margin:auto;order:2;margin-top:24px}
 .marks-copy{order:1}
 .marks-copy h2{max-width:550px}
 .contact-grid{grid-template-columns:1fr;gap:37px}
 .contact-copy h2{max-width:620px}
 .contact-card{max-width:560px;width:100%}
 .footer-main{align-items:flex-start;flex-direction:column}
 .footer-nav{gap:18px}
 .lightbox{padding:75px 65px 35px}
 .lightbox-arrow{width:42px;height:50px}
 .lightbox-prev{left:10px}.lightbox-next{right:10px}
}
@media(max-width:480px){
 .shell{width:calc(100% - 32px)}
 .header-inner{height:70px}
 .brand{min-width:0}
 .brand img{width:61px;height:58px}
 .brand-text strong{font-size:19px}
 .brand-text small{font-size:8px;letter-spacing:1.13px}
 .menu-toggle{width:42px;height:42px}
 .hero-layout{padding:47px 0 50px;gap:37px}
 .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:26px}
 .hero h1{margin-bottom:29px}
 .hero-title-top{font-size:clamp(79px,20vw,111px)}
 .hero-title-main{font-size:clamp(101px,26vw,145px)}
 .hero-description{font-size:13px;line-height:1.9;margin-bottom:26px}
 .hero-actions{gap:10px}
 .hero-actions .btn{min-height:51px;padding:13px 16px;font-size:11px;gap:8px}
 .hero-actions .btn .icon{width:17px;height:17px}
 .hero-schedule{margin-top:29px;padding-top:20px}
 .hero-schedule strong{font-size:13px}
 .hero-art{height:390px;max-width:390px}
 .hero-photo-frame{inset:6px 14px 23px 15px;box-shadow:0 20px 55px #0009,7px 7px 0 #931721}
 .hero-photo-small{left:0;bottom:2px;height:147px;width:39%;border-width:5px}
 .hero-photo-caption{right:15px;bottom:29px;padding:7px 9px;font-size:8px;letter-spacing:.7px}
 .hero-side-lettering{font-size:8px;right:0;top:23px;letter-spacing:2px}
 .hero-corner-mark{width:40px;height:40px;bottom:8px}
 .section{padding-block:77px}
 .section-kicker{font-size:10px;gap:10px;letter-spacing:1.5px}
 h2{font-size:clamp(45px,12.2vw,68px)}
 .section-heading p{font-size:12px}
 .services-grid{grid-template-columns:1fr;gap:12px}
 .service-card--primary{grid-column:span 1}
 .service-card{min-height:185px;padding:22px}
 .service-card h3{font-size:34px;max-width:270px}
 .service-card--primary h3{font-size:42px}
 .service-icon{width:52px;height:52px}
 .service-icon .icon{width:28px;height:28px}
 .image-interlude{height:370px}
 .interlude-content h2{font-size:clamp(69px,17vw,95px);margin-bottom:24px}
 .interlude-content .btn{padding:12px 17px;min-height:50px}
 .filter-tabs{gap:8px}
 .filter-btn{padding:10px 11px;font-size:10px}
 .gallery-grid{columns:2 145px;column-gap:10px}
 .gallery-item{margin-bottom:10px}
 .gallery-item-index{top:8px;left:8px;font-size:8px;padding:3px 5px}
 .gallery-item-label{left:8px;bottom:11px;font-size:17px;line-height:.95;max-width:80%}
 .gallery-expand{display:none}
 .marks-layout{padding-block:56px}
 .marks-copy h2{font-size:clamp(56px,14vw,79px)}
 .marks-copy p{font-size:14px}
 .contact-copy h2{font-size:clamp(58px,15vw,86px)}
 .contact-copy>p{margin-bottom:25px}
 .contact-detail{gap:12px}
 .contact-detail-icon{width:50px;height:50px}
 .contact-detail strong,.contact-detail a{font-size:17px}
 .contact-card-top{padding:22px 20px}
 .contact-card-top img{width:78px;height:70px}
 .contact-card-top>span{font-size:8px;letter-spacing:1px}
 .contact-card-body{padding:29px 20px}
 .contact-big-phone{font-size:clamp(41px,11vw,58px)}
 .contact-card-end{padding-inline:20px}
 .footer-nav{column-gap:16px;row-gap:10px}
 .footer-brand strong{font-size:23px}
 .footer-lower{gap:10px}
 .lightbox{padding:70px 9px 100px}
 .lightbox-figure img{max-height:calc(100dvh - 195px)}
 .lightbox-figure figcaption{padding:13px 10px 0;font-size:11px}
 .lightbox-close{right:12px;top:14px;width:43px;height:43px}
 .lightbox-arrow{top:auto;bottom:22px;transform:none;width:56px;height:45px}
 .lightbox-prev{left:calc(50% - 65px)}
 .lightbox-next{right:calc(50% - 65px)}
}
@media(max-width:370px){
 .hero-title-top{font-size:72px}
 .hero-title-main{font-size:95px}
 .hero-actions .btn{font-size:10px;padding-inline:12px}
 .gallery-grid{columns:2 132px}
 .contact-big-phone{font-size:39px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .js [data-reveal]{opacity:1;transform:none}
}