/* Golden Wolf · concept fidelity layer — October 2026
   Follows the user-approved desktop/mobile art while retaining accessible, real HTML.
   Original logo and images are locally hosted. No remote assets, no external scripts.
*/
:root{
  --gw-gold:#d6ae73;
  --gw-gold-light:#ecc793;
}
.brand-icon{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:48px;
  background:none;
  border:0;
  border-radius:0;
  overflow:visible;
}
.brand-icon img{
  width:43px;
  height:43px;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(194,147,65,.16));
}
.brand-text b{
  color:var(--gw-text-primary);
  font-size:18px;
  line-height:1.05;
  letter-spacing:.11em;
}
.brand-text small{
  font-size:7px;
  letter-spacing:.24em;
  color:#d0ae79;
}
.masthead{box-shadow:0 5px 50px rgba(0,0,0,.13)}
.nav-links>a:last-child{white-space:nowrap}
.hero{
  padding-top:66px;
  padding-bottom:56px;
  min-height:525px;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  gap:16px;
}
.hero>div:first-child{z-index:5}
.hero h1{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(42px,4.8vw,65px);
  font-weight:500;
  line-height:1.075;
  letter-spacing:-.046em;
  max-width:610px;
  text-wrap:balance;
  margin:19px 0 19px;
}
.hero h1 em{color:#eecb97;font-weight:500}
.hero-copy{
  font-size:15px;
  max-width:470px;
  line-height:1.62;
  margin-bottom:26px;
}
.hero .actions .btn{min-width:168px}
.hero-visual{
  height:460px;
  min-height:460px;
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.hero-visual::before{display:none}
.hero-art-frame{
  position:absolute;
  inset:-7% -9% -6% -8%;
  width:auto;
  height:auto;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
  pointer-events:none;
}
.hero-art{
  display:block;
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:translateY(-50%);
  max-width:none;
  filter:drop-shadow(0 12px 25px rgba(0,0,0,.1));
}
.hero-caption{display:none}
.quiet-meta{
  color:#a8bbc9;
  font-size:10px;
  font-weight:500;
  gap:11px 17px;
  margin-top:29px;
}
.quiet-meta span{gap:7px}
.quiet-meta span::before{
  height:22px;
  width:22px;
  box-shadow:none;
  background:radial-gradient(circle at 44% 43%,rgba(206,171,112,.35),rgba(9,38,67,.7));
}
.section{padding:61px 0}
.section-top{margin-bottom:28px}
.section h2{
  font-size:clamp(30px,3.7vw,45px);
  font-weight:500;
  line-height:1.15;
}
.section .eyebrow{font-size:10px}
.journeys{gap:13px}
.journey,
.journey-enterprise{
  padding:27px 26px 25px;
  min-height:305px;
  border:1px solid rgba(77,154,225,.48);
  border-radius:12px;
  background:#061526;
}
.journey-media{isolation:isolate}
.journey-media img{
  position:absolute;
  width:66%;
  height:100%;
  right:0;
  top:0;
  max-width:none;
  object-fit:cover;
  object-position:60% 31%;
}
.journey:first-child .journey-media img{
  transform:scaleX(-1);
  object-position:40% 29%;
}
.journey-enterprise .journey-media img{
  width:65%;
  object-position:50% 18%;
}
.journey-media::after{
  background:linear-gradient(90deg,#04101f 0%,rgba(4,16,32,.96) 32%,rgba(4,16,32,.67) 53%,rgba(4,16,32,.07) 86%);
}
.journey-icon{display:none}
.journey-label{margin:2px 0 10px}
.journey h3{
  max-width:235px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:31px;
  line-height:1.07;
  margin:0 0 10px;
}
.journey p{max-width:265px;font-size:12px;line-height:1.5}
.journey .chips{gap:5px;margin:0 0 10px}
.journey .chips span{font-size:9px;padding:4px 7px}
.journey .btn{min-height:44px;max-width:290px;position:relative;font-size:11px}
.service-grid{gap:11px}
.service{
  min-height:178px;
  border:1px solid rgba(79,129,180,.35);
  border-radius:9px;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.last-cta{
  min-height:206px;
  background:linear-gradient(90deg,transparent 0%,rgba(2,11,21,.05) 23%,rgba(2,11,21,.94) 45%,rgba(2,11,21,.99) 100%),
    url('./assets/gw-summit-landscape.webp') left center / 42% 100% no-repeat,
    #04101c;
  border-color:rgba(198,157,88,.48);
}
.last-cta::before{background:linear-gradient(90deg,transparent 0%,rgba(2,11,21,.83) 41%,#04101c 100%)}
.last-cta>div:first-child{margin-left:27%}
.last-cta h2{font-size:clamp(25px,3vw,35px)}
@media (max-width:1100px){
  .hero{gap:0}
  .hero-art-frame{inset:-4% -11% -4% -2%}
  .hero h1{font-size:clamp(43px,5.5vw,62px)}
  .last-cta>div:first-child{margin-left:20%}
}
@media(max-width:900px){
  .hero{padding-bottom:65px;min-height:0}
  .hero>div:first-child{max-width:560px}
  .hero-visual{
    top:0;
    right:-11%;
    opacity:.63;
    width:73%;
    min-height:500px;
    height:500px;
  }
  .hero-art-frame{inset:0}
  .hero-art{object-fit:cover;object-position:58% center}
  .hero-copy{text-shadow:0 1px 12px rgba(1,8,18,.75)}
  .last-cta>div:first-child{margin-left:0}
  .last-cta{
    background:linear-gradient(90deg,rgba(2,11,21,.72),rgba(2,11,21,.97)),
      url('./assets/gw-summit-landscape.webp') left center / auto 100% no-repeat,#04101c;
  }
}
@media(max-width:600px){
  .brand-icon{width:36px;height:40px}
  .brand-icon img{width:37px;height:37px}
  .brand-text b{font-size:14px}
  .brand-text small{font-size:6px}
  .hero{padding-top:45px;padding-bottom:57px}
  .hero h1{
    font-size:clamp(37px,10vw,52px);
    line-height:1.06;
    max-width:360px;
    margin:15px 0;
  }
  .hero-copy{max-width:335px;font-size:13px;margin-bottom:19px}
  .hero-visual{
    top:0;
    right:-31%;
    height:415px;
    min-height:415px;
    width:119%;
    opacity:.58;
  }
  .hero-art-frame{
    inset:0;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 70%,transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 70%,transparent 100%);
  }
  .hero-art{
    left:0;
    top:45%;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:58% 50%;
    mask-image:none;
  }
  .hero .actions{max-width:305px;gap:8px}
  .hero .actions .btn{min-height:46px;width:100%;font-size:12px}
  .quiet-meta{max-width:360px;font-size:9px;margin-top:23px;gap:9px}
  .quiet-meta span::before{width:18px;height:18px}
  .section{padding:48px 0}
  .journey,.journey-enterprise{min-height:290px;padding:20px}
  .journey-media img{width:70%;right:0;object-position:55% 33%}
  .journey-enterprise .journey-media img{width:73%}
  .journey-media::after{background:linear-gradient(90deg,#04101f 0%,rgba(4,16,31,.97) 31%,rgba(4,16,31,.53) 64%,rgba(4,16,31,.12) 100%)}
  .journey h3{font-size:28px;max-width:190px}
  .journey p{max-width:61%;font-size:11px}
  .journey .chips{max-width:65%;gap:4px}
  .journey .chips span{padding:4px 6px}
  .journey .btn{max-width:75%;font-size:10px;padding-inline:11px}
  .last-cta{padding:26px;background-size:auto 100%}
  .last-cta::before{background:linear-gradient(90deg,rgba(2,11,21,.65),rgba(2,11,21,.99))}
}