/* WRR final integration — shared across all seven pages. */
html{scroll-padding-top:100px}body{overflow-x:clip}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5fa8ec;outline-offset:6px}.nav.solid{background:rgba(4,18,36,.94);backdrop-filter:blur(18px)}
.nolket-credit{font-size:13px!important;white-space:nowrap;text-decoration:none!important;align-self:center}.nolket-credit strong{background:linear-gradient(100deg,#006b43,#00b86e,#00e889,#00b86e,#006b43);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;position:relative;letter-spacing:.08em}.nolket-credit strong:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:linear-gradient(90deg,#00995d,#00e889);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nolket-credit:hover strong{text-shadow:0 0 14px rgba(0,232,137,.45)}.nolket-credit:hover strong:after{transform:scaleX(1)}
#heroMedia{inset:-5%;transform:translate3d(var(--camera-x,0px),var(--camera-y,0px),0);transition:transform 1.5s ease-out;will-change:transform}#heroPhoto{animation:architectural-camera 22s ease-in-out infinite alternate;transform-origin:70% 45%;will-change:transform}#heroPhoto img{object-position:65% center;filter:saturate(.96) contrast(1.08) brightness(.92)}
@keyframes architectural-camera{0%{transform:scale(1.02) translateX(-1%)}100%{transform:scale(1.14) translateX(1.5%) translateY(-1%)}}
.hero-shutter{position:absolute;inset:0;background:#041224;z-index:1;pointer-events:none;animation:architectural-reveal 1.8s cubic-bezier(.16,1,.3,1) both;transform-origin:right}@keyframes architectural-reveal{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}
.hero-motion-toggle{position:absolute;right:var(--gutter);top:110px;z-index:4;border:1px solid rgba(255,255,255,.4);border-radius:30px;color:#fff;background:rgba(4,18,36,.45);backdrop-filter:blur(10px);padding:.65rem 1rem;font:inherit;font-size:12px}.motion-paused #heroPhoto{animation-play-state:paused}.motion-paused #heroMedia{transform:none!important}.tv-night{z-index:2;opacity:0;pointer-events:none}.tv-before img,.tv-after img,.tv-night img{object-position:center;filter:none!important}.tv-line{z-index:4}.transform-visual{isolation:isolate}.transform-controls .note{font-size:12px;max-width:24rem}.transform-controls .btn{font-size:12px;padding:.6rem 1rem}.stage-word{font-size:clamp(1.7rem,3vw,3.5rem)}.stage-words{pointer-events:none}.portrait img{object-position:center 25%}.photo img{opacity:1}.photo:before,.photo:after{pointer-events:none}
.single-copy{display:block}.single-copy .copy{max-width:1050px}.single-copy .copy p{max-width:55rem}.single-copy .copy h2{max-width:18ch}.strategy-numeral{font-family:'Big Shoulders Display',Impact,sans-serif;font-weight:800;font-size:clamp(8rem,18vw,20rem);line-height:1;color:#174575;border-top:1px solid #274863;padding-top:2rem}.strategy:nth-child(even) .strategy-numeral{order:2}.text-card{min-height:290px}.text-card .card-copy{position:relative;padding:2rem}.text-card:after{display:none}.hero:not(:has(.hero-media)){background:radial-gradient(ellipse at 85% 25%,#154a7a 0,transparent 55%),#041224}.hero:not(:has(.hero-media))::before{content:'WRR';position:absolute;right:-.03em;top:15%;font-family:'Big Shoulders Display',Impact,sans-serif;font-size:40vw;font-weight:900;line-height:1;color:rgba(95,168,236,.07);pointer-events:none}.hero h1{overflow-wrap:normal}.hero-content,.copy,.section-head>*{min-width:0}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(26px)}.js-motion .reveal.on{opacity:1;transform:none}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-note{font-size:14px}.eyebrow,.btn,.index a,.role{font-size:14px}.overlay,.overlay-menu{overflow-y:auto}.overlay-links a{line-height:1.1}.footer-bottom{align-items:center}.idea-arrow{color:inherit}.hero-sub{margin-bottom:0}
@media(max-width:980px){.strategy:nth-child(even) .strategy-numeral{order:0}.strategy-numeral{font-size:6rem}.strategy{gap:1.5rem}.hero h1{max-width:100%;font-size:clamp(3rem,12.5vw,6rem)}.overlay a{font-size:clamp(2rem,7vw,4rem)}}
@media(max-width:700px){#hero .hero-content{padding-top:12rem;padding-bottom:3rem}#hero h1{font-size:clamp(2.8rem,11.6vw,5rem);line-height:.96}#hero .hero-bottom{gap:1.2rem}#hero .hero-ctas{width:100%}#hero .hero-ctas .btn{padding:.85rem 1rem;font-size:13px}#heroPhoto img{object-position:60% center}.hero-motion-toggle{top:92px;padding:.45rem .75rem}.hero-kicker{font-size:12px;max-width:25rem}.gsap-on .transform-wrap{height:260svh}.gsap-on .transform-stage{padding-top:90px;gap:1rem}.transform-top{gap:.7rem}.transform-top .h2{font-size:clamp(2rem,8vw,3rem);max-width:19ch}.transform-top .lead{font-size:14px;line-height:1.45}.transform-top .eyebrow{font-size:12px}.transform-visual{min-height:240px;aspect-ratio:4/3}.gsap-on .transform-visual{min-height:220px}.transform-controls{gap:.6rem}.tv-range-label{width:100%;justify-content:space-between}.tv-range{flex:1;min-width:0}.transform-controls .note{max-width:60%;font-size:11px}.transform-controls .btn{width:auto}.stage-words{left:1rem;bottom:1rem}.stage-word{font-size:1.6rem}.footer-bottom{justify-content:center;text-align:center}.footer-bottom .nolket-credit{width:100%;margin-top:.4rem}.founder-copy .big{font-size:clamp(3rem,14vw,5rem)}.hero h1,.cta h2,.quote{line-height:.98}.hero-lead{font-size:1.05rem}.overlay-links a{font-size:clamp(2rem,8vw,3rem)}.overlay-menu{padding-top:6rem}.overlay-foot{margin-top:1.2rem}.person h3{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-shutter{display:none}#heroPhoto{animation:none;transform:none}#heroMedia{transform:none!important}.hero-motion-toggle{display:none}.reveal,.js-motion .reveal{opacity:1;transform:none}.tv-night,.tv-after{transition:none}.parallax{transform:none!important}}
/* Revision 2: footer, transparent navigation, card contrast and comparison label. */
footer .footer-brand .footer-mark{font-size:clamp(4rem,7vw,7rem);line-height:.85;margin:0 0 1.5rem;color:#f8fafc;letter-spacing:0;white-space:nowrap}
footer .footer-top{align-items:start}
.nav,.nav.solid{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
.nav.nav-on-light .wordmark,.nav.nav-on-light .desktop-links a,.nav.nav-on-light .menu-btn{color:#071521}
.nav.nav-on-light .menu-btn{border-color:rgba(7,21,33,.5)}
.nav.nav-menu-open .wordmark,.nav.nav-menu-open .desktop-links a,.nav.nav-menu-open .menu-btn{color:#f8fafc}
.nav.nav-menu-open .menu-btn{border-color:rgba(248,250,252,.45)}
.process-step,.person,.card,.audience-item{color:#f8fafc}
.process-step b,.person h3,.card-copy h3,.audience-item h3{color:#f8fafc}
.ba .ba-label.after{clip-path:none;white-space:nowrap;width:auto;overflow:visible}
@media(max-width:640px){footer .footer-top{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem 1.2rem}footer .footer-brand{grid-column:1;grid-row:1}footer .footer-top>.footer-col:first-of-type{grid-column:2}footer .footer-brand .footer-mark{font-size:4rem}footer .footer-brand p{font-size:12px}footer .footer-col a{font-size:13px}}
/* Revision 3: mobile hero composition and compact footers. */
@media(max-width:700px){
 #hero{min-height:100svh}
 #hero .hero-content{min-height:100svh;display:flex;justify-content:flex-start;padding-top:clamp(105px,13svh,135px);padding-bottom:25px}
 #hero .hero-kicker{font-size:10px;line-height:1.5;letter-spacing:.07em;margin:0 0 14px;max-width:260px}
 #hero h1{font-size:clamp(2rem,9.2vw,3.8rem);line-height:1;max-width:100%}
 #hero .hero-bottom{margin-top:auto;padding-top:clamp(155px,24svh,260px);gap:16px}
 #hero .hero-sub{font-size:14px;line-height:1.6;max-width:32rem}
 #hero .hero-ctas{display:grid;grid-template-columns:1fr 1.15fr;gap:10px}
 #hero .hero-ctas .btn{justify-content:center;padding:13px 8px;font-size:12px;white-space:normal;text-align:center}
 #hero .hero-motion-toggle{top:auto;bottom:210px;right:20px;font-size:11px;padding:7px 10px}
 #hero .hero-tint{background:linear-gradient(180deg,rgba(4,18,36,.45),rgba(4,18,36,.08) 40%,rgba(4,18,36,.1) 63%,rgba(4,18,36,.92) 88%,#041224)}
 .hero:not(#hero){min-height:0;display:flex;flex-direction:column;align-items:stretch;background-color:#041224}
 .hero:not(#hero) .hero-content{order:0;padding-top:110px;padding-bottom:32px;margin:0;flex:none}
 .hero:not(#hero) h1{font-size:clamp(2.8rem,12vw,4.3rem);line-height:1;max-width:100%}
 .hero:not(#hero) .eyebrow{font-size:12px;margin-bottom:18px}
 .hero:not(#hero) .hero-lead{font-size:15px;line-height:1.65;margin-top:22px}
 .hero:not(#hero) .hero-media{position:relative;inset:auto;order:1;height:clamp(260px,42svh,400px);width:100%;overflow:hidden}
 .hero:not(#hero) .hero-media img{transform:none!important;filter:saturate(.95) contrast(1.03);object-position:center}
 .hero:not(#hero)::after,.hero:not(#hero) .hero-grid{display:none}
 .hero:not(#hero):not(:has(.hero-media)) .hero-content{padding-bottom:60px}
 footer{padding-block:40px 25px!important}
 footer .footer-top{display:grid;grid-template-columns:1fr 1fr;gap:25px 24px;padding-bottom:28px;margin:0}
 footer .footer-brand{grid-column:1;grid-row:1 / 3;min-width:0}
 footer .footer-top>.footer-col{grid-column:2}
 footer .footer-brand .footer-mark{font-size:clamp(3.3rem,16vw,4.5rem);margin-bottom:20px}
 footer .footer-brand p{font-size:13px;line-height:1.65;margin:0}
 footer .footer-col h5{font-size:12px;margin:0 0 12px}
 footer .footer-col ul{gap:8px}
 footer .footer-col a{font-size:13px;line-height:1.5}
 .footer .footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
 .footer .footer-grid>div:first-child{grid-column:1/-1}
 .footer .footer-grid h4{font-size:1.7rem}
 .footer .footer-grid p{font-size:14px;line-height:1.65;margin-top:10px}
 .footer .footer-grid ul{gap:9px}
 .footer .footer-grid a{font-size:14px}
 footer .footer-bottom{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:0;padding-top:22px;font-size:11px;line-height:1.5;text-align:center}
 .footer .footer-bottom{margin-top:28px}
 footer .footer-bottom .nolket-credit{margin-top:5px;font-size:12px!important}
}
@media(max-width:700px){html{overflow-x:clip}.founder{overflow-x:clip}#hero{width:100%;max-width:100%;overflow:hidden}}
/* Revision 4: real viewport pinning, uncropped transformation, animated credit. */
html body{overflow-x:clip;overflow-y:visible}
#transformation .transform-visual img{object-fit:contain!important;object-position:center!important;transform:none!important}
#transformation .transform-visual{background:#041224;clip-path:none!important;min-height:0}
#transformation .transform-shade{display:none}
#transformation .transform-stage{gap:14px}
#transformation .transform-top .h2{font-size:clamp(2rem,3.2vw,3.6rem);max-width:24ch;line-height:1}
#transformation .transform-top .lead{font-size:clamp(14px,1.2vw,18px);line-height:1.5}
#transformation .stage-words{position:relative;inset:auto;display:flex;flex-direction:row;gap:clamp(15px,3vw,40px);justify-content:center;flex-wrap:wrap;padding-inline:var(--gutter);flex-shrink:0}
#transformation .stage-word{font-size:clamp(1rem,1.8vw,1.7rem);line-height:1.2;transform:none}
#transformation .transform-controls{flex-shrink:0}
.nolket-credit strong{display:inline-block;background-size:240% 100%;animation:nolket-flow 4s linear infinite,nolket-glow 3s ease-in-out infinite}
.nolket-credit strong:after{transform:scaleX(1);background-size:200% 100%;animation:nolket-flow 4s linear infinite;opacity:.8}
@keyframes nolket-flow{from{background-position:0% 50%}to{background-position:240% 50%}}
@keyframes nolket-glow{0%,100%{filter:drop-shadow(0 0 1px rgba(0,232,137,.15))}50%{filter:drop-shadow(0 0 6px rgba(0,232,137,.45))}}
@media(max-width:700px){
 .gsap-on .idea-wrap{height:360svh}.gsap-on .legacy-wrap{height:420svh}
 #transformation .transform-stage{padding-top:85px;padding-bottom:20px;gap:12px}
 #transformation .transform-top{gap:10px}
 #transformation .transform-top .h2{font-size:clamp(1.8rem,7.5vw,2.6rem);max-width:25ch;margin-top:10px!important}
 #transformation .transform-top .eyebrow{margin-bottom:0;font-size:11px}
 #transformation .transform-top .lead{font-size:13px;line-height:1.45}
 #transformation .transform-visual{min-height:0!important;flex:1 1 0;aspect-ratio:auto}
 #transformation .stage-word{font-size:1.1rem}
 .gsap-on .idea-word h2{font-size:clamp(3.5rem,16vw,6rem);overflow-wrap:normal}
}
@media(prefers-reduced-motion:reduce){.nolket-credit strong,.nolket-credit strong:after{animation:none}.transform-visual{aspect-ratio:1672/941!important;min-height:0!important}}
#transformation .transform-visual .photo{background:transparent}
@media(max-width:700px){#transformation .transform-stage{justify-content:center}#transformation .transform-visual{flex:0 0 auto;aspect-ratio:1672/941;height:auto;width:calc(100% - 2 * var(--gutter))}#transformation .transform-controls{margin-top:4px}}
/* Revision 5 */
.nav{transition:opacity .25s ease,transform .3s ease!important;will-change:opacity,transform}
.nav.nav-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}
.nav:focus-within,.nav.nav-menu-open{opacity:1;transform:none;pointer-events:auto}
#transformation #transformVisual{flex:0 0 auto;aspect-ratio:1672/941;min-height:0;margin:0 auto;background:transparent}
#founders .portrait{clip-path:none!important}
@media(max-width:700px){
 #strategiesPin.h-scroll .strategies-track{overflow:visible;scroll-snap-type:none;padding-block:85px 35px}
 #strategiesPin.h-scroll .strategy-panel{width:86vw;height:100%;min-height:0}
 #strategiesPin.h-scroll .strategies-hint{display:none}
 footer .footer-top{grid-template-columns:1fr 1fr;gap:28px 20px}
 footer .footer-top .footer-brand{grid-column:1/-1;grid-row:auto;text-align:left}
 footer .footer-top .footer-brand .footer-mark{font-size:4rem;margin-bottom:16px}
 footer .footer-top .footer-brand p{max-width:32rem;font-size:13px}
 footer .footer-top .footer-col{grid-column:auto!important;grid-row:auto}
 footer .footer-bottom .footer-credit{justify-content:center;width:100%;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.nav{transition:none!important}}

/* Anti-spam honeypot: intentionally invisible to human visitors. */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}