@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Germania+One&display=swap');
:root{--bg:#0b0c0b;--panel:#171817;--paper:#eee7dc;--red:#e22522;--muted:#b7b1a7;--line:#353430;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #ff5c55;outline-offset:4px}::selection{background:var(--red);color:white}.wrap{max-width:var(--max);padding:0 28px;margin:auto}.top{position:sticky;top:0;z-index:40;background:rgba(10,11,10,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:26px/1 'Germania One',Georgia,serif;color:var(--red);white-space:nowrap}.links{display:flex;align-items:center;gap:19px}.links a{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.links a:hover,.links a[aria-current=page]{color:#ff4d47}.links .nav-cta{background:var(--red);color:white;padding:12px 15px}.menu{display:none;background:transparent;border:1px solid #777;color:var(--paper);padding:9px 12px;cursor:pointer}.hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:670px;background:radial-gradient(ellipse at 82% 40%,#401c18 0,transparent 46%),linear-gradient(115deg,#0b0c0b 42%,#1a1917 100%);border-bottom:1px solid var(--line)}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 88px,rgba(255,255,255,.021) 89px);pointer-events:none}.hero .wrap{width:100%;position:relative;padding-top:94px;padding-bottom:105px}.blade{position:absolute;right:8%;top:-20%;height:155%;width:28px;transform:rotate(28deg);background:linear-gradient(90deg,#373530,#aaa69b 47%,#302d2a 53%,#171716);opacity:.19;clip-path:polygon(40% 0,60% 0,100% 83%,50% 100%,0 83%)}.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--red);margin:0 0 19px}.hero .eyebrow{color:var(--paper)}h1,h2,.display,.card-title,.quote{font-family:'Germania One',Georgia,serif;font-weight:400;line-height:.99}.hero h1{font-size:clamp(64px,10.7vw,156px);color:var(--red);margin:0 0 30px;letter-spacing:-.014em}.hero .lead{font-size:clamp(17px,2vw,23px);max-width:710px;color:#dad4cb;margin:0 0 37px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 21px;background:var(--red);color:white;border:1px solid var(--red);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.button:hover{background:#b81917}.button.secondary{background:transparent;border-color:#918b80;color:var(--paper)}.button.secondary:hover{border-color:var(--red);color:#ff6964}.rail{background:#141514;border-bottom:1px solid var(--line)}.rail .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.rail span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#cac2b8}.rail b{color:var(--red);margin-right:8px}.section{padding:98px 0;border-bottom:1px solid var(--line)}.light{background:var(--paper);color:#151615}.light .muted{color:#5d5953}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:45px;margin-bottom:40px}.display{font-size:clamp(48px,6.4vw,84px);margin:0}.intro{font-size:19px;line-height:1.7;margin:0}.muted{color:var(--muted)}.copy{max-width:810px}.copy p{font-size:17px}.grid3,.grid2{display:grid;gap:16px}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.tile{background:#1a1b19;border:1px solid var(--line);padding:33px 29px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}.tile .number{color:var(--red);font-size:12px;font-weight:700;letter-spacing:.18em}.tile h3{font-size:24px;line-height:1.2;margin:15px 0}.tile p{color:#bcb6ac;margin:0}.tile a.text-link{color:#ff6059;text-transform:uppercase;font-weight:700;letter-spacing:.1em;font-size:12px;margin-top:25px;display:inline-block}.light .tile{background:#f7f2ea;border-color:#d6cbbd}.light .tile p{color:#5d5953}.cols{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature{min-height:365px;padding:35px;background:linear-gradient(138deg,#3e1b19,#151615 75%);display:flex;align-items:flex-end;overflow:hidden;position:relative}.feature:before{content:'SBM';font:290px/.9 'Germania One',Georgia,serif;color:#ffffff09;position:absolute;top:-40px;right:-15px}.feature strong{position:relative;font:clamp(41px,5vw,66px)/1 'Germania One',serif}.feature.cool{background:linear-gradient(135deg,#39352e,#121412 80%)}.pagehero{padding:110px 0 100px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 86% 40%,#3c1c18,transparent 46%),#101110}.pagehero h1{font-size:clamp(65px,10vw,128px);color:var(--red);margin:0 0 20px}.pagehero p.lead{font-size:clamp(18px,2vw,23px);max-width:790px;color:#d5cec4;margin:0}.kicker{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.rule{border-top:1px solid var(--line);padding:25px 0}.rule h3{font-size:22px;margin:0 0 8px}.rule p{margin:0;color:var(--muted)}.quote{font-size:clamp(35px,5vw,66px);max-width:960px;margin:0}.quote em{font-style:normal;color:var(--red)}.profile{display:grid;grid-template-columns:180px 1fr;gap:25px;border-top:1px solid var(--line);padding:28px 0}.profile h3{margin:0 0 8px;font-size:24px}.profile p{margin:0;color:var(--muted)}.profile .country{font-size:13px;color:var(--red);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.detail-list{padding-left:22px;color:var(--muted)}.detail-list li{margin-bottom:10px}.notice{border-left:3px solid var(--red);padding:10px 0 10px 22px;color:var(--muted);max-width:820px}.cta{background:var(--red);color:white}.cta .eyebrow,.cta .muted{color:#ffe0dc}.cta .button{background:#101010;border-color:#101010}.cta .button.secondary{background:transparent;border-color:white;color:white}.footer{padding:46px 0 60px}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap}.footer p{color:var(--muted);font-size:13px;margin:10px 0}.footer-links{display:flex;max-width:570px;gap:12px 23px;flex-wrap:wrap;font-size:13px}.footer-links a:hover{color:#ff4945}.subtle{font-size:13px;color:var(--muted)}@media(max-width:970px){.links{gap:11px}.links a{font-size:10px}.brand{font-size:22px}}@media(max-width:820px){.menu{display:block}.links{display:none;position:absolute;top:75px;left:0;right:0;background:#161716;padding:24px 28px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:17px}.links.open{display:flex}.links a{font-size:13px}.section-head,.cols,.grid3,.grid2{grid-template-columns:1fr}.section-head,.cols{gap:27px}.section{padding:72px 0}.hero{min-height:570px}.feature{min-height:270px}}@media(max-width:520px){.wrap{padding:0 20px}.hero h1{font-size:clamp(60px,16vw,86px)}.pagehero{padding:80px 0}.pagehero h1{font-size:clamp(57px,14vw,83px)}.hero .wrap{padding-top:80px;padding-bottom:85px}.profile{grid-template-columns:1fr;gap:6px}.tile{min-height:205px}.rail .wrap{justify-content:flex-start;gap:9px 23px}.brand{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* V5: official emblem and simplified Origins */
.logo-section{background:#090b09;border-bottom:1px solid var(--line)}
.logo-showcase{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:6vw;align-items:center;padding-top:75px;padding-bottom:80px}
.logo-showcase img{display:block;width:100%;max-width:390px;height:auto;margin:auto;object-fit:contain}
.logo-showcase .display{margin:10px 0 22px}
.logo-showcase p:not(.eyebrow){max-width:530px;color:var(--muted);font-size:18px}
.logo-page{display:block;max-width:290px;width:100%;height:auto;margin:0 auto}
.logo-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}
.origin-intro{max-width:840px;color:#d5cec4;font-size:20px;line-height:1.7}
.origin-ack{padding-top:55px;padding-bottom:75px;border-top:1px solid var(--line)}
.origin-ack h2{font:28px/1.1 'Germania One',Georgia,serif;margin:0 0 16px}
.origin-ack p{max-width:800px;font-size:15px;color:var(--muted)}
.origin-hero h1{color:var(--paper)}
.footer-logo{display:block;width:105px;height:auto;margin-bottom:18px}
@media(max-width:820px){.logo-showcase,.logo-about{grid-template-columns:1fr}.logo-showcase{gap:22px;padding-top:55px;padding-bottom:65px}.logo-showcase img{max-width:280px}.logo-about{gap:22px}}

/* Blend the homepage portrait into the existing hero backdrop. */
.hero-with-portrait .hero-portrait {
  position: absolute;
  inset: 0 0 0 auto;
  width: min(57vw, 1160px);
  height: 100%;
  object-fit: cover;
  object-position: center 37%;
  mask-image: linear-gradient(90deg, transparent, #000 62%), linear-gradient(0deg, transparent, #000 25%);
  mask-composite: intersect;
}

.hero-with-portrait .wrap {
  z-index: 1;
}

@media (min-width: 821px) and (max-width: 1159px) {
  .hero-with-portrait h1 {
    font-size: clamp(76px, 10vw, 116px);
  }

  .hero-with-portrait .lead {
    max-width: 53vw;
  }
}

@media (max-width: 820px) {
  .hero-with-portrait .hero-portrait {
    width: 100%;
    height: clamp(300px, 72vw, 430px);
    object-position: center 32%;
    mask-image: linear-gradient(0deg, transparent 2%, #000 47%);
  }

  .hero-with-portrait .wrap {
    padding-top: clamp(224px, 57vw, 326px);
    padding-bottom: 55px;
  }
}

@media (max-width: 520px) {
  .hero-with-portrait h1 {
    font-size: clamp(48px, 15.6vw, 80px);
  }
}
