:root{
  --navy:#0b2f68;
  --blue:#123f87;
  --orange:#f28c00;
  --orange-bright:#f4a62d;
  --ink:#142033;
  --muted:#667085;
  --pale:#f3f6fa;
  --paper:#ffffff;
  --line:#dce3ec;
  --max:1320px;
}

body{background:var(--paper);color:var(--ink)}
.wrap{width:min(var(--max),calc(100% - 72px))}
.topline{background:var(--navy);color:#dbe8fb;letter-spacing:.04em}
.header{height:84px;background:rgba(255,255,255,.96);border-color:#e5ebf2;backdrop-filter:blur(14px)}
.brand{width:184px}
.navlinks{gap:25px;font-size:.88rem;letter-spacing:.015em}
.navlinks a{padding:29px 0}
.mobile-lang{display:none}
.btn{border-radius:0;background:var(--orange);box-shadow:none;letter-spacing:.02em}
.btn-ghost{background:rgba(7,27,49,.16);border-color:rgba(255,255,255,.45);backdrop-filter:blur(8px)}

/* Generated artwork receives only a light blue unifying layer. */
.concept-image{filter:saturate(.9) contrast(1.02) brightness(.97)}
.concept-media{position:relative;overflow:hidden;background:#eaf0f7}
.concept-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(11,47,104,.1),transparent 54%,rgba(18,63,135,.07));
}

.hero{min-height:700px;align-items:stretch;background:var(--navy)}
.hero .hero-image{opacity:0;object-position:center center;filter:saturate(.88) contrast(1.03) brightness(.94);transform:none}
.hero .hero-image.is-active{opacity:1}
.hero .aerial-image{object-position:center 48%;filter:saturate(.82) contrast(1.02) brightness(.96)}
.hero-shade{
  z-index:1;
  background:linear-gradient(90deg,rgba(5,25,57,.96) 0%,rgba(8,36,76,.82) 39%,rgba(8,31,62,.24) 72%,rgba(8,31,62,.08) 100%);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}
.hero-content{z-index:2;grid-template-columns:minmax(0,1fr) 340px;gap:90px;padding:104px 0 84px;align-items:end}
.hero-copy{max-width:790px}
.route-signature{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:#cbd6df;font-size:.72rem;font-weight:750;letter-spacing:.17em}
.route-signature::before{content:"";width:62px;height:2px;background:var(--orange)}
.hero .eyebrow{margin-bottom:18px;color:#ffac56}
.hero h1{font-size:clamp(2.9rem,5vw,4.75rem);line-height:1.08;letter-spacing:-.045em;max-width:12em}
.hero-copy>p{max-width:59ch;color:#cfdae4;font-size:1.04rem}
.hero-actions{margin-top:34px}
.hero-panel{background:rgba(8,31,67,.78);border:1px solid rgba(255,255,255,.2);border-left:2px solid var(--orange);backdrop-filter:blur(9px);padding:27px 28px}
.hero-panel li{border-color:rgba(255,255,255,.14)}
.hero-panel li span{color:#f2a157}

.trust-strip{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.trust-grid{gap:0;background:#fff}
.trust-grid>div{background:#fff;padding:25px 26px;min-height:108px;border-left:1px solid var(--line)}
.trust-grid>div:last-child{border-right:1px solid var(--line)}
.trust-grid strong{color:var(--navy);font-size:.96rem}
.trust-grid span{color:var(--muted);font-size:.79rem}

.section{padding:118px 0}
.section-head{margin-bottom:48px}
.section-head h2,.proof-heading h2,.route-copy h2{font-size:clamp(2.2rem,3.7vw,3.45rem);line-height:1.12;letter-spacing:-.04em;max-width:15em}
.section-head p,.proof-heading p,.route-copy p{color:var(--muted)}
.eyebrow.dark{color:var(--blue)}

.products{background:var(--paper)}
.product-story{position:relative;height:520px;margin:0 0 42px;overflow:hidden;background:#dbe5ef}
.product-story img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.82) contrast(1.04)}
.product-story::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,28,62,.48),transparent 46%);pointer-events:none}
.product-story figcaption{position:absolute;z-index:2;left:32px;bottom:28px;display:flex;flex-direction:column;color:#fff;border-left:2px solid var(--orange);padding-left:16px;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.product-story figcaption span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#efaa6a}
.product-story figcaption b{font-size:1.02rem;margin-top:4px}
.filters{justify-content:flex-start;margin-bottom:28px;border-bottom:1px solid var(--line);gap:8px}
.filters button{border:0;background:transparent;border-bottom:2px solid transparent;border-radius:0;padding:10px 16px;margin-bottom:-1px;color:#606a73}
.filters button.active{color:var(--ink);border-bottom-color:var(--orange);background:transparent}
.product-grid{gap:16px}
.product-card{border:1px solid var(--line);background:#fff;box-shadow:none}
.product-card:hover{transform:none;box-shadow:none;border-color:#aeb5ba}
.product-image{height:250px;background:#e6e4df;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}
.product-card:hover .product-image img{transform:scale(1.025)}
.real-product img{filter:saturate(.82) contrast(1.04)}
.tee-card img{object-position:center 45%;filter:saturate(.9) contrast(1.02)}
.factory-real img{object-position:center 40%;filter:saturate(.65) contrast(1.08) brightness(.9)}
.product-body{padding:25px 24px 28px}
.product-body h3{font-size:1.08rem;margin-top:13px}
.product-body p{font-size:.86rem;min-height:4.2em;color:#6a747e}
.tag{border-radius:0;background:#e8edf0;color:#1d405e;letter-spacing:.08em;font-size:.65rem}
.tag.orange{background:#f4e6d7;color:#93480f}.tag.outline{border-color:#9fa8af}
[hidden]{display:none!important}

.proof-section{background:var(--navy);color:#fff}
.proof-heading{display:grid;grid-template-columns:1.08fr .72fr;align-items:end;gap:100px;margin-bottom:54px}
.proof-heading h2{margin:0}.proof-heading p{color:#a7b7c6;max-width:50ch;margin:0 0 7px}
.proof-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:290px 290px;gap:12px}
.proof-card{position:relative;margin:0;overflow:hidden;background:#123f87}
.proof-card.proof-wide{grid-row:1/3}
.proof-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.09) brightness(.82);transition:transform .65s ease}
.proof-card:hover img{transform:scale(1.018)}
.proof-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,17,30,.86),transparent 46%)}
.proof-card figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:23px;display:grid;grid-template-columns:35px 1fr;gap:2px 10px;color:#fff}
.proof-card figcaption span{grid-row:1/3;color:#e88a32;font-size:.72rem;font-weight:800;padding-top:3px}
.proof-card figcaption b{font-size:1.02rem}.proof-card figcaption small{color:#b7c5d2;font-size:.76rem}
.proof-footer{display:grid;grid-template-columns:180px 1fr auto;gap:42px;align-items:center;margin-top:32px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.proof-footer>span{font-size:.72rem;letter-spacing:.12em;color:#d88a45;text-transform:uppercase}
.proof-footer .process{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0}
.proof-footer .process li{border:0;border-left:1px solid rgba(255,255,255,.14);padding:0 20px}
.proof-footer .process li>span{display:none}
.proof-footer .btn-light{white-space:nowrap}

.route-section{background:var(--pale)}
.route-grid{display:grid;grid-template-columns:.78fr 1.22fr;min-height:570px;background:#fff}
.route-copy{padding:64px 58px;display:flex;flex-direction:column;justify-content:center}
.route-copy h2{margin:0 0 22px;font-size:clamp(2.2rem,3.4vw,3.2rem)}
.route-copy p{max-width:48ch;margin-bottom:34px}
.route-rule{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:13px 0;border-top:1px solid var(--line);font-size:.84rem}
.route-rule:last-child{border-bottom:1px solid var(--line)}
.route-rule span{color:var(--orange);font-weight:800;font-size:.72rem}.route-rule b{font-weight:650}
.route-visual{margin:0;min-height:570px}
.route-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.04)}
.route-visual figcaption{position:absolute;z-index:2;right:20px;bottom:18px;color:rgba(255,255,255,.78);font-size:.68rem;letter-spacing:.07em}
.flow-head{margin:84px 0 38px}
.flow-grid{background:#d7dfe9}.flow-grid>div{background:#fff;padding:34px 28px}
.flow-grid h3{font-size:1.02rem}.flow-grid p{font-size:.84rem;color:#6b747b}

.live{background:var(--navy)}
.live-media{overflow:hidden}.live-media img{filter:saturate(.68) contrast(1.07) brightness(.84)}
.live-grid,.live-card{background:var(--navy)}.live-grid{background:rgba(255,255,255,.14)}
.about{background:#fff}.careers{background:#f3f6fa}
.cta{background:linear-gradient(110deg,#f28c00,#ed7800)}
.cta .eyebrow{color:#5c2d00}
.footer{background:#071a35}

@media(max-width:1050px){
  .wrap{width:min(var(--max),calc(100% - 48px))}
  .hero-content{grid-template-columns:1fr;align-items:center;padding:88px 0}.hero-panel{display:none}
  .proof-heading{grid-template-columns:1fr;gap:24px}
  .proof-grid{grid-template-columns:1fr 1fr;grid-template-rows:380px 250px}.proof-card.proof-wide{grid-column:1/3;grid-row:auto}
  .proof-footer{grid-template-columns:1fr auto}.proof-footer>span{grid-column:1/-1}
  .route-grid{grid-template-columns:1fr}.route-visual{min-height:430px;grid-row:1}.route-copy{padding:50px 44px}
}

@media(max-width:700px){
  .wrap{width:calc(100% - 32px)}
  .section{padding:82px 0}
  .header{height:72px}.brand{width:154px}.navlinks{top:72px}.nav-actions{display:none}.mobile-lang{display:flex;width:max-content;margin-top:12px}
  .hero{min-height:650px}.hero-content{padding:78px 0 64px}.hero-copy{min-width:0;max-width:100%}.hero h1{font-size:clamp(2.25rem,11vw,2.9rem);max-width:100%;overflow-wrap:anywhere}
  .route-signature{font-size:.6rem;letter-spacing:.12em}.route-signature::before{width:36px}
  .hero-copy>p{font-size:.93rem}.hero-actions{display:flex;gap:9px}.hero-actions .btn{padding:12px 15px}
  .trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{padding:20px 18px;min-height:95px}
  .product-story{height:380px}.product-story img{object-position:60% center}.product-story figcaption{left:20px;bottom:19px;right:20px}
  .product-grid{grid-template-columns:1fr}.product-image{height:285px}
  .proof-grid{display:block}.proof-card{height:280px;margin-bottom:10px}.proof-card.proof-wide{height:360px}
  .proof-footer{grid-template-columns:1fr;gap:24px}.proof-footer .process{grid-template-columns:1fr}.proof-footer .process li{padding:10px 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .route-visual{min-height:330px}.route-copy{padding:42px 25px}.route-visual figcaption{left:16px;right:16px}
  .flow-head{margin-top:62px}
}

@media(prefers-reduced-motion:reduce){
  .product-image img,.proof-card img{transition:none}
}
