/* Woods&Co site styles.
   Most layout lives inline in the HTML, ported 1:1 from the design handoff.
   Colours are theme variables (--cN) set by site.js; the value after the comma is the studio default. */
:root{--g:max(40px,calc((100% - 1200px) / 2));--gr:max(0px,calc((100% - 1280px) / 2))}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{margin:0;background:var(--c7,#0b0b0c);color:var(--c0,#ededed);font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background .4s}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit}
:focus-visible{outline:2px solid var(--c5,#e8603c);outline-offset:3px;border-radius:4px}
[data-mode]:focus-visible,[data-agent]:focus-visible{outline:1px solid var(--c5,#e8603c);outline-offset:2px}
@keyframes v4-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* hover states */
.h0:hover{color:var(--c0,#ededed)!important;text-decoration:none!important}
.h1:hover{text-decoration:none!important;background:var(--c1,#fff)!important}
.h2:hover{text-decoration:none!important;background:var(--c2,#16161a)!important}
.h3:hover{text-decoration:none!important;border-color:var(--c3,#34343a)!important}
/* hero: wing field fills the hero behind the text, fading out towards the text */
[data-r=herocv]{-webkit-mask-image:linear-gradient(100deg,transparent 25%,#000 82%);mask-image:linear-gradient(100deg,transparent 25%,#000 82%)}
[data-r=herotext] a{pointer-events:auto}

/* responsive (from the handoff) */
@media (max-width:1100px){
[data-r=herocv]{-webkit-mask-image:linear-gradient(100deg,transparent 15%,#000 70%)!important;mask-image:linear-gradient(100deg,transparent 15%,#000 70%)!important}
[data-r=nav]{padding:16px 32px!important}[data-r=sec],[data-r=cta],#about{padding-left:32px!important;padding-right:32px!important}[data-r=sec],#about{padding-top:64px!important;padding-bottom:64px!important}[data-r=foot]{padding:20px 32px!important}
[data-r=h1]{font-size:52px!important}[data-r=h2]{font-size:38px!important}[data-r=ctah]{font-size:46px!important}[data-r=cta]{padding-top:80px!important;padding-bottom:80px!important}
[data-r=hero]{padding:0 32px!important;min-height:clamp(520px,68vw,600px)!important}[data-r=herotext]{padding:72px 0!important}[data-r=hero] [data-r=h1]{font-size:clamp(52px,7.6vw,84px)!important}[data-r=herosub]{font-size:20px!important}
[data-r=marq]{padding-left:32px!important}
[data-r=paths]{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-32px;padding-right:32px;scrollbar-width:none}[data-r=paths]>*{flex:0 0 340px;scroll-snap-align:start}[data-r=paths]::-webkit-scrollbar{display:none}
[data-r=shifttop]{gap:32px!important}[data-r=wc]{grid-template-columns:1fr!important;gap:20px!important}[data-r=wcg]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
[data-r=hire]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-r=hire]>*{border-bottom:1px solid var(--c12,#1f1f22)}
[data-r=pdots]{display:flex!important}[data-r=abouttop]{grid-template-columns:260px minmax(0,1fr)!important;gap:40px!important}#about [data-r=h2]{font-size:38px!important}[data-r=aboutstats]{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:24px}[data-r=astat]:nth-child(2){border-right:0!important}[data-r=astat]:nth-child(3){padding-left:0!important}
[data-r=ahero]{grid-template-columns:1fr 260px!important;gap:40px!important;padding:56px 32px!important}[data-r=pr]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
[data-r=nav]{padding:14px 20px!important}[data-r=navlinks]{gap:16px!important;font-size:13px}[data-r=navlinks]{display:none!important}
[data-r=sec],[data-r=cta],#about{padding-left:20px!important;padding-right:20px!important}[data-r=sec],#about{padding-top:48px!important;padding-bottom:48px!important}[data-r=foot]{padding:20px!important}
[data-r=h1]{font-size:38px!important;line-height:1.02!important}[data-r=h2]{font-size:30px!important;line-height:1.04!important}[data-r=ctah]{font-size:36px!important}[data-r=cta]{padding-top:64px!important;padding-bottom:64px!important}
[data-r=hero]{padding:0 20px!important;min-height:0!important}[data-r=hero] [data-r=h1]{font-size:clamp(40px,11vw,50px)!important;line-height:.98!important;letter-spacing:-.052em!important;text-wrap:balance}[data-r=h1br]{display:none}[data-r=herosub]{font-size:18px!important;margin-top:20px!important;text-wrap:pretty}[data-r=herotext]{padding:56px 0 48px!important}[data-r=herobtns]{flex-direction:column}[data-r=herobtns]>a{text-align:center;padding:14px 18px!important}
[data-r=marq]{padding-left:20px!important;height:56px!important}
[data-r=paths]{margin-right:-20px;padding-right:20px}[data-r=paths]>*{flex-basis:330px}[data-r=panel]{margin:0 12px!important;padding-left:14px!important;padding-right:14px!important}[data-r=rel]{grid-template-columns:14px 38px minmax(0,1fr) auto!important;gap:8px!important}
[data-r=wcg]{grid-template-columns:1fr!important}[data-r=hire]{grid-template-columns:1fr!important}
[data-r=abouttop]{grid-template-columns:1fr!important;gap:32px!important}[data-r=aboutpic]{width:100%;max-width:260px;margin:0 auto}#about{gap:40px!important}[data-r=astat]{font-size:inherit}[data-r=astat] > :first-child{font-size:24px!important}
[data-r=ahero]{grid-template-columns:1fr!important;padding:40px 20px 48px!important}[data-r=ahero]>:last-child{width:100%;max-width:260px;margin:0 auto}[data-r=pr]{grid-template-columns:1fr!important}
}
@media (max-width:1100px){:root{--g:32px;--gr:0px}}
/* tablet: the Pockets/Practice box stays beside the title down to 961px, then stacks under it at desktop size */
@media (max-width:960px){[data-r=shifttop]{grid-template-columns:1fr!important}[data-r=pp]{max-width:576px}}
@media (max-width:640px){:root{--g:20px}[data-r=pp]{grid-template-columns:1fr!important}[data-r=pp]>[data-arrow]{height:32px;border-left:0!important;border-right:0!important;border-top:1px solid var(--c12,#1f1f22);border-bottom:1px solid var(--c12,#1f1f22)}.pp-arr{transform:rotate(90deg)}[data-r=marq]>div{-webkit-mask-image:none!important;mask-image:none!important}[data-r=herocv]{display:none!important}}

@media (prefers-reduced-motion:reduce){
.marq-track{animation:none!important}
body,*{transition:none!important}
}