/* === Dynamonk V5 · Precision / Calm visual system === */
:root{--v5-type-tracking:-.018em}
body{letter-spacing:.008em}
h1,h2,h3,h4,.display{letter-spacing:var(--v5-type-tracking);line-height:1.17}
.brand-word{letter-spacing:-.025em;font-size:1.38rem}
.brand-sub{letter-spacing:.26em}
.desktop-nav a:not(.btn){font-size:.88rem;letter-spacing:.014em}
.page-hero{padding:90px 0 74px}
.page-hero h1{font-size:clamp(2.25rem,4.3vw,4.55rem);line-height:1.13;letter-spacing:-.028em;max-width:980px}
.page-hero .lead{font-size:1.035rem;line-height:1.78;max-width:64ch}
.section-head h2{font-size:clamp(2rem,3vw,3.3rem);letter-spacing:-.025em;line-height:1.17}
.section{padding:clamp(74px,8vw,108px) 0}
.section-tight{padding:64px 0}
.card h3{letter-spacing:-.015em;font-size:1.34rem}
.v4-hero-scene{height:120svh;min-height:830px}
.v4-hero-sticky{background:radial-gradient(ellipse 40% 37% at 48% 42%,rgba(38,59,88,.13),transparent 80%),radial-gradient(ellipse 40% 36% at 20% 15%,rgba(117,48,14,.10),transparent 78%),#05070b}
.v4-hero-ambient .aura{opacity:.48}
.v4-logo-container{width:min(23vw,270px);top:29%}
.v4-monk-logo{width:100%;height:100%;filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(255,156,74,.11));transform-origin:52% 48%}
.v4-orbit{inset:0;border-color:rgba(215,229,255,.10)}
.v4-orbit-two{inset:15%;border-color:rgba(255,152,65,.2)}
.v4-orbit-three{inset:-8%;border-color:rgba(255,255,255,.04)}
.v4-hero-intro{max-width:860px}
.v4-hero-intro h1{font-size:clamp(2.8rem,4.25vw,4.95rem);letter-spacing:-.028em;line-height:1.12;font-weight:740}
.v4-hero-intro p{font-size:1.015rem;line-height:1.73;max-width:520px;margin-top:18px}
.v4-hero-overline,.v4-micro-label,.v4-kicker{letter-spacing:.11em}
.v4-hero-actions{margin-top:24px}
.v4-hero-side{font-size:.68rem}
.v4-statement-section{padding:clamp(95px,10vw,155px) 0}
.v4-big-statement{font-size:clamp(2.7rem,4.6vw,5.25rem);letter-spacing:-.027em;line-height:1.14;font-weight:700}
.v4-statement-copy{font-size:1.07rem;line-height:1.8;margin-top:27px}
.v4-showcase-section{padding:clamp(80px,9vw,135px) 0}
.v4-showcase-heading h2{font-size:clamp(2.3rem,3.45vw,4rem);letter-spacing:-.028em;line-height:1.15}
.v4-showcase-heading p{font-size:1.025rem;line-height:1.73}
.v4-services-section{padding:clamp(82px,10vw,140px) 0}
.v4-section-title h2{font-size:clamp(2.45rem,4.3vw,4.95rem);letter-spacing:-.027em;line-height:1.14}
.v4-section-title p{font-size:1.04rem}
.v4-service-row{padding:29px 12px;grid-template-columns:56px 1fr 55px}
.v4-service-row h3{font-size:clamp(1.5rem,2.45vw,2.65rem);letter-spacing:-.022em;line-height:1.17}
.v4-service-row p{font-size:.94rem}
.v4-approach-section{padding:clamp(85px,9vw,140px) 0}
.v4-approach-layout h2{font-size:clamp(2.5rem,4vw,4.6rem);letter-spacing:-.027em;line-height:1.15}
.v4-approach-text p{font-size:1.035rem;line-height:1.76}
.v4-final-cta{padding:clamp(96px,11vw,175px) 0}
.v4-final-cta h2{font-size:clamp(2.75rem,4.7vw,5.4rem);letter-spacing:-.027em;line-height:1.13}
.v4-final-cta p{font-size:1.025rem}
.site-header-inner{min-height:74px}
/* Compact brand footer — six primary shortcuts, only discreet legal utilities. */
.site-footer.v5-footer{padding:34px 0 22px;margin-top:0;border-top:1px solid var(--line);background:var(--hero)}
.v5-footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.v5-footer-identity{display:flex;align-items:center;gap:11px;color:var(--hero-text);text-decoration:none}
.v5-footer-identity img{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}
.v5-footer-identity strong{font-family:Outfit,Inter,sans-serif;font-size:1.25rem;font-weight:750;letter-spacing:-.03em}
.v5-footer-identity small{font-weight:650;font-size:.6rem;letter-spacing:.19em;color:var(--hero-highlight);margin-left:5px}
.v5-footer-nav{display:flex;flex-wrap:wrap;gap:12px clamp(12px,1.7vw,27px);align-items:center}
.v5-footer-nav a,.v5-footer-legal a{color:var(--hero-muted);text-decoration:none;font-size:.84rem;font-weight:600}
.v5-footer-nav a:hover,.v5-footer-legal a:hover{text-decoration:underline;text-underline-offset:5px;color:var(--hero-text)}
.v5-footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);margin-top:28px;padding-top:16px;color:var(--hero-muted);font-size:.72rem}
.v5-footer-bottom p{margin:0;font-size:.72rem}
.v5-footer-legal{display:flex;align-items:center;gap:18px}
.v5-footer-legal a{font-size:.72rem}
/* More believable gentle buoyancy; independent of the scroll movement on the parent. */
@media(prefers-reduced-motion:no-preference){:root:not([data-motion="reduce"]) .v4-monk-logo{animation:v5-glide 7.8s cubic-bezier(.45,.02,.55,.98) infinite alternate!important}}
@keyframes v5-glide{0%{transform:translate3d(-9px,12px,0) rotate(-2.4deg)}50%{transform:translate3d(7px,-9px,0) rotate(1.5deg)}100%{transform:translate3d(2px,-19px,0) rotate(-.8deg)}}
@media(max-width:1100px){.v4-logo-container{width:min(30vw,265px);top:28%}.v4-hero-intro h1{font-size:clamp(2.85rem,4.7vw,4.5rem)}}
@media(max-width:900px){.v4-hero-scene{height:auto;min-height:0}.v4-hero-sticky,.v4-hero-frame{min-height:800px}.v4-logo-container{width:min(54vw,265px);top:29%}.v4-hero-intro h1{font-size:clamp(2.75rem,6.4vw,4.6rem)}}
@media(max-width:650px){.v4-hero-sticky,.v4-hero-frame{min-height:745px}.v4-logo-container{width:min(60vw,235px);top:27%}.v4-hero-intro h1{font-size:clamp(2.58rem,9vw,3.8rem);letter-spacing:-.022em;line-height:1.11}.v4-hero-intro p{font-size:.96rem}.v4-service-row h3{font-size:1.5rem}.v5-footer-main{flex-direction:column;align-items:flex-start}.v5-footer-nav{gap:13px 20px}.v5-footer-nav a{font-size:.85rem}}
@media(max-height:760px) and (min-width:901px){.v4-logo-container{width:min(20vw,205px);top:27%}}
/* Final small-screen hero composition: reserve a clean zone for logo and typography. */
@media(max-width:650px){
  .v4-logo-container{width:min(45vw,178px);top:20%}
  .v4-hero-intro h1{font-size:clamp(2.35rem,8vw,3.35rem);line-height:1.16}
  .v4-hero-sticky,.v4-hero-frame{min-height:755px}
}
/* Narrow viewport and enlarged text refinements */
@media(max-width:420px){
  .site-header-inner{gap:7px}
  .brand{gap:7px;min-width:0}
  .brand-mark{width:35px;height:35px;flex:none}
  .brand-word{font-size:1.16rem}
  .brand-sub{font-size:.45rem;margin-top:4px}
  .header-actions{gap:5px;flex:none}
  .header-actions .icon-button{min-width:38px;width:40px;height:40px;padding:6px}
  .v4-service-row{grid-template-columns:27px minmax(0,1fr) 22px;gap:9px}
  .v4-service-row .v4-service-arrow{min-width:0;width:22px;font-size:1.25rem}
  .v4-final-cta-inner{display:flex;flex-direction:column;align-items:stretch;text-align:center;width:100%;min-width:0}
  .v4-final-cta-inner h2,.v4-final-cta-inner p{max-width:100%;overflow-wrap:break-word}
  .v4-final-cta-inner .btn{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding-inline:12px}
}