:root{color-scheme:dark;--amber:#ffc367;--teal:#37e9ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#04131d;color:#f1f4f7;font:17px/1.5 'Segoe UI',Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.skip{position:absolute;top:-80px;z-index:5;background:#04131d;padding:16px}.skip:focus{top:0}.showcase{background:url('assets/original-design.png') center top/100% 100% no-repeat;aspect-ratio:1.5;position:relative;max-width:1920px;margin:auto}header{height:6.45%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{display:flex;align-items:center;gap:20px;text-decoration:none;font-size:clamp(13px,1.1vw,21px);letter-spacing:.3em;white-space:nowrap}.brand svg{width:54px;height:45px;fill:none;stroke:var(--amber);stroke-width:2.5}nav{display:flex;gap:48px;font-size:clamp(14px,1.05vw,20px)}nav a{text-decoration:none}nav a:hover{color:var(--amber)}main{height:89.25%}.hero{height:69.86%;text-align:center;padding-top:3.6%;position:relative}h1{font-size:clamp(25px,2.72vw,52px);line-height:1.14;font-weight:600;letter-spacing:-.02em;margin:0;text-shadow:0 2px 20px #06131d}h1 span{color:var(--amber)}.hero>p{letter-spacing:.4em;font-size:clamp(13px,1.22vw,23px);margin:16px 0}.products{height:30.14%;display:grid;grid-template-columns:1fr 1fr}.products article{display:flex;gap:24px;padding:5.9% 5% 3% 22.7%;align-items:flex-start}.products article:nth-child(2){padding-left:17%}.products h2{font-size:clamp(25px,2.35vw,45px);line-height:1.1;font-weight:600;margin:0 0 6px}.products p{margin:0;font-size:clamp(14px,1.13vw,22px);line-height:1.27;color:#d6dee5}.icon{flex:0 0 auto;display:grid;place-items:center;font-size:43px;border:1px solid;border-radius:22px;width:5.3vw;height:5.3vw;max-width:100px;max-height:100px;background:#061520a8;line-height:1}.teal{color:var(--teal)}.amber{color:var(--amber)}.button{margin-top:24px;min-height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:2px solid var(--amber);border-radius:40px;text-decoration:none;color:var(--amber);background:#02121bd9;padding:8px 28px;font-size:clamp(15px,1.1vw,21px);white-space:nowrap}.button span{font-size:25px;line-height:1}.button.teal{border-color:var(--teal);color:#f3f9fc}.button:hover{background:#19404c}.products .status{letter-spacing:.25em;color:var(--amber);font-size:clamp(12px,.85vw,16px);margin-top:14px}.status+.button{margin-top:10px}.art-note{text-align:center;font-size:12px;letter-spacing:.06em;color:#95a7b3;margin:0;padding-top:.7%}.details{max-width:1280px;margin:auto;padding:85px 6%;border-top:1px solid #ffffff15}.details h2{font-size:38px;font-weight:500;margin:0 0 15px}.details p{color:#bed0dc}.eyebrow{letter-spacing:3px;font-size:14px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}figure{margin:0;background:#0b2330;border-radius:10px;overflow:hidden}img{width:100%;display:block}figcaption{padding:15px 20px}.note{font-size:14px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:48px}.support{text-align:center}footer{padding:25px 6%;font-size:14px;color:#aec0cc;border-top:1px solid #ffffff15}footer a{float:right}@media(min-width:1920px){.icon{width:100px;height:100px}}@media(max-width:1050px) and (min-width:701px){.products article{padding-left:8%;gap:15px}.products article:nth-child(2){padding-left:8%}.products .button{margin-top:12px;padding:6px 20px}.products .status{margin-top:8px}.status+.button{margin-top:6px}.brand{gap:12px}.brand svg{width:36px;height:32px}nav{gap:24px}}@media(max-width:700px){.showcase{aspect-ratio:auto;background:none}header{min-height:90px;padding:15px;flex-direction:column;background:#04111b;gap:12px}.brand{font-size:12px;letter-spacing:.22em;gap:12px}.brand svg{width:35px;height:30px}nav{font-size:16px;gap:35px}main{height:auto}.hero{height:420px;background:url('assets/original-design.png') center 15%/auto 600px no-repeat;padding:24px 12px 0}.hero h1{font-size:25px;background:#0615228c;padding:8px 0}.hero>p{font-size:13px;margin:10px 0}.products{height:auto;grid-template-columns:1fr}.products article,.products article:nth-child(2){padding:30px 7%;gap:22px;background:linear-gradient(120deg,#073044,#061521);border-bottom:1px solid #c4914a66}.products article:nth-child(2){background:linear-gradient(120deg,#181d26,#04131d)}.products h2{font-size:32px}.products p{font-size:16px}.icon{width:60px;height:60px;font-size:32px;border-radius:16px}.button{font-size:16px;gap:20px}.art-note{padding:16px 25px}.wide{display:none}.gallery,.studio{grid-template-columns:1fr}.details{padding:50px 7%}.details h2{font-size:30px}footer{text-align:center}footer a{float:none;display:block;margin-top:10px}.support>p{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
