:root{--green:#143459;--deep:#0c203a;--leaf:#d9b879;--cream:#fff;--pale:#f0f4f8;--text:#122a45;--muted:#586a7e;--line:#d8e1ec}
body.navy-preview{background:#fff;color:#122a45;font:16px/1.7 'DM Sans',Arial,sans-serif}
.navy-preview .wrap{width:min(1280px,calc(100% - 96px))}
.navy-preview h1,.navy-preview h2,.navy-preview h3{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.035em;font-weight:600}
.navy-preview h2{font-size:clamp(32px,3.1vw,48px);line-height:1.16}
.navy-preview h3{line-height:1.3}
.navy-preview section{padding:100px 0;scroll-margin-top:110px}
.design-review{background:#0c203a;color:#dce7f4;font-size:12px;letter-spacing:.1em}
.design-review .wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:15px}
.design-review a{letter-spacing:0;font-size:13px;text-underline-offset:4px}
.navy-preview .utility{background:#edf2f8;color:#3d5570;text-align:left;font-size:12px;padding:10px 0;letter-spacing:.13em}
.navy-preview header{background:#fff;border-bottom:1px solid #dce4ee}
.navy-preview header .wrap{min-height:98px;gap:28px}
.navy-preview .brand-logo{width:205px}
.navy-preview header nav{gap:22px}
.navy-preview header nav a{font-size:14px;color:#263f5b;font-weight:500}
.navy-preview header nav .nav-cta{background:#0c203a;color:#fff;padding:13px 18px;border-radius:4px;font-weight:600}
.navy-preview .btn{background:#143459;color:#fff;padding:15px 23px;border-radius:4px;gap:14px;font-size:15px;line-height:1.4;min-height:54px;font-weight:600}
.navy-preview .btn:hover,.navy-preview .nav-cta:hover{background:#244e7e}
.navy-preview .kicker{color:#7d653a;font-size:13px;font-weight:600;letter-spacing:.13em;margin-bottom:18px}
.navy-preview .hero{background:#0c203a;color:#fff;padding:0;overflow:hidden}
.navy-preview .hero-grid{width:min(1280px,calc(100% - 96px));margin:auto;grid-template-columns:1.1fr .9fr;gap:64px;min-height:0;padding:68px 0 74px;align-items:center}
.navy-preview .hero-copy{padding:0;min-width:0}
.navy-preview .hero h1{font-size:clamp(42px,4.1vw,62px);font-weight:500;line-height:1.08;letter-spacing:-.045em;max-width:660px;margin:0 0 28px}
.navy-preview .hero p{font-size:16px;line-height:1.7;color:#c7d5e6;max-width:610px;margin:0 0 17px}
.navy-preview .hero-actions{margin-top:29px;gap:25px}
.navy-preview .hero .btn{background:#d9b879;color:#0c203a}
.navy-preview .hero .btn:hover{background:#eccf9b}
.navy-preview .hero-secondary{color:#fff;font-size:15px;text-decoration:none;border-bottom:1px solid #738ba6;padding:9px 0}
.navy-preview .hero-photo{height:540px;min-height:0;border-radius:4px;overflow:hidden;background:#182e47}
.navy-preview .hero-photo img{position:absolute;height:100%;object-position:57% center}
.navy-preview .hero-photo figcaption{font-size:12px;background:#0c203adc;color:#dce7f4;border-radius:3px}
.navy-preview .intro-grid{grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.navy-preview .intro h2{max-width:470px;margin-bottom:0}
.navy-preview .intro p{font-size:17px;color:#586a7e;line-height:1.75}
.navy-preview .material-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:none;border:0;border-top:1px solid #d8e1ec;padding:28px 0 0;margin-top:35px}
.navy-preview .material-story strong{font:600 23px/1.35 'DM Sans',Arial,sans-serif;letter-spacing:-.02em;color:#16385d}
.navy-preview .material-story p{font-size:16px;margin:0}
.navy-preview .product-range{gap:22px;margin-top:42px}
.navy-preview .product-card{border:1px solid #e0e7ef;background:#fff;box-shadow:none;border-radius:4px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.navy-preview .product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0c203a12}
.navy-preview .product-photo-frame{background:#eef2f7;aspect-ratio:1.25}
.navy-preview .product-card-body{padding:23px}
.navy-preview .product-card-body strong{font:600 21px/1.3 'DM Sans',Arial,sans-serif;color:#122a45}
.navy-preview .product-card-body span{font-size:14px;color:#667b93}
.navy-preview .range-footer{border:0;margin-top:23px}
.navy-preview .range-footer a{font-size:15px;color:#143459;font-weight:600}
.navy-preview .why-magnite{background:#edf2f8;border-top:1px solid #dce4ee;padding:65px 0 72px}
.navy-preview .why-magnite h2{margin-bottom:35px}
.navy-preview .why-magnite-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px}
.navy-preview .why-magnite-grid article{border-top:2px solid #9c7d46;padding-top:22px}
.navy-preview .why-magnite-grid h3{font:600 20px/1.3 'DM Sans',Arial,sans-serif;color:#143459;margin-bottom:12px;letter-spacing:-.025em}
.navy-preview .why-magnite-grid p{font-size:16px;color:#586a7e;line-height:1.6}
.navy-preview #process{background:#fff}
.navy-preview .section-head{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;margin-bottom:45px}
.navy-preview .section-head p{max-width:560px;color:#586a7e;font-size:16px;line-height:1.75;margin:0}
.navy-preview #process .section-head h2{max-width:460px}
.navy-preview #process .order-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:transparent}
.navy-preview #process .order-journey article{background:#f0f4f8;border:0;gap:25px;padding:30px;min-width:0;border-radius:4px}
.navy-preview #process .order-journey .number{font:500 34px/1 'DM Sans',Arial,sans-serif;color:#7890ad;flex-basis:44px;letter-spacing:-.04em}
.navy-preview #process .order-journey h3{font:600 22px/1.3 'DM Sans',Arial,sans-serif;color:#143459;margin-bottom:12px;letter-spacing:-.025em}
.navy-preview #process .order-journey p{color:#586a7e;font-size:16px}
.navy-preview .fine{color:#67788c;font-size:14px;max-width:850px;margin-top:27px}
.navy-preview #quality{background:#0c203a}
.navy-preview #quality .kicker{color:#d9b879}
.navy-preview #quality .section-head p{color:#c7d5e6}
.navy-preview .credential-logos{gap:16px;background:transparent;grid-template-columns:repeat(4,minmax(0,1fr))}
.navy-preview .credential-logos a{border-radius:4px;padding:24px 22px;min-height:156px}
.navy-preview .credential-logos img{height:76px}
.navy-preview .credential-logos span{color:#173859;font-size:14px}
.navy-preview #quality .credential-note{color:#a9bcd2;margin-top:24px;font-size:14px}
.navy-preview .quality-certs a{color:#e5c895;font-size:15px;text-underline-offset:5px}
.navy-preview #quality .quality-proof{border-color:#304862;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:42px;padding-top:40px}
.navy-preview #quality .quality-proof h3{font:500 30px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:-.03em}
.navy-preview #quality .quality-proof p{color:#c7d5e6;font-size:16px}
.navy-preview .quality-proof figure{background:transparent;overflow:hidden}
.navy-preview .quality-proof img{height:275px;border-radius:4px}
.navy-preview .quality-proof figcaption{color:#a9bcd2;font-size:14px;padding-top:13px}
.navy-preview #packing{background:#fff}
.navy-preview .packing-layout{grid-template-columns:1fr 1fr;gap:40px}
.navy-preview .packing-photo{min-height:480px;border-radius:4px;overflow:hidden;background:#0c203a}
.navy-preview .pack-grid{gap:24px}
.navy-preview .pack-grid article{background:#f0f4f8;padding:25px;border-radius:4px}
.navy-preview .pack-grid h3{font:600 21px/1.3 'DM Sans',Arial,sans-serif;color:#143459;margin-bottom:13px}
.navy-preview .pack-grid p{font-size:16px;color:#586a7e;line-height:1.65}
.navy-preview .shipment-options{gap:40px;margin-top:30px}
.navy-preview .shipment-options article{border-color:#c0cedd;padding-top:22px}
.navy-preview .shipment-options h3{font:600 22px/1.3 'DM Sans',Arial,sans-serif;color:#143459}
.navy-preview .shipment-options p{font-size:16px;color:#586a7e}
.navy-preview .resources{background:#edf2f8}
.navy-preview .article-grid{gap:24px}
.navy-preview .article-card{padding:34px;min-height:240px;border:1px solid #dce4ee;border-radius:4px}
.navy-preview .article-card small{font-size:13px;color:#7d653a;letter-spacing:.12em}
.navy-preview .article-card h3{font:500 28px/1.25 'DM Sans',Arial,sans-serif;color:#143459;letter-spacing:-.03em;margin:24px 0 19px;max-width:500px}
.navy-preview .article-card span{font-size:15px;color:#586a7e}
.navy-preview .about{background:#fff}
.navy-preview .about-copy{max-width:1280px}
.navy-preview .about-copy>div{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:start}
.navy-preview .about .kicker{grid-column:1;grid-row:1}
.navy-preview .about h2{grid-column:1;grid-row:2 / span 2;max-width:440px;margin:0}
.navy-preview .about p{grid-column:2;font-size:17px;color:#586a7e;line-height:1.75}
.navy-preview .about p:first-of-type{grid-row:1 / span 2}
.navy-preview .about .btn{grid-column:2;justify-self:start;margin-top:8px}
.navy-preview .contact{background:#0c203a;color:#fff}
.navy-preview .contact-grid{grid-template-columns:1fr 1fr;gap:90px}
.navy-preview .contact .kicker{color:#d9b879}
.navy-preview .contact p{font-size:17px;line-height:1.75;color:#c7d5e6}
.navy-preview .contact h2{font-size:48px;max-width:440px}
.navy-preview .contact-details{border-color:#354c66;margin-top:30px}
.navy-preview .contact-details span{font-size:13px;color:#a9bcd2}
.navy-preview .contact-details a{font-size:23px;color:#e5c895}
.navy-preview .contact-form{border-radius:5px;background:#fff;padding:36px;box-shadow:none}
.navy-preview .contact-form label{color:#143459;font-size:14px}
.navy-preview .contact-form input,.navy-preview .contact-form textarea{border-color:#c6d3e2;border-radius:3px;background:#f8fafc;color:#143459;font-family:'DM Sans',Arial,sans-serif}
.navy-preview .contact-form input:focus,.navy-preview .contact-form textarea:focus{outline-color:#54779f}
.navy-preview .contact-form .form-note{font-size:13px;line-height:1.6;color:#586a7e}
.navy-preview footer{padding:35px 0;background:#fff;color:#586a7e}
.navy-preview footer p{font-size:14px}
@media(min-width:1600px){.navy-preview .hero-grid{padding:82px 0}.navy-preview .hero-photo{height:570px}}
@media(max-width:1150px){.navy-preview .wrap,.navy-preview .hero-grid{width:calc(100% - 64px)}.navy-preview header nav{gap:12px}.navy-preview header nav a{font-size:13px}.navy-preview .brand-logo{width:175px}.navy-preview .hero-grid{gap:38px}.navy-preview .hero h1{font-size:48px}.navy-preview .hero-photo{height:550px}.navy-preview .section-head,.navy-preview .intro-grid,.navy-preview .material-story,.navy-preview .contact-grid{gap:45px}.navy-preview .why-magnite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.navy-preview .about-copy>div{column-gap:45px}}
@media(max-width:900px){.navy-preview header .wrap{min-height:85px}.navy-preview .menu{display:block;border-color:#bdcbdb;border-radius:3px;color:#143459}.navy-preview header nav{display:none;top:85px;background:#fff}.navy-preview header nav.open{display:flex;position:absolute;left:0;right:0;padding:25px 32px;flex-direction:column;align-items:stretch;gap:17px;box-shadow:0 14px 24px #0c203a15}.navy-preview header nav a{font-size:15px}.navy-preview .hero-grid{grid-template-columns:1fr;padding:55px 0;gap:38px}.navy-preview .hero h1{font-size:54px;max-width:650px}.navy-preview .hero p{max-width:690px}.navy-preview .hero-photo{height:400px}.navy-preview .hero-photo img{position:absolute;height:100%}.navy-preview .intro-grid,.navy-preview .material-story,.navy-preview .section-head,.navy-preview .contact-grid{grid-template-columns:1fr;gap:24px}.navy-preview .section-head p{margin:0;max-width:700px}.navy-preview .intro h2{max-width:650px}.navy-preview .why-magnite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navy-preview .packing-layout{grid-template-columns:1fr;gap:25px}.navy-preview .packing-photo{min-height:400px}.navy-preview #quality .quality-proof{grid-template-columns:1fr 1fr}.navy-preview #quality .quality-proof>div{grid-column:1/-1;padding:0}.navy-preview .about-copy>div{display:block}.navy-preview .about h2{max-width:650px;margin-bottom:28px}.navy-preview .contact-intro{max-width:700px}}
@media(max-width:600px){.navy-preview .wrap,.navy-preview .hero-grid{width:calc(100% - 40px)}.design-review .wrap{min-height:42px}.design-review span{font-size:10px;letter-spacing:.06em}.design-review a{font-size:12px}.navy-preview .utility{font-size:10px;letter-spacing:.07em;text-align:left}.navy-preview .brand-logo{width:170px}.navy-preview section{padding:65px 0}.navy-preview .hero-grid{padding:45px 0;gap:32px}.navy-preview .hero h1{font-size:42px;line-height:1.1}.navy-preview .hero p{font-size:16px}.navy-preview .hero-photo{height:320px}.navy-preview .hero-actions{gap:22px}.navy-preview h2{font-size:34px}.navy-preview .product-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.navy-preview .product-card-body{padding:17px 12px}.navy-preview .product-card-body strong{font-size:18px}.navy-preview .product-card-body span{font-size:13px}.navy-preview .why-magnite-grid{grid-template-columns:1fr;gap:26px}.navy-preview #process .order-journey{grid-template-columns:1fr}.navy-preview #process .order-journey article{padding:25px 22px;gap:18px}.navy-preview #process .order-journey .number{font-size:30px;flex-basis:38px}.navy-preview .credential-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.navy-preview .credential-logos a{padding:20px 12px;min-height:145px}.navy-preview .credential-logos img{height:65px}.navy-preview #quality .quality-proof,.navy-preview .pack-grid,.navy-preview .shipment-options,.navy-preview .article-grid{grid-template-columns:1fr}.navy-preview .packing-photo{min-height:340px}.navy-preview .article-card{padding:27px;min-height:0}.navy-preview .article-card h3{font-size:25px}.navy-preview .contact h2{font-size:36px}.navy-preview .contact-form{padding:25px}.navy-preview .contact-details a{font-size:21px}.navy-preview footer .wrap{display:flex;flex-wrap:wrap;gap:20px}.navy-preview footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.navy-preview .product-card{transition:none}}