@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/dm-sans-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/dm-sans-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/dm-sans-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/dm-sans-3.ttf) format('truetype');
}
:root{color-scheme:dark;--bg:#0b0b0b;--ink:#f2eee8;--muted:#aaa6a1;--gold:#d9b897;--line:#2a2724}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}header{height:92px;padding:0 3.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0b0b0bef;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{font-size:23px;letter-spacing:.14em;font-weight:650;display:flex;align-items:center;gap:12px}.brand-symbol{font-size:39px;color:var(--gold);line-height:1}nav{display:flex;gap:38px;color:#b0aaa3}nav a:hover,footer a:hover{color:var(--gold)}.cta{background:linear-gradient(110deg,#e3c9ac,#c4a180);color:#17130f;padding:15px 22px;border-radius:40px;font-size:15px;font-weight:600;display:flex;gap:25px;align-items:center}.cta:hover{background:#f0d8bd}main{max-width:1600px;margin:auto;padding:0 3.1%}.intro{display:flex;justify-content:space-between;align-items:end;padding:64px 0 50px;gap:40px}.eyebrow{font-size:12px;letter-spacing:.19em;color:var(--gold);font-weight:550;margin:0 0 22px}h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:-.055em;line-height:1.04;font-weight:500;margin:0}em{font-style:normal;color:var(--gold)}.intro-side{max-width:345px;padding-bottom:4px}.intro-side p{line-height:1.7;color:var(--muted);margin:0 0 26px}.text-link{font-size:14px;display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #645344;padding-bottom:10px}.text-link span{color:var(--gold)}.section-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.section-label h2,.section-label span{font-size:12px;letter-spacing:.16em;font-weight:500;text-transform:uppercase;color:#aaa49c}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{position:relative;isolation:isolate;border:1px solid #34312d;border-radius:21px;overflow:hidden;aspect-ratio:1.6;text-align:left;color:var(--ink);padding:28px;cursor:pointer;background:#191919}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:grayscale(1) brightness(.74);transition:transform .65s,filter .65s}.card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002 30%,#0001 42%,#000c 100%);z-index:-1}.card:hover img{transform:scale(1.045);filter:grayscale(.8) brightness(.9)}.card:hover{border-color:#917355}.tag{position:absolute;top:26px;left:26px;background:#0a0a0ad9;border:1px solid #ffffff0a;border-radius:25px;padding:8px 14px;letter-spacing:.16em;font-size:11px;font-weight:600}.card-content{position:absolute;left:27px;right:70px;bottom:28px;display:flex;flex-direction:column;gap:11px}.card-title{font-size:clamp(23px,2.45vw,36px);line-height:1.12;letter-spacing:-.045em;font-weight:500}.card-sub{font-family:monospace;font-size:12px;letter-spacing:.13em;color:#d2baa2;line-height:1.6}.arrow{position:absolute;right:25px;bottom:27px;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#090909d9;font-size:23px;transition:background .2s,color .2s}.card:hover .arrow{background:var(--gold);color:#111}.hardware img{width:166%;height:166%;object-position:left top;filter:brightness(.75)}.about{padding:95px 0;display:grid;grid-template-columns:1fr 1fr;column-gap:60px;border-bottom:1px solid var(--line);margin-top:38px}.about>.eyebrow{grid-column:1/-1}.about h2{font-size:clamp(32px,3.5vw,50px);line-height:1.15;letter-spacing:-.045em;font-weight:450;margin:0}.about h2 span{color:#aaa49e}.about-copy{max-width:510px;line-height:1.8;color:var(--muted)}.about-copy p:first-child{margin-top:0}.identity{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:70px 0}.identity>img{width:100%;border-radius:18px;border:1px solid var(--line)}.identity h2{font-weight:450;font-size:clamp(26px,3vw,44px);letter-spacing:-.04em;line-height:1.2;margin:0 0 32px}footer{max-width:1600px;margin:auto;border-top:1px solid var(--line);padding:32px 3.1%;display:flex;align-items:center;justify-content:space-between;color:#a9a29b}footer p,footer>a:last-child{font-size:13px}footer .brand{color:var(--ink)}dialog{color:var(--ink);background:#151413;border:1px solid #665340;border-radius:23px;width:min(600px,calc(100% - 32px));padding:48px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:36px;font-weight:500;letter-spacing:-.04em;margin:0 0 24px}dialog>p:not(.eyebrow),dialog li{line-height:1.7;color:#c6beb6}dialog ul{padding-left:20px;margin-bottom:32px}.close{position:absolute;top:12px;right:18px;background:none;border:0;color:var(--gold);font-size:32px;cursor:pointer}.dialog-back{width:100%;padding:14px 19px;border:1px solid #5c4c3d;background:#d9b897;color:#19130d;border-radius:30px;cursor:pointer}.dialog-back span{margin-left:20px}:focus-visible{outline:2px solid #eed2b3;outline-offset:5px}@media(min-width:1600px){header{padding-left:calc((100vw - 1500px)/2);padding-right:calc((100vw - 1500px)/2)}}@media(max-width:900px){nav{gap:20px}.cta{font-size:13px;padding:12px 16px;gap:12px}.intro-side{max-width:285px}.card{aspect-ratio:1.3;padding:20px}.tag{left:20px;top:20px}.card-content{left:20px;bottom:22px}.card-sub{font-size:11px;letter-spacing:.08em}.arrow{right:17px;bottom:22px;width:40px;height:40px}}@media(max-width:650px){header{height:77px;padding:0 20px}nav{display:none}.brand{font-size:19px;gap:8px}.brand-symbol{font-size:31px}.cta{font-size:12px;gap:8px;padding:12px 13px}main{padding:0 20px}.intro{padding:43px 0 35px;display:block}.intro-side{max-width:100%;margin-top:27px}.intro-side p{max-width:360px;margin-bottom:16px;font-size:15px}h1{font-size:48px}.grid{grid-template-columns:1fr;gap:18px}.card{aspect-ratio:1.3}.card-title{font-size:29px}.card-sub{font-size:11px}.about{grid-template-columns:1fr;gap:25px;padding:45px 0;margin-top:20px}.about>.eyebrow{margin-bottom:0}.identity{grid-template-columns:1fr;gap:30px;padding:40px 0}.identity h2{font-size:33px}footer{margin:0 20px;padding:26px 0;gap:20px;flex-wrap:wrap}footer p{display:none}dialog{padding:43px 26px 26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
