@charset "UTF-8";:root{--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--container-width-sm: 540px;--container-width-md: 720px;--container-width-lg: 960px;--container-width-xl: 1140px;--container-width-xxl: 1320px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{min-height:100vh;overflow-x:hidden}img,picture,svg,video{display:block;max-width:100%}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(../fonts/ibm-plex-mono-v15-latin-regular.woff2) format("woff2"),url(../fonts/ibm-plex-mono-v15-latin-regular.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:local(""),url(../fonts/ibm-plex-mono-v15-latin-500.woff2) format("woff2"),url(../fonts/ibm-plex-mono-v15-latin-500.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(../fonts/ibm-plex-sans-v14-latin-regular.woff2) format("woff2"),url(../fonts/ibm-plex-sans-v14-latin-regular.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:local(""),url(../fonts/ibm-plex-sans-v14-latin-500.woff2) format("woff2"),url(../fonts/ibm-plex-sans-v14-latin-500.woff) format("woff")}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(../fonts/red-hat-text-v18-latin-regular.woff2) format("woff2")}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:900;font-display:swap;src:local(""),url(../fonts/red-hat-text-v18-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Tanker;font-style:normal;font-weight:400;src:url(../fonts/tanker-regular.woff2) format("woff2")}@font-face{font-family:Tanker Impact Fallback;src:local(Impact);size-adjust:100%;ascent-override:113%;descent-override:normal;line-gap-override:normal}:root{--atd-sans-font: "IBM Plex Sans", sans-serif;--atd-mono-font: "IBM Plex Mono", sans-serif;--atd-logo-font: "Red Hat Text", sans-serif;--atd-condensed-font: "Tanker", "Tanker Impact Fallback", sans-serif}body{font-family:var(--atd-sans-font);font-weight:400;color:var(--atd-bright-white)}:root{--atd-bright-white: #ffffff;--atd-body-bg: #fcf5ef;--atd-body-bg-30: hsla(29, 58%, 96%, .3);--atd-body-bg-40: hsla(29, 58%, 96%, .4);--atd-body-bg-50: hsla(29, 58%, 96%, .5);--atd-body-bg-60: hsla(29, 58%, 96%, .6);--atd-body-bg-70: hsla(29, 58%, 96%, .7);--atd-body-bg-80: hsla(29, 58%, 96%, .8);--atd-body-bg-90: hsla(29, 58%, 96%, .9);--atd-body-bg-dark: #0d0000;--atd-navbar-bg: rgba(13, 0, 0, .9);--atd-hero-gradient-start: rgba(13, 0, 0, 0);--atd-primary: hsl(2, 100%, 55%);--atd-primary-muted: hsl(10, 20%, 30%);--atd-primary-dark: hsl(2, 100%, 15%);--atd-primary-action: rgba(77,3,0,.7);--atd-off-white: hsl(5, 6%, 79%);--atd-mid-gray: #707070;--atd-gray: #3e3131;--pms-294: hsl(212, 100%, 21%);--pms-294-light: hsl(212, 100%, 40%);--pms-295: hsl(212, 100%, 14%);--pms-295-dark: hsl(212, 100%, 4%);--pms-446: hsl(180, 5%, 26%);--pms-447: hsl(90, 5%, 22%);--pms-417: hsl(67, 6%, 38%);--pms-418: hsl(78, 6%, 31%);--pms-418-light: hsl(78, 6%, 60%);--pms-419: hsl(150, 3%, 13%);--pms-419-dark: hsl(150, 3%, 5%);--pms-179: hsl(4, 76%, 53%);--pms-180: hsl(3, 57%, 48%);--pms-185: hsl(346, 100%, 45%);--pms-485: hsl(4, 77%, 48%);--noise-svg: url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cmask id='gradientMask'%3E%3ClinearGradient id='maskGrad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:white;stop-opacity:1' /%3E%3Cstop offset='90%25' style='stop-color:white;stop-opacity:0.1' /%3E%3Cstop offset='100%25' style='stop-color:white;stop-opacity:0.1' /%3E%3C/linearGradient%3E%3Crect width='100%25' height='100%25' fill='url(%23maskGrad)'/%3E%3C/mask%3E%3C/defs%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' mask='url(%23gradientMask)'/%3E%3C/svg%3E");--noise-svg-md: url("data:image/svg+xml,%3Csvg viewBox='0 0 500 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cmask id='gradientMask'%3E%3ClinearGradient id='maskGrad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:white;stop-opacity:1' /%3E%3Cstop offset='90%25' style='stop-color:white;stop-opacity:0.1' /%3E%3Cstop offset='100%25' style='stop-color:white;stop-opacity:0.1' /%3E%3C/linearGradient%3E%3Crect width='100%25' height='100%25' fill='url(%23maskGrad)'/%3E%3C/mask%3E%3C/defs%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' mask='url(%23gradientMask)'/%3E%3C/svg%3E");--noise-svg-lg: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--atd-header-color: var(--pms-418-light);--atd-features-subhead-color: var(--atd-header-color)}body{background-color:var(--atd-body-bg)}header{position:fixed;top:0;right:0;left:0;display:flex;justify-content:center;align-items:center;z-index:199;transition:all .3s ease;height:6rem;padding-inline:1rem;border-block:.5rem solid transparent}header:after{content:"";position:absolute;inset:0;background-clip:border-box;backdrop-filter:blur(6px);z-index:-1;transform:skew(-10deg);background:linear-gradient(var(--atd-body-bg),var(--atd-body-bg-80))}@supports (backdrop-filter: blur(6px)){header:after{backdrop-filter:blur(6px);background:linear-gradient(var(--atd-body-bg-80),var(--atd-body-bg-30))}}@supports (animation-timeline: view()){header:after{--_animationStartsAfter: 5vh;--_animationDistance: 100px;animation:stickyNav linear forwards;animation-timeline:view();animation-range-start:calc(100vh + var(--_animationStartsAfter));animation-range-end:calc(100vh + var(--_animationStartsAfter) + var(--_animationDistance))}}header a{text-decoration:none}header:has(div:nth-child(1):last-child) .site-logo{flex-grow:0}.site-logo{flex-grow:1;display:flex;align-items:center}.site-logo svg{width:100px;margin-right:1rem;transition:all .3s ease;color:var(--atd-primary)}.site-logo .logo-text{font-family:var(--atd-logo-font);letter-spacing:.5rem;text-transform:uppercase;color:var(--atd-primary-muted);font-size:1rem}@media screen and (width < 30rem){header{height:4rem;margin-inline:.5rem;animation:none;padding-inline:.5rem}header:after{box-shadow:0 0 .75rem #0000004d}header .site-logo svg{width:70px;margin-right:.5rem}header .site-logo .logo-text{letter-spacing:2px;font-size:.8rem}}@media screen and (30rem < width <= 60rem){header{height:4.5rem}header .site-logo svg{width:70px}}@keyframes stickyNav{to{box-shadow:0 0 .75rem #0000004d}}header nav{width:100%;position:fixed;background-color:var(--atd-primary-dark);overflow:hidden;bottom:0;top:0;left:0;max-height:0;transition:max-height .3s ease-out}header nav ul{display:flex;list-style:none;gap:0;flex-direction:column;padding:4rem 2rem}header nav ul li:nth-child(1) a{display:flex;align-items:center}header nav ul li:nth-child(1) a:after{content:"Home";color:var(--atd-primary);font-size:1.2rem;font-family:var(--atd-sans-font);letter-spacing:.2ch;text-transform:uppercase;text-decoration:none;margin-left:.6rem}header nav a{color:var(--atd-primary);font-size:1.2rem;font-family:var(--atd-sans-font);letter-spacing:.2ch;text-transform:uppercase;text-decoration:none;padding:2rem;display:block}header nav a[href="#services"]{display:none}header input{display:none}header label{cursor:pointer;float:right;padding:1rem;z-index:199}header label span{background:var(--atd-bright-white);display:block;height:2px;position:relative;width:24px}header label span:before,header label span:after{background:var(--atd-bright-white);content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}header label span:before{top:.5rem}header label span:after{top:-.5rem}header input:checked~nav{max-height:100%}header input:checked~label span{background:transparent}header input:checked~label span:before{transform:rotate(-45deg);top:0}header input:checked~label span:after{transform:rotate(45deg);top:0}@media (width <= 60rem){header nav ul{align-items:center;padding:20vh 0}header label span{background:var(--pms-419)}header label span:before,header label span:after{background:var(--pms-419)}header input:checked~label span:before,header input:checked~label span:after{background:var(--atd-bright-white)}}@media (width > 60rem){header label{display:none}header nav{position:relative;width:auto;background-color:unset;max-height:inherit;transition:all .3s ease;bottom:auto;top:auto;left:auto}header nav ul{flex-direction:row;padding:0;gap:2rem;justify-content:space-between}header nav ul li a{font-size:.8rem}header nav ul li a[href="#services"]{display:block}header nav ul li:nth-child(1) a:after{content:""}header nav.hide-nav{opacity:0}header nav a{color:var(--atd-primary-muted);padding:inherit}header nav a:hover{color:var(--atd-primary)}}header,main{max-width:100%;overflow-x:visible}main{position:relative}main:has(.hero div:first-child:last-child):has(div picture){--main-grid-template-areas: "hero hero" "about services" "features features" "action action";display:grid;grid-template-columns:1fr 1.5fr;grid-template-areas:var(--main-grid-template-areas);gap:2px}main:has(.hero div:first-child:last-child):has(div picture):has(.suppliers){--main-grid-template-areas: "hero hero" "suppliers suppliers" "about services" "features features" "action action"}@media screen and (width < 60rem){main:has(.hero div:first-child:last-child):has(div picture){--main-grid-template-areas: "hero" "about" "services" "features" "action";grid-template-columns:1fr;gap:2px}main:has(.hero div:first-child:last-child):has(div picture):has(.suppliers){--main-grid-template-areas: "hero" "suppliers" "about" "services" "features" "action"}}@media screen and (width < 30rem){main:has(.hero div:first-child:last-child):has(div picture):has(.suppliers){--main-grid-template-areas: "hero" "about" "suppliers" "services" "features" "action"}}@media (min-width: 576px){header,main,footer{max-width:var(--container-width-sm);margin-inline:1rem}}@media (min-width: 768px){header,main,footer{max-width:var(--container-width-md);margin-inline:auto}}@media (min-width: 992px){header,main,footer{max-width:var(--container-width-lg)}}@media (min-width: 1200px){header,main,footer{max-width:var(--container-width-xl)}}@media (min-width: 1400px){header,main,footer{max-width:var(--container-width-xxl)}}footer{display:grid;align-items:center;grid-template-columns:1fr 4fr;grid-template-areas:"logo nav" "bottom bottom";flex-direction:column;color:var(--atd-primary-dark);padding-block:3rem 0}footer svg{width:200px}footer nav{grid-area:nav}footer nav ul{list-style:none;display:flex;justify-content:end;align-items:center}footer nav ul li a{padding:1rem;color:var(--atd-primary);text-decoration:none;text-transform:uppercase}footer nav ul li a:hover{color:var(--atd-primary-dark)}footer nav ul li:nth-last-child(-n+3) a{display:block}footer nav ul li:nth-last-child(-n+3) a span{display:none}footer nav ul li:nth-last-child(-n+3) a svg{max-width:1.5rem;height:1.5rem}footer p{text-align:center;font-size:.8rem;opacity:.6;grid-area:bottom}footer div:first-of-type{grid-area:logo;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:max-content}footer div:first-of-type p{text-align:center;font-size:1rem}footer div:last-of-type{display:flex;flex-direction:column;width:100%;overflow:hidden;grid-area:bottom;mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.2))}footer div:last-of-type svg{width:90%;margin-top:-4rem;transform:translateY(3rem)}@media screen and (width < 30rem){footer{grid-template-columns:1fr;grid-template-areas:"logo" "nav" "bottom";min-height:90vh;justify-items:center}footer nav{width:100%;padding-inline:2rem}footer nav ul{flex-wrap:wrap;gap:1rem;align-items:start;justify-content:start}footer nav ul li:nth-child(-n+6){flex:1 1 100%}footer div:last-of-type{align-self:end}footer div:last-of-type svg{width:100%;margin-top:0;transform:translateY(.5rem) scale(1.1)}}@media screen and (width <= 60rem){main:has(.contact):has(h2)+footer nav ul{flex-direction:row}main:has(.contact):has(h2)+footer nav ul li{flex:1 1 auto}main:has(.contact):has(h2)+footer nav ul li a{display:flex;align-items:center;justify-content:center}}@media screen and (30rem < width <= 60rem){footer{grid-template-columns:1fr 1fr;grid-template-areas:"logo nav" "bottom bottom";gap:2rem}footer div{justify-self:center}footer div:last-of-type svg{transform:translateY(2rem)}footer nav ul{flex-wrap:wrap;gap:1rem;align-items:start;justify-content:start}footer nav ul li:nth-child(-n+6){flex:1 1 100%}}:root{--hero-aspect-ratio: 2.39 / 1;--hero-grid-item-rotate: 0deg;--hero-grid-item-bg: url(../img/heros/atd-signs-hero.jpg);--hero-grid-item-bg-position: bottom left;--hero-header-rotate: 10deg;--hero-header-font-size: 4.5rem;--hero-header-justify: center;--hero-header-inline-shift: 0 5rem;--hero-header-accent: var(--atd-primary);--hero-link-rotate: 0deg;--hero-link-bg: var(--atd-primary);--hero-img-translate-x: 0%;--hero-img-translate-y: 0%;--hero-img-scale: 1;--hero-img-rotate: 0deg}main:has(.contact) .hero{--hero-primary-bg: #232a1b;--hero-gradient-bg-end: hsla(76, 14%, 20%, .3)}main:has(.contact) .hero>div:nth-child(1){--hero-grid-item-bg: url(../img/heros/atd-contact-hero.jpg);--hero-aspect-ratio: 1 / 1;--hero-grid-item-bg-position: top center}main:has(.contact):has(h2) .hero{background-image:radial-gradient(ellipse at top,var(--atd-body-bg) 60%,rgba(0,0,0,.1) 87%,rgba(3,1,1,.3) 100%),var(--noise-svg-lg);grid-template-columns:1fr 1fr;margin-block:0 2px}main:has(.contact):has(h2) .hero>div{padding-inline:0}main:has(.contact):has(h2) .hero>div:nth-child(1){--hero-grid-item-bg: none;display:flex;flex-direction:column;align-items:end;justify-content:center;gap:2rem;margin-inline:0;clip-path:none}main:has(.contact):has(h2) .hero>div:nth-child(1) h1{--hero-header-inline-shift: 0;color:#000;background:none;width:auto;text-wrap:balance;line-height:1;text-align:right;backdrop-filter:none}main:has(.contact):has(h2) .hero>div:nth-child(1) p{display:flex;color:var(--atd-gray);font-family:var(--atd-sans-font);text-transform:uppercase;font-style:italic;letter-spacing:1px;font-weight:700;font-size:1.25rem;justify-content:end;align-items:center}main:has(.contact):has(h2) .hero>div:nth-child(1) p a{transform:skew(-10deg);font-style:normal;margin-block:0;margin-inline:.5ch 2rem}main:has(.contact):has(h2) .hero>div:before{content:none}main:has(.contact):has(h2) .hero:has(div:hover)>div:not(:hover){opacity:1;filter:none}main:has(.gallery) .hero>div:nth-child(1){--hero-grid-item-bg: url(../img/heros/atd-gallery-hero.jpg);--hero-grid-item-bg-position: top center}.hero{aspect-ratio:var(--hero-aspect-ratio);display:grid;grid-template-columns:1fr;gap:.5rem;align-items:center;padding-top:0;position:relative;background-image:linear-gradient(var(--atd-body-bg) 6rem,var(--hero-primary-bg, var(--atd-primary-dark)) 6rem,var(--hero-gradient-bg-end, hsla(2, 20%, 65%, .3)) 80%,transparent 96%);background-size:cover;background-repeat:no-repeat;background-position:top center;width:100%;grid-area:hero}.hero:not(:has(picture)){--hero-aspect-ratio: 3 / 1}.hero:not(:has(picture))>div{justify-content:start;padding-inline:20rem 0}.hero:not(:has(picture))>div:before{mask-image:linear-gradient(0deg,transparent 10%,black 30%,black 65%,transparent 80%)}.hero:has(img[src*=atd-accessories]):not(:has(div:nth-child(3))){--hero-primary-bg: var(--pms-419)}.hero:has(img[src*=atd-ppf]):not(:has(div:nth-child(3))){--hero-primary-bg: var(--pms-295)}.hero:has(div:nth-child(3)){grid-template-columns:repeat(3,1fr);--hero-aspect-ratio: 16 / 9}.hero:has(div:nth-child(3))>div{--hero-grid-item-rotate: -10deg;padding-inline:0 1rem}.hero:has(div:nth-child(3))>div:hover{scale:1.1}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]){--hero-grid-item-bg: url(../img/heros/atd-signs-hero-10deg.jpg);--hero-link-bg: var(--pms-485);clip-path:none;margin-inline:0}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(1){--hero-img-translate-x: -10%;--hero-img-translate-y: -60%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(2){--hero-img-translate-x: -45%;--hero-img-translate-y: 5%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(3){--hero-img-translate-x: 0%;--hero-img-translate-y: 85%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero:has(div:nth-child(3))>div h1{margin-block:0 3rem}.hero:has(div:nth-child(3))>div h1,.hero:has(div:nth-child(3))>div h2{--hero-header-rotate: 20deg;--hero-header-font-size: 2.75rem;--hero-header-justify: start;--hero-header-inline-shift: 0 0}.hero:has(div:nth-child(3))>div a{--hero-link-rotate: 15deg}.hero>div{position:relative;transform:rotate(var(--hero-grid-item-rotate));align-items:center;justify-items:center;display:grid;grid-template-areas:"items";overflow:hidden;height:100%;background-size:cover;background-repeat:no-repeat;background-position:top center;transition:all .3s ease}.hero>div:before{content:"";mask-image:linear-gradient(0deg,transparent 10%,black 30%,black 70%,transparent 87%);mask-repeat:no-repeat;mask-position:bottom left;mask-size:cover;background:var(--hero-grid-item-bg);background-size:cover;background-repeat:no-repeat;background-position:var(--hero-grid-item-bg-position);position:absolute;inset:0}.hero>div img{transform:translate(var(--hero-img-translate-x),var(--hero-img-translate-y)) scale(var(--hero-img-scale)) rotate(var(--hero-img-rotate));max-width:none}.hero>div>*{grid-area:items}.hero>div:nth-child(1){clip-path:polygon(0% 0%,94% 0%,100% 100%,6% 100%);margin-inline:-3%}.hero>div:nth-child(1):has(img[src*=atd-wraps]){--hero-header-inline-shift: 0 10rem}.hero>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(1){--hero-img-translate-x: -200%;--hero-img-translate-y: -45%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(2){--hero-img-translate-x: -55%;--hero-img-translate-y: 50%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(3){--hero-img-translate-x: 50%;--hero-img-translate-y: 60%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-accessories]){--hero-grid-item-bg: url(../img/heros/atd-accessories-hero.jpg);--hero-header-inline-shift: 7rem 0;--hero-header-accent: var(--pms-418-light)}.hero>div:nth-child(1):has(img[src*=atd-accessories]) picture:nth-child(1){--hero-img-translate-x: 120%;--hero-img-translate-y: -15%;--hero-img-scale: 1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-accessories]) picture:nth-child(2){--hero-img-translate-x: 5%;--hero-img-translate-y: 40%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-accessories]) picture:nth-child(3){--hero-img-translate-x: -80%;--hero-img-translate-y: 40%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-ppf]){--hero-grid-item-bg: url(../img/heros/atd-ppf-hero.jpg);--hero-header-inline-shift: 4rem 0;--hero-header-accent: var(--pms-294-light)}.hero>div:nth-child(1):has(img[src*=atd-ppf]) picture:nth-child(1){--hero-img-translate-x: 130%;--hero-img-translate-y: -15%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-ppf]) picture:nth-child(2){--hero-img-translate-x: 35%;--hero-img-translate-y: 0%;--hero-img-scale: 1.1;--hero-img-rotate: -5deg}.hero>div:nth-child(1):has(img[src*=atd-ppf]) picture:nth-child(3){--hero-img-translate-x: -50%;--hero-img-translate-y: 55%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(2){--hero-link-bg: var(--pms-419);--hero-header-accent: var(--pms-418-light)}.hero>div:nth-child(2) picture:nth-child(1){--hero-img-translate-x: 20%;--hero-img-translate-y: -25%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero>div:nth-child(2) picture:nth-child(2){--hero-img-translate-x: 35%;--hero-img-translate-y: 85%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero>div:nth-child(2) picture:nth-child(3){--hero-img-translate-x: -35%;--hero-img-translate-y: 45%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero>div:nth-child(2):before{--hero-grid-item-bg: url(../img/heros/atd-accessories-hero-10deg.jpg);--hero-grid-item-bg-position: bottom center}.hero>div:nth-child(3){--hero-link-bg: var(--pms-295);--hero-header-accent: var(--pms-294-light)}.hero>div:nth-child(3) picture:nth-child(1){--hero-img-translate-x: 15%;--hero-img-translate-y: -30%;--hero-img-scale: 1;--hero-img-rotate: 10deg;opacity:.6}.hero>div:nth-child(3) picture:nth-child(2){--hero-img-translate-x: -20%;--hero-img-translate-y: -15%;--hero-img-scale: 1;--hero-img-rotate: 0deg}.hero>div:nth-child(3) picture:nth-child(3){--hero-img-translate-x: -25%;--hero-img-translate-y: 60%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero>div:nth-child(3):before{--hero-grid-item-bg: url(../img/heros/atd-ppf-hero-10deg.jpg);--hero-grid-item-bg-position: bottom right}.hero>div h1,.hero>div h2{color:var(--atd-bright-white);text-transform:uppercase;font-family:var(--atd-condensed-font);font-size:var(--hero-header-font-size);letter-spacing:1px;padding-inline:0 1rem;background-image:linear-gradient(to right,transparent 0%,transparent .5ch,rgba(0,0,0,.7) .5ch,rgba(0,0,0,.5) 100%);width:max-content;margin-block:0 0;margin-inline:var(--hero-header-inline-shift);justify-self:var(--hero-header-justify);position:relative;backdrop-filter:blur(2px);transform:skewY(-10deg) rotate(var(--hero-header-rotate))}.hero>div h1:after,.hero>div h2:after{content:"";display:block;width:80%;height:6px;background-image:linear-gradient(to right,transparent 0%,var(--hero-header-accent) 100%);position:absolute;bottom:-2px;right:0}.hero>div a{color:var(--atd-bright-white);font-family:var(--atd-sans-font);text-transform:uppercase;text-decoration:none;letter-spacing:1px;font-weight:700;font-size:1.25rem;padding-block:.75rem;padding-inline:1rem;background-color:var(--hero-link-bg, var(--atd-primary));transform:skewY(-10deg) rotate(var(--hero-link-rotate));width:max-content;margin-block:6rem 0;transition:all .3s ease;position:relative}.hero>div a:hover{filter:brightness(1.4)}.hero>div:nth-child(2) h2{margin-block:0 7rem}.hero>div:nth-child(2) a{margin-block:2rem 0;margin-inline:12rem 0}.hero>div:nth-child(3) h2{margin-block:0 3rem}.hero>div:nth-child(3) a{margin-block:6rem 0;margin-inline:6rem 0}.hero:has(div:hover)>div:not(:hover){opacity:.4;filter:blur(2px)}@media screen and (width <= 30rem){main:has(.contact):has(h2) .hero:not(:has(picture)){--hero-aspect-ratio: 1 / 1;grid-template-columns:1fr;grid-template-areas:"hero"}main:has(.contact):has(h2) .hero:not(:has(picture))>div{grid-area:hero}main:has(.contact):has(h2) .hero:not(:has(picture)) div:nth-child(1){background:radial-gradient(ellipse at right,var(--atd-body-bg-70) 45%,transparent 100%);width:50%;z-index:1}main:has(.contact):has(h2) .hero:not(:has(picture)) div:nth-child(1) p{flex-direction:column;align-items:center;font-size:1rem}main:has(.contact):has(h2) .hero:not(:has(picture)) div:nth-child(1) p a{margin-inline:0 1ch;font-size:1rem}main:has(.contact):has(h2) .hero:not(:has(picture)) div:nth-child(2){padding-inline:1rem}main:has(.contact):has(h2) .hero:not(:has(picture)) div:nth-child(2) img{max-width:100%;height:auto}section{--hero-aspect-ratio: 9 / 14;--hero-grid-item-rotate: 0deg}.hero{--hero-aspect-ratio: 6 / 7;--hero-grid-item-rotate: 0deg;background-image:none;gap:.25rem}.hero:not(:has(picture)){--hero-aspect-ratio: 3 / 1.7}.hero:not(:has(picture))>div{justify-content:center;padding-inline:0 0}.hero:not(:has(picture))>div:before{mask-image:linear-gradient(0deg,transparent 10%,black 30%)}.hero:has(div:nth-child(3)){--hero-aspect-ratio: 9 / 14;grid-template-columns:1fr;grid-template-rows:1.3fr 1fr 1fr}.hero:has(div:nth-child(3))>div{--hero-grid-item-rotate: 0deg;padding-inline:0 0}.hero:has(div:nth-child(3))>div:hover{scale:none}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]){--hero-grid-item-bg: url(../img/heros/atd-signs-hero.jpg);clip-path:none;margin-inline:0;padding-top:3rem}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]):before{--hero-grid-item-bg-position: center center}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(1){--hero-img-translate-x: 30%;--hero-img-translate-y: -40%;--hero-img-rotate: 0deg}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(2){--hero-img-translate-x: -45%;--hero-img-translate-y: 5%;--hero-img-rotate: 0deg}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(3){--hero-img-translate-x: 40%;--hero-img-translate-y: 40%;--hero-img-rotate: 0deg}.hero:has(div:nth-child(3))>div h1{margin-block:0}.hero:has(div:nth-child(3))>div h1,.hero:has(div:nth-child(3))>div h2{--hero-header-rotate: 10deg;--hero-header-font-size: 2rem;--hero-header-justify: start;--hero-header-inline-shift: 1rem 0}.hero:has(div:nth-child(3))>div a{font-size:1rem;padding-block:.5rem;padding-inline:.75rem;margin-block:4rem 0;margin-inline:0 2rem;justify-self:end;--hero-link-rotate: 5deg}.hero>div{--hero-grid-item-rotate: 0deg;--hero-grid-aspect-ratio: 1 / 1}.hero>div h1,.hero>div h2{--hero-header-rotate: 10deg;--hero-header-font-size: 2rem;--hero-header-justify: center;--hero-header-inline-shift: 0 1rem;margin-block:0 0}.hero>div a{--hero-link-rotate: 5deg}.hero>div:before{mask-image:none}.hero>div:nth-child(1){clip-path:none;margin-inline:0}.hero>div:nth-child(1):has(img[src*=atd-wraps]){--hero-header-inline-shift: 0 10rem}.hero>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(1){--hero-img-translate-x: 60%;--hero-img-translate-y: -70%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(2){--hero-img-translate-x: -40%;--hero-img-translate-y: 5%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(3){--hero-img-translate-x: 10%;--hero-img-translate-y: 80%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-accessories]){--hero-grid-item-bg: url(../img/heros/atd-accessories-hero.jpg);--hero-header-inline-shift: 7rem 0}.hero>div:nth-child(1):has(img[src*=atd-accessories]) picture:nth-child(1){--hero-img-translate-x: 100%;--hero-img-translate-y: -40%;--hero-img-scale: 1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-accessories]) picture:nth-child(2){--hero-img-translate-x: 60%;--hero-img-translate-y: 90%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-accessories]) picture:nth-child(3){--hero-img-translate-x: -30%;--hero-img-translate-y: 65%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-ppf]){--hero-grid-item-bg: url(../img/heros/atd-ppf-hero.jpg);--hero-header-inline-shift: 4rem 0}.hero>div:nth-child(1):has(img[src*=atd-ppf]) picture:nth-child(1){--hero-img-translate-x: 60%;--hero-img-translate-y: -35%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-ppf]) picture:nth-child(2){--hero-img-translate-x: 20%;--hero-img-translate-y: 0%;--hero-img-scale: 1.1;--hero-img-rotate: -5deg}.hero>div:nth-child(1):has(img[src*=atd-ppf]) picture:nth-child(3){--hero-img-translate-x: -10%;--hero-img-translate-y: 75%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(2) picture:nth-child(1){--hero-img-translate-x: 40%;--hero-img-translate-y: -25%;--hero-img-rotate: 0deg}.hero>div:nth-child(2) picture:nth-child(2){--hero-img-translate-x: 10%;--hero-img-translate-y: 85%;--hero-img-rotate: 0deg}.hero>div:nth-child(2) picture:nth-child(3){--hero-img-translate-x: -60%;--hero-img-translate-y: 45%;--hero-img-rotate: 0deg}.hero>div:nth-child(2) h2{margin-block:0 0}.hero>div:nth-child(2):before{--hero-grid-item-bg: url(../img/heros/atd-accessories-hero.jpg);--hero-grid-item-bg-position: center center}.hero>div:nth-child(3) picture:nth-child(1){--hero-img-translate-x: 70%;--hero-img-translate-y: -30%;--hero-img-rotate: 0deg;opacity:.6}.hero>div:nth-child(3) picture:nth-child(2){--hero-img-translate-x: 10%;--hero-img-translate-y: -15%;--hero-img-rotate: -11deg}.hero>div:nth-child(3) picture:nth-child(3){--hero-img-translate-x: -30%;--hero-img-translate-y: 45%;--hero-img-rotate: 0deg}.hero>div:nth-child(3) h2{margin-block:0 0}.hero>div:nth-child(3):before{--hero-grid-item-bg: url(../img/heros/atd-ppf-hero.jpg);--hero-grid-item-bg-position: center center}.hero:has(div:hover)>div:not(:hover){opacity:inherit;filter:none}}@media screen and (30rem < width <= 60rem){.hero{--hero-aspect-ratio: 2 / 1;--hero-grid-item-rotate: 0deg;background-image:linear-gradient(var(--atd-body-bg) 4.5rem,var(--hero-primary-bg, var(--atd-primary-dark)) 4.5rem,hsla(2,20%,65%,.3) 80%,transparent 96%);width:94%;margin-inline:auto;gap:.25rem}.hero:has(div:nth-child(3)){--hero-aspect-ratio: 5 / 4}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]){--hero-grid-item-bg: url(../img/heros/atd-signs-hero-10deg.jpg);clip-path:none;margin-inline:0}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(1){--hero-img-translate-x: -10%;--hero-img-translate-y: -80%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(2){--hero-img-translate-x: -45%;--hero-img-translate-y: -20%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero:has(div:nth-child(3))>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(3){--hero-img-translate-x: 0%;--hero-img-translate-y: 85%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero:has(div:nth-child(3))>div h1,.hero:has(div:nth-child(3))>div h2{--hero-header-font-size: 1.5rem}.hero>div:nth-child(1):has(img[src*=atd-wraps]){--hero-header-inline-shift: 0 10rem}.hero>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(1){--hero-img-translate-x: -200%;--hero-img-translate-y: -45%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(2){--hero-img-translate-x: -70%;--hero-img-translate-y: 40%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-wraps]) picture:nth-child(3){--hero-img-translate-x: 40%;--hero-img-translate-y: 60%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-accessories]){--hero-grid-item-bg: url(../img/heros/atd-accessories-hero.jpg);--hero-header-inline-shift: 7rem 0}.hero>div:nth-child(1):has(img[src*=atd-accessories]) picture:nth-child(1){--hero-img-translate-x: 150%;--hero-img-translate-y: -25%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-accessories]) picture:nth-child(2){--hero-img-translate-x: 5%;--hero-img-translate-y: 60%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-accessories]) picture:nth-child(3){--hero-img-translate-x: -75%;--hero-img-translate-y: 40%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-ppf]){--hero-grid-item-bg: url(../img/heros/atd-ppf-hero.jpg);--hero-header-inline-shift: 4rem 0;--hero-header-accent: var(--pms-294-light)}.hero>div:nth-child(1):has(img[src*=atd-ppf]) picture:nth-child(1){--hero-img-translate-x: 130%;--hero-img-translate-y: -15%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div:nth-child(1):has(img[src*=atd-ppf]) picture:nth-child(2){--hero-img-translate-x: 35%;--hero-img-translate-y: 0%;--hero-img-scale: 1.1;--hero-img-rotate: -5deg}.hero>div:nth-child(1):has(img[src*=atd-ppf]) picture:nth-child(3){--hero-img-translate-x: -50%;--hero-img-translate-y: 55%;--hero-img-scale: 1.1;--hero-img-rotate: 0deg}.hero>div h1,.hero>div h2{--hero-header-inline-shift: 0 1rem}.hero>div:nth-child(2) picture:nth-child(1){--hero-img-translate-x: 20%;--hero-img-translate-y: -65%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero>div:nth-child(2) picture:nth-child(2){--hero-img-translate-x: 35%;--hero-img-translate-y: 95%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero>div:nth-child(2) picture:nth-child(3){--hero-img-translate-x: -35%;--hero-img-translate-y: 50%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero>div:nth-child(2) a{margin-block:0 2rem;margin-inline:2.5rem 0}.hero>div:nth-child(3) picture:nth-child(1){--hero-img-translate-x: 0%;--hero-img-translate-y: -50%;--hero-img-scale: 1;--hero-img-rotate: 10deg;opacity:.6}.hero>div:nth-child(3) picture:nth-child(2){--hero-img-translate-x: -20%;--hero-img-translate-y: -10%;--hero-img-scale: 1;--hero-img-rotate: 0deg}.hero>div:nth-child(3) picture:nth-child(3){--hero-img-translate-x: -25%;--hero-img-translate-y: 70%;--hero-img-scale: 1;--hero-img-rotate: 10deg}.hero>div:nth-child(3) a{margin-block:2.5rem 0;margin-inline:6rem 0}.hero>div h1,.hero>div h2{--hero-header-font-size: 2rem}.hero>div a{font-size:.9rem;padding-block:.5rem;padding-inline:.75rem;margin-block:2.5rem 0;margin-inline:6rem 0;justify-self:start}}main:has(.hero div:nth-child(3)) .about{padding-inline:6rem;margin-block:2rem 2px;padding-block:0 3rem;background-image:radial-gradient(ellipse at top,var(--atd-body-bg) 60%,rgba(0,0,0,.1) 87%,rgba(3,1,1,.3) 100%),var(--noise-svg-lg);background-repeat:no-repeat;background-position:left;background-size:cover;background-color:transparent;filter:contrast(120%);text-align:center;color:var(--atd-gray);align-items:center}main:has(.hero div:nth-child(3)) .about h2{color:var(--atd-primary-dark);font-family:var(--atd-logo-font);font-weight:700;text-transform:uppercase;font-size:2rem}main:has(.hero div:nth-child(3)) .about p{color:var(--atd-gray);font-size:1.25rem;line-height:1.8}.about{text-align:left;color:var(--atd-bright-white);display:flex;flex-direction:column;align-items:start;gap:2rem;margin-block:0;position:relative;background-color:var(--atd-about-bg, rgb(10, 1, 1));mix-blend-mode:darken;grid-area:about;padding-inline:2rem;padding-block:0 2rem}.about div:has(img){aspect-ratio:8/3;padding-inline:2rem 0;margin-inline:-2rem 3rem;display:flex;align-items:center;justify-content:start;margin-block:0;transform:skew(10deg) rotate(-1deg);position:relative}.about div:has(img):after{content:"";background:linear-gradient(to right,var(--atd-about-logo-gradient-start, hsla(2, 100%, 30%, .8)),var(--atd-about-logo-gradient-end, rgb(10, 1, 1)) 100%),var(--noise-svg-md);mask-image:linear-gradient(to bottom,transparent 2%,rgba(0,0,0,.6) 12%,black 20%,black 60%,transparent 95%);mask-repeat:no-repeat;mask-position:bottom left;mask-size:cover;background-size:cover;background-repeat:no-repeat;background-position:bottom left;position:absolute;inset:0}.about div:has(img) img{object-fit:cover;z-index:1;transform:skew(-10deg) rotate(1deg)}.about h2{color:var(--atd-header-color, var(--atd-primary));font-family:var(--atd-logo-font);font-weight:700;text-transform:uppercase;font-size:1.5rem}.about p{color:var(--atd-bright-white);font-size:1.25rem;line-height:1.5;padding-block:0 2rem}@media screen and (width < 60rem){main:has(.hero div:nth-child(3)) .about,.about{padding-inline:2rem;margin-block:1rem 2px}main:has(.hero div:nth-child(3)) .about h2,.about h2{font-size:1.5rem;line-height:1}main:has(.hero div:nth-child(3)) .about p,.about p{font-size:1rem;line-height:1.5}main:has(.hero div:nth-child(3)) .about div:has(img),.about div:has(img){aspect-ratio:8/3;width:100%;padding-inline:2rem 0;margin-inline:-2rem 3rem;display:flex;align-items:center;justify-content:start;margin-block:0;transform:skew(0) rotate(0);position:relative}main:has(.hero div:nth-child(3)) .about div:has(img) img,.about div:has(img) img{max-width:100%;transform:skew(0) rotate(0)}.about{margin-block:0}}main:has(.hero div:nth-child(3)) .service{padding-inline:2rem}main:has(.hero div:nth-child(3)) .service-cards{display:grid;grid-template-columns:1fr;gap:2px}main:has(.hero div:nth-child(3)) .service-card{margin-bottom:3rem;display:flex;flex-direction:column}main:has(.hero div:nth-child(3)) .service-card div:has(img){aspect-ratio:2/1;padding-inline:1rem 3rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transform:skew(10deg) rotate(-1deg);position:relative}main:has(.hero div:nth-child(3)) .service-card div:has(img) img{z-index:1;transform:skew(-10deg) rotate(1deg)}main:has(.hero div:nth-child(3)) .service-card:nth-child(1){background-image:linear-gradient(to bottom,#33010166,#330101),url(../img/atd-large-format-printer.jpg)}main:has(.hero div:nth-child(3)) .service-card:nth-child(1) div:has(img):after{content:"";filter:contrast(120%);background:linear-gradient(to right,hsla(2,100%,30%,.8),transparent 100%),var(--noise-svg);mask-image:linear-gradient(to bottom,transparent 2%,rgba(0,0,0,.6) 12%,black 20%,black 60%,rgba(0,0,0,.6) 80%,transparent 95%);mask-repeat:no-repeat;mask-position:bottom left;mask-size:cover;background-size:cover;background-repeat:no-repeat;background-position:bottom left;position:absolute;inset:0}main:has(.hero div:nth-child(3)) .service-card:nth-child(2){--card-link-bg: var(--pms-418);background-image:linear-gradient(to bottom,#15110b66,#15110b),url(../img/atd-accessories-truck.jpg)}main:has(.hero div:nth-child(3)) .service-card:nth-child(2) div:has(img):after{content:"";background:linear-gradient(to right,hsla(90,5%,22%,.8),transparent 100%),var(--noise-svg);mask-image:linear-gradient(to bottom,transparent 2%,rgba(0,0,0,.6) 12%,black 20%,black 60%,rgba(0,0,0,.6) 80%,transparent 95%);mask-repeat:no-repeat;mask-position:bottom left;mask-size:cover;background-size:cover;background-repeat:no-repeat;background-position:bottom left;position:absolute;inset:0}main:has(.hero div:nth-child(3)) .service-card:nth-child(3){--card-link-bg: var(--pms-294);background-image:linear-gradient(to bottom,#00102866,#001028),url(../img/atd-ppf-application-navy.jpg)}main:has(.hero div:nth-child(3)) .service-card:nth-child(3) div:has(img):after{content:"";background:linear-gradient(to right,hsla(200,60%,50%,.8),transparent 100%),var(--noise-svg);mask-image:linear-gradient(to bottom,transparent 2%,rgba(0,0,0,.6) 12%,black 20%,black 60%,rgba(0,0,0,.6) 80%,transparent 95%);mask-repeat:no-repeat;mask-position:bottom left;mask-size:cover;background-size:cover;background-repeat:no-repeat;background-position:bottom left;position:absolute;inset:0}main:has(.hero div:nth-child(3)) .service-card a{text-decoration:none;text-transform:uppercase;color:var(--atd-bright-white);font-weight:700;font-size:1rem;align-self:end;text-align:center;padding-block:1rem;padding-inline:1.5rem;background-color:var(--card-link-bg, var(--atd-primary));transform:skew(-10deg);height:min-content;margin-top:auto}main:has(.hero div:nth-child(3)) .service-card a:hover{filter:brightness(1.3)}main:has(.hero div:nth-child(3)) .service-card div:has(p){padding:2rem;display:flex;flex-direction:column;gap:1rem;flex:1 1 auto;position:relative}main:has(.hero div:nth-child(3)) .service-card-header{text-transform:uppercase;font-family:var(--atd-logo-font);font-weight:700}main:has(.hero div:nth-child(3)) .service-card-desc{line-height:1.5}main:has(.hero div:nth-child(3)) .service-card ul{list-style-position:inside;list-style:none}main:has(.hero div:nth-child(3)) .service-card ul li{font-weight:500;line-height:1.5}main:has(.hero div:nth-child(3)) .service-card ul li:before{content:"\25a0";color:var(--atd-primary-dark);display:inline-block;width:2ch}@media (min-width: 768px){main:has(.hero div:nth-child(3)) .service{padding-inline:0}main:has(.hero div:nth-child(3)) .service-cards{grid-template-columns:repeat(3,1fr)}main:has(.hero div:nth-child(3)) .service-card{margin-bottom:0}main:has(.hero div:nth-child(3)) .service-card div:has(p){padding:1.25rem}}@media screen and (width < 30rem){main:has(.hero div:nth-child(3)) .service-cards{grid-template-columns:1fr;gap:2px}main:has(.hero div:nth-child(3)) .service-card{margin-bottom:0}main:has(.hero div:nth-child(3)) .service-card div:has(img){padding-inline:1rem;margin-inline:0;transform:none}main:has(.hero div:nth-child(3)) .service-card div:has(img) img{transform:none}main:has(.hero div:nth-child(3)) .service-card a{padding-block:.5rem;padding-inline:1rem}}main:not(:has(.hero div:nth-child(3))) .services{grid-area:services;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}main:not(:has(.hero div:nth-child(3))) .services>div{background-color:var(--atd-services-bg, var(--atd-primary-dark));padding:2rem;display:grid;grid-template-columns:1fr;grid-template-areas:"content";gap:1rem}main:not(:has(.hero div:nth-child(3))) .services>div>div{grid-area:content;display:flex;flex-direction:column;gap:1rem}main:not(:has(.hero div:nth-child(3))) .services>div>div strong{color:var(--atd-bright-white);font-family:var(--atd-logo-font);font-weight:700;font-size:1.25rem;position:relative;width:fit-content;z-index:10}main:not(:has(.hero div:nth-child(3))) .services>div>div strong:before{content:"";display:block;background-image:linear-gradient(to right,transparent 0%,transparent .5ch,rgba(0,0,0,.7) .5ch,rgba(0,0,0,.5) 100%);background-repeat:no-repeat;background-size:contain;margin-block:-.25rem;margin-inline:0 -.5rem;transform:skew(-10deg) rotate(-1deg);position:absolute;inset:0;z-index:-1}main:not(:has(.hero div:nth-child(3))) .services>div>div p{line-height:1.5;z-index:10}main:not(:has(.hero div:nth-child(3))) .services>div div:has(img){align-self:end;mask-image:linear-gradient(-10deg,rgba(0,0,0,.8) 10%,transparent 80%);margin-inline:-2rem;margin-block:0 -2rem}main:not(:has(.hero div:nth-child(3))) .services>div div:has(img) img{max-width:100%;aspect-ratio:3/2}main:not(:has(.hero div:nth-child(3))) .services>div div:has(img):hover img{scale:1.1}main:not(:has(.hero div:nth-child(3))) .services>div div:has(img) img{object-fit:cover;transition:all .3s ease-in-out}@media screen and (width < 30rem){main:not(:has(.hero div:nth-child(3))) .services{grid-template-columns:1fr}}@media screen and (width < 60rem){main:not(:has(.hero div:nth-child(3))) .services>div>div:nth-child(1){padding-block:0 10rem}}@keyframes feature-stack-first-third{0%{opacity:1;transform:translateY(0)}32%{opacity:1;transform:translateY(0)}33%{opacity:1;transform:translateY(33%)}65%{opacity:1;transform:translateY(33%)}66%{opacity:1;transform:translateY(66%)}99%{opacity:1;transform:translateY(66%)}to{opacity:1;transform:translateY(66%)}}@keyframes feature-stack-second-third{0%{opacity:0;transform:translateY(0)}32%{opacity:0;transform:translateY(0)}33%{opacity:1;transform:translateY(0)}65%{opacity:1;transform:translateY(0)}66%{opacity:1;transform:translateY(33%)}99%{opacity:1;transform:translateY(33%)}to{opacity:1;transform:translateY(33%)}}@keyframes feature-stack-third-third{0%{opacity:0;transform:translateY(0)}65%{opacity:0;transform:translateY(0)}66%{opacity:1;transform:translateY(0)}99%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}main:has(.hero div:nth-child(3)) .features{grid-template-columns:1fr 1.5fr}.features{grid-area:features;background-color:var(--atd-features-bg, #0a0101);display:grid;grid-template-columns:subgrid;grid-template-areas:"image-left content-right" "middle middle" "content-left image-right";gap:0}.features:has(div:nth-child(2):last-child){grid-template-areas:"image-left content-right"}.features:has(div:nth-child(4):last-child){grid-template-areas:"image-left content-right" "content-left image-right"}.features:has(img[src*=grille]) div:nth-child(1){border-top:none;grid-area:image-left;display:grid}.features:has(img[src*=grille]) div:nth-child(1) img{animation-iteration-count:infinite;animation-duration:8s}.features:has(img[src*=grille]) div:nth-child(1) img:nth-child(-n+3){grid-area:1/1/5/7;--movement-start: translateX(-33%);--movement-end: translateX(0)}.features:has(img[src*=grille]) div:nth-child(1) img:nth-child(n+4){grid-area:2/6/6/13;--movement-start: translateY(-33%);--movement-end: translateY(0)}.features:has(img[src*=grille]) div:nth-child(1) img:nth-child(1),.features:has(img[src*=grille]) div:nth-child(1) img:nth-child(4){animation-name:feature-stack-third-third}.features:has(img[src*=grille]) div:nth-child(1) img:nth-child(2),.features:has(img[src*=grille]) div:nth-child(1) img:nth-child(5){animation-name:feature-stack-second-third}.features:has(img[src*=grille]) div:nth-child(1) img:nth-child(3),.features:has(img[src*=grille]) div:nth-child(1) img:nth-child(6){animation-name:feature-stack-first-third}.features>div:nth-child(1){grid-area:image-left;display:grid;grid-template-areas:"figure";align-items:center;justify-items:center}.features>div:nth-child(1)>figure{grid-area:figure;display:flex;flex-direction:column;align-items:center;justify-content:center}.features>div:nth-child(1):has(img[src*=wraps])>figure figcaption{width:calc(100% - 1rem);border-inline:1px solid var(--atd-primary);display:flex;justify-content:end;background-image:linear-gradient(to bottom,var(--atd-primary),var(--atd-primary));background-size:100% 1px;background-position:center left;background-repeat:no-repeat}.features>div:nth-child(1):has(img[src*=wraps])>figure figcaption span{text-align:center;background-color:var(--atd-primary-dark);color:var(--bright-white);padding-block:.25rem}.features>div:nth-child(1):has(img[src*=wraps])>figure:nth-child(1){animation:feature-first-quarter 12s infinite}.features>div:nth-child(1):has(img[src*=wraps])>figure:nth-child(1) figcaption{border-inline:none;background-image:none}.features>div:nth-child(1):has(img[src*=wraps])>figure:nth-child(1) figcaption span{width:max-content;padding-inline:1rem}.features>div:nth-child(1):has(img[src*=wraps])>figure:nth-child(2){animation:feature-second-quarter 12s infinite}.features>div:nth-child(1):has(img[src*=wraps])>figure:nth-child(2) figcaption span{width:50%}.features>div:nth-child(1):has(img[src*=wraps])>figure:nth-child(3){animation:feature-third-quarter 12s infinite}.features>div:nth-child(1):has(img[src*=wraps])>figure:nth-child(3) figcaption span{width:75%}.features>div:nth-child(1):has(img[src*=wraps])>figure:nth-child(4){animation:feature-fourth-quarter 12s infinite}.features>div:nth-child(1):has(img[src*=wraps])>figure:nth-child(4) figcaption{justify-content:center}.features>div:nth-child(1):has(img[src*=wraps])>figure:nth-child(4) figcaption span{width:50%}.features>div:nth-child(1):has(img[src*=ppf])>figure{display:grid;grid-template-areas:"ppf-figure";justify-items:center}.features>div:nth-child(1):has(img[src*=ppf])>figure img{grid-area:ppf-figure;max-width:100%;height:auto}.features>div:nth-child(1):has(img[src*=ppf])>figure figcaption{grid-area:ppf-figure;width:max-content;background-color:var(--atd-action-btn-bg, var(--atd-primary-dark));color:var(--bright-white);padding-block:.25rem;padding-inline:1rem}.features>div:nth-child(1):has(img[src*=ppf])>figure:nth-child(1){animation:feature-first-third 9s infinite}.features>div:nth-child(1):has(img[src*=ppf])>figure:nth-child(2){animation:feature-second-third 9s infinite}.features>div:nth-child(1):has(img[src*=ppf])>figure:nth-child(3){animation:feature-third-third 9s infinite}.features>div:nth-child(2){grid-area:content-right;display:flex;flex-direction:column;gap:1rem;padding:2rem}.features>div:nth-child(2):not(:has(ul)) img[src*=preferred-installer]{width:35%;height:auto}.features>div h2{font-family:var(--atd-condensed-font);font-weight:700;text-transform:uppercase;font-size:3rem;transform:skewY(-10deg) rotate(10deg)}.features>div strong{color:var(--atd-features-subhead-color, var(--atd-primary));font-family:var(--atd-logo-font);font-weight:700;text-transform:uppercase;letter-spacing:.25ch;font-size:1rem;margin-block:.5rem 0;text-wrap:balance}.features>div p{line-height:1.5}.features>div p em{font-style:italic;font-weight:700;text-transform:uppercase}.features>div ul:has(li:nth-child(8)){column-count:3;list-style-type:square;list-style-position:inside}.features>div ul:has(img){list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;flex-direction:row;gap:1rem}.features>div ul:has(img) li{flex:1 0 calc(25% - 1rem);display:flex;justify-content:center}.features>div ul:has(img) li img{max-width:176px;height:auto}.features>div ul:has(img) li span{display:none}.features>div:nth-child(3){grid-area:middle;display:grid;grid-template-columns:1fr 5fr;gap:0;align-items:center}.features>div:nth-child(3) strong{padding-block:0 1rem;padding-inline:1rem;text-align:center}.features>div:nth-child(3) ul{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.features>div:nth-child(3) ul li{display:grid;grid-template-areas:"element";align-items:end;overflow:hidden}.features>div:nth-child(3) ul li p{grid-area:element;background:linear-gradient(to bottom,#0a010100,#0a0101d9 75%,#0a0101);z-index:10;padding-inline:.5rem;padding-block:.5rem}.features>div:nth-child(3) ul li img{grid-area:element;max-width:100%;object-fit:cover}.features>div:nth-child(3) ul li img:hover{transform:scale(1.15);transition:transform .3s ease}.features>div:nth-child(3):not(:has(ul)),.features>div:nth-child(1):nth-last-child(2),.features>div:nth-child(4){grid-area:content-left;border-top:2px solid var(--atd-body-bg);display:flex;flex-direction:column;text-align:left;align-items:start;justify-content:center;gap:1rem;padding-block:2rem;padding-inline:4rem 2rem}.features>div:nth-child(3):not(:has(ul)) strong,.features>div:nth-child(1):nth-last-child(2) strong,.features>div:nth-child(4) strong{padding-block:0;padding-inline:0;text-align:left;display:flex;flex-direction:column;align-items:start}.features>div:nth-child(3):not(:has(ul)) strong:before,.features>div:nth-child(1):nth-last-child(2) strong:before,.features>div:nth-child(4) strong:before{content:"Featuring";font-family:var(--atd-mono-font);display:block;width:max-content;background-color:var(--atd-primary);letter-spacing:0;color:var(--atd-bright-white);font-size:.75rem;transform:skew(-10deg) rotate(-3deg);padding-inline:.5rem;margin-left:-1ch}.features>div:nth-child(5){grid-area:image-right;border-top:2px solid var(--atd-body-bg);display:flex;justify-content:end}.features>div:nth-child(5) img{object-fit:cover;mask-image:linear-gradient(75deg,#0a010100 10%,#0a0101 45%);object-position:top;aspect-ratio:7/2}.features>div:nth-child(4):has(img:nth-child(4)){--features-full-color-blend: linear-gradient( 80deg, rgba(10, 1, 1) 8%, rgba(10, 1, 1, .1) 45%);grid-area:image-right;display:grid;grid-template-areas:"image";grid-template-columns:1fr;position:relative;justify-items:end;padding-block:2rem 0;animation:features-bg-cycle 7s infinite}.features>div:nth-child(4):has(img:nth-child(4)):after{content:"";position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none;z-index:0;animation:bg-cycle-smooth 7s infinite}.features>div:nth-child(4):has(img:nth-child(4)) img{grid-area:image;position:relative;z-index:2}.features>div:nth-child(4):has(img:nth-child(4)) img:nth-child(1){animation:feature-first-quarter 7s infinite}.features>div:nth-child(4):has(img:nth-child(4)) img:nth-child(2){animation:feature-second-quarter 7s infinite}.features>div:nth-child(4):has(img:nth-child(4)) img:nth-child(3){animation:feature-third-quarter 7s infinite}.features>div:nth-child(4):has(img:nth-child(4)) img:nth-child(4){animation:feature-fourth-quarter 7s infinite}.features:has(div:nth-child(2) img[src*=architectural]){margin-top:2px;grid-template-areas:"content-right image-left"}.features:has(div:nth-child(2) img[src*=architectural])>div:nth-child(1){grid-area:content-right;border-top:none}.features:has(div:nth-child(2) img[src*=architectural])>div:nth-child(2):not(:has(ul)){display:grid;grid-template-columns:repeat(3,1fr);grid-area:image-left;padding:0;gap:2px}.features:has(div:nth-child(2) img[src*=architectural])>div:nth-child(2):not(:has(ul)) img{object-fit:cover;height:100%}@media screen and (width <= 60rem){main:has(.hero div:nth-child(3)) .features{grid-template-columns:1fr 1fr}.features{grid-template-areas:"content" "image"}.features:has(div:nth-child(2):last-child){grid-template-areas:"image-left" "content-right"}.features:has(div:nth-child(4):last-child){grid-template-columns:1fr 1fr;grid-template-areas:"content-right content-right" "image-left image-left" "content-left image-right"}.features:has(div:nth-child(4):last-child)>div:nth-child(1){padding-block:0 2rem}.features:has(div:nth-child(4):last-child)>div:nth-child(4){align-items:end}.features:has(div:nth-child(5):last-child){grid-template-columns:1fr 1fr;grid-template-areas:"content-right content-right" "image-left middle" "content-left image-right"}.features:has(div:nth-child(5):last-child)>div:has(figure){padding-inline:1rem;padding-block:0 1rem}.features:has(div:nth-child(5):last-child)>div:nth-child(3){grid-template-columns:1fr}.features:has(div:nth-child(5):last-child)>div:nth-child(3) ul{grid-template-columns:repeat(3,1fr)}}@media screen and (width <= 30rem){main:has(.hero div:nth-child(3)) .features{grid-template-columns:1fr}.features:has(div:nth-child(2) img[src*=architectural]){grid-template-areas:"image-left" "content-right"}.features:has(div:nth-child(4):last-child){grid-template-columns:1fr;grid-template-areas:"content-right" "image-left" "content-left" "image-right"}.features:has(div:nth-child(4):last-child)>div:nth-child(1){padding-inline:2rem}.features:has(div:nth-child(4):last-child)>div:nth-child(2):not(:has(ul)) img[src*=preferred-installer]{width:65%;height:auto}.features:has(div:nth-child(5):last-child){grid-template-columns:1fr;grid-template-areas:"content-right" "image-left" "middle" "content-left" "image-right"}.features:has(div:nth-child(5):last-child)>div:nth-child(5){border-top:none}.features:has(div:nth-child(5):last-child)>div:nth-child(5) img{mask-image:linear-gradient(to bottom,#0a010100,#0a0101 45%)}.features>div:nth-child(3):not(:has(ul)),.features>div:nth-child(1):nth-last-child(2),.features>div:nth-child(4){padding-inline:2rem}.features>div:nth-child(4):has(img:nth-child(4)){border-top:none;--features-full-color-blend: linear-gradient(180deg, rgba(10, 1, 1) 8%, rgba(10, 1, 1, .1) 45%)}.features>div ul:has(li:nth-child(8)){column-count:2;gap:2rem;padding-left:1.5ch}.features>div ul:has(li:nth-child(8)) li{list-style-position:outside;padding-left:.25ch}.features>div ul:has(img){display:grid;grid-template-columns:1fr 1fr}.features>div ul:has(img) li img{max-width:100%;height:auto}.features>div h2{font-size:2.5rem}.features>div strong{text-align:center}.features>div:nth-child(3){grid-area:3/1/4/2;display:flex;flex-direction:column}.features>div:nth-child(3) ul{grid-template-columns:1fr 1fr}.features>div:nth-child(3) ul li{aspect-ratio:3/2;align-items:start}.features>div:nth-child(3) ul li p{background:linear-gradient(to top,#0a010100,#0a0101d9 75%,#0a0101)}.features>div:nth-child(3) ul li img{justify-self:end}}@keyframes feature-first-quarter{0%{opacity:1}24%{opacity:1}25%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes feature-second-quarter{0%{opacity:0}24%{opacity:0}25%{opacity:1}49%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes feature-third-quarter{0%{opacity:0}49%{opacity:0}50%{opacity:1}74%{opacity:1}75%{opacity:0}to{opacity:0}}@keyframes feature-fourth-quarter{0%{opacity:0}74%{opacity:0}75%{opacity:1}99%{opacity:1}to{opacity:0}}@keyframes bg-cycle-smooth{0%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-white-bg.jpg);opacity:1}23%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-white-bg.jpg);opacity:1}25%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-blue-bg.jpg);opacity:1}48%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-blue-bg.jpg);opacity:1}50%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-green-bg.jpg);opacity:1}73%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-green-bg.jpg);opacity:1}75%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-matte-bg.jpg);opacity:1}98%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-matte-bg.jpg);opacity:1}to{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-white-bg.jpg);opacity:1}}@keyframes features-bg-cycle{0%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-white-bg.jpg)}24%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-white-bg.jpg)}25%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-blue-bg.jpg)}49%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-blue-bg.jpg)}50%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-green-bg.jpg)}74%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-green-bg.jpg)}75%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-matte-bg.jpg)}99%{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-matte-bg.jpg)}to{background-image:var(--features-full-color-blend),url(/img/features/atd-color-change-white-bg.jpg)}}@keyframes feature-first-third{0%{opacity:1}32%{opacity:1}33%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes feature-second-third{0%{opacity:0}32%{opacity:0}33%{opacity:1}65%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes feature-third-third{0%{opacity:0}65%{opacity:0}66%{opacity:1}99%{opacity:1}to{opacity:0}}@keyframes feature-stack-first-third{0%{opacity:0;transform:var(--movement-start)}32%{opacity:1;transform:var(--movement-end)}93%{opacity:1}96%{opacity:0}to{opacity:0}}@keyframes feature-stack-second-third{0%{opacity:0;transform:var(--movement-start)}33%{opacity:0;transform:var(--movement-start)}65%{opacity:1;transform:var(--movement-end)}66%{opacity:1}95%{opacity:1}99%{opacity:0}to{opacity:0}}@keyframes feature-stack-third-third{0%{opacity:0;transform:var(--movement-start)}66%{opacity:0;transform:var(--movement-start)}90%{opacity:1;transform:var(--movement-end)}98%{opacity:1}to{opacity:0}}main:has(.hero div:nth-child(3)) .action{margin-block:2px;background-color:transparent}main:has(.hero div:nth-child(3)) .action:before{content:"";position:absolute;inset:0;background-color:#000;background-image:url(../img/atd-gallery-cta--bg-angled.png);background-repeat:no-repeat;background-position:80% 50%;background-size:auto 300%;z-index:-2}main:has(.hero div:nth-child(3)) .action:after{content:"";position:absolute;inset:0;background-image:linear-gradient(184deg,#000,#1f0606cc 25% 75%,#000);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:-1}.action{margin-block:0;background-color:var(--atd-action-bg, #0a0101);display:flex;align-items:center;justify-content:center;text-transform:uppercase;gap:2rem;padding:3rem;position:relative;grid-area:action}.action>*{flex:0 0 auto}.action p{font-size:1.4rem;text-align:center;text-wrap:balance;max-width:50ch;flex:1 1 auto}.action a,.action button{text-decoration:none;text-transform:uppercase;color:var(--atd-bright-white);font-weight:700;font-size:1rem;text-align:center;padding-block:1rem;padding-inline:1.5rem;background-color:var(--atd-action-btn-bg, var(--atd-primary));transform:skew(-10deg);height:min-content;border:none}.action a:hover,.action button:hover{background-color:var(--atd-primary-dark);filter:brightness(2)}@media screen and (width < 60rem){.action{flex-direction:column;gap:1rem;padding:2rem}}.social{display:grid;grid-template-columns:1fr 7fr;grid-template-areas:"follow photos";gap:2px;padding:0;margin-block:0 2px}.social>div{background-color:var(--atd-social-bg, var(--atd-primary-dark));height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem;grid-area:follow}.social>div span{display:none}.social>div a{display:block;text-decoration:none;text-transform:uppercase;color:var(--atd-bright-white);font-weight:700;font-size:1rem;text-align:center}.social>div a:hover{filter:brightness(1.3)}.social ul{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:0;list-style:none;justify-items:center;grid-area:photos}.social ul li{width:100%;aspect-ratio:1/1;overflow:hidden}.social ul li img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.social ul li img:hover{transform:scale(1.05)}@media screen and (width < 30rem){.social{grid-template-columns:1fr;grid-template-areas:"photos" "follow"}.social div{flex-direction:row;justify-content:center}.social ul{grid-template-columns:repeat(3,1fr)}}.suppliers{grid-area:suppliers;background-image:radial-gradient(ellipse at top,var(--atd-body-bg) 60%,rgba(0,0,0,.1) 87%,rgba(3,1,1,.3) 100%),var(--noise-svg-lg);background-repeat:no-repeat;background-position:left;background-size:cover;background-color:transparent;filter:contrast(120%);mix-blend-mode:multiply;display:flex;align-items:center;padding-inline:2rem;padding-block:2rem;overflow:hidden}.suppliers p{min-width:15%;color:var(--atd-primary-dark);font-family:var(--atd-logo-font);text-transform:uppercase;font-size:.75rem;font-weight:700}.suppliers ul{display:grid;grid-template-columns:repeat(8,1fr);gap:1.5rem;align-items:center;list-style-type:none}.suppliers ul li:nth-child(4) img,.suppliers ul li:nth-child(6) img{filter:invert(1)}@media screen and (width < 60rem){.suppliers{flex-direction:column;text-align:left;gap:.5rem;padding-block:1rem 0;padding-inline:1rem}.suppliers p{min-width:auto}}@media screen and (width < 30rem){.suppliers{background-image:radial-gradient(ellipse at top,var(--atd-primary-dark) 60%,rgb(14,3,3) 100%)}.suppliers p{color:var(--atd-bright-white);font-size:1rem}.suppliers ul{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:1rem;padding-block:1rem;-webkit-overflow-scrolling:touch;max-width:100vw}.suppliers ul li{flex:0 0 auto;width:50vw;scroll-snap-align:start}.suppliers ul li:nth-child(4) img,.suppliers ul li:nth-child(6) img{filter:none}.suppliers ul li:nth-child(2) img{filter:invert(1)}}.showcase{--showcase-grid-template: repeat(6, 1fr);display:grid;grid-template-columns:var(--showcase-grid-template);gap:2px;margin:2px 0}.showcase:has(:nth-child(4):last-child){--showcase-grid-template: repeat(4, 1fr)}.showcase img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}@media screen and (width < 30rem){.showcase,.showcase:has(:nth-child(4):last-child){--showcase-grid-template: repeat(2, 1fr)}}.gallery-panel{column-count:1;column-gap:10px;margin-block:0 2px}.gallery-panel img{max-width:100%;display:block}.gallery-panel figure{margin:0 0 10px;display:grid;grid-template-rows:1fr auto;break-inside:avoid;overflow:hidden;transition:all .3s ease}.gallery-panel figure>img{grid-row:1/-1;grid-column:1;opacity:1;transition:all .3s ease}.gallery-panel figure:hover{transform:scale(1.05)}.gallery-panel figure:hover>img{transform:scale(1.6);opacity:1}@media (min-width: 768px){.gallery-panel{column-count:3;margin-inline:0}.gallery-panel figure>img{opacity:1}}@media (min-width: 992px){.gallery-panel{column-count:4}.gallery-panel figure>img{opacity:.9}}.gallery{margin-block:-2rem 2rem}.tab-input{display:none}.gallery-tab-navigation{display:flex;gap:0;margin-bottom:1rem;background-image:linear-gradient(to bottom,var(--atd-body-bg) 0,rgba(3,1,1,.1) 100%),var(--noise-svg-lg);background-repeat:no-repeat;background-position:left;background-size:cover;background-color:transparent}.tab-label{--gallery-highlight-color: var(--atd-primary);--gallery-tab-span-inline: 0 0;background:none;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:500;color:var(--atd-gray);cursor:pointer;position:relative;transition:all .3s ease;display:flex;width:25%;height:7rem;text-align:right;justify-content:end;filter:grayscale(100%) brightness(100%);opacity:.3}.tab-label span:nth-child(1){display:none}.tab-label span:nth-child(2){text-transform:uppercase;font-weight:700;display:block;margin-inline:var(--gallery-tab-span-inline, 0 0);margin-block:2ch 0;align-self:center;padding:.125rem .25rem;color:var(--atd-bright-white);transform:skew(-10deg);background-color:var(--gallery-highlight-color)}.tab-label:after{--gallery-tab-logo: url(/img/logos/atd-signs-logo.png);--gallery-tab-gradient-start: rgba(10, 1, 1, .5);content:"";position:absolute;inset:var(--gallery-tab-logo-inset, 0 8.5ch 0 1rem);background-image:var(--gallery-tab-logo),radial-gradient(farthest-corner at center 80%,var(--gallery-tab-gradient-start, rgba(10, 1, 1, .5)) 10%,transparent 70%);background-size:contain;background-repeat:no-repeat;background-position:left center;filter:drop-shadow(0 0 .3rem rgba(0,0,0,.6))}.tab-label:before{--gallery-tab-gradient-start: hsla(2, 100%, 15%, .9);content:"";background:radial-gradient(farthest-corner at left 90%,var(--gallery-tab-gradient-start, hsla(2, 100%, 15%, .9)) 20%,transparent 70%);background-size:cover;background-repeat:no-repeat;background-position:bottom left;position:absolute;inset:0;mix-blend-mode:multiply;transform:skew(-10deg)}.tab-label:hover{filter:brightness(100%);opacity:.7}.tab-label:hover:after{border-bottom:4px solid var(--gallery-highlight-color)}.tab-label[for=tab-accessories]{--gallery-highlight-color: var(--pms-418);--gallery-tab-span-inline: 0 3ch}.tab-label[for=tab-accessories]:after{--gallery-tab-logo: url(/img/logos/atd-accessories-logo.png);--gallery-tab-gradient-start: rgba(21, 17, 11, .5);--gallery-hightlight-color: var(--pms-418-light)}.tab-label[for=tab-accessories]:before{--gallery-tab-gradient-start: hsla(90, 5%, 22%, .9)}#tab-signs-wraps:checked~.gallery-tab-navigation label[for=tab-signs-wraps],#tab-accessories:checked~.gallery-tab-navigation label[for=tab-accessories]{filter:none;opacity:1}#tab-signs-wraps:checked~.gallery-tab-navigation label[for=tab-signs-wraps]:after,#tab-accessories:checked~.gallery-tab-navigation label[for=tab-accessories]:after{border-bottom:3px solid var(--gallery-highlight-color)}#tab-signs-wraps:checked~.gallery-tab-navigation label[for=tab-signs-wraps]:hover,#tab-accessories:checked~.gallery-tab-navigation label[for=tab-accessories]:hover{filter:brightness(130%) saturate(130%)}.gallery-content{position:relative}.gallery-panel{display:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}#tab-signs-wraps:checked~.gallery-content #signs-wraps,#tab-accessories:checked~.gallery-content #accessories{display:block;opacity:1;transform:translateY(0);animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (width < 60rem){.gallery{margin-block:-4rem 2rem}.tab-label{--gallery-tab-logo-inset: 0 0 0 1rem;padding:0;width:50%;overflow:hidden}.tab-label:before{transform:none;background:linear-gradient(5deg,var(--gallery-tab-gradient-start, hsla(2, 100%, 15%, .9)) 20%,transparent 100%)}.tab-label span:nth-child(2){margin-block:0;margin-inline:0 -.5rem;padding-inline:.5rem 1rem;align-self:end;z-index:5}}.contact{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"details form";margin-bottom:2px;gap:2px}.contact>*{background-color:var(--atd-about-bg, #0c0e09);padding-block:2rem;padding-inline:2rem}.contact strong{text-transform:uppercase;font-weight:700;color:var(--atd-header-color);padding-block:1rem;display:block}.contact ul{list-style-type:none;display:grid;grid-template-columns:1fr 1fr;grid-area:details}.contact ul li p span{text-transform:uppercase;color:var(--atd-mid-gray);font-size:.8rem}.contact div:has(h2){display:flex;flex-direction:column;align-items:start;gap:1rem;grid-area:details}.contact div:has(h2) h2{color:var(--atd-header-color, var(--atd-primary));font-family:var(--atd-logo-font);font-weight:700;text-transform:uppercase;font-size:1.5rem}.contact div:has(h2)>p:nth-last-of-type(1){font-size:1.125rem;text-transform:uppercase;color:var(--atd-mid-gray)}.contact div:has(h2) ul{list-style-type:square;display:grid;grid-template-columns:1fr;gap:.5rem;padding-inline:2ch 0}.contact div:has(h2) ul li::marker{color:var(--atd-primary)}.contact div:has(h2) a{display:grid;grid-template-columns:1fr;grid-template-areas:"stack";justify-items:center;align-items:center;width:66%;aspect-ratio:4/3;box-shadow:0 0 10px #00000080}.contact div:has(h2) a svg{width:5rem;height:auto;grid-area:stack;border-radius:100vh;background-color:#00000080;padding:1rem;z-index:10}.contact div:has(h2) a img{grid-area:stack;mask-image:radial-gradient(ellipse at center,rgb(0,0,0) 50%,transparent 100%);aspect-ratio:4/3;object-fit:cover;max-width:100%}.contact div:has(h2) a:hover svg{background-color:#000000e6}.contact div:has(h2) a:hover img{mask-image:radial-gradient(ellipse at center,rgb(0,0,0) 70%,transparent 100%)}.contact div:has(form){grid-area:form}.contact div:has(form) form>div{display:flex;flex-direction:column}.contact div:has(form) form>div:first-child label{padding-bottom:1rem}.contact div:has(form) form>div:not(:first-child) label{padding-block:1rem}.contact div:has(form) form>div input{height:calc(2.25rem + 2px);padding:.375rem 1.25rem}.contact div:has(form) form>div input,.contact div:has(form) form>div textarea{display:inline-block;line-height:1.5;color:var(--atd-bright-white);background-color:#80a66e1a;background-clip:padding-box;border:1px solid var(--atd-primary, hsl(100, 24%, 54%));border-radius:8px}.contact div:has(form) form>div textarea{padding-inline:1rem;padding-block:1rem}.contact div:has(form) form>div button{height:calc(2.25rem + 2px);padding:.375rem 1.75rem;align-self:start;display:inline-flex;align-items:center;justify-content:center;line-height:1.5;color:var(--atd-body-bg);text-align:center;vertical-align:middle;cursor:pointer;user-select:none;background-color:var(--atd-primary, hsla(100, 24%, 54%, .5));border:1px solid transparent;margin-block:1rem;transform:skew(-10deg);font-weight:700;text-transform:uppercase;font-size:1rem}.contact div:has(form) form>div button:hover{background-color:var(--atd-action-btn-bg, hsl(100, 24%, 54%));border:1px solid var(--atd-action-btn-bg, hsl(100, 24%, 54%))}.contact div:has(form) form>div button:disabled{opacity:.3;cursor:not-allowed}.contact div:has(form) form .message:not(:empty){color:var(--atd-primary);padding:1rem;background-color:var(--atd-primary-dark);border-radius:.5rem}.contact div:has(form) form .help-block{color:var(--atd-primary);font-size:.7rem;text-transform:uppercase;line-height:2.5}@media screen and (width <= 30rem){.contact{grid-template-columns:1fr;grid-template-areas:"form" "details"}.contact ul{grid-template-columns:1fr;gap:1rem}.contact div:has(h2) a{grid-area:auto;width:100%}}.cf-turnstile{margin-top:1rem}section.missing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:12rem 0;text-align:center;margin-block:auto;color:var(--atd-gray);gap:2rem}section.missing h1{font-size:4rem}section.missing a{text-decoration:none;text-transform:uppercase;color:var(--atd-bright-white);font-weight:700;font-size:1rem;text-align:center;padding-block:1rem;padding-inline:1.5rem;background-color:var(--atd-action-btn-bg, var(--atd-primary));transform:skew(-10deg);height:min-content;border:none}section.missing a:hover{background-color:var(--atd-primary-dark);filter:brightness(2)}@media screen and (width < 30rem){section.missing{padding-block:8rem 0;padding-inline:1rem}section.missing h1{font-size:2rem}}.close{position:absolute;top:-1rem;right:-1rem;background:none;border:none;border-radius:100vw;padding-inline:1.25rem;cursor:pointer;z-index:1090}.close span{font-size:2rem;line-height:1;color:var(--white)}.modal{position:fixed;width:fit-content;height:calc(100% - 10rem);overflow:visible;top:50%;left:50%;translate:-50% -50%;background-color:var(--white);padding:0;margin:0;border-radius:6px;border:none;outline:none}.modal:open{display:flex;flex-direction:column;gap:1rem}.modal::backdrop{background-color:#000000fa}.modal video{height:100%;border-radius:1rem}.modal>div button,.modal>div button:link,.modal>div button:visited,.modal>div button:active{font-size:4rem;font-weight:300;line-height:.5;color:var(--atd-bright-white);outline:none;position:absolute;top:-1rem;right:-1rem;border-radius:100vw;border:none;padding-inline:.5rem;padding-block:.5rem 1rem;z-index:1090}@media screen and (width < 30rem){.modal{width:calc(100% - 2rem);height:fit-content;max-height:calc(100% - 4rem)}}