/* Responsive layer. Container queries on the page wrapper so layouts track the viewport width. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3973E6!important;outline-offset:3px}
[data-r~="menu-panel"]{max-height:calc(100vh - 72px);overflow:auto}
@container (min-width:1081px){[data-r~="menu-panel"]{display:none!important}}
@container (max-width:1080px){[data-r~="desk-nav"]{display:none!important}[data-r~="menu-btn"]{display:inline-flex!important}}
@container (max-width:1024px){
[data-rp="0-0"]{padding:0px 40px 0px!important}
[data-rp="88-96"]{padding:66px 40px 72px!important}
[data-rp="112-112"]{padding:84px 40px 84px!important}
[data-rp="128-128"]{padding:96px 40px 96px!important}
[data-rp="128-64"]{padding:96px 40px 48px!important}
[data-rp="40-96"]{padding:30px 40px 72px!important}
[data-rp="112-0"]{padding:84px 40px 0px!important}
[data-rp="96-0"]{padding:72px 40px 0px!important}
[data-rp="96-112"]{padding:72px 40px 84px!important}
[data-rp="0-112"]{padding:0px 40px 84px!important}
[data-rp="96-96"]{padding:72px 40px 72px!important}
[data-rp="32-32"]{padding:24px 40px 24px!important}
[data-rf="62"]{font-size:52px!important}
[data-rf="44"]{font-size:38px!important}
[data-rf="40"]{font-size:34px!important}
[data-rf="72"]{font-size:60px!important}
[data-rf="64"]{font-size:52px!important}
[data-rf="36"]{font-size:32px!important}
[data-rf="52"]{font-size:44px!important}
[data-rf="76"]{font-size:60px!important}
[data-rf="104"]{font-size:80px!important}
[data-rf="32"]{font-size:30px!important}
[data-rf="88"]{font-size:72px!important}
[data-r~="g4"],[data-r~="g3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:48px!important}
[data-r~="card"]{grid-template-columns:72px minmax(0,1fr)!important}
[data-r~="card"]>:nth-child(1){padding:36px 0 0 28px!important;font-size:32px!important}
[data-r~="card"]>:nth-child(2){padding:36px 36px 32px 0!important}
[data-r~="card"]>:nth-child(3){grid-column:1/-1;padding:28px 36px!important;gap:16px!important}
[data-r~="step"]{grid-template-columns:48px minmax(0,1fr)!important;row-gap:8px!important}
[data-r~="step"]>:nth-child(3){grid-column:2}
[data-r~="hero-panel"]{left:69%!important}
[data-r~="hero-img"]{width:100%!important;max-width:420px}
}
@container (max-width:900px){
[data-r~="split"]{grid-template-columns:minmax(0,1fr)!important;gap:32px!important;align-items:start!important}
[data-r~="split"]>figure:first-child{max-width:420px}
[data-r~="split-list"]{row-gap:0!important}
[data-r~="split"]>div:empty{display:none}
[data-r~="split"] img[style*="4 / 5"]{max-width:420px}
[data-r~="hero-panel"]{left:0!important;right:0!important;top:auto!important;height:300px}
[data-r~="nomh"]{min-height:0!important}
[data-r~="mob-only"]{display:flex!important}
[data-r~="desk-only"]{display:none!important}
}
@container (max-width:640px){
[data-rp="0-0"]{padding:0px 20px 0px!important}
[data-rp="88-96"]{padding:56px 20px 56px!important}
[data-rp="112-112"]{padding:64px 20px 64px!important}
[data-rp="128-128"]{padding:64px 20px 64px!important}
[data-rp="128-64"]{padding:64px 20px 48px!important}
[data-rp="40-96"]{padding:32px 20px 56px!important}
[data-rp="112-0"]{padding:64px 20px 0px!important}
[data-rp="96-0"]{padding:56px 20px 0px!important}
[data-rp="96-112"]{padding:56px 20px 64px!important}
[data-rp="0-112"]{padding:0px 20px 64px!important}
[data-rp="96-96"]{padding:56px 20px 56px!important}
[data-rp="32-32"]{padding:32px 20px 32px!important}
[data-rf="62"]{font-size:40px!important}
[data-rf="44"]{font-size:30px!important}
[data-rf="40"]{font-size:28px!important}
[data-rf="72"]{font-size:52px!important}
[data-rf="64"]{font-size:40px!important}
[data-rf="36"]{font-size:28px!important}
[data-rf="52"]{font-size:34px!important}
[data-rf="76"]{font-size:42px!important}
[data-rf="104"]{font-size:60px!important}
[data-rf="32"]{font-size:26px!important}
[data-rf="88"]{font-size:56px!important}
[data-r~="g4"],[data-r~="g3"]{grid-template-columns:minmax(0,1fr)!important;row-gap:40px!important}
[data-r~="meta"]{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
[data-r~="metrics"]{grid-template-columns:repeat(3,auto)!important;justify-content:space-between;gap:16px!important}
[data-r~="card"]{grid-template-columns:minmax(0,1fr)!important}
[data-r~="card"]>:nth-child(1){padding:24px 24px 0!important;font-size:28px!important}
[data-r~="card"]>:nth-child(2){padding:14px 24px 24px!important}
[data-r~="card"]>:nth-child(2)>div:last-child{flex-wrap:wrap;gap:16px!important}
[data-r~="card"]>:nth-child(3){padding:24px!important;flex-direction:column!important;align-items:stretch;gap:16px!important}
[data-r~="step"]{grid-template-columns:40px minmax(0,1fr)!important}
[data-r~="seq"]{grid-template-columns:minmax(0,1fr)!important;row-gap:16px!important}
[data-r~="seq"]>:nth-child(even){justify-self:start;padding-top:0!important;transform:rotate(90deg)}
[data-r~="ctas"]{flex-direction:column;align-items:flex-start!important;gap:20px!important}
[data-r~="form"]{padding:24px!important}
[data-r~="rel"]{grid-template-columns:36px minmax(0,1fr) auto!important;padding:20px!important;gap:12px!important}
[data-r~="rel"]>span:first-child{font-size:24px!important}
[data-r~="foot"]{flex-direction:column;gap:14px}
[data-r~="foot"]>div{flex-wrap:wrap;gap:12px 18px!important}
[data-r~="hero-panel"]{height:240px}
}
@container (max-width:1080px){
[data-r~="tapx"],[data-r~="foot"] a,[data-r~="ctas"] a{position:relative}
[data-r~="tapx"]::after,[data-r~="foot"] a::after,[data-r~="ctas"] a::after{content:"";position:absolute;inset:-12px -6px}
}
@container (max-width:1280px){
[data-r~="split"] [data-r~="split"]{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
[data-r~="split"] [data-r~="split-list"]{row-gap:0!important}
[data-r~="split"] [data-r~="split"]>figure{max-width:520px}
}
@container (max-width:1024px){
[data-rp="40-96"] [data-r~="split"]{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
}
@container (max-width:900px){
[data-r~="split"] [data-r~="quad"],[data-r~="quad"]{gap:0!important}
[data-r~="quad"]>*{border-right:0!important;border-bottom:1px solid var(--rule-on-navy)!important}
[data-r~="quad"]>:last-child{border-bottom:0!important}
}


/* Production equivalents for Claude Design interaction attributes. */
[hidden]{display:none!important}
[style-hover*="color:var(--blue-ink)"]:hover{color:var(--blue-ink)!important}
[style-hover*="color:var(--navy)"]:hover{color:var(--navy)!important}
[style-hover*="color:#fff"]:hover{color:#fff!important}
[style-hover*="background:var(--navy-90)"]:hover{background:var(--navy-90)!important}
[style-hover*="border-top-color:var(--blue)"]:hover{border-top-color:var(--blue)!important}
[style-hover*="box-shadow:var(--shadow-card-hover)"]:hover{box-shadow:var(--shadow-card-hover)!important}
[style-hover*="transform:translateY(-2px)"]:hover{transform:translateY(-2px)!important}
[style-before*="content:'|'"]::before{content:'|';display:inline-block;width:29px;text-align:center;color:var(--rule)}
[style-before*="content:'→'"]::before{content:'→';display:inline-block;width:48px;text-align:center;font:var(--type-ui);color:var(--blue)}
button:disabled{opacity:.65;cursor:wait!important}


/* v6.2 homepage photography: fit each image to its native composition. */
[data-r~="expertise-photo"]{aspect-ratio:3/4!important;background:transparent!important}
[data-r~="contact-photo"]{aspect-ratio:3/4!important;background:transparent!important}
@container (max-width:900px){
[data-r~="expertise-photo"]{width:100%;max-width:420px}
[data-r~="contact-photo"]{width:100%;max-width:520px}
}
@container (max-width:640px){
[data-r~="expertise-photo"],[data-r~="contact-photo"]{width:100%;max-width:420px}
}