/* VAV Consultancy — Institutional Decision Observatory */
:root{--ink:#06111d;--ink2:#0a1928;--copper:#c88855;--copper2:#f0b77d;--ice:#dce6eb}
body{background:var(--ink)}
.observatory{isolation:isolate;background:radial-gradient(circle at 76% 38%,rgba(196,126,74,.17),transparent 32%),linear-gradient(118deg,#06111d 0%,#071522 58%,#020810 100%)}
.observatory:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,17,29,.98) 0%,rgba(6,17,29,.84) 39%,rgba(6,17,29,.1) 71%,rgba(6,17,29,.76) 100%),linear-gradient(0deg,#06111d 0%,transparent 22%)}
.observatory .hero-copy{z-index:4;max-width:min(720px,52vw)}
.hero-kicker{display:flex!important;align-items:center;gap:12px;margin:0 0 18px!important;font-size:10px!important;letter-spacing:.24em!important;text-transform:uppercase;color:var(--copper2)!important}
.hero-kicker:before{content:"";width:34px;height:1px;background:var(--copper)}
.observatory .hero-visual{z-index:0;overflow:hidden}
.observatory .architecture{position:absolute;inset:0;opacity:.18;filter:saturate(.55) contrast(1.1)}
.observatory .architecture img{width:100%;height:100%;object-fit:cover}
.decision-field{position:absolute;z-index:2;width:min(72vw,1100px);right:-7vw;top:10%;aspect-ratio:16/9;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 42px 48px rgba(0,0,0,.52))}
.decision-field:after{content:"";position:absolute;inset:8% 7%;border:1px solid rgba(218,149,92,.2);border-radius:50%;filter:blur(.2px);transform:rotate(-8deg);animation:orbitPulse 6s ease-in-out infinite}
.decision-field>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.97;-webkit-mask-image:radial-gradient(ellipse at center,#000 55%,transparent 88%);mask-image:radial-gradient(ellipse at center,#000 55%,transparent 88%)}
#decision-network{position:absolute;inset:0;width:100%;height:100%;opacity:.68}
.field-labels span,.field-labels strong{position:absolute;padding:6px 9px;border:1px solid rgba(215,147,88,.34);background:rgba(5,15,26,.78);backdrop-filter:blur(8px);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#d8e2e8;font-weight:500}
.field-labels span:nth-child(1){left:12%;bottom:16%}.field-labels span:nth-child(2){left:39%;top:37%}.field-labels span:nth-child(3){right:17%;top:23%}.field-labels strong{right:9%;bottom:26%;color:var(--copper2)}
@keyframes orbitPulse{50%{opacity:.4;transform:rotate(-2deg) scale(1.025)}}

.decision-atlas{position:relative;min-height:760px;padding:120px 7vw;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);align-items:center;gap:6vw;overflow:hidden;background:radial-gradient(circle at 74% 54%,rgba(194,124,71,.14),transparent 28%),linear-gradient(155deg,#f1eee8 0%,#e6e3dd 48%,#d8d6d1 100%);color:#071522}
.decision-atlas:before{content:"DECISION FIELD / 02";position:absolute;right:2vw;top:18px;font-size:clamp(42px,8vw,130px);line-height:1;letter-spacing:-.06em;color:rgba(7,21,34,.035);font-weight:800}
.atlas-copy{position:relative;z-index:3}.atlas-copy h2{font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.045em;margin:26px 0}.atlas-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#9a5f34}.atlas-copy>p{max-width:520px;line-height:1.75;color:#41505b}.atlas-copy .text-link{color:#071522;margin-top:34px;display:inline-flex}
.atlas-stack{height:520px;position:relative;perspective:1100px;transform-style:preserve-3d}
.atlas-stack article{position:absolute;left:8%;right:3%;height:180px;padding:24px 28px;border:1px solid rgba(207,145,91,.48);background:linear-gradient(135deg,rgba(8,23,37,.97),rgba(15,34,48,.88));box-shadow:0 28px 60px rgba(4,12,20,.26),inset 0 1px rgba(255,255,255,.09);clip-path:polygon(0 8%,94% 0,100% 84%,8% 100%);transform:rotateX(63deg) rotateZ(-5deg);transform-origin:center;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}
.atlas-stack article:nth-child(1){top:1%;z-index:4}.atlas-stack article:nth-child(2){top:18%;z-index:3}.atlas-stack article:nth-child(3){top:35%;z-index:2}.atlas-stack article:nth-child(4){top:52%;z-index:1}
.atlas-stack:hover article:nth-child(1){transform:translateY(-28px) rotateX(57deg) rotateZ(-3deg)}.atlas-stack:hover article:nth-child(2){transform:translateY(-7px) rotateX(61deg) rotateZ(-4deg)}.atlas-stack article b{color:var(--copper2);font-size:11px;letter-spacing:.2em}.atlas-stack article span{display:block;margin-top:45px;color:#f4f3ef;font:400 clamp(20px,2.1vw,32px)/1.05 Georgia,serif}.atlas-route{position:absolute;z-index:6;left:47%;top:12%;height:62%;width:2px;background:linear-gradient(transparent,var(--copper2),var(--copper),transparent);box-shadow:0 0 16px var(--copper);transform:rotate(-12deg)}

.service-list li{padding:0!important}.service-list li>a{display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:center;width:100%;padding:30px 0;color:inherit;text-decoration:none}.service-list li>a>span{font-size:22px;color:var(--copper);transition:transform .25s}.service-list li:hover>a>span{transform:translate(5px,-5px)}
.deliverables{padding:120px 7vw;background:linear-gradient(160deg,#071522,#0a1a29 58%,#050d16);color:#edf2f3;overflow:hidden}.deliverables-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:4vw;align-items:end;margin-bottom:58px}.deliverables-head h2{font-size:clamp(44px,5.8vw,88px);line-height:.93;letter-spacing:-.05em;margin:0}.deliverables-head h2 em{font-family:Georgia,serif;color:var(--copper2);font-weight:400}.deliverables-head>p:last-child{max-width:520px;line-height:1.7;color:#a9b6bd}.artifact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1400px}.artifact{min-height:390px;padding:30px 26px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));border:1px solid rgba(199,136,82,.28);box-shadow:0 35px 60px rgba(0,0,0,.22);transform:rotateY(-4deg) rotateX(2deg);transition:transform .45s,background .45s}.artifact:nth-child(even){transform:translateY(30px) rotateY(4deg) rotateX(2deg)}.artifact:hover{transform:translateY(-10px) rotateY(0);background:rgba(255,255,255,.085)}.artifact>span{font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:var(--copper2)}.artifact h3{font:400 29px/1.05 Georgia,serif;margin:72px 0 42px}.artifact ul{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.12)}.artifact li{font-size:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#b8c2c8}
.principle-orbit:after{content:"DECISION\A CORE";white-space:pre;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:9px;letter-spacing:.18em;color:var(--copper2);border:1px solid rgba(206,141,87,.55);box-shadow:0 0 45px rgba(199,130,74,.18),inset 0 0 30px rgba(199,130,74,.12)}

.service-hero{min-height:78vh;padding:170px 7vw 100px;background:radial-gradient(circle at 75% 32%,rgba(200,136,85,.18),transparent 28%),#06111d;color:#eef2f3;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.service-hero h1{font-size:clamp(48px,7vw,108px);line-height:.91;letter-spacing:-.055em;margin:24px 0}.service-hero h1 em{font-family:Georgia,serif;color:var(--copper2);font-weight:400}.service-hero p{max-width:680px;line-height:1.75;color:#b3bfc5}.service-orb{aspect-ratio:1;border-radius:50%;border:1px solid rgba(201,139,86,.36);position:relative;box-shadow:inset 0 0 100px rgba(202,136,80,.08),0 0 80px rgba(0,0,0,.35)}.service-orb:before,.service-orb:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(201,139,86,.3);inset:14%;transform:rotateX(66deg)}.service-orb:after{inset:31%;transform:none;background:radial-gradient(circle,var(--copper2),transparent 8%,rgba(199,132,79,.14) 9%,transparent 62%);animation:orbitPulse 4s infinite}.service-body{padding:110px 7vw;background:#eeebe5;color:#071522;display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.service-body aside{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#9b633a}.service-body h2{font-size:clamp(38px,4.5vw,68px);line-height:1;margin:0 0 36px}.service-body p{line-height:1.8;color:#40515b}.output-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:44px}.output-list div{padding:24px;border:1px solid rgba(7,21,34,.16);background:rgba(255,255,255,.45)}

@media(max-width:900px){.observatory .hero-copy{max-width:none}.decision-field{width:112vw;right:-34vw;top:28%;opacity:.68}.architecture{opacity:.12!important}.field-labels{display:none}.decision-atlas{grid-template-columns:1fr;min-height:auto;padding:90px 6vw}.atlas-stack{height:430px}.deliverables-head{grid-template-columns:1fr}.artifact-grid{grid-template-columns:1fr 1fr}.service-hero,.service-body{grid-template-columns:1fr}.service-orb{max-width:460px}.output-list{grid-template-columns:1fr}}
@media(max-width:620px){.hero-kicker{font-size:8px!important}.decision-field{width:150vw;right:-54vw;top:29%;opacity:.58}.decision-atlas{padding-top:78px}.atlas-copy h2{font-size:44px}.atlas-stack{height:350px;margin-top:30px}.atlas-stack article{height:135px;padding:18px}.atlas-stack article span{margin-top:25px;font-size:20px}.artifact-grid{grid-template-columns:1fr}.artifact,.artifact:nth-child(even){min-height:300px;transform:none}.artifact h3{margin:52px 0 34px}.deliverables{padding:85px 6vw}.deliverables-head{margin-bottom:34px}.service-list li>a{grid-template-columns:42px 1fr auto;gap:12px;padding:24px 0}}
@media(prefers-reduced-motion:reduce){.decision-field,.atlas-stack article,.artifact{transform:none!important}.decision-field:after,.service-orb:after{animation:none}}
