:root{color-scheme:light;--canvas:#f4f3ef;--surface:#fafaf7;--secondary:#e7e8e4;--ink:#171a1c;--muted:#5e6366;--dark:#202426;--bronze:#9b8357;--border:#d5d6d1;--page:min(86rem,calc(100vw - 4rem));--font:"Geist","Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;z-index:100;inset:1rem auto auto 1rem;padding:.7rem 1rem;background:var(--ink);color:var(--surface);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{width:var(--page);min-height:6rem;margin:auto;display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--border)}.wordmark{display:inline-flex;align-items:center;gap:.8rem;font-weight:620;letter-spacing:.2em}.brand-mark{display:grid;place-items:center;width:2.15rem;height:2.15rem;border:1px solid var(--bronze);color:#715c36;font-family:Georgia,serif;font-size:.92rem;letter-spacing:0}.brand-line{padding-left:1.5rem;border-left:1px solid var(--border);margin:0;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.site-nav{margin-left:auto;display:flex;align-items:center;gap:1.8rem;color:var(--muted);font-size:.88rem}.site-nav a:hover{color:var(--ink)}.product-link{color:var(--ink)!important}.product-link span,.text-link span{color:var(--bronze)}.menu-button{display:none;margin-left:auto;padding:.65rem .85rem;border:1px solid var(--border);background:transparent;color:var(--ink)}
.hero{width:var(--page);min-height:44rem;margin:auto;display:grid;grid-template-columns:7fr 5fr;gap:clamp(3rem,8vw,9rem);align-items:center;border-bottom:1px solid var(--border)}.hero-copy{padding:6rem 0}.eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#765f39;margin:0 0 1.25rem}.hero h1,h2,h3{font-weight:430;letter-spacing:-.04em;line-height:1.05;margin:0;text-wrap:balance}.hero h1{font-size:clamp(3.6rem,6.3vw,7rem);max-width:11ch}.hero-copy>p:not(.eyebrow){max-width:52ch;color:var(--muted);font-size:1.1rem;margin:2rem 0 0}.actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.5rem}.button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.15rem;border:1px solid var(--ink);transition:background-color 150ms ease,color 150ms ease}.button-primary{background:var(--ink);color:var(--surface)}.button-primary:hover{background:var(--dark)}.text-link{display:inline-flex;align-items:center;gap:.65rem;font-weight:560}.text-link:hover{color:#715c36}.technical-field{aspect-ratio:1/1.1;position:relative;border:1px solid var(--border);overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--secondary));isolation:isolate}.technical-field::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:13% 13%;opacity:.45}.field-index{position:absolute;top:1rem;left:1rem;font-family:var(--mono);font-size:.65rem;color:var(--muted)}.technical-field p{position:absolute;right:1.2rem;bottom:1.1rem;margin:0;text-align:right;font-family:var(--mono);font-size:.67rem;line-height:1.85;color:var(--muted)}.plane{position:absolute;border:1px solid color-mix(in srgb,var(--bronze),transparent 25%);background:color-mix(in srgb,var(--surface),transparent 22%);transform:rotate(36deg) skew(-8deg)}.plane-a{width:49%;height:38%;top:19%;left:24%}.plane-b{width:38%;height:44%;top:31%;left:35%;transform:rotate(-21deg) skew(5deg)}.plane-c{width:23%;height:28%;top:38%;left:22%;border-color:var(--ink);transform:rotate(11deg)}.datum{position:absolute;background:var(--bronze);opacity:.72}.datum-x{height:1px;width:76%;top:56%;left:12%}.datum-y{width:1px;height:76%;left:51%;top:12%}
.company{width:var(--page);margin-inline:auto;padding:clamp(5rem,8vw,9rem) 0;display:grid;grid-template-columns:1fr 2.2fr 1.2fr;gap:clamp(2rem,5vw,6rem);align-items:start}.section-id{display:flex;gap:1rem;color:var(--muted);font-family:var(--mono);font-size:.72rem}.section-id span{color:#765f39}.section-id p{margin:0}.company h2,.approach h2,.contact h2{font-size:clamp(2.5rem,4.2vw,4.8rem)}.company-copy>p{max-width:55ch;color:var(--muted);margin:2rem 0 0}.company-facts{margin:0;border-top:1px solid var(--border)}.company-facts div{padding:1rem 0;border-bottom:1px solid var(--border)}.company-facts dt{font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.company-facts dd{margin:.35rem 0 0;font-weight:550}.vretili-feature{width:var(--page);margin:auto;padding:clamp(3rem,6vw,6rem);background:#080807;color:#f5f2eb;position:relative;overflow:hidden;isolation:isolate}.vretili-feature::after{content:"";position:absolute;z-index:-1;width:34rem;height:34rem;right:-10rem;bottom:-18rem;border:1px solid #7c6948;transform:rotate(45deg);box-shadow:0 0 6rem #4d351b}.feature-head{display:flex;justify-content:space-between;color:#b5afa3;font-family:var(--mono);font-size:.7rem}.feature-head .eyebrow{color:#e8d5a8}.feature-body{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,8rem);align-items:end;margin-top:clamp(4rem,8vw,8rem)}.vretili-wordmark{display:flex;align-items:center;gap:1rem;font-weight:620;letter-spacing:.24em;margin:0 0 2rem}.vretili-wordmark span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid #6f5d41;color:#e8d5a8;font-family:Georgia,serif;letter-spacing:0}.feature-body h2{font-size:clamp(3rem,5vw,5.5rem);max-width:11ch}.feature-body>div:last-child p{max-width:42ch;color:#aaa69e}.feature-body a{display:inline-flex;gap:.7rem;color:#e8d5a8;font-weight:570;margin-top:1.2rem}.feature-body small{display:block;margin-top:.8rem;color:#6f6a61;font-family:var(--mono)}.feature-rule{display:flex;gap:.5rem;margin-top:4rem}.feature-rule span{height:1px;flex:1;background:#373128}.feature-rule span:nth-child(2){flex:2;background:#9c7743}.feature-rule span:nth-child(3){flex:3}.feature-rule span:nth-child(4){flex:5}.approach{width:var(--page);margin-inline:auto;padding:clamp(4.5rem,6vw,7rem) 0}.approach header{display:grid;grid-template-columns:minmax(9rem,.55fr) minmax(0,2fr);gap:clamp(2rem,5vw,6rem);align-items:end;padding-bottom:3rem;border-bottom:1px solid var(--border)}.approach-list article{display:grid;grid-template-columns:minmax(3rem,.35fr) minmax(14rem,1fr) minmax(18rem,1.6fr);gap:clamp(1.5rem,3vw,3rem);align-items:start;padding:2rem 0;border-bottom:1px solid var(--border)}.approach-list article>span{font-family:var(--mono);font-size:.7rem;color:#765f39}.approach-list h3{font-size:1.45rem}.approach-list p{max-width:50ch;margin:0;color:var(--muted)}.contact{width:var(--page);margin-inline:auto;padding:clamp(4rem,7vw,7rem) 0;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;border-top:1px solid var(--border)}.contact>div:last-child>p{max-width:45ch;color:var(--muted);margin:0 0 1.5rem}.site-footer{width:var(--page);margin:auto;padding:2.5rem 0;display:grid;grid-template-columns:1fr auto;gap:1.5rem;border-top:1px solid var(--border);color:var(--muted)}.site-footer>div p{font-size:.78rem;margin:.8rem 0 0}.site-footer nav{display:flex;gap:1.5rem;font-size:.85rem}.site-footer small{grid-column:1/-1;font-family:var(--mono);font-size:.66rem}.not-found{min-height:100dvh;max-width:52rem;margin:auto;padding:8vw 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.not-found h1{font-size:clamp(3rem,7vw,6rem);margin:2rem 0 1rem}.not-found>p:not(.eyebrow){color:var(--muted);margin:0 0 2rem}
@media(max-width:65rem){:root{--page:min(100% - 2.5rem,56rem)}.brand-line{display:none}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:4rem}.technical-field{max-width:42rem;margin:0 0 4rem}.company{grid-template-columns:1fr}.section-id{padding-bottom:1rem;border-bottom:1px solid var(--border)}.feature-body{grid-template-columns:1fr}.approach header{grid-template-columns:1fr}.approach-list article{grid-template-columns:auto 1fr}.approach-list article p{grid-column:2}.contact{grid-template-columns:1fr}.site-nav{display:none;position:absolute;z-index:10;left:1.25rem;right:1.25rem;top:4.7rem;padding:1rem;background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:stretch}.site-nav[data-open]{display:flex}.menu-button{display:block}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.site-footer small{grid-column:auto}}
@media(max-width:40rem){:root{--page:calc(100% - 2.5rem)}.site-header{min-height:4.75rem}.wordmark{font-size:.87rem}.brand-mark{width:1.9rem;height:1.9rem}.hero h1{font-size:clamp(3rem,15vw,4.5rem)}.hero-copy{padding:4rem 0 3rem}.actions{align-items:flex-start;flex-direction:column}.button{width:100%}.technical-field{margin-bottom:3rem}.company h2,.approach h2,.contact h2{font-size:2.55rem}.vretili-feature{padding:3rem 1.5rem}.feature-head{gap:1rem}.feature-body{margin-top:4rem;gap:2rem}.feature-body h2{font-size:3rem}.approach-list article{grid-template-columns:1fr;gap:.8rem}.approach-list article p{grid-column:auto}.site-footer nav{display:grid;grid-template-columns:1fr 1fr}}
@media(min-width:120rem){:root{--page:108rem}.hero{min-height:48rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
