  
                                            
                                                                
   
.whw-home-v1 {
  --whw-navy: #061326;
  --whw-navy-2: #0b1b31;
  --whw-gold: #cc972a;
  --whw-gold-light: #e0bd60;
  --whw-ice: #a5bcd4;
  --whw-paper: #f7f7f3;
  --whw-white: #ffffff;
  --whw-ink: #0b1b31;
  --whw-text: #38495a;
  --whw-line: rgba(11, 27, 49, .16);
  color: var(--whw-text);
  background: var(--whw-white);
  font-family: Inter, var(--wk-font);
  overflow: clip;
}

  
                       
                                                                            
                                                                              
                                                                            
   
.whw-home-v1 .container {
  width: min(calc(100% - 64px), 1160px);
  margin-inline: auto;
}
.whw-home-v1 h1,
.whw-home-v1 h2,
.whw-home-v1 h3 { color: var(--whw-ink); }
.whw-home-v1 h2 { font-size: clamp(2.25rem, 4vw, 4.4rem); line-height: 1.04; }
.whw-home-v1 h3 { font-size: clamp(1.14rem, 1.65vw, 1.45rem); }
.whw-eyebrow {
  margin: 0 0 18px;
  color: var(--whw-gold);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.whw-eyebrow--light { color: var(--whw-gold-light); }
.whw-lead { font-size: clamp(1.08rem, 1.45vw, 1.28rem); line-height: 1.65; color: #526374; }
.whw-section { padding: clamp(82px, 9vw, 138px) 0; }
.whw-section--light { background: var(--whw-white); }
.whw-section--paper { background: var(--whw-paper); }
.whw-copy { max-width: 650px; }
.whw-copy--wide { max-width: 710px; }
.whw-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--whw-ink);
  font-weight: 760;
  text-decoration: none;
}
.whw-text-link::after { content: "→"; color: var(--whw-gold); transition: transform .2s ease; }
.whw-text-link:hover::after { transform: translateX(4px); }
.whw-text-link--light { color: rgba(255,255,255,.9); }
.whw-text-link--light:hover { color: var(--whw-gold-light); }
.whw-pullquote {
  margin: clamp(34px, 5vw, 58px) 0 0;
  padding: 22px 0 0;
  border-top: 1px solid rgba(204,151,42,.68);
  color: var(--whw-ink);
  font-size: clamp(1.55rem, 2.6vw, 2.45rem);
  font-style: normal;
  line-height: 1.22;
}
.whw-section-heading {
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(300px,.68fr);
  gap: clamp(42px, 7vw, 90px);
  align-items: end;
  margin-bottom: clamp(44px, 6vw, 76px);
}
.whw-section-heading > div { max-width: 760px; }
.whw-section-heading .whw-lead { margin-bottom: 0; }

          
.whw-hero {
  position: relative;
  min-height: min(870px, calc(100vh - var(--wk-header)));
  display: grid;
  align-items: end;
  background: var(--whw-navy);
  color: rgba(255,255,255,.83);
  isolation: isolate;
}
.whw-hero__media { position: absolute; inset: 0; z-index: -3; }
.whw-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 64% center; filter: saturate(.82) contrast(1.05); }
.whw-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(6,19,38,.98) 0%, rgba(6,19,38,.88) 38%, rgba(6,19,38,.45) 66%, rgba(6,19,38,.17) 100%),
    linear-gradient(0deg, rgba(6,19,38,.82) 0%, transparent 37%);
}
.whw-hero::after {
  content: "";
  position: absolute;
  width: min(62vw, 820px);
  aspect-ratio: 1;
  right: -24vw;
  top: -29vw;
  border: 1px solid rgba(224,189,96,.28);
  border-radius: 50%;
  z-index: -1;
}
.whw-hero__geometry {
  position: absolute;
  right: -4vw;
  top: 31%;
  width: min(48vw, 720px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(165,188,212,.7), transparent);
  transform: rotate(-22deg);
  transform-origin: right center;
  z-index: -1;
}
.whw-hero__inner { width: 100%; padding: clamp(110px, 14vw, 190px) 0 clamp(98px, 11vw, 142px); }
.whw-hero__copy { max-width: 760px; }
.whw-hero h1 { color: var(--whw-white); font-size: clamp(3.3rem, 7vw, 7.6rem); line-height: .94; margin-bottom: 32px; }
.whw-hero__intro { max-width: 680px; font-size: clamp(1.12rem, 1.5vw, 1.34rem); line-height: 1.62; color: rgba(255,255,255,.8); }
.whw-hero__actions { margin-top: 34px; gap: 24px; align-items: center; }
.whw-trustline { border-top: 1px solid rgba(224,189,96,.26); background: rgba(6,19,38,.82); backdrop-filter: blur(12px); }
.whw-trustline__inner { min-height: 74px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: center; }
.whw-trustline__inner span { padding: 0 24px; color: rgba(255,255,255,.72); font-size: .79rem; font-weight: 650; line-height: 1.35; }
.whw-trustline__inner span:first-child { padding-left: 0; }
.whw-trustline__inner span + span { border-left: 1px solid rgba(255,255,255,.15); }

             
.whw-attitude { display: grid; grid-template-columns: minmax(0,1.14fr) minmax(360px,.66fr); gap: clamp(64px, 9vw, 120px); align-items: start; }
.whw-attitude__steps { border-top: 1px solid var(--whw-line); }
.whw-attitude__steps article { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 26px 0; border-bottom: 1px solid var(--whw-line); }
.whw-attitude__steps article > span { color: var(--whw-gold); font-size: .72rem; font-weight: 850; letter-spacing: .16em; padding-top: 4px; }
.whw-attitude__steps h3 { margin-bottom: 7px; }
.whw-attitude__steps p { margin: 0; }

                  
.whw-brand-moment { position: relative; min-height: 680px; display: flex; align-items: center; background: var(--whw-navy); color: rgba(255,255,255,.82); isolation: isolate; overflow: hidden; }
.whw-brand-moment__media { position: absolute; inset: 0; z-index: -2; }
.whw-brand-moment__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.8) contrast(1.06); }
.whw-brand-moment::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(6,19,38,.98) 0%,rgba(6,19,38,.89) 43%,rgba(6,19,38,.36) 76%,rgba(6,19,38,.24) 100%); }
.whw-brand-moment::after { content:""; position:absolute; width:560px; height:560px; right:-250px; bottom:-280px; border:1px solid rgba(204,151,42,.38); border-radius:50%; }
.whw-brand-moment__inner { width:100%; padding: clamp(110px, 12vw, 170px) 0; }
.whw-brand-moment__inner > div { max-width: 810px; }
.whw-brand-moment h2 { color: var(--whw-white); font-size: clamp(3rem, 6vw, 6.4rem); line-height: .96; margin-bottom: 34px; }
.whw-brand-moment p:not(.whw-eyebrow) { max-width: 660px; font-size: clamp(1.04rem,1.35vw,1.22rem); color: rgba(255,255,255,.76); }

             
.whw-process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--whw-line); border-bottom:1px solid var(--whw-line); }
.whw-process-grid article { padding:34px clamp(18px,2.4vw,32px) 38px; }
.whw-process-grid article:first-child { padding-left:0; }
.whw-process-grid article + article { border-left:1px solid var(--whw-line); }
.whw-process-grid span { display:block; color:var(--whw-gold); font-size:.72rem; font-weight:850; letter-spacing:.17em; margin-bottom:34px; }
.whw-process-grid p { margin-bottom:0; }
.whw-process-line { margin: 28px 0 0; color:#718090; font-size:.78rem; font-weight:720; letter-spacing:.04em; text-transform:uppercase; }
.whw-process-line span { color:var(--whw-gold); padding:0 8px; }

              
.whw-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--whw-line); }
.whw-service-grid article { position:relative; min-height:220px; padding:38px clamp(24px,4vw,54px) 42px 70px; border-bottom:1px solid var(--whw-line); }
.whw-service-grid article:nth-child(even) { border-left:1px solid var(--whw-line); }
.whw-service-grid article > span { position:absolute; left:0; top:42px; color:var(--whw-gold); font-size:.72rem; font-weight:850; letter-spacing:.17em; }
.whw-service-grid h3 { font-size:clamp(1.45rem,2.4vw,2.05rem); margin-bottom:18px; }
.whw-section-actions { margin-top:34px; display:flex; flex-wrap:wrap; gap:28px; }

              
.whw-packages { background: #eef1f0; }
.whw-package-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid rgba(11,27,49,.24); border-bottom:1px solid rgba(11,27,49,.24); }
.whw-package { min-height:410px; padding:38px clamp(24px,3vw,44px) 40px; display:flex; flex-direction:column; }
.whw-package + .whw-package { border-left:1px solid rgba(11,27,49,.24); }
.whw-package--featured { background:var(--whw-navy); color:rgba(255,255,255,.78); }
.whw-package--featured h3,.whw-package--featured strong,.whw-package--featured .whw-text-link { color:#fff; }
.whw-package__top { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:30px; color:var(--whw-gold); font-size:.72rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.whw-package__top em { color:var(--whw-ice); font-style:normal; font-size:.62rem; letter-spacing:.1em; }
.whw-package h3 { font-size:clamp(1.45rem,2.4vw,2.1rem); margin-bottom:18px; }
.whw-package p { margin-bottom:26px; }
.whw-package__price { margin-top:auto; padding:26px 0 14px; display:flex; align-items:baseline; gap:8px; }
.whw-package__price span { font-size:.72rem; text-transform:uppercase; letter-spacing:.13em; }
.whw-package__price strong { font-size:clamp(2rem,3.6vw,3rem); line-height:1; }

                   
.whw-documentation { display:grid; grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr); gap:clamp(58px,8vw,108px); align-items:start; }
.whw-documentation__copy { max-width:610px; }
.whw-documentation__media { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.whw-documentation__media figure { margin:0; background:var(--whw-navy); overflow:hidden; }
.whw-documentation__media figure:first-child { grid-column:1 / -1; }
.whw-documentation__media img { width:100%; aspect-ratio:16/9; object-fit:cover; filter:saturate(.86); }
.whw-documentation__media figcaption { display:flex; gap:10px; align-items:center; padding:12px 14px; color:rgba(255,255,255,.76); font-size:.72rem; letter-spacing:.04em; }
.whw-documentation__media figcaption span { color:var(--whw-gold-light); font-weight:850; }
.whw-media-note { grid-column:2; margin:-76px 0 0; padding-top:88px; font-size:.76rem; color:#7b8792; }

              
.whw-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.whw-project-card { background:#fff; border:1px solid var(--whw-line); }
.whw-project-card__media { display:block; overflow:hidden; }
.whw-project-card__media img { width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .35s ease; }
.whw-project-card:hover .whw-project-card__media img { transform:scale(1.025); }
.whw-project-card > div { padding:26px; }
.whw-project-card h3 a { color:var(--whw-ink); text-decoration:none; }
.whw-project-placeholder { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.7fr); gap:clamp(45px,7vw,90px); align-items:center; padding:clamp(38px,5vw,66px); border:1px solid var(--whw-line); background:#fff; }
.whw-project-placeholder h3 { font-size:clamp(1.8rem,3vw,2.8rem); }
.whw-project-placeholder__steps { border-top:1px solid var(--whw-line); }
.whw-project-placeholder__steps span { display:block; padding:18px 0; border-bottom:1px solid var(--whw-line); color:var(--whw-ink); font-weight:700; }

           
.whw-about { display:grid; grid-template-columns:minmax(460px,1fr) minmax(0,.9fr); gap:clamp(60px,9vw,118px); align-items:center; }
.whw-about__media { margin:0; position:relative; }
.whw-about__media::before { content:""; position:absolute; width:42%; aspect-ratio:1; left:-9%; bottom:-13%; border:1px solid rgba(204,151,42,.42); border-radius:50%; z-index:-1; }
.whw-about__media img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.whw-founder-line { margin:34px 0; padding:20px 0; border-top:1px solid var(--whw-line); border-bottom:1px solid var(--whw-line); display:grid; gap:4px; }
.whw-founder-line span { font-size:.84rem; color:#6f7e8c; }

               
.whw-final-cta { position:relative; overflow:hidden; background:var(--whw-navy); color:rgba(255,255,255,.78); }
.whw-final-cta__geometry { position:absolute; width:580px; height:1px; right:-80px; top:45%; background:linear-gradient(90deg,transparent,rgba(165,188,212,.72),transparent); transform:rotate(-22deg); }
.whw-final-cta::after { content:""; position:absolute; width:480px; height:480px; right:-240px; top:-245px; border:1px solid rgba(204,151,42,.28); border-radius:50%; }
.whw-final-cta__inner { position:relative; z-index:1; min-height:520px; padding:clamp(90px,10vw,140px) 0; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(340px,.62fr); gap:clamp(60px,9vw,120px); align-items:center; }
.whw-final-cta h2 { color:#fff; font-size:clamp(3rem,5.4vw,5.9rem); line-height:.98; }
.whw-final-cta__inner > div:first-child > p:last-child { max-width:720px; font-size:1.08rem; }
.whw-final-cta__action { padding-top:12px; }
.whw-final-cta__action > p { margin-top:18px; color:rgba(255,255,255,.58); font-size:.77rem; line-height:1.55; }

@media (max-width: 1050px) {
  .whw-section-heading,.whw-attitude,.whw-documentation,.whw-about,.whw-final-cta__inner,.whw-project-placeholder { grid-template-columns:1fr; }
  .whw-attitude__steps { max-width:720px; }
  .whw-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .whw-process-grid article:nth-child(3) { border-left:0; border-top:1px solid var(--whw-line); padding-left:0; }
  .whw-process-grid article:nth-child(4) { border-top:1px solid var(--whw-line); }
  .whw-documentation__media { max-width:850px; }
  .whw-media-note { grid-column:1; margin:-44px 0 0; padding-top:56px; max-width:850px; }
  .whw-about__media { max-width:760px; }
  .whw-final-cta__inner { min-height:auto; }
}
@media (max-width: 820px) {
  .whw-hero { min-height:780px; }
  .whw-hero::before { background:linear-gradient(180deg,rgba(6,19,38,.22) 0%,rgba(6,19,38,.87) 48%,#061326 76%); }
  .whw-hero__media img { object-position:68% center; }
  .whw-hero__inner { padding:310px 0 70px; }
  .whw-trustline__inner { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px 0; }
  .whw-trustline__inner span { padding:10px 18px; }
  .whw-trustline__inner span:nth-child(odd) { padding-left:0; }
  .whw-trustline__inner span:nth-child(3) { border-left:0; }
  .whw-service-grid,.whw-package-grid,.whw-project-grid { grid-template-columns:1fr; }
  .whw-service-grid article:nth-child(even) { border-left:0; }
  .whw-package + .whw-package { border-left:0; border-top:1px solid rgba(11,27,49,.24); }
  .whw-package { min-height:340px; }
  .whw-brand-moment { min-height:590px; }
}
@media (max-width: 820px) {
  .whw-home-v1 .container { width: min(calc(100% - 48px), 1160px); }
}
@media (max-width: 620px) {
  .whw-home-v1 .container { width: min(calc(100% - 32px), 1160px); }
  .whw-section { padding:68px 0; }
  .whw-home-v1 h2 { font-size:clamp(2.05rem,10vw,3rem); }
  .whw-hero { min-height:740px; }
  .whw-hero__inner { padding:285px 0 54px; }
  .whw-hero h1 { font-size:clamp(3rem,15vw,4.4rem); }
  .whw-hero__actions { align-items:flex-start; }
  .whw-hero__actions .btn { width:100%; }
  .whw-trustline__inner { grid-template-columns:1fr; }
  .whw-trustline__inner span { padding:10px 0; border-left:0 !important; }
  .whw-trustline__inner span + span { border-top:1px solid rgba(255,255,255,.12); }
  .whw-attitude__steps article { grid-template-columns:42px 1fr; }
  .whw-process-grid { grid-template-columns:1fr; }
  .whw-process-grid article,.whw-process-grid article:first-child,.whw-process-grid article:nth-child(3) { padding:26px 0; border-left:0; border-top:0; }
  .whw-process-grid article + article { border-left:0; border-top:1px solid var(--whw-line); }
  .whw-process-line { line-height:1.8; }
  .whw-service-grid article { min-height:0; padding:30px 0 30px 48px; }
  .whw-service-grid article > span { top:34px; }
  .whw-documentation__media { grid-template-columns:1fr; }
  .whw-documentation__media figure:first-child { grid-column:auto; }
  .whw-media-note { margin:0; padding-top:0; }
  .whw-project-placeholder { padding:28px; }
  .whw-final-cta__inner { padding:82px 0; }
  .whw-final-cta h2 { font-size:clamp(2.8rem,13vw,4.3rem); }
}

                                                               
                                              
                                                                  
.whw-home-v1,
.whw-home-v1 button,
.whw-home-v1 input,
.whw-home-v1 select,
.whw-home-v1 textarea {
  font-family: var(--wk-font);
}
.whw-home-v1 strong, .whw-text-link, .whw-eyebrow {
  font-family: var(--wk-font);
}
.whw-home-v1 strong { font-weight: 700; }
.whw-eyebrow,
.whw-text-link { font-weight: 700; }

                                                                           
.whw-attitude__steps article {
  grid-template-columns: 76px 1fr;
  gap: 20px;
  padding: 30px 0;
}
.whw-attitude__steps article > span {
  font-size: clamp(1.2rem, 1.7vw, 1.55rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  padding-top: 5px;
}
.whw-attitude__steps h3 { font-size: clamp(1.35rem, 1.9vw, 1.7rem); }

.whw-process-grid article { padding-top: 38px; }
.whw-process-grid span {
  font-size: clamp(1.05rem, 1.4vw, 1.3rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  margin-bottom: 28px;
}
.whw-process-grid h3 { font-size: clamp(1.35rem, 1.9vw, 1.65rem); }

.whw-service-grid article > span {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
}

.whw-package__top {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .13em;
}
.whw-package__top em {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;
}

                                                                              
.whw-documentation {
  grid-template-columns: minmax(0,.84fr) minmax(0,1.16fr);
  gap: clamp(56px,7vw,96px);
}
.whw-documentation__media { min-width: 0; }
.whw-documentation__media figure { min-width: 0; }
.whw-documentation__media img { display:block; min-height: 170px; }
.whw-media-note {
  grid-column: 2;
  margin: 16px 0 0;
  padding-top: 0;
  max-width: 760px;
  line-height: 1.6;
}

@media (max-width: 1050px) {
  .whw-media-note { grid-column:1; margin:14px 0 0; padding-top:0; }
}
@media (max-width: 620px) {
  .whw-attitude__steps article { grid-template-columns: 58px 1fr; }
  .whw-attitude__steps article > span { font-size: 1.05rem; }
  .whw-process-grid span { font-size: 1rem; margin-bottom: 18px; }
}

                                                               
                                           
                                                                  
.whw-home-v1 {
  font-family: var(--wk-font);
  font-weight: 400;
}
.whw-home-v1 strong, .whw-eyebrow, .whw-text-link, .whw-package__top, .whw-package__top em, .whw-documentation__media figcaption, .whw-project-placeholder__steps span {
  font-family: var(--wk-font);
}
.whw-home-v1 strong, .whw-eyebrow, .whw-text-link, .whw-package__top, .whw-package__top em { font-weight: 700; }
.whw-lead, .whw-hero__intro, .whw-trustline__inner span { font-weight: 400; }

                                                                        
.whw-attitude__steps article { grid-template-columns: 82px 1fr; gap: 24px; padding: 30px 0; }
.whw-attitude__steps article > span,
.whw-process-grid span,
.whw-service-grid article > span {
  font-family: var(--wk-font);
  font-size: var(--wk-structural-number);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
}
.whw-attitude__steps article > span { padding-top: 4px; }
.whw-process-grid span { margin-bottom: 26px; }
.whw-service-grid article > span { top: 40px; }

                                                                                 
.whw-documentation {
  grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
  gap: clamp(52px,7vw,92px);
  align-items: start;
}
.whw-documentation__visual { min-width: 0; display: grid; gap: 16px; }
.whw-documentation__media { min-width: 0; }
.whw-media-note {
  grid-column: auto;
  margin: 0;
  padding: 0;
  max-width: 760px;
  font-size: .76rem;
  line-height: 1.6;
  color: #7b8792;
}

@media (max-width: 1050px) {
  .whw-documentation { grid-template-columns: 1fr; }
  .whw-documentation__visual { max-width: 850px; }
}
@media (max-width: 620px) {
  .whw-attitude__steps article { grid-template-columns: 62px 1fr; gap: 18px; }
  .whw-attitude__steps article > span,
  .whw-process-grid span,
  .whw-service-grid article > span { font-size: 1.1rem; }
}
