/* CREATIX · boutique v7 · contemporary editorial interactions */
:root{--v7-gold:#dfc28c;--v7-shadow:rgba(5,28,22,.21);--v7-ease:cubic-bezier(.2,.72,.18,1)}
/* All text remains readable; motion is progressive and never hides content. */
body{overflow-x:clip}
[data-v7-section]{position:relative}
/* Persistent rich motion in ALL inner heroes: moving glow, fine geometry, subtle sweep. */
.v6-inner-hero{isolation:isolate}
.v6-inner-hero::before{content:"";position:absolute;z-index:0;left:-20%;top:-120%;width:72vw;min-width:400px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(209,177,113,.16),rgba(83,119,90,.05) 42%,transparent 66%);animation:v7-orb-drift 15s ease-in-out infinite alternate;pointer-events:none}
.v6-inner-hero::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(111deg,transparent 42%,rgba(240,217,161,.055) 51%,transparent 60%);background-size:220% 100%;animation:v7-sweep 17s ease-in-out infinite;pointer-events:none}
.v6-inner-hero .inner-wrap{z-index:4}
.v6-hero-monogram{z-index:1;animation:v7-levitate 8s ease-in-out infinite alternate}
.v6-hero-monogram span{border-color:rgba(229,196,135,.4)}
.v6-hero-monogram span:nth-child(2){border-color:rgba(229,196,135,.28)}
@keyframes v7-orb-drift{to{transform:translate(120px,110px) scale(1.11)}}
@keyframes v7-sweep{0%,20%{background-position:170% 0}65%,100%{background-position:-160% 0}}
@keyframes v7-levitate{to{transform:translateY(calc(-50% + 18px)) rotate(5deg)}}
/* Main hero: architectural art follows pointer gently, lightweight only transform */
.home-premium .hero-art svg{transform:translate3d(var(--v7-hero-x,0px),var(--v7-hero-y,0px),0) scale(1.025);transition:transform .55s cubic-bezier(.18,.67,.24,1)}
.home-premium .hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--v7-spot-x,60%) var(--v7-spot-y,50%),rgba(244,213,145,.11),transparent 68%);mix-blend-mode:screen;opacity:.85}
/* High-end animated decorative rule before select section headings */
.section-title,.v7-section-title{position:relative}
[data-v7-section] .eyebrow{transition:letter-spacing .55s var(--v7-ease),color .45s}
[data-v7-section]:hover .eyebrow{letter-spacing:.19em}
/* Stronger clear hover states for interactive surfaces, never ambiguous inactive items */
@media(hover:hover) and (pointer:fine){
 a.button:hover, a.nav-contact:hover{box-shadow:0 24px 55px rgba(3,34,25,.32)!important}
 .question:hover{transform:translateX(9px);border-color:rgba(192,156,101,.65);background:linear-gradient(100deg,rgba(212,184,123,.11),transparent)}
 .v6-time-item:hover{transform:translateY(-5px)}
}
.question{transition:transform .6s var(--v7-ease),border-color .35s,background .4s}
.question .num{transition:color .35s,transform .6s var(--v7-ease)}
.question:hover .num{transform:rotate(-15deg) scale(1.07);color:#c29e63}
/* Gold tracer on visible service cards */
.service-card,.v6-method-card,.v6-problem-card,.v6-principle,.v7-result-column,.v7-fit-note{isolation:isolate}
.service-card::before,.v7-result-column::before,.v7-fit-note::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#d7b477,transparent);transform:scaleX(0);transition:transform .8s var(--v7-ease);transform-origin:left;pointer-events:none}
@media(hover:hover){.service-card:hover::before,.v7-result-column:hover::before,.v7-fit-note:hover::before{transform:scaleX(1)}}
/* Section entry animation: applies on intersection, but never makes things invisible. */
.v7-animate-in{animation:v7-approach .8s var(--v7-ease) both}
@keyframes v7-approach{0%{opacity:.73;transform:translate3d(0,26px,0);filter:blur(2px)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
.v7-animate-in:nth-child(2n){animation-duration:1s}
/* A motif travels along each section without covering its text. */
[data-v7-section]::selection{background:#d1b17a;color:#0e3028}
/* Client qualification visibly anchored to confirmed company profile */
.v7-founder-signature{margin:28px 0 34px;border-top:1px solid #bdc9b9;padding-top:23px;display:grid;gap:10px}
.v7-signature-label{font:400 clamp(19px,2vw,28px)/1.3 var(--serif);color:#25463a}
.v7-signature-line{display:block;width:90px;height:2px;background:linear-gradient(90deg,#a98951,#e0c797);transform-origin:left;animation:v7-line-growth 1.8s var(--v7-ease) both}
.v7-signature-desc{font-size:12px;letter-spacing:.02em;line-height:1.7;color:#577267}
@keyframes v7-line-growth{from{transform:scaleX(.1)}to{transform:scaleX(1)}}
/* Architecture outputs: separate diagnosis from real-world execution */
.v7-architecture-results{padding-bottom:110px}
.v7-result-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:48px 0 28px}
.v7-result-column{position:relative;overflow:hidden;padding:39px;min-height:425px;background:#f5f2e9;border:1px solid #d4d5c9;transition:transform .7s var(--v7-ease),box-shadow .5s,border-color .4s}
.v7-result-column::after,.v7-fit-note::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px circle at var(--v7-x,50%) var(--v7-y,40%),rgba(205,173,105,.12),transparent 73%);opacity:0;transition:opacity .35s}
.v7-result-column:hover::after,.v7-fit-note:hover::after{opacity:1}
@media(hover:hover){.v7-result-column:hover{transform:translateY(-9px);box-shadow:0 28px 65px rgba(7,37,28,.14);border-color:#c8ae85}}
.v7-result-column-dark{background:#12382f;color:#f0eee3;border-color:#506858}
.v7-result-stage{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#8b744e}
.v7-result-column-dark .v7-result-stage{color:#dec193}
.v7-result-column h3{font:400 clamp(30px,3vw,43px)/1.15 var(--serif);letter-spacing:-.03em;max-width:480px;margin:28px 0 22px;color:#1b4035}
.v7-result-column-dark h3{color:#f6eedf}
.v7-result-column ul{padding:0;margin:0 0 20px;list-style:none}
.v7-result-column li{position:relative;border-top:1px solid #cad4c6;padding:13px 0 13px 26px;color:#3d5d50;font-size:15px;line-height:1.55}
.v7-result-column-dark li{color:#c4d3c5;border-color:#506c5f}
.v7-result-column li::before{content:"◇";position:absolute;left:0;top:13px;font-size:12px;color:#aa8d56}
.v7-inline-cta{display:inline-flex;gap:15px;align-items:center;color:#92764f;font-size:13px;font-weight:700;border-bottom:1px solid #c3ad88;padding:7px 0;transition:color .3s,gap .4s}
.v7-inline-cta:hover{color:#344c3c;gap:23px}
.v7-disclaimer{font-size:12px;line-height:1.65;color:#b7c6b9;margin-top:22px}
.v7-document-line{padding:19px 2px 22px;border-top:1px solid #becabb;border-bottom:1px solid #becabb;display:grid;grid-template-columns:185px 1fr;gap:25px;align-items:center}
.v7-document-line span{font-size:11px;letter-spacing:.13em;font-weight:700;color:#82704f;text-transform:uppercase}
.v7-document-line p{font-size:14px;line-height:1.6;color:#536a5e;margin:0}
/* Audience-fit note on diagnosis, dynamic border + glow */
.v7-fit-note{margin-top:34px;padding:30px 36px;border:1px solid #bcccb9;position:relative;overflow:hidden;background:#edf2e9;transition:box-shadow .5s,border-color .5s}
.v7-fit-title{font:400 clamp(27px,3vw,39px)/1.2 var(--serif);color:#1c483a}
.v7-fit-note p{max-width:940px;margin:9px 0 0;font-size:15px;line-height:1.8;color:#51665a}
.v7-fit-note:hover{border-color:#b9a073;box-shadow:0 15px 43px rgba(0,27,22,.09)}
/* Career progression interactive track */
.v7-experience-path{display:flex;gap:13px;flex-wrap:wrap;align-items:center;border-top:1px solid #bfcec1;padding:23px 0;margin:24px 0;color:#2a5949}
.v7-experience-path span{font-size:12px;font-weight:650;line-height:1.4}
.v7-experience-path b{font:400 19px/1 var(--serif);color:#b19358;animation:v7-arrow-wave 4.5s ease-in-out infinite}
.v7-experience-path b:nth-of-type(2){animation-delay:.25s}.v7-experience-path b:nth-of-type(3){animation-delay:.5s}
@keyframes v7-arrow-wave{50%{transform:translateX(4px);opacity:.55}}
/* Animated visual routes: underline and icon responses */
.service-card .card-foot .arrow,.v6-method-card .v6-text-link,.experience-tab-mark{transition:transform .5s var(--v7-ease),color .3s}
@media(hover:hover){.service-card:hover .arrow{transform:translate(7px,-4px) rotate(3deg)}.v6-method-card:hover .v6-text-link{transform:translateX(7px)}}
/* Diagnostic timeline turns into a connected glowing guide on view */
.v6-time-list{position:relative}
.v6-time-list::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e6c98d,transparent);opacity:.6;transform:scaleX(.08);transform-origin:left;transition:transform 2.1s var(--v7-ease)}
.v6-diagnostic-timeline.v7-on-screen .v6-time-list::before{transform:scaleX(1)}
.v6-time-item{transition:transform .45s var(--v7-ease)}
/* CTA ambient light and hover highlights on all pages */
.cta-section{isolation:isolate;overflow:hidden}
.cta-section::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;top:50%;right:2%;transform:translateY(-50%);background:radial-gradient(circle,rgba(216,186,115,.13),transparent 65%);animation:v7-pulse 8s ease-in-out infinite alternate;pointer-events:none;z-index:0}
.cta-section .container{position:relative;z-index:1}
@keyframes v7-pulse{to{transform:translateY(-50%) scale(1.35);opacity:.38}}
@media(max-width:980px){.v7-result-columns{grid-template-columns:1fr}.v7-result-column{min-height:auto}.v7-document-line{grid-template-columns:1fr;gap:8px}.v7-experience-path{gap:8px}}
@media(max-width:680px){
 .v7-result-column{padding:25px 21px}.v7-result-column li{font-size:14px}
 .v7-architecture-results{padding-bottom:75px}.v7-founder-signature{margin-top:16px}
 .v7-fit-note{padding:24px 22px;margin-top:18px}
 .v7-experience-path b{font-size:15px}.v7-experience-path span{font-size:11px}
 .v6-inner-hero::before{left:-62%;width:95vw}
 .v6-hero-monogram{opacity:.4}
}
@media(prefers-reduced-motion:reduce){
 .v6-inner-hero::before,.v6-inner-hero::after,.v6-hero-monogram,.v7-experience-path b,.cta-section::before,.v7-signature-line{animation:none!important}
 .v7-animate-in{animation:none!important;filter:none!important;opacity:1!important;transform:none!important}
 .home-premium .hero-art svg{transform:none!important;transition:none!important}
 .v6-time-list::before{transition:none!important;transform:scaleX(1)!important}
}