@font-face{font-family:Usuzi;src:url('assets/usuzi-condensed.ttf') format('truetype');font-display:swap}@font-face{font-family:Diodrum;src:url('assets/diodrum-light.otf');font-weight:300;font-display:swap}@font-face{font-family:Diodrum;src:url('assets/diodrum-medium.otf');font-weight:500;font-display:swap}
:root{--ink:#111414;--paper:#f4f3ef;--red:#f24830;--muted:#a3a6a5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--paper);font:300 17px/1.5 Diodrum,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--red);outline-offset:6px}.skip{position:absolute;left:20px;top:-80px;padding:10px;background:var(--red);z-index:10}.skip:focus{top:10px}header{max-width:1600px;margin:auto;height:108px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.brand img{width:173px;height:auto;display:block}nav{display:flex;align-items:center;gap:40px;font-size:15px;font-weight:500}.nav-contact{border:1px solid #ffffff50;padding:12px 20px}.nav-contact span{margin-left:27px;color:var(--red)}nav a:hover{color:var(--red)}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:650px}.hero-copy{padding:63px 5vw 24px}.eyebrow{font:500 11px/1.6 Diodrum,Arial,sans-serif;letter-spacing:.13em;margin:0 0 36px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--red);margin-right:9px;border-radius:50%}h1,h2{font-family:Usuzi,Impact,sans-serif;font-weight:400;line-height:1.12;letter-spacing:-.015em;margin:0}h1{font-size:clamp(48px,5.1vw,82px)}h1 span,h2 span{color:var(--red)}.lead{color:#b9bcba;font-size:18px;max-width:400px;margin:26px 0 30px}.button{display:inline-flex;align-items:center;gap:36px;padding:16px 22px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.red{background:var(--red);color:#fff}.red:hover{background:#d83b25}.button span{font:24px/1 Arial}.hero-foot{margin-top:62px;display:flex;gap:15px;justify-content:space-between;font-size:11px;color:var(--muted)}.hero-foot a span{padding-left:12px;color:white}.hero-image{position:relative;overflow:hidden;background:#101719}.hero-image>img{width:100%;height:100%;object-fit:cover;display:block}.image-label{position:absolute;left:35px;bottom:30px;font-size:10px;letter-spacing:.16em;line-height:1.8}.slashes{position:absolute;right:-24px;bottom:55px;display:flex;gap:10px;transform:rotate(0)}.slashes b{display:block;width:46px;height:120px;background:var(--red);transform:skewY(-42deg)}.slashes b:first-child{opacity:.65;transform:translateY(-42px) skewY(-42deg)}.ticker{display:flex;justify-content:space-around;align-items:center;gap:30px;padding:22px 4%;background:var(--red);color:#101414;overflow:hidden;white-space:nowrap;font-family:Usuzi,Impact,sans-serif;font-size:20px}.ticker i{font:27px Arial;font-style:normal}.section{padding:90px 5%;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:start}.small-note{margin:0;font-size:13px;color:#737775}.products{background:var(--paper);color:var(--ink)}h2{font-size:clamp(35px,4.1vw,62px)}.products h2 span{color:#8c908b}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-top:48px}.product-image{overflow:hidden;aspect-ratio:1.12;background:#fff}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product:hover img{transform:scale(1.035)}.product-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #12141430;padding:20px 0 15px}.product-title h3{font-size:21px;font-weight:500;margin:0}.product-title>span{font:25px Arial;color:var(--red)}.product>p{font-size:15px;color:#6c716e;max-width:300px;margin:14px 0}.availability{margin:42px 0 0;font-size:14px;color:#6c716e}.availability a{color:var(--ink);text-decoration:underline;text-underline-offset:5px;margin-left:8px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-copy{max-width:480px;color:#a6aca9}.about-intro{font-size:25px;color:var(--paper);line-height:1.4;margin-top:0}.about-copy>p:not(.about-intro){font-size:17px}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff40;padding:18px 0;color:var(--paper);font-weight:500;font-size:15px}.text-link span{color:var(--red)}.about-bottom{border-top:1px solid #ffffff26;margin-top:70px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:var(--muted)}.mini-slashes{color:var(--red);font-size:26px;transform:rotate(-30deg)}.contact{background:var(--red);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2 span{color:#fff}.contact-heading>p:last-child{font-size:16px;max-width:330px}.contact-details{padding-top:48px}.phone{display:flex;justify-content:space-between;align-items:center;font-size:clamp(28px,3.5vw,48px);font-weight:500;border-bottom:1px solid #11141460;padding-bottom:22px}.phone span{font:32px Arial}.address{padding-top:30px}.address>span{font-size:10px;font-weight:500;letter-spacing:.12em}.address p{font-size:22px;line-height:1.4;margin:12px 0 25px}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#333}.contact a:focus-visible{outline-color:white}footer{padding:38px 5%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}footer .brand img{width:140px}footer p{margin:0}@media(min-width:1600px){.section{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:1000px){.hero-copy{padding-top:44px}h1{font-size:49px}.hero{min-height:580px}.hero-foot{margin-top:40px}.hero-image>img{object-position:55% center}.product-title h3{font-size:18px}.ticker{font-size:17px;gap:22px}.ticker span:last-of-type,.ticker i:last-child{display:none}}@media(max-width:700px){header{height:84px;padding:0 6%}.brand img{width:140px}nav{gap:0}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:12px;padding:10px 12px}.nav-contact span{margin-left:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 25px}.eyebrow{font-size:10px;margin-bottom:26px}h1{font-size:clamp(42px,9vw,61px)}.lead{font-size:17px;max-width:360px;margin:22px 0}.hero-foot{margin-top:35px}.hero-image{height:390px}.hero-image>img{object-position:center 58%;height:100%;width:100%;object-fit:cover}.image-label{left:6%;bottom:20px}.slashes{right:15px;bottom:40px}.slashes b{width:30px;height:85px}.ticker{justify-content:flex-start;font-size:15px;padding:17px 6%;gap:22px}.ticker span:nth-of-type(3),.ticker i:nth-of-type(3){display:none}.section{padding:58px 6%}h2{font-size:clamp(34px,7.3vw,47px)}.small-note{display:none}.product-grid{grid-template-columns:1fr;margin-top:32px;gap:28px}.product-image{aspect-ratio:1.3}.product-image img{object-position:center}.product-title{padding:17px 0 12px}.product-title h3{font-size:22px}.product>p{max-width:100%}.availability{margin-top:28px}.availability a{display:block;margin:9px 0 0}.about-grid,.contact{grid-template-columns:1fr;gap:30px}.about-intro{font-size:23px}.about-bottom{margin-top:40px;font-size:9px;gap:18px}.about-bottom span:last-child{max-width:130px;text-align:right}.contact-details{padding-top:0}.phone{font-size:34px}footer{padding:30px 6%;gap:24px;flex-wrap:wrap}footer .brand{width:100%}footer .brand img{width:140px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand img{mix-blend-mode:screen}

/* Refined typography, original vector illustration and compact category icons. */
h1,h2{line-height:.84}
.hero{min-height:590px;align-items:stretch}
.hero-copy{padding-top:72px;padding-bottom:34px}
.hero .lead{margin-top:33px}
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#151b19;border-left:1px solid #ffffff16}
.circuit-art{width:100%;max-width:650px;display:block;aspect-ratio:1}
.art-caption{position:absolute;bottom:31px;left:35px;font-size:10px;letter-spacing:.12em;color:#a3aaa6}
.hero-foot{margin-top:55px}
.hero-foot a{border-bottom:1px solid #ffffff45;padding-bottom:3px}
.button{gap:0;padding:15px 25px}
.button:hover{transform:translateY(-2px)}
.ticker{padding-top:20px;padding-bottom:20px;font-size:16px}
.ticker i{display:block;width:5px;height:5px;flex-shrink:0;background:var(--ink);transform:rotate(45deg)}
.product-grid{gap:0;margin-top:55px;border-top:1px solid #12141430;border-bottom:1px solid #12141430}
.product{padding:35px 30px 30px;border-right:1px solid #12141425;transition:background .2s}
.product:first-child{padding-left:0}
.product:last-child{border-right:0}
.product:hover{background:#eae9e2}
.product-icon{height:112px;display:flex;align-items:flex-start}
.product-icon svg{width:78px;height:78px}
.icon-accent{stroke:var(--red)}
.product-title{border:0;padding:15px 0 0}
.product-title h3{font-size:22px}
.product>p{margin:12px 0 0}
.about-grid{align-items:start}
.about h2{line-height:.87}
.contact h2{line-height:.84}
.contact-heading>p:last-child{margin-top:30px}
.contact-details{padding-top:45px}
.phone{font-size:clamp(28px,3.2vw,46px)}
.text-link{display:inline-block;padding:12px 0 5px;margin-top:10px}
.availability{margin-top:28px}
footer{padding-top:26px;padding-bottom:26px;border-top:1px solid #ffffff20}
footer>a{border-bottom:1px solid #ffffff35}
@media(max-width:1000px){.hero{min-height:540px}.hero-copy{padding-top:52px}.product{padding-left:22px;padding-right:22px}.product-title h3{font-size:19px}}
@media(max-width:700px){.hero-copy{padding-top:43px;padding-bottom:30px}.hero-art{height:325px;border-left:0;border-top:1px solid #ffffff16}.circuit-art{width:355px;max-width:100%;height:355px}.art-caption{bottom:15px;left:6%;font-size:8px}.hero-foot{margin-top:35px}.ticker{font-size:13px;gap:20px;padding:17px 6%}.product-grid{margin-top:32px;gap:0}.product,.product:first-child{padding:28px 0;border-right:0;border-bottom:1px solid #12141425;display:grid;grid-template-columns:64px 1fr;column-gap:20px;align-items:center}.product:last-child{border-bottom:0}.product-icon{height:auto;grid-row:1 / 3;align-items:center}.product-icon svg{width:59px;height:68px}.product-title{padding:0}.product-title h3{font-size:21px}.product>p{font-size:14px;margin-top:8px}.contact-details{padding-top:0}.about h2{margin-bottom:4px}.section{padding-top:62px;padding-bottom:62px}footer{padding:25px 6%;flex-wrap:nowrap;gap:16px}}

/* Photography flows behind the introduction; category artwork has equal visual weight. */
.hero{position:relative;isolation:isolate;display:block;max-width:none;min-height:650px;overflow:hidden}
.hero-copy{position:relative;z-index:2;width:53%;max-width:800px;padding:74px 0 42px 5%;pointer-events:none}
.hero-copy a{pointer-events:auto}
.hero-photo{position:absolute;z-index:-1;inset:0 0 0 30%;overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;display:block}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111414 0%,#111414e8 9%,#11141475 27%,transparent 48%),linear-gradient(0deg,#11141455,transparent 22%)}
.hero .lead{max-width:380px}.hero-foot{max-width:400px}
.product-grid{gap:0;border-top:1px solid #12141426;border-bottom:1px solid #12141426;margin-top:50px}
.product,.product:first-child,.product:last-child{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 26px 36px;border:0;border-right:1px solid #12141426}
.product:last-child{border-right:0}
.product-icon{width:100%;height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.product-icon svg{display:block;width:160px;height:160px;stroke-width:1.8;transition:transform .25s ease}
.product:hover .product-icon svg{transform:translateY(-4px)}
.product-title{padding:0;justify-content:center;min-height:34px;align-items:center}
.product-title h3{font-size:24px;line-height:1.3;letter-spacing:-.025em}
.product>p{font-size:16px;line-height:1.5;max-width:280px;margin:14px auto 0;min-height:48px}
.product:hover{background:#eeede7}
@media(min-width:1600px){.hero-copy{padding-left:max(5%,calc((100vw - 1440px)/2));max-width:950px}}
@media(max-width:1100px){.hero{min-height:590px}.hero-copy{width:57%;padding-top:66px;padding-right:20px}.hero-photo{left:25%}.hero-photo img{object-position:63% 50%}.product-title h3{font-size:21px}.product,.product:first-child,.product:last-child{padding-left:18px;padding-right:18px}.product-icon{height:170px}.product-icon svg{width:145px;height:145px}}
@media(max-width:700px){.hero{min-height:0;padding-bottom:0}.hero-copy{width:100%;max-width:none;padding:43px 6% 15px}.hero-photo{position:relative;inset:auto;z-index:0;height:290px;margin-top:0}.hero-photo img{object-position:75% 55%;width:115%;max-width:none;margin-left:-15%}.hero-photo::after{background:linear-gradient(180deg,#111414 0%,#11141499 12%,transparent 35%),linear-gradient(90deg,#11141466,transparent 40%)}.hero-foot{margin-top:28px;max-width:none}.hero .lead{max-width:350px}.product-grid{margin-top:34px}.product,.product:first-child,.product:last-child{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto;text-align:left;column-gap:22px;row-gap:8px;padding:28px 0;border-right:0;border-bottom:1px solid #12141426;align-items:center}.product:last-child{border-bottom:0}.product-icon{width:112px;height:126px;margin:0;grid-column:1;grid-row:1/3}.product-icon svg{width:112px;height:112px}.product-title{grid-column:2;grid-row:1;align-self:end;justify-content:flex-start;min-height:0}.product-title h3{font-size:21px;line-height:1.25}.product>p{grid-column:2;grid-row:2;align-self:start;font-size:15px;line-height:1.4;min-height:0;margin:0;max-width:none}}
@media(max-width:360px){.product,.product:first-child,.product:last-child{grid-template-columns:96px minmax(0,1fr);column-gap:16px}.product-icon,.product-icon svg{width:96px}.product-title h3{font-size:19px}}

/* Quiet movement and a cleaner introduction. */
.availability{text-align:center;margin:32px 0 0;font-size:15px;line-height:1.7}
.availability a{display:inline;margin-left:8px;text-decoration-thickness:1px;transition:color .2s}
.availability a:hover{color:#c32f1d}
.hero-copy{padding-top:95px;padding-bottom:70px}
.hero .lead{margin-top:34px;margin-bottom:34px}
.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.lead,.hero-copy>.button{animation:hero-arrive .7s both cubic-bezier(.2,.7,.2,1)}
.hero-copy>h1{animation-delay:.07s}.hero-copy>.lead{animation-delay:.14s}.hero-copy>.button{animation-delay:.21s}
@keyframes hero-arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
.ticker{position:relative;display:block;padding:0;height:64px;overflow:hidden}
.ticker-track{display:flex;width:max-content;height:100%;animation:ticker-flow 38s linear infinite;will-change:transform}
.ticker-group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;width:max(100vw,1100px);gap:35px;padding:0 30px}
.ticker .ticker-group>span{display:block;font-size:16px;white-space:nowrap}
.ticker .ticker-group>i{display:block;width:5px;height:5px;flex-shrink:0;background:var(--ink);transform:rotate(45deg)}
.ticker.is-paused .ticker-track{animation-play-state:paused}
.ticker-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);padding:6px 10px;background:var(--red);box-shadow:0 0 18px 18px var(--red);color:var(--ink);border:1px solid #11141445;font:500 11px/1.4 Diodrum,Arial,sans-serif;cursor:pointer}
.ticker-toggle:hover{border-color:var(--ink)}.ticker-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@keyframes ticker-flow{to{transform:translateX(-50%)}}
.product-title h3{transition:color .2s}.product:hover .product-title h3{color:#c32f1d}
.button{transition:background .2s,transform .2s,box-shadow .2s}.button:hover{box-shadow:0 5px 18px #0000001c}
nav>a:not(.nav-contact){position:relative;padding:4px 0}nav>a:not(.nav-contact)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s}nav>a:not(.nav-contact):hover::after,nav>a:not(.nav-contact):focus-visible::after{transform:scaleX(1)}
@media(max-width:1100px){.hero-copy{padding-top:82px}}
@media(max-width:700px){.hero-copy{padding-top:43px;padding-bottom:12px}.hero .lead{margin-top:28px;margin-bottom:26px}.hero-photo{height:300px;margin-top:10px}.ticker{height:55px}.ticker .ticker-group>span{font-size:14px}.ticker-toggle{right:12px;font-size:10px}.availability{font-size:14px;margin-top:27px}.availability a{display:block;margin:7px 0 0}}
@media(prefers-reduced-motion:reduce){.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.lead,.hero-copy>.button{animation:none}.ticker-track{animation:none;will-change:auto;width:100%}.ticker-group{width:100%;gap:15px;padding:0 6%;justify-content:space-around}.ticker-group:nth-child(2),.ticker-toggle{display:none}.ticker .ticker-group>span{font-size:12px}.ticker .ticker-group>span:last-of-type,.ticker .ticker-group>i:last-child{display:none}.ticker{height:55px}@media(max-width:700px){.ticker .ticker-group>span:nth-of-type(3),.ticker .ticker-group>i:nth-of-type(3){display:none}}}

/* Open category rows replace the boxed panel. */
.product-grid{display:block;margin-top:48px;border:0}
.product,.product:first-child,.product:last-child{display:grid;grid-template-columns:160px minmax(230px,.9fr) minmax(250px,1fr);column-gap:45px;align-items:center;padding:23px 26px;border:0;border-bottom:1px solid #11141424;text-align:left;transition:background .25s}
.product:first-child{border-top:1px solid #11141424}
.product-icon{width:150px;height:142px;margin:0;grid-column:1;grid-row:1;justify-content:center;align-items:center}
.product-icon svg{width:130px;height:130px;stroke-width:2}
.product-title{grid-column:2;grid-row:1;justify-content:flex-start;min-height:0;padding:0}
.product-title h3{font-size:29px;line-height:1.25;font-weight:500}
.product>p{grid-column:3;grid-row:1;max-width:340px;min-height:0;margin:0;font-size:18px;line-height:1.5;color:#5d655f}
.product:hover{background:#ebeae3}
.product:hover .product-icon svg{transform:translateY(-3px)}
.availability{margin-top:35px}
.products .section-top{align-items:start}
@media(max-width:1050px){.product,.product:first-child,.product:last-child{grid-template-columns:125px minmax(190px,1fr) minmax(180px,1fr);column-gap:22px;padding-left:12px;padding-right:12px}.product-icon{width:120px;height:130px}.product-icon svg{width:115px;height:115px}.product-title h3{font-size:24px}.product>p{font-size:16px}}
@media(max-width:700px){.product-grid{margin-top:35px}.product,.product:first-child,.product:last-child{grid-template-columns:105px minmax(0,1fr);grid-template-rows:auto auto;column-gap:24px;row-gap:9px;padding:27px 0}.product-icon{width:105px;height:116px;grid-column:1;grid-row:1/3}.product-icon svg{width:105px;height:105px}.product-title{grid-column:2;grid-row:1;align-self:end}.product-title h3{font-size:22px;line-height:1.3}.product>p{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:15px;line-height:1.45}.availability{margin-top:29px}}
@media(max-width:360px){.product,.product:first-child,.product:last-child{grid-template-columns:88px minmax(0,1fr);column-gap:20px}.product-icon,.product-icon svg{width:88px}.product-title h3{font-size:20px}}

/* Keep the outer desktop gutter outside the text column's usable width. */
.hero-copy{width:min(650px,48vw);max-width:none;margin-left:max(5vw,calc((100vw - 1440px)/2));padding:95px 0 70px}
.hero h1{font-size:clamp(38px,4.6vw,78px)}
.hero h1 .headline-line{display:block;white-space:nowrap;color:var(--paper)}
.hero h1 em{color:var(--red);font-style:normal}
@media(max-width:1100px){.hero-copy{width:52vw;margin-left:5%;padding:82px 0 70px}}
@media(max-width:700px){.hero-copy{width:auto;margin:0 6%;padding:43px 0 12px}.hero h1{font-size:clamp(32px,10.5vw,52px)}}

footer{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.design-credit{text-align:center}.design-credit a{color:var(--paper);text-decoration:underline;text-decoration-color:#ffffff50;text-underline-offset:4px;transition:color .2s}
.design-credit a:hover{color:var(--red)}footer>.back-top{justify-self:end}
@media(max-width:700px){footer{grid-template-columns:1fr auto;gap:18px}.design-credit{grid-column:1/-1;grid-row:2;text-align:left}footer>.back-top{grid-column:2;grid-row:1}}

.product-icon .brand-icon{stroke:none;fill:var(--ink)}

.product-icon svg{fill:none;stroke:currentColor;stroke-width:2.8}

.opening-hours{margin-top:30px;padding-top:22px;border-top:1px solid #11141445;max-width:370px}
.opening-hours h3{font:500 10px/1.5 Diodrum,Arial,sans-serif;letter-spacing:.12em;margin:0 0 16px}
.opening-hours dl{margin:0}.opening-hours dl>div{display:flex;justify-content:space-between;gap:24px;margin:10px 0;font-size:16px;line-height:1.5}
.opening-hours dt,.opening-hours dd{margin:0}.opening-hours dd{font-weight:500;white-space:nowrap}
@media(max-width:700px){.opening-hours{max-width:none;margin-top:28px}.opening-hours dl>div{font-size:15px}}
