@font-face{font-family:Inter;src:url('../fonts/Inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'EB Garamond';src:url('../fonts/EBGaramond.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--wk-header:150px;--wk-font:Inter,system-ui,sans-serif;--wk-serif:'EB Garamond',Georgia,serif}
html{scroll-padding-top:calc(var(--wk-header) + 24px)}
body{font-family:var(--wk-font)}
.site-header__main{min-height:var(--wk-header);gap:24px}
.site-brand{display:flex;flex:none;padding:14px}
.site-brand .wk-logo--header{display:block;width:122px;height:122px;max-width:none;object-fit:contain}
.wk-logo--footer{min-width:120px;min-height:120px;object-fit:contain;padding:12px;box-sizing:content-box}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #a5bcd4;outline-offset:5px;box-shadow:0 0 0 2px #061326}
.whw-home-v1 .whw-eyebrow{color:#8a631d}
.whw-hero .whw-eyebrow,.whw-brand-moment .whw-eyebrow,.whw-final-cta .whw-eyebrow{color:#e0bd60}
.whw-home-v1 .whw-hero h1{font-size:clamp(2.5rem,5.15vw,4.5rem);line-height:1.08;max-width:15ch;text-wrap:balance}
.whw-hero__intro{max-width:52ch}
.whw-home-v1 h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.12;text-wrap:balance;overflow-wrap:break-word}
.whw-section-heading h2{max-width:24ch}
.whw-home-v1 .whw-brand-moment h2,.whw-home-v1 .whw-final-cta h2{font-size:clamp(2.5rem,4.4vw,4.4rem);line-height:1.08}
.page-hero h1{font-size:clamp(2.2rem,4.3vw,4.1rem);line-height:1.1;text-wrap:balance;overflow-wrap:break-word}
.whw-attitude__steps article>span,.whw-process-grid span,.whw-service-grid article>span{color:#8a631d}
.wk-photo{display:block;width:100%;height:auto;object-fit:contain}
.page-hero__media:has(.wk-photo){align-self:center;background:transparent;box-shadow:none;max-width:440px;margin-inline:auto;width:100%}
.page-hero__media .wk-photo{height:auto;max-height:470px;object-fit:contain;border-radius:8px}
.split__media:has(.wk-photo){background:transparent}
.split__media .wk-photo{height:auto;max-height:640px;object-fit:contain}
.whw-about__media .wk-photo{height:auto;aspect-ratio:3/4;object-fit:contain}
.whw-documentation__media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.whw-documentation__media figure:first-child{grid-column:auto}
.whw-documentation__media figure{margin:0;background:#061326;overflow:hidden}
.whw-documentation__media .wk-photo{width:100%;height:auto;min-height:0;aspect-ratio:3/4;object-fit:contain;background:#061326}
.whw-documentation__media figcaption{position:static;background:#061326;color:#f7f7f3;padding:12px;font-size:.75rem}
.whw-documentation__media figcaption span{color:#e0bd60}
.whw-media-note{color:#526374;font-size:.85rem}
.wk-case-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;margin-bottom:40px}
.wk-case-teaser figure{margin:0}
.wk-case-teaser .wk-photo{max-height:470px;border-radius:8px}
.wk-case-teaser h3{font-size:clamp(1.6rem,2.5vw,2.2rem)}
.wk-case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-block:1px solid var(--wk-line);padding:28px 0;margin:32px 0}
.wk-case-facts dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#8a631d;margin-bottom:8px}
.wk-case-facts dd{margin:0;color:#0b1b31;font-weight:600}
.wk-case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:36px 0}
.wk-case-gallery figure{margin:0;min-width:0}
.wk-case-gallery a{display:block;background:#061326;border-radius:8px;overflow:hidden}
.wk-case-gallery .wk-photo{aspect-ratio:3/4;object-fit:contain}
.wk-case-gallery figcaption{padding:16px 0;color:#38495a;font-size:.9rem;line-height:1.6}
.wk-case-gallery figcaption strong{display:block;color:#0b1b31;margin-bottom:5px}
.wk-case-wide{max-width:900px;margin:40px auto}
.wk-case-wide figure{margin:0}
.wk-case-wide figcaption{margin-top:14px;font-size:.9rem}
.gallery-grid:has(.wk-photo) .wk-photo{height:auto;max-height:480px;object-fit:contain;background:#061326}
@media(max-width:980px){
 .site-header__main{justify-content:space-between}
 .main-nav{visibility:hidden;pointer-events:none}
 .main-nav.is-open{visibility:visible;pointer-events:auto}
 .whw-documentation{grid-template-columns:1fr}
 .wk-case-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wk-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.admin-bar .main-nav{top:calc(var(--wk-header) + 32px)}
}
@media(max-width:620px){
 .container,.whw-home-v1 .container{width:calc(100% - 40px)}
 .site-brand{padding:14px 12px}
 .whw-home-v1 .whw-hero h1{font-size:clamp(2rem,8.3vw,3rem);max-width:none;text-wrap:initial}
 .whw-hero__inner{padding-top:220px}
 .whw-hero{min-height:0}
 .whw-hero__intro{font-size:1rem}
 .whw-documentation__media{grid-template-columns:1fr}
 .whw-documentation__media figure{max-width:400px;width:100%;margin-inline:auto}
 .wk-case-teaser,.wk-case-gallery{grid-template-columns:1fr}
 .wk-case-gallery .wk-photo{max-height:540px}
 .wk-case-facts{gap:24px 16px}
 .whw-section-heading h2{max-width:none}
 .page-hero__inner{gap:28px;padding-block:44px}
 body.admin-bar .main-nav{top:calc(var(--wk-header) + 46px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
                                                                        
.split__media:has(.wk-photo){min-height:0}
.split__media .wk-photo,.page-hero__media .wk-photo,.whw-about__media .wk-photo{position:static;inset:auto}
.media-collage:has(.wk-photo) figure{background:#061326}
.media-collage .wk-photo{position:static;height:auto;min-height:0;aspect-ratio:3/4;object-fit:contain}
.page-hero__media:has(.wk-photo){min-height:0}
.page-hero__media:has(.wk-photo)::after{display:none}
.whw-documentation__media .wk-photo{filter:none}
.media-collage:has(.wk-photo){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;align-items:start}
.media-collage:has(.wk-photo) figure:first-child{grid-row:auto}
@media(max-width:620px){.media-collage:has(.wk-photo){grid-template-columns:1fr}}
                                                                        
@media(max-width:980px){.main-nav{transform:none;opacity:0;transition:opacity .2s ease,visibility .2s}.main-nav.is-open{transform:none;opacity:1}}
.whw-home-v1 .whw-hero h1{max-width:none;font-size:clamp(2.5rem,4.6vw,4rem)}
@media(max-width:620px){.whw-home-v1 .whw-hero h1{font-size:clamp(1.8rem,7.6vw,2.8rem)}}
@media(max-width:980px){.main-nav:not(.is-open) .sub-menu{visibility:hidden}}