/* Dynamonk Studio V4 | Precision Motion System
   Brand: approved original monk, obsidian/ember, human-first accessibility */
:root{--v4-bg:#05070b;--v4-ember:#ff9b44;--v4-ice:#bfcbdc;--v4-bright:#f7f8fc;--v4-line:rgba(255,255,255,.14);--v4-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:100px}
body{background:#07090e;font-feature-settings:"ss01" on}
.container{width:min(1280px,calc(100% - 88px))}
.site-header{background:rgba(4,6,9,.7);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(26px) saturate(1.12)}
.site-header-inner{min-height:78px}
.brand-mark{border:none;width:48px;height:48px;overflow:visible}
.brand-mark .approved-logo{filter:brightness(0) invert(1);padding:2px}
.brand-word{font-size:1.45rem;letter-spacing:-.075em}
.brand-sub{font-size:.52rem;letter-spacing:.31em}
.desktop-nav a:not(.btn){font-size:.83rem;letter-spacing:.02em}
.header-actions .btn{border-radius:100px;padding:10px 19px}
.card,.contact-form{border-radius:20px}
.page-hero{padding:115px 0 96px;background:radial-gradient(ellipse 45% 50% at 90% 0%,rgba(255,132,29,.065),transparent 70%)}
.page-hero h1{font-size:clamp(3.3rem,6vw,6.3rem);line-height:1.03;letter-spacing:-.064em;max-width:1080px}
.page-hero .lead{font-size:1.13rem}
/* Homepage scene */
.v4-home{overflow:clip}
.v4-home .v4-kicker{display:block;font-family:"Courier New",monospace;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.19em;margin-bottom:27px}
.v4-hero-scene{height:135svh;min-height:950px;position:relative;margin-top:-1px}
.v4-hero-sticky{position:sticky;top:78px;height:calc(100svh - 78px);min-height:690px;background:radial-gradient(ellipse 45% 35% at 55% 48%,rgba(28,46,81,.2),transparent 75%),radial-gradient(ellipse 58% 68% at 14% 15%,rgba(99,36,10,.18),transparent 69%),#04060a;overflow:hidden;isolation:isolate}
.v4-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.021) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.021) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 87%);pointer-events:none}
.v4-hero-ambient{position:absolute;inset:0;pointer-events:none;z-index:-1}
.v4-hero-ambient .aura{position:absolute;display:block;border-radius:50%;filter:blur(8px);opacity:.65}
.v4-hero-ambient .a1{width:560px;height:560px;top:-190px;right:7%;background:radial-gradient(circle,rgba(255,115,34,.16),transparent 66%)}
.v4-hero-ambient .a2{width:440px;height:440px;bottom:-150px;left:8%;background:radial-gradient(circle,rgba(45,91,182,.10),transparent 67%)}
.v4-hero-ambient .a3{width:530px;height:530px;top:14%;left:42%;background:radial-gradient(circle,rgba(73,91,144,.10),transparent 68%)}
.v4-hero-frame{height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-top:44px;padding-bottom:38px}
.v4-hero-overline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d6dce7;font-family:"Courier New",monospace;letter-spacing:.12em;font-size:.72rem;line-height:1.5}
.v4-hero-overline>span:first-of-type{flex:1}
.signal-light{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--v4-ember);box-shadow:0 0 16px rgba(255,149,31,.6)}
.hero-serial{color:#8d98aa}
.v4-logo-container{position:absolute;left:50%;top:32%;width:min(31vw,350px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none;isolation:isolate;will-change:transform,opacity}
.v4-monk-logo{display:block;position:relative;z-index:4;width:97%;height:97%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 27px rgba(255,156,74,.15));transform:translate3d(0,0,0);will-change:transform}
.v4-orbit{position:absolute;inset:6%;border:1px solid rgba(215,229,255,.14);border-radius:50%;transform:rotateX(61deg) rotateZ(-25deg);box-shadow:0 0 34px rgba(64,131,255,.055)}
.v4-orbit-two{inset:17%;border-color:rgba(255,152,65,.27);transform:rotateX(72deg) rotateZ(37deg)}
.v4-orbit-three{inset:0%;border-color:rgba(255,255,255,.06);transform:rotateX(83deg) rotateZ(58deg)}
.v4-logo-halo{position:absolute;width:88%;height:88%;border-radius:50%;background:radial-gradient(circle,rgba(255,122,44,.078),transparent 69%);filter:blur(6px);z-index:-1}
.v4-light-streak{position:absolute;width:56%;height:1px;left:2%;top:33%;background:linear-gradient(90deg,transparent,rgba(221,232,249,.20),transparent);transform:rotate(-11deg)}
.streak-two{top:68%;left:51%;transform:rotate(14deg)}
.v4-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;position:relative;z-index:5}
.v4-hero-intro{max-width:1000px}
.v4-micro-label{display:block;color:#ffa757;font-family:"Courier New",monospace;font-size:.76rem;letter-spacing:.18em;font-weight:700;margin-bottom:21px}
.v4-hero-intro h1{font-size:clamp(3.5rem,5.7vw,6.9rem);letter-spacing:-.079em;line-height:.97;font-weight:800;margin:0;color:#f8f9fc}
.v4-hero-intro h1 em{font-style:normal;color:var(--v4-ember)}
.v4-hero-intro p{max-width:535px;margin:24px 0 0;font-size:1.09rem;line-height:1.65;color:#c8d2e0}
.v4-hero-actions{display:flex;align-items:center;gap:28px;margin-top:27px;flex-wrap:wrap}
.v4-primary-btn{background:var(--accent);border-color:var(--accent);color:#17110a;border-radius:100px;padding:13px 25px;min-height:52px;letter-spacing:.01em}
.v4-primary-btn:hover{background:#ffd098;border-color:#ffd098;color:#17110a}
.v4-understated-link{color:var(--text);font-weight:750;text-decoration:none;border-bottom:1px solid #667282;padding-bottom:6px;white-space:normal}
.v4-understated-link:hover{color:var(--accent);border-color:var(--accent)}
.v4-hero-side{display:flex;flex-direction:column;align-items:center;gap:12px;font-family:"Courier New",monospace;font-size:.73rem;letter-spacing:.14em;color:#abb6c7;white-space:nowrap}
.v4-hero-side span:first-child{writing-mode:vertical-rl}
.v4-down-arrow{width:39px;height:39px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;font-size:1.2rem}
/* Statement */
.v4-statement-section{padding:clamp(132px,15vw,245px) 0;position:relative;background:linear-gradient(155deg,#090d14,#0c121b 62%,#090a0e);border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.07)}
.v4-statement-grid{display:grid;grid-template-columns:240px 1fr;gap:55px}
.v4-big-statement{font-size:clamp(3.3rem,6.2vw,7.45rem);font-weight:750;line-height:1.02;letter-spacing:-.067em;max-width:1030px;margin:0;color:#f6f7fc}
.v4-big-statement span{color:#ffa55c}
.v4-statement-copy{font-size:1.22rem;max-width:650px;color:#c8d3e1;line-height:1.9;margin:38px 0 0}
/* Showcase */
.v4-showcase-section{padding:clamp(100px,11vw,175px) 0;background:radial-gradient(ellipse at 75% 30%,rgba(67,96,162,.1),transparent 60%),#06080e}
.v4-showcase-shell{display:grid;grid-template-columns:1.03fr .97fr;gap:65px;align-items:center}
.v4-showcase-heading h2{font-size:clamp(2.8rem,4.2vw,5.3rem);letter-spacing:-.06em;line-height:1.02;margin:0 0 25px;font-weight:750}
.v4-showcase-heading p{font-size:1.13rem;line-height:1.85;color:#c4ccdb;max-width:570px}
.v4-mockup{border:1px solid #586475;border-radius:19px;background:#111721;overflow:hidden;box-shadow:0 55px 90px rgba(0,0,0,.4),0 0 60px rgba(73,110,191,.08)}
.v4-mockup-top{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:15px 19px;color:#cbd4e3;font-family:"Courier New",monospace;font-size:.68rem;letter-spacing:.06em;border-bottom:1px solid #354153;background:#18202c}
.v4-dotset{display:flex;gap:5px}.v4-dotset i{width:8px;height:8px;border-radius:50%;background:#ff934a}
.v4-mockup-body{padding:45px 42px;color:#f4f6f8}
.v4-mockup-label{font-family:"Courier New",monospace;color:#ffb66d;font-size:.73rem;letter-spacing:.17em}
.v4-mockup-title{font-size:2rem;max-width:360px;line-height:1.23;font-weight:750;letter-spacing:-.04em;margin:18px 0 26px}
.v4-mockup-line{height:8px;background:#5d6c80;opacity:.9;max-width:83%;border-radius:10px;margin-bottom:12px}.v4-mockup-line.short{max-width:53%}
.v4-mockup-options{display:grid;gap:12px;margin:32px 0}
.v4-mockup-options>div{border:1px solid #5d7288;border-radius:10px;padding:15px;font-weight:600;font-size:.9rem;background:#1b2736;color:#e6ecf5}
.v4-mockup-options>.is-active{outline:3px solid #ffad55;border-color:#ffad55;background:#34281d;display:flex;justify-content:space-between}
.v4-mockup-progress{display:flex;justify-content:space-between;font-size:.68rem;font-family:"Courier New",monospace;letter-spacing:.13em;color:#cdd9e9}
.v4-mockup-meter{height:6px;border-radius:10px;background:#445266;overflow:hidden;margin-top:10px}.v4-mockup-meter i{display:block;width:66%;height:100%;background:#ffad55}
.v4-showcase-footer{grid-column:1/-1;border-top:1px solid #364151;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;color:#bac6d6;font-family:"Courier New",monospace;font-size:.76rem;letter-spacing:.06em}
.v4-showcase-footer a{color:#ffb56c;text-underline-offset:5px}
/* Service rows */
.v4-services-section{background:#0b0d13;padding:clamp(120px,13vw,200px) 0;border-block:1px solid #28303d}
.v4-section-title h2{font-size:clamp(3.1rem,6vw,7rem);line-height:1.03;letter-spacing:-.068em;font-weight:750;margin:0 0 25px}
.v4-section-title h2 span{color:#aeb9ca}
.v4-section-title p{color:#c7d0dd;max-width:560px;font-size:1.17rem;margin-bottom:60px}
.v4-service-list{border-top:1px solid #4d5868}
.v4-service-row{display:grid;grid-template-columns:70px 1fr 75px;gap:28px;align-items:center;color:var(--text);text-decoration:none;padding:36px 14px;border-bottom:1px solid #4d5868;transition:background-color .3s,padding .4s var(--v4-ease)}
.v4-service-row:hover{background:rgba(255,153,58,.038);padding-inline:25px}
.v4-service-index{align-self:start;margin-top:14px;color:#ffb06d;font-size:.77rem;font-family:"Courier New",monospace}
.v4-service-row h3{font-size:clamp(1.8rem,3.4vw,3.65rem);line-height:1.1;letter-spacing:-.052em;margin:0 0 10px;font-weight:680}
.v4-service-row p{color:#bac7d6;font-size:1rem;line-height:1.6}
.v4-service-arrow{font-size:2.4rem;text-align:center;color:#ffab58;transition:transform .3s ease}
.v4-service-row:hover .v4-service-arrow{transform:translate(8px,-8px)}
/* Closing */
.v4-approach-section{padding:clamp(112px,12vw,190px) 0;background:linear-gradient(125deg,#080a0d,#151820)}
.v4-approach-layout{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end}
.v4-approach-layout h2{font-size:clamp(3rem,5.1vw,6.1rem);font-weight:740;line-height:1.05;letter-spacing:-.068em;margin:0}
.v4-approach-text p{font-size:1.2rem;line-height:1.85;color:#c7d2e0;margin-bottom:35px}
.v4-final-cta{position:relative;overflow:hidden;background:#050609;padding:clamp(140px,15vw,250px) 0;border-top:1px solid #2f3643}
.v4-final-cta-inner{position:relative;text-align:center;display:grid;justify-items:center;isolation:isolate}
.v4-final-cta h2{font-size:clamp(3.2rem,6vw,7.8rem);font-weight:750;line-height:1.02;letter-spacing:-.072em;margin:0 auto 27px;max-width:1100px}
.v4-final-cta p{max-width:590px;font-size:1.12rem;line-height:1.8;color:#cad3e1;margin:0 0 35px}
.v4-final-orbit{z-index:-1;position:absolute;width:min(900px,95vw);height:min(900px,95vw);border:1px solid rgba(255,149,38,.13);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 55px rgba(255,116,22,.012),0 0 0 120px rgba(255,116,22,.009),0 0 140px rgba(255,117,29,.09)}
/* Override older global layout rules for the home page */
.v4-home h1,.v4-home h2,.v4-home h3{font-family:Outfit,Inter,Arial,sans-serif}
.v4-home .scroll-progress{height:3px}
:root[data-theme="soft"] .v4-home, :root[data-theme="mono"] .v4-home, :root[data-theme="contrast"] .v4-home{--v4-ember:var(--hero-highlight)}
:root[data-theme="soft"] .v4-hero-sticky,:root[data-theme="soft"] .v4-statement-section,:root[data-theme="soft"] .v4-showcase-section,:root[data-theme="soft"] .v4-services-section,:root[data-theme="soft"] .v4-approach-section,:root[data-theme="soft"] .v4-final-cta{background:var(--hero)}
:root[data-theme="mono"] .v4-hero-sticky,:root[data-theme="mono"] .v4-statement-section,:root[data-theme="mono"] .v4-showcase-section,:root[data-theme="mono"] .v4-services-section,:root[data-theme="mono"] .v4-approach-section,:root[data-theme="mono"] .v4-final-cta{background:#090909}
:root[data-theme="contrast"] .v4-hero-sticky,:root[data-theme="contrast"] .v4-statement-section,:root[data-theme="contrast"] .v4-showcase-section,:root[data-theme="contrast"] .v4-services-section,:root[data-theme="contrast"] .v4-approach-section,:root[data-theme="contrast"] .v4-final-cta{background:#000}
:root[data-theme="mono"] .v4-hero-ambient,:root[data-theme="contrast"] .v4-hero-ambient,:root[data-theme="contrast"] .v4-hero-grid,:root[data-theme="contrast"] .v4-orbit{display:none}
:root[data-theme="mono"] .v4-micro-label,:root[data-theme="mono"] .v4-hero-intro h1 em,:root[data-theme="mono"] .v4-kicker,:root[data-theme="mono"] .v4-big-statement span,:root[data-theme="mono"] .v4-mockup-label,:root[data-theme="mono"] .v4-service-arrow,:root[data-theme="mono"] .v4-service-index,:root[data-theme="mono"] .v4-showcase-footer a{color:#f5f5f5}
:root[data-theme="contrast"] .v4-micro-label,:root[data-theme="contrast"] .v4-hero-intro h1 em,:root[data-theme="contrast"] .v4-kicker,:root[data-theme="contrast"] .v4-big-statement span,:root[data-theme="contrast"] .v4-service-arrow,:root[data-theme="contrast"] .v4-service-index,:root[data-theme="contrast"] .v4-showcase-footer a{color:#ffe46a}
:root[data-theme="soft"] .v4-micro-label,:root[data-theme="soft"] .v4-hero-intro h1 em,:root[data-theme="soft"] .v4-kicker,:root[data-theme="soft"] .v4-big-statement span,:root[data-theme="soft"] .v4-service-index,:root[data-theme="soft"] .v4-service-arrow{color:#ffce8a}
:root[data-theme="mono"] .v4-mockup{filter:grayscale(1)}
:root[data-theme="contrast"] .v4-mockup{border:3px solid #fff}
:root[data-theme="contrast"] .v4-hero-overline,:root[data-theme="contrast"] .v4-hero-intro p,:root[data-theme="contrast"] .v4-hero-side,:root[data-theme="contrast"] .v4-statement-copy,:root[data-theme="contrast"] .v4-showcase-heading p,:root[data-theme="contrast"] .v4-section-title p,:root[data-theme="contrast"] .v4-service-row p,:root[data-theme="contrast"] .v4-approach-text p,:root[data-theme="contrast"] .v4-final-cta p{color:#fff}
/* End-to-end motion is optional and deliberately avoids scroll hijacking. */
@media(prefers-reduced-motion:no-preference){
  :root:not([data-motion="reduce"]) .v4-monk-logo{animation:v4-air-drift 10s ease-in-out infinite alternate}
  :root:not([data-motion="reduce"]) .v4-orbit-one{animation:v4-orbit-breathe 13s ease-in-out infinite alternate}
  :root:not([data-motion="reduce"]) .v4-orbit-two{animation:v4-orbit-breathe 16s ease-in-out infinite alternate-reverse}
  :root:not([data-motion="reduce"]) .v4-hero-ambient .aura{animation:v4-aura 16s ease-in-out infinite alternate}
  :root:not([data-motion="reduce"]) .v4-down-arrow{animation:v4-cue 3s ease-in-out infinite}
}
@keyframes v4-air-drift{0%{transform:translate3d(-5px,7px,0) rotate(-3deg)}50%{transform:translate3d(7px,-8px,0) rotate(0)}100%{transform:translate3d(-2px,-3px,0) rotate(2deg)}}
@keyframes v4-orbit-breathe{to{opacity:.38;scale:1.12}}
@keyframes v4-aura{to{opacity:.85;transform:translate3d(25px,-18px,0) scale(1.12)}}
@keyframes v4-cue{50%{transform:translateY(8px)}}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){:root:not([data-motion="reduce"]) .v4-hero-intro{transform:translateY(calc(var(--hero-scroll,0)*-40px));opacity:calc(1 - var(--hero-scroll,0)*.75)}:root:not([data-motion="reduce"]) .v4-logo-container{transform:translate(-50%,calc(-50% - var(--hero-scroll,0)*100px)) scale(calc(1 - var(--hero-scroll,0)*.22));opacity:calc(1 - var(--hero-scroll,0)*.25)}}
/* Contact form */
.backend-info{background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;padding:17px 19px;margin:20px 0;font-size:.9rem}
.spam-verification{margin:22px 0;min-height:75px}
.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
#form-feedback[role="status"]{min-height:3.2em}
#project-submit[disabled]{opacity:.7;cursor:progress}
/* Responsive */
@media(max-width:1100px){.v4-hero-intro h1{font-size:clamp(3.35rem,6.9vw,6.3rem)}.v4-logo-container{width:min(43vw,340px);top:34%}.v4-showcase-shell{gap:40px}.v4-statement-grid{grid-template-columns:170px 1fr}}
@media(max-width:900px){.container{width:min(100% - 48px,1280px)}.v4-hero-scene{height:auto;min-height:0}.v4-hero-sticky{position:relative;top:auto;height:auto;min-height:860px}.v4-hero-frame{padding-top:30px;padding-bottom:52px;min-height:860px}.v4-hero-serial{display:none}.v4-logo-container{width:min(66vw,420px);top:31%}.v4-hero-bottom{margin-top:auto;gap:18px}.v4-statement-grid{grid-template-columns:1fr;gap:14px}.v4-showcase-shell{grid-template-columns:1fr}.v4-showcase-heading{max-width:720px}.v4-showcase-footer{grid-column:1}.v4-approach-layout{grid-template-columns:1fr;gap:25px}}
@media(max-width:650px){.container{width:min(100% - 32px,1280px)}.site-header-inner{min-height:72px}.v4-hero-sticky,.v4-hero-frame{min-height:800px}.v4-hero-frame{padding-top:30px;padding-bottom:44px}.v4-logo-container{top:31%;width:min(91vw,370px)}.v4-hero-intro h1{font-size:clamp(3.3rem,10.6vw,5.1rem);letter-spacing:-.068em}.v4-hero-intro p{font-size:1rem;max-width:34ch}.v4-hero-overline{font-size:.61rem;letter-spacing:.08em}.v4-hero-side{display:none}.v4-hero-actions{gap:20px}.v4-micro-label{margin-bottom:13px}.v4-statement-section{padding:102px 0}.v4-big-statement{font-size:clamp(3.1rem,10vw,5rem)}.v4-statement-copy{font-size:1.06rem;margin-top:22px}.v4-showcase-section{padding:90px 0}.v4-showcase-heading h2{font-size:clamp(2.7rem,10vw,4.2rem)}.v4-mockup-body{padding:28px 22px}.v4-services-section{padding:95px 0}.v4-section-title h2{font-size:clamp(3rem,10vw,4.8rem)}.v4-service-row{grid-template-columns:36px 1fr 26px;gap:12px;padding:24px 0}.v4-service-row h3{font-size:1.6rem}.v4-service-row p{font-size:.92rem}.v4-service-arrow{font-size:1.5rem}.v4-approach-section{padding:105px 0}.v4-final-cta{padding:120px 0}.v4-final-cta h2{font-size:clamp(3.1rem,10vw,5rem)}}
@media(max-height:700px) and (min-width:901px){.v4-hero-sticky{min-height:590px}.v4-hero-frame{padding-top:21px;padding-bottom:22px}.v4-logo-container{width:min(32vw,330px);top:34%}.v4-hero-intro h1{font-size:clamp(3rem,4.6vw,5rem)}.v4-hero-intro p{margin-top:14px}.v4-hero-actions{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.v4-hero-scene{height:auto;min-height:0}.v4-hero-sticky{position:relative;top:auto}.v4-hero-intro,.v4-logo-container{opacity:1!important;transform:none!important}.v4-logo-container{transform:translate(-50%,-50%)!important}.v4-home .reveal{opacity:1!important;transform:none!important}}
:root[data-motion="reduce"] .v4-hero-scene{height:auto;min-height:0}
:root[data-motion="reduce"] .v4-hero-sticky{position:relative;top:auto}
:root[data-motion="reduce"] .v4-hero-intro{opacity:1!important;transform:none!important}
:root[data-motion="reduce"] .v4-logo-container{opacity:1!important;transform:translate(-50%,-50%)!important}
:root[data-motion="reduce"] .v4-home .reveal{opacity:1!important;transform:none!important}

@media(max-height:760px) and (min-width:901px){.v4-logo-container{width:min(26vw,290px);top:29%}}