:root{font-family:Arial,Helvetica,sans-serif;color:#16214a;background:#f4f0e7;--blue: #3858a0;--deep-blue: #111a3d;--amber: #e0a72f;--paper: #f4f0e7}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body{background:var(--paper)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.header{height:84px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;top:0;z-index:5;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}.brand{font-size:28px;letter-spacing:-.07em;font-weight:800;width:max-content}.brand span{display:block;font-size:8px;letter-spacing:.16em;text-transform:uppercase;font-weight:400}.nav{display:flex;gap:30px;font-size:12px;text-transform:uppercase;letter-spacing:.11em}.nav a,.phone{padding:12px 0}.nav a:hover,.nav a:focus-visible,.phone:hover{opacity:.6}.phone{justify-self:end;font-size:13px;letter-spacing:.04em}.menu-button{display:none;background:none;color:inherit;border:0;text-transform:uppercase}.hero{min-height:900px;position:relative;color:#fff;overflow:hidden;background:#111}.hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.04) brightness(.7)}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#111a3d61}.product-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#111a3d2e}.hero>.eyebrow{position:absolute;top:132px;left:4vw}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:10px;line-height:1.4}.eyebrow.dark{color:var(--blue)}.hero-content{position:absolute;left:4vw;bottom:80px;max-width:850px}h1,h2,h3,p{margin-top:0}h1{margin:0 0 36px;font-size:clamp(70px,9vw,142px);line-height:.82;letter-spacing:-.08em;font-weight:600;text-transform:uppercase}.hero-content>p{width:430px;font-size:16px;line-height:1.6;margin-left:45%}.hero-content .cta{margin-left:45%}.hero-note{position:absolute;right:4vw;bottom:74px;width:260px;font-size:11px;text-transform:uppercase;line-height:1.5;border-top:1px solid white;padding-top:14px}.hero-note span{font-size:45px;float:left;margin-right:15px;line-height:.9;color:#f0bd4c}.cta{display:inline-block;padding:15px 20px;border:1px solid currentColor;background:transparent;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.cta:hover,.cta:focus-visible{background:#fff;color:#111}.section{padding:120px 4vw}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:end;margin-bottom:55px}.section h2,.quality h2,.contact h2{margin:0;font-size:clamp(52px,6.4vw,104px);line-height:.88;letter-spacing:-.07em;text-transform:uppercase;font-weight:600}.filters{display:flex;justify-content:flex-end;gap:8px}.filters button{border:1px solid #aaa;border-radius:20px;padding:8px 14px;background:transparent;font-size:10px;text-transform:uppercase;cursor:pointer}.filters button.active,.filters button:hover{color:#fff;background:var(--blue);border-color:var(--blue)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:490px}.product{position:relative;height:490px;overflow:hidden;color:#fff;border-right:1px solid rgba(255,255,255,.4)}.product img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05);transition:transform .5s,filter .5s}.product:hover img{transform:scale(1.04);filter:saturate(1.08) contrast(1.02)}.product>span{position:absolute;top:20px;left:20px;font-size:10px}.product>div:last-child{position:absolute;bottom:24px;left:20px;right:20px}.product h3{font-size:24px;line-height:1;letter-spacing:-.04em;font-weight:500;text-transform:uppercase}.product p{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.quality{background:var(--deep-blue);color:#fff;display:grid;grid-template-columns:1.05fr 1fr;padding:120px 4vw;gap:8vw}.quality>*{min-width:0}.quality-copy>p:not(.eyebrow){width:480px;max-width:100%;color:#aaa;line-height:1.7;margin:45px 0 32px}.quality-list{border-top:1px solid #555}.quality-list article{display:grid;grid-template-columns:40px 1fr 1.2fr;align-items:baseline;border-bottom:1px solid #555;padding:30px 0;gap:20px}.quality-list span{font-size:9px;color:#888}.quality-list h3{font-size:clamp(32px,4vw,62px);letter-spacing:-.06em;font-weight:500;margin:0;color:#f0bd4c}.quality-list p{color:#aaa;font-size:12px;line-height:1.5}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:10vw;margin-top:55px}.about-grid>div{padding-top:10px}.about-grid p{line-height:1.7;max-width:460px;color:#555}.about-grid .lead{color:#111;font-size:22px;line-height:1.45}.dark-cta{margin-top:25px;color:var(--blue)}.contact{background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:120px 4vw 100px}.contact h2{margin:35px 0 55px}.contact>div>p:not(.eyebrow),.contact>div>a{display:block;color:#aaa;margin-bottom:10px}form{padding-top:40px}label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#999;margin-bottom:26px}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #666;background:transparent;color:#fff;padding:12px 0;outline:none;resize:vertical}input:focus,textarea:focus{border-color:#fff}.success{color:#fff;margin-top:18px}footer{background:var(--deep-blue);color:#aeb8dd;border-top:1px solid #33406c;padding:28px 4vw;display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.1em}@media(max-width:900px){.header{grid-template-columns:1fr auto}.menu-button{display:block;justify-self:end}.phone{display:none}.nav{display:none;position:absolute;top:84px;left:0;right:0;background:#0b0b0b;padding:28px 4vw;flex-direction:column}.nav-open{display:flex}.hero{min-height:780px}.hero-content>p,.hero-content .cta{margin-left:0}.hero-note{display:none}.section-head{grid-template-columns:1fr}.filters{justify-content:flex-start}.product-grid{grid-template-columns:1fr 1fr}.quality,.contact,.about-grid{grid-template-columns:1fr}}@media(max-width:560px){.header{height:70px}.nav{top:70px}.hero{min-height:720px}.hero>.eyebrow{top:104px}h1{font-size:55px}.hero-content{bottom:45px}.hero-content>p{width:auto;font-size:14px}.section,.quality,.contact{padding:80px 20px}.section h2,.quality h2,.contact h2{font-size:42px;overflow-wrap:anywhere}.product-grid{grid-template-columns:1fr}.product{height:390px}.quality-list article{grid-template-columns:30px 1fr}.quality-list p{grid-column:2}.about-grid{gap:45px}footer{padding:25px 20px;gap:16px;flex-wrap:wrap}}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative}