:root{--bg:#090909;--surface:#151515;--surface-hover:#1e1e1e;--primary:#ff7a00;--primary-hover:#ff912d;--text:#fff;--muted:#bfbfbf;--border:#2b2b2b;--radius:18px;--container:min(1440px,calc(100% - 48px));--section:120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--primary);padding:12px 16px;border-radius:10px}.skip-link:focus{top:16px}.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}.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:84px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:44px;border-bottom:1px solid transparent;transition:.35s ease}.site-header.scrolled,.site-header.solid{height:72px;background:rgba(9,9,9,.84);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.07)}.brand{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.brand span{font-size:28px;color:var(--primary);letter-spacing:-.08em}.main-nav{display:flex;align-items:center;gap:36px;margin-left:auto}.main-nav a{font-size:14px;color:#ddd;position:relative}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--primary)}.menu-toggle{display:none;background:none;border:1px solid var(--border);color:#fff;border-radius:10px;padding:8px 12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 24px;border:1px solid var(--primary);border-radius:14px;background:var(--primary);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:.25s ease}.button:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,122,0,.16)}.button-secondary,.button-outline{background:transparent;border-color:var(--border)}.button-secondary:hover,.button-outline:hover{background:var(--surface-hover);border-color:#444;box-shadow:none}.button-small{min-height:42px;padding:0 18px;font-size:12px}.hero{width:var(--container);min-height:760px;height:100vh;max-height:980px;margin:auto;position:relative;display:grid;grid-template-columns:47% 53%;align-items:center;padding-top:84px;border-inline:1px solid rgba(255,255,255,.06);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,transparent 0,rgba(9,9,9,.08) 45%,#090909 88%);pointer-events:none}.hero-copy{z-index:2;padding:40px 0 120px 72px}.eyebrow{text-transform:uppercase;color:var(--primary);font-size:12px;font-weight:600;letter-spacing:.09em;margin:0 0 20px}.hero h1,.catalog-header h1,.product-info h1{font-size:clamp(44px,4.2vw,70px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:0}.hero h1 em{color:var(--primary);font-style:normal}.hero-lead{max-width:520px;color:var(--muted);font-size:18px;margin:28px 0 36px}.button-row{display:flex;gap:14px}.hero-visual{height:100%;margin:0;position:relative}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:42% center;filter:saturate(.75) contrast(1.08)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090909 0,transparent 35%),linear-gradient(0deg,#090909 0,transparent 25%)}.hero-features{position:absolute;z-index:3;left:36px;right:36px;bottom:32px;padding:24px 12px;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,rgba(9,9,9,.85),rgba(9,9,9,.65))}.hero-features div{padding:0 24px;border-right:1px solid var(--border)}.hero-features div:last-child{border:0}.hero-features b,.hero-features span{display:block}.hero-features b{font-size:12px;text-transform:uppercase;margin-bottom:4px}.hero-features span{font-size:12px;color:var(--muted)}.scroll-cue{position:absolute;z-index:4;bottom:4px;left:50%;font-size:18px}.section{width:var(--container);margin:auto;padding:var(--section) 36px;border-inline:1px solid rgba(255,255,255,.06)}.section-heading{max-width:760px;margin-bottom:64px}.section-heading h2,.about-copy h2,.contact-section h2,.product-details h2{font-size:clamp(36px,4vw,58px);line-height:1.13;letter-spacing:-.04em;margin:0 0 24px}.section-heading>p:last-child,.about-copy>p,.contact-section>div>p:last-child{color:var(--muted);font-size:18px;max-width:650px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{min-height:270px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:.3s ease}.service-card:hover{transform:translateY(-4px);background:var(--surface-hover);box-shadow:0 20px 70px rgba(255,255,255,.035)}.service-card>span{color:var(--primary);font-size:12px}.service-card h3{font-size:21px;margin:80px 0 10px}.service-card p{margin:0;color:var(--muted);font-size:14px}.about-section{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center;background:linear-gradient(120deg,#0c0c0c,#111)}.about-visual{border-radius:var(--radius);overflow:hidden;aspect-ratio:16/10}.about-visual img{width:100%;height:100%;object-fit:cover}.location{padding-top:28px;border-top:1px solid var(--border);font-size:13px!important;text-transform:uppercase;letter-spacing:.08em}.split{max-width:none;display:flex;justify-content:space-between;align-items:end}.text-link{font-size:14px;color:var(--muted);padding-bottom:16px}.text-link:hover{color:var(--primary)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(255,122,0,.06)}.product-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#101010}.product-image img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.product-card:hover .product-image img{transform:scale(1.025)}.product-card-copy{padding:20px;display:flex;align-items:end;justify-content:space-between}.product-card-copy p{color:var(--primary);font-size:11px;margin:0 0 4px}.product-card-copy h3{font-size:17px;margin:0}.round-link{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;transition:.25s}.round-link:hover{border-color:var(--primary);color:var(--primary)}.process-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:28px 0;border-top:1px solid var(--border)}.process-list li>span{color:var(--primary);font-size:12px}.process-list h3{margin:0 0 5px;font-size:21px}.process-list p{margin:0;color:var(--muted);font-size:14px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-bottom:80px;background:linear-gradient(135deg,#111,#17120e);border:1px solid var(--border);border-radius:24px}.contact-form{display:grid;gap:18px}.contact-form label{display:grid;gap:7px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.contact-form input,.contact-form textarea,.search-field input,.sort-field select{width:100%;color:#fff;background:#0d0d0d;border:1px solid var(--border);border-radius:12px;padding:14px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.search-field input:focus,.sort-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,122,0,.12)}.form-note{font-size:12px;color:var(--muted);margin:0}.form-note a{color:#fff}.site-footer{width:var(--container);margin:auto;padding:48px 36px;display:grid;grid-template-columns:1.4fr .7fr 1fr 1fr;gap:40px;border:1px solid var(--border);border-bottom:0;background:#101010;color:var(--muted);font-size:12px}.site-footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.site-footer b{color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.site-footer .brand{color:#fff}.copyright{justify-content:end}.inner-main{width:var(--container);margin:auto;padding:150px 36px 100px;border-inline:1px solid rgba(255,255,255,.06);min-height:80vh}.catalog-header{max-width:700px;margin-bottom:50px}.breadcrumb{color:#777;font-size:12px;margin-bottom:45px}.breadcrumb a:hover{color:#fff}.catalog-header>p:last-child{color:var(--muted);font-size:17px}.catalog-tools{display:grid;grid-template-columns:minmax(230px,1fr) 2fr 180px;gap:20px;align-items:center;margin-bottom:26px}.filter-list{display:flex;gap:8px;flex-wrap:wrap}.filter-button{padding:9px 14px;border:1px solid var(--border);background:var(--surface);color:#ddd;border-radius:999px;font-size:12px;cursor:pointer}.filter-button.active,.filter-button:hover{background:var(--primary);border-color:var(--primary);color:#fff}.sort-field select{padding:11px 14px}.results-count{font-size:12px;color:#777;margin:0 0 16px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.empty-state{text-align:center;padding:100px 20px}.empty-state h2{font-size:32px}.product-page>.breadcrumb{margin-bottom:26px}.product-hero{display:grid;grid-template-columns:1.35fr .8fr;gap:46px}.product-gallery{display:grid;grid-template-columns:84px 1fr;gap:18px}.thumbnails{display:flex;flex-direction:column;gap:12px}.thumb{border:1px solid var(--border);border-radius:12px;padding:0;background:var(--surface);overflow:hidden;cursor:pointer;aspect-ratio:1}.thumb.active{border-color:var(--primary)}.thumb img{width:100%;height:100%;object-fit:cover}.product-main-image{margin:0;border-radius:var(--radius);overflow:hidden;background:var(--surface);height:min(66vw,670px)}.product-main-image img{width:100%;height:100%;object-fit:cover}.product-info{padding:16px 0}.product-description{color:var(--muted);font-size:16px}.spec-list{margin:34px 0}.spec-list div{display:grid;grid-template-columns:1fr 1.5fr;padding:11px 0;border-top:1px solid var(--border);font-size:12px}.spec-list dt{color:#888}.spec-list dd{margin:0}.product-cta,.product-back{width:100%;margin-top:10px}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:110px}.detail-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-cards article{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.detail-cards h3{font-size:15px;margin:0 0 10px}.detail-cards p{font-size:13px;color:var(--muted);margin:0}.loading{color:var(--muted)}
@media(max-width:1000px){:root{--section:88px}.site-header{padding-inline:24px}.main-nav{gap:20px}.header-cta{display:none}.hero{grid-template-columns:1fr;min-height:850px;height:100vh}.hero-copy{padding:120px 44px 240px;align-self:end}.hero-visual{position:absolute;inset:0;z-index:-1}.hero-visual:after{background:linear-gradient(90deg,#090909 5%,rgba(9,9,9,.4) 70%),linear-gradient(0deg,#090909 0,transparent 50%)}.service-grid{grid-template-columns:1fr 1fr}.about-section,.process-section,.contact-section,.product-details{grid-template-columns:1fr}.product-grid,.catalog-grid{grid-template-columns:1fr 1fr}.catalog-tools{grid-template-columns:1fr 1fr}.filter-list{grid-column:1/-1;grid-row:2}.product-hero{grid-template-columns:1fr}.product-main-image{height:auto;aspect-ratio:4/3}}
@media(max-width:700px){:root{--container:calc(100% - 24px);--section:68px}.site-header{height:68px;padding-inline:20px}.site-header.scrolled,.site-header.solid{height:64px}.menu-toggle{display:block;margin-left:auto}.main-nav{position:absolute;top:64px;left:12px;right:12px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:rgba(15,15,15,.97);border:1px solid var(--border);border-radius:14px}.main-nav.open{display:flex}.main-nav a{padding:13px}.main-nav a.active:after{display:none}.hero{min-height:760px;max-height:880px}.hero-copy{padding:150px 24px 235px;align-self:end}.hero h1{font-size:42px}.hero-lead{font-size:15px}.button-row{align-items:stretch;flex-direction:column}.hero-visual img{object-position:35% center}.hero-features{left:14px;right:14px;bottom:22px;grid-template-columns:1fr 1fr;padding:8px}.hero-features div{padding:10px;border:0}.hero-features div:nth-child(even){border-left:1px solid var(--border)}.scroll-cue{display:none}.section{padding:var(--section) 20px}.section-heading{margin-bottom:42px}.section-heading h2,.about-copy h2,.contact-section h2,.product-details h2{font-size:36px}.service-grid,.product-grid,.catalog-grid{grid-template-columns:1fr}.service-card{min-height:220px}.service-card h3{margin-top:50px}.about-section{gap:38px}.split{display:block}.text-link{display:inline-block}.process-section{gap:20px}.contact-section{gap:42px;margin-bottom:30px;border-radius:18px}.site-footer{padding:40px 20px;grid-template-columns:1fr 1fr}.copyright{justify-content:start}.inner-main{padding:110px 20px 70px}.catalog-tools{grid-template-columns:1fr}.filter-list{grid-column:auto;grid-row:auto}.product-gallery{display:block}.thumbnails{flex-direction:row;margin-bottom:12px}.thumb{width:70px}.product-info h1,.catalog-header h1{font-size:44px}.product-details{padding-top:70px;gap:25px}.detail-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Product image framing */
.product-image{position:relative;isolation:isolate}
.product-image-backdrop{position:absolute;z-index:-1;inset:-14px;background-position:var(--image-position,center);background-size:cover;filter:blur(18px) brightness(.38) saturate(.8);transform:scale(1.08)}
.product-image img{position:relative;object-position:var(--image-position,center)}
.product-image.is-contain img{object-fit:contain;padding:10px}
.product-image.is-cover img{object-fit:cover}
.product-image.is-cover .product-image-backdrop{display:none}
.product-card:hover .product-image.is-contain img{transform:scale(1.012)}
.product-main-image{position:relative;isolation:isolate}
.product-detail-backdrop{position:absolute;z-index:-1;inset:-18px;background-image:var(--detail-backdrop);background-size:cover;background-position:var(--image-position,center);filter:blur(24px) brightness(.34) saturate(.75);transform:scale(1.08)}
.product-main-image img{position:relative;object-position:var(--image-position,center)}
.product-main-image.is-contain img{object-fit:contain;padding:18px}
.product-main-image.is-cover img{object-fit:cover}
.product-main-image.is-cover .product-detail-backdrop{display:none}

/* Official brand asset */
.brand-image{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.brand-image img{display:block;width:auto;height:58px;max-width:none;object-fit:contain}
.site-header.scrolled .brand-image img,.site-header.solid .brand-image img{height:52px}
.footer-brand img{height:104px}
@media(max-width:700px){.site-header .brand-image img,.site-header.scrolled .brand-image img,.site-header.solid .brand-image img{height:48px}.footer-brand img{height:88px}}

/* Home hero — single desktop implementation */
@media(min-width:1001px){
  .hero{display:block;isolation:isolate}
  .hero:after{display:none}
  .hero-copy{position:relative;z-index:2;width:min(59%,900px);padding:clamp(150px,17vh,190px) 0 170px 72px}
  .hero h1{width:800px;max-width:100%;font-size:clamp(60px,3.75vw,72px);line-height:1.05}
  .hero-lead{margin:32px 0 40px}
  .hero-visual{position:absolute;z-index:0;top:84px;right:0;bottom:0;left:40%;width:auto;height:auto;margin:0;overflow:hidden}
  .hero-visual img{width:100%;max-width:none;height:100%;object-fit:cover;object-position:0% center;filter:saturate(.75) contrast(1.08);transform:translateX(10%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.2) 20%,rgba(0,0,0,.34) 30%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.66) 50%,rgba(0,0,0,.82) 60%,#000 70%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.2) 20%,rgba(0,0,0,.34) 30%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.66) 50%,rgba(0,0,0,.82) 60%,#000 70%)}
  .hero-visual:after{background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.88) 12%,rgba(9,9,9,.72) 24%,rgba(9,9,9,.56) 36%,rgba(9,9,9,.4) 48%,rgba(9,9,9,.24) 60%,rgba(9,9,9,.1) 70%,transparent 78%),linear-gradient(0deg,#090909 0%,rgba(9,9,9,.34) 11%,transparent 23%)}
}

/* UI/UX refinement — Hero desktop intentionally excluded */
::selection{background:rgba(255,122,0,.28);color:#fff}
:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
.section:not(.contact-section){position:relative}
.section:not(.contact-section):before{content:"";position:absolute;top:0;left:36px;right:36px;height:1px;background:linear-gradient(90deg,transparent,var(--border) 12%,var(--border) 88%,transparent)}
.section-heading{position:relative}
.section-heading .eyebrow{display:inline-flex;align-items:center;gap:10px}
.section-heading .eyebrow:before,.about-copy .eyebrow:before,.product-info .eyebrow:before,.contact-section .eyebrow:before{content:"";width:22px;height:1px;background:var(--primary)}
.section-heading h2,.about-copy h2,.contact-section h2,.product-details h2{text-wrap:balance}
.section-heading>p:last-child,.about-copy>p,.contact-section>div>p:last-child{line-height:1.75}

.service-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{position:relative;isolation:isolate;overflow:hidden;padding:30px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.service-card:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 15% 0%,rgba(255,122,0,.08),transparent 38%);opacity:0;transition:opacity .5s ease}
.service-card:after{content:"";position:absolute;top:0;left:30px;width:34px;height:2px;background:var(--primary);transform:scaleX(.35);transform-origin:left;transition:transform .5s ease}
.service-card:hover:before{opacity:1}
.service-card:hover:after{transform:scaleX(1)}
.service-card>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:#111}
.service-card h3{letter-spacing:-.02em}

.about-section{position:relative;overflow:hidden}
.about-section:after{content:"";position:absolute;right:-160px;top:-160px;width:420px;height:420px;border-radius:50%;background:rgba(255,122,0,.035);filter:blur(80px);pointer-events:none}
.about-visual{position:relative;border:1px solid var(--border);box-shadow:0 30px 80px rgba(255,255,255,.025)}
.about-visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px rgba(0,0,0,.3);pointer-events:none}
.about-copy{position:relative;z-index:1}
.about-copy .eyebrow,.product-info .eyebrow,.contact-section .eyebrow{display:flex;align-items:center;gap:10px}
.location{display:flex;align-items:center;gap:10px}
.location:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(255,122,0,.1)}

.catalog-preview{background:linear-gradient(180deg,transparent,rgba(255,255,255,.012),transparent)}
.text-link{display:inline-flex;align-items:center;gap:8px;transition:color .25s ease,transform .25s ease}
.text-link:hover{transform:translateX(3px)}
.product-card{box-shadow:inset 0 1px rgba(255,255,255,.025)}
.product-card-copy{min-height:86px;padding:21px 22px}
.product-card-copy h3{letter-spacing:-.015em}
.product-card:hover .round-link{border-color:var(--primary);color:var(--primary);transform:rotate(5deg)}
.product-image:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.24));pointer-events:none}

.process-section{background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.012) 48%)}
.process-list{position:relative}
.process-list:before{content:"";position:absolute;left:34px;top:28px;bottom:28px;width:1px;background:linear-gradient(var(--primary),var(--border) 22%,var(--border) 78%,transparent)}
.process-list li{position:relative;grid-template-columns:70px 1fr;padding:30px 0}
.process-list li>span{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;margin-left:17px;border:1px solid var(--border);border-radius:50%;background:var(--bg);transition:border-color .3s ease,background .3s ease}
.process-list li:hover>span{border-color:var(--primary);background:rgba(255,122,0,.08)}
.process-list h3{letter-spacing:-.02em}

.contact-section{position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.035),0 35px 100px rgba(255,255,255,.018)}
.contact-section:before{content:"";position:absolute;left:-100px;bottom:-180px;width:420px;height:420px;border-radius:50%;background:rgba(255,122,0,.055);filter:blur(100px);pointer-events:none}
.contact-section>div,.contact-form{position:relative;z-index:1}
.contact-form input,.contact-form textarea{transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}
.contact-form input:hover,.contact-form textarea:hover{background:#111;border-color:#3a3a3a}
.contact-form textarea{resize:vertical;min-height:130px}

.site-footer{position:relative;background:linear-gradient(180deg,#121212,#0e0e0e);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.site-footer a:not(.brand){transition:color .2s ease}
.site-footer a:not(.brand):hover{color:var(--primary)}
.site-footer>div:not(:first-child){padding-top:8px}

.catalog-header{position:relative}
.catalog-header:after{content:"";position:absolute;left:0;bottom:-25px;width:60px;height:2px;background:var(--primary)}
.catalog-tools{position:sticky;z-index:20;top:86px;padding:14px;border:1px solid var(--border);border-radius:16px;background:rgba(15,15,15,.88);backdrop-filter:blur(16px);box-shadow:0 16px 50px rgba(0,0,0,.18)}
.search-field input,.sort-field select{min-height:46px;background:#111}
.filter-button{min-height:38px;padding-inline:16px;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.filter-button:hover{transform:translateY(-1px)}
.results-count{padding-left:2px;letter-spacing:.04em;text-transform:uppercase}

.product-gallery{position:relative}
.product-main-image{border:1px solid var(--border);box-shadow:0 30px 90px rgba(255,255,255,.025)}
.thumb{transition:border-color .25s ease,transform .25s ease,opacity .25s ease;opacity:.68}
.thumb:hover,.thumb.active{opacity:1;transform:translateY(-1px)}
.product-info{position:sticky;top:105px;align-self:start}
.spec-list{border-bottom:1px solid var(--border)}
.spec-list div{transition:background .2s ease}
.spec-list div:hover{background:rgba(255,255,255,.018)}
.spec-list dt,.spec-list dd{padding-inline:8px}
.detail-cards article{position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:transform .3s ease,border-color .3s ease}
.detail-cards article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--primary);opacity:.65}
.detail-cards article:hover{transform:translateY(-3px);border-color:#3b3b3b}

@media(max-width:1000px){
  .section:not(.contact-section):before{left:24px;right:24px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .process-section{background:none}
  .catalog-tools{top:78px}
  .product-info{position:static}
}
@media(max-width:700px){
  .section:not(.contact-section):before{left:20px;right:20px}
  .service-grid{grid-template-columns:1fr}
  .service-card{padding:26px}
  .about-section:after{display:none}
  .catalog-tools{position:relative;top:auto;padding:12px}
  .process-list:before{left:27px}
  .process-list li>span{margin-left:10px}
  .site-footer>div:not(:first-child){padding-top:0}
}

/* Smartphone hero layout */
@media(max-width:700px){
  .hero{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    isolation:isolate;
    height:auto;
    min-height:100svh;
    max-height:none;
    padding-top:68px;
  }
  .hero-copy{
    align-self:auto;
    width:100%;
    padding:104px 24px 42px;
  }
  .hero-visual{
    z-index:0;
    overflow:hidden;
    pointer-events:none;
  }
  .hero-visual img{
    position:absolute;
    top:76px;
    left:15vw;
    width:155vw;
    max-width:none;
    height:auto;
    object-fit:contain;
    object-position:left top;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);
  }
  .hero-visual:after{
    background:
      linear-gradient(90deg,#090909 0%,rgba(9,9,9,.96) 18%,rgba(9,9,9,.78) 36%,rgba(9,9,9,.38) 58%,transparent 78%),
      linear-gradient(0deg,#090909 0%,#090909 27%,rgba(9,9,9,.82) 43%,transparent 64%);
  }
  .hero-features{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:auto;
    margin:0 14px 22px;
  }
}