:root{color-scheme:dark;--blue:#65b6f7;--white:#f7f7f6}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#060c12}body{font-family:Georgia,'Times New Roman',serif;color:var(--white)}
.page{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 28% 0%,#112536 0%,#08131d 35%,#03080d 83%)}
.page::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.37),rgba(0,0,0,.73)),url('assets/atmosphere.webp') center center/cover no-repeat;opacity:.35;z-index:-2}
.page::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:17%;background:linear-gradient(to bottom,#071018 0%,transparent 28%,rgba(0,0,0,.05) 80%),url('assets/stone.jpg') center bottom/cover no-repeat;opacity:.72;z-index:-1}
.glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,transparent 5%,rgba(0,0,0,.33) 85%)}
.content{width:min(92%,1100px);min-height:min(780px,90svh);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(32px,6svh,70px) 0 clamp(95px,13svh,145px)}
.brand{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-top:38px}.brand-name{font-size:clamp(64px,8.4vw,118px);line-height:1;letter-spacing:-.065em;font-variant:small-caps;font-weight:400;text-shadow:0 2px 12px rgba(0,0,0,.3)}.blue{color:#67b6fa}.arc{position:absolute;width:110%;height:49px;top:0;left:-5%;border-top:7px solid #65b6f7;border-radius:50% 50% 0 0;transform:rotate(-.5deg)}
.statement{margin-top:clamp(30px,7svh,85px)}h1{font-weight:400;font-size:clamp(24px,3.5vw,56px);line-height:1.48;letter-spacing:.115em;margin:0;white-space:nowrap}.divider{display:block;width:125px;height:1px;background:var(--blue);margin:clamp(22px,4svh,43px) auto clamp(20px,3svh,36px);opacity:.8}.tagline{font-size:clamp(19px,2.3vw,34px);font-style:italic;letter-spacing:.065em;margin:0}
.contact{display:flex;flex-direction:column;gap:clamp(32px,6svh,68px);align-items:center;margin-top:clamp(30px,6svh,65px)}.values{font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,1.3vw,17px);letter-spacing:.3em;word-spacing:.35em;margin:0}.values span{color:var(--blue);padding:0 1.1em}.inquiries{display:inline-flex;align-items:center;gap:13px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,1.2vw,16px);letter-spacing:.25em;color:var(--white);text-decoration:none;padding:8px 4px;transition:color .2s}.inquiries svg{color:var(--blue)}.inquiries:hover,.inquiries:focus-visible{color:var(--blue)}.inquiries:focus-visible{outline:1px solid var(--blue);outline-offset:5px}
footer{position:absolute;bottom:clamp(18px,3svh,38px);font-family:Arial,Helvetica,sans-serif;font-size:clamp(10px,1vw,15px);letter-spacing:.28em;color:#d0d1d5}
@media(max-width:680px){.content{min-height:88svh;padding:clamp(45px,10svh,90px) 0 clamp(100px,14svh,145px)}.brand{padding-top:25px}.arc{height:31px;border-top-width:4px}.brand-name{font-size:clamp(62px,15vw,94px)}h1{font-size:clamp(17px,4.3vw,29px);letter-spacing:.07em;line-height:1.6}.tagline{font-size:clamp(17px,4.1vw,23px);letter-spacing:.015em}.values{font-size:10px;letter-spacing:.11em;word-spacing:0}.values span{padding:0 .45em}.contact{gap:32px}footer{font-size:10px}.page::after{height:13%}}
@media(max-height:650px) and (min-width:681px){.content{min-height:94svh;padding:20px 0 65px}.brand-name{font-size:64px}.brand{padding-top:25px}.arc{height:30px;border-top-width:4px}.statement{margin-top:18px}h1{font-size:27px}.divider{margin:14px auto}.tagline{font-size:19px}.contact{margin-top:20px;gap:15px}footer{bottom:12px}}
