/* CREATIX · Boutique edition v6 · cinematic motion + readable content. */
:root{--v6-gold:#dbc295;--v6-dark:#081f1a;--v6-deep:#0b2a23;--v6-paper:#f2f0e9;--v6-ease:cubic-bezier(.19,1,.22,1)}
html{scroll-padding-top:93px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #cead73;outline-offset:4px}body{font-feature-settings:"kern" 1}*{scroll-margin-top:110px}
/* Universal premium micro-interactions */
.site-header{transition:height .4s var(--v6-ease),box-shadow .4s,background .4s;will-change:background}.site-header.is-scrolled{box-shadow:0 10px 35px #001d1513}
.nav-links a{position:relative;padding:8px 0}.nav-links a:after{content:"";height:1px;position:absolute;bottom:0;left:0;right:0;background:var(--v6-gold);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--v6-ease)}.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{transform:scaleX(1)}
.button,.nav-contact{position:relative;isolation:isolate;overflow:hidden;transition:transform .6s var(--v6-ease),box-shadow .6s var(--v6-ease),background .4s,color .3s}
.button:before,.nav-contact:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(248,237,200,.15) 48%,transparent 75%);transform:translateX(-145%);transition:transform .85s var(--v6-ease);pointer-events:none}
@media(hover:hover) and (pointer:fine){.button:hover,.nav-contact:hover{transform:translateY(-4px);box-shadow:0 18px 38px #001d1a24}.button:hover:before,.nav-contact:hover:before{transform:translateX(145%)}.button:hover .arrow,.nav-contact:hover .arrow{transform:translate(4px,-3px)}}
.button .arrow{transition:transform .5s var(--v6-ease)}
.service-card,.cap,.subcard,.deliverable,.insight-tile,.v6-method-card,.v6-problem-card,.v6-principle{transition:transform .75s var(--v6-ease),background-color .45s,border-color .4s,box-shadow .6s;will-change:transform}
@media(hover:hover) and (pointer:fine){.service-card:hover,.cap:hover,.subcard:hover,.deliverable:hover,.insight-tile:hover,.v6-method-card:hover,.v6-problem-card:hover,.v6-principle:hover{transform:translateY(-9px)!important;box-shadow:0 24px 54px rgba(5,26,20,.16)}}
.footer-link{position:relative;width:max-content;max-width:100%}.footer-link:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#bc9c69;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--v6-ease)}@media(hover:hover){.footer-link:hover:after{transform:scaleX(1)}}
/* Large but serene geometric movement on EVERY inner hero; always behind content */
.v6-inner-hero{overflow:hidden;isolation:isolate}.v6-inner-hero .inner-wrap{position:relative;z-index:3}
.v6-hero-monogram{position:absolute;right:4%;top:50%;width:min(35vw,510px);aspect-ratio:1;transform:translateY(-50%);z-index:1;pointer-events:none;opacity:.72}
.v6-hero-monogram span{position:absolute;inset:0;border:1px solid rgba(205,179,133,.23);border-radius:50%;animation:v6-rotate 36s linear infinite;transform-origin:center}
.v6-hero-monogram span:first-child:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#dcc69b;top:8%;left:15%;box-shadow:0 0 28px #dabd8e9c}
.v6-hero-monogram span:nth-child(2){inset:14%;border-style:dashed;border-color:rgba(219,194,149,.25);animation-direction:reverse;animation-duration:55s}
.v6-hero-monogram span:nth-child(3){inset:32%;border-color:rgba(219,194,149,.40);animation-duration:21s}
@keyframes v6-rotate{to{transform:rotate(360deg)}}
/* HOME extends green all the way; retain hero's architectural contour */
.home-premium .v6-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:9%;padding:85px 0 72px;border-bottom:1px solid rgba(226,209,169,.15)}
.home-premium .v6-intro p{margin:14px 0 0;font:400 clamp(31px,3.7vw,52px)/1.17 var(--serif);letter-spacing:-.035em;color:#f4f0e7}
.home-premium .v6-intro-copy p{font:400 18px/1.83 var(--sans);letter-spacing:0;color:#c3d1c4;max-width:620px}
.v6-text-link{display:inline-flex;align-items:center;gap:12px;color:#bb9d6f;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.13em;margin-top:22px;position:relative;padding:8px 0}.v6-text-link:after{content:"";position:absolute;bottom:1px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(.25);transform-origin:left;transition:transform .65s var(--v6-ease)}
@media(hover:hover){.v6-text-link:hover:after{transform:scaleX(1)}.v6-text-link:hover span{transform:translate(4px,-3px)}}.v6-text-link span{transition:transform .45s}
.v6-hero-facts{display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px!important;align-items:start}.v6-hero-facts span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.v6-hero-facts b{font:400 clamp(24px,2.7vw,39px)/1.2 var(--serif);letter-spacing:-.03em;color:#e0c795;text-transform:none}.v6-hero-facts small{font:500 10px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#bacbbb;max-width:185px}
.v6-method{position:relative;background:radial-gradient(ellipse 35% 50% at 85% 0%,#1b4636,transparent),linear-gradient(120deg,#0c3028,#061d19);border-top:1px solid #6c755e55;border-bottom:1px solid #6c755e55;overflow:hidden}.v6-method:before{content:"";position:absolute;inset:0;opacity:.26;background:repeating-linear-gradient(90deg,transparent 0,transparent 169px,#a7b2a02b 170px,transparent 171px);pointer-events:none;animation:v6-drift 28s linear infinite}@keyframes v6-drift{to{background-position-x:171px}}
.v6-section{padding:105px 0}.v6-section-head{max-width:800px;position:relative}.v6-section-head .section-title{color:#f7f1e6}.v6-section-head .section-title em{color:#dbc295}.v6-section-head p{color:#c4d0c5;font-size:18px;line-height:1.8;max-width:780px}
.v6-method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px;position:relative}.v6-method-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:380px;border:1px solid #8f97744d;padding:31px;color:#f0f1e9;background:#0f372d80;isolation:isolate}.v6-method-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#bd9e6a,#f6ddab);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--v6-ease)}.v6-method-card:hover:before{transform:scaleX(1)}
.v6-no{font-size:11px;letter-spacing:.15em;color:#dcc39d}.v6-method-icon{font:400 49px/1 var(--serif);color:#d4b785;margin:32px 0 10px;transition:transform .9s var(--v6-ease)}.v6-method-card:hover .v6-method-icon{transform:rotate(28deg) scale(1.16)}.v6-method-card h3{font:400 36px/1.12 var(--serif);margin:10px 0 14px}.v6-method-card p{font:400 15px/1.7 var(--sans);color:#b5c6b8;margin:0}.v6-method-card .v6-text-link{margin-top:auto;padding-top:35px}
.v6-credentials,.v6-about-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0;border-top:1px solid #cdd5c9;padding-top:20px}.v6-credentials div,.v6-about-numbers div{display:flex;flex-direction:column;gap:8px}.v6-credentials b,.v6-about-numbers strong{font:400 clamp(22px,2.5vw,35px) var(--serif);color:#8b704e}.v6-credentials span,.v6-about-numbers span{font-size:12px;color:#50645a;line-height:1.5}
.v6-about-numbers{grid-template-columns:repeat(2,1fr)}.v6-about .founder-copy p{line-height:1.8}.v6-about .founder-portrait{transition:transform 1.4s var(--v6-ease),filter 1.1s}
@media(hover:hover){.v6-about .founder-visual:hover .founder-portrait{transform:scale(1.055);filter:saturate(1.05)}}
.v6-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:50px 0}.v6-principle{border:1px solid var(--line);background:var(--paper);padding:34px;min-height:254px}.v6-principle>span{font-size:11px;letter-spacing:.16em;color:#97805b;text-transform:uppercase;font-weight:700}.v6-principle h3{font:400 30px/1.2 var(--serif);margin:32px 0 15px}.v6-principle p{font-size:14px;line-height:1.75;color:#536960;margin:0}
.v6-prooflink{border-top:1px solid #bec9bc;padding-top:33px;max-width:900px}.v6-prooflink h3,.v6-clarity h3{font:400 34px/1.2 var(--serif)}.v6-prooflink p{font-size:17px;line-height:1.7;max-width:720px;color:#566b60}.v6-prooflink .v6-text-link{margin-right:25px}
.v6-problem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:52px 0 10px}.v6-problem-card{min-height:220px;padding:30px 33px;border:1px solid #cbd2c7;background:#fffdfa;position:relative;overflow:hidden}.v6-problem-card:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:#a58a60;transform:scaleX(0);transform-origin:left;transition:transform .75s var(--v6-ease)}.v6-problem-card:hover:after{transform:scaleX(1)}.v6-problem-card>span{font-size:11px;letter-spacing:.15em;color:#92764f}.v6-problem-card h3{font:400 clamp(25px,2.3vw,33px)/1.14 var(--serif);margin:24px 0 13px}.v6-problem-card p{line-height:1.7;font-size:15px;color:#55685e}
.v6-diagnostic-timeline{background:#092821;color:#f0efe5;position:relative;overflow:hidden}.v6-diagnostic-timeline:after{content:"";position:absolute;top:-220px;right:-280px;width:760px;height:760px;border:1px solid #d4b78338;border-radius:50%;box-shadow:0 0 0 95px #d4b7830b,0 0 0 190px #d4b78306;pointer-events:none;animation:v6-breathe 10s ease-in-out infinite alternate}@keyframes v6-breathe{to{transform:translate(-42px,37px) scale(1.04)}}
.v6-diagnostic-timeline>.container{position:relative;z-index:1}.v6-diagnostic-timeline .section-title{color:#f5f0e5}.v6-diagnostic-timeline .section-title em{color:#dcc49b}.v6-section-lead{max-width:670px;color:#bccdc1;font-size:17px;line-height:1.8}
.v6-time-list{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:55px}.v6-time-item{position:relative;padding:28px 0 0;border-top:1px solid #a6a3848a}.v6-time-item:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#d8bb89;box-shadow:0 0 0 0 rgba(218,187,137,.45);animation:v6-dot 3s ease-in-out infinite}@keyframes v6-dot{50%{box-shadow:0 0 0 13px rgba(218,187,137,0)}}.v6-time-item span{font-size:11px;letter-spacing:.15em;color:#c5af82}.v6-time-item h3{font:400 28px/1.17 var(--serif);margin:23px 0 16px}.v6-time-item p{font-size:14px;line-height:1.75;color:#becdc2}
.v6-clarity{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#ebefe7;padding:36px 46px}.v6-clarity p{line-height:1.75;color:#51655a}.v6-deliverables .fineprint{font-size:12px;color:#687970;margin-top:24px;line-height:1.6}
.v6-research-ribbon{background:#102f29;color:#f2eee3;padding:34px 0;border-top:1px solid #536351}.v6-research-ribbon .container{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:center}.v6-research-ribbon .container>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v6-research-ribbon .container>div span{border-left:1px solid #a399786a;padding:12px 15px;font:400 16px/1.4 var(--serif);color:#dbc9a9;transition:transform .4s,color .4s}.v6-research-ribbon .container>div span:hover{transform:translateY(-5px);color:#fff}
/* Entrance with stagger; do not hide content when JS fails. */
.v6-can-reveal{transition:transform .8s var(--v6-ease),opacity .65s;will-change:transform,opacity}
.v6-reveal-pending{transform:translateY(33px);opacity:.68}.v6-reveal-shown{transform:none;opacity:1}
.v6-heading-mask{overflow:visible}.v6-cinematic-line{height:1px;width:0;background:linear-gradient(90deg,transparent,#d7be8e 25%,#e9dfcb 50%,transparent);position:relative;transition:width 1.6s var(--v6-ease);max-width:100%}.v6-cinematic-line.v6-reveal-shown{width:100%}
/* responsiveness */
@media(max-width:980px){.v6-method-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v6-method-card{padding:24px;min-height:340px}.v6-method-card h3{font-size:30px}.v6-time-list{grid-template-columns:repeat(2,1fr)}.v6-principles{grid-template-columns:repeat(2,1fr)}.v6-research-ribbon .container{grid-template-columns:1fr}.v6-hero-monogram{right:-50px;opacity:.35}}
@media(max-width:700px){.home-premium .v6-intro{grid-template-columns:1fr;padding:55px 0;gap:16px}.home-premium .v6-intro p{font-size:33px}.home-premium .v6-intro-copy p{font-size:16px}.v6-method-cards,.v6-principles{grid-template-columns:1fr}.v6-method-card{min-height:315px}.v6-section{padding:65px 0}.v6-hero-facts{gap:9px!important;grid-template-columns:1fr 1fr 1fr}.v6-hero-facts b{font-size:25px}.v6-hero-facts small{font-size:9px}.v6-problem-grid{grid-template-columns:1fr}.v6-clarity{grid-template-columns:1fr;padding:24px;gap:10px}.v6-research-ribbon .container>div{grid-template-columns:1fr 1fr}.v6-time-list{gap:15px}.v6-about-numbers,.v6-credentials{gap:7px}.v6-about .founder-copy p{font-size:15px}.v6-hero-monogram{width:62vw;top:40%;right:-14vw;opacity:.19}}
@media(max-width:430px){.v6-time-list{grid-template-columns:1fr}.v6-principle{min-height:0}.v6-research-ribbon .container>div{grid-template-columns:1fr 1fr}.v6-research-ribbon .container>div span{font-size:14px}.v6-hero-facts small{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.v6-can-reveal,.v6-reveal-pending{transform:none!important;opacity:1!important}.v6-cinematic-line{width:100%!important}}
/* Optional hosted Cyrillic typography; reliable local fallbacks remain in place. */
:root{--serif:'Prata','Iowan Old Style','Palatino Linotype',Georgia,serif;--sans:'Manrope',Inter,'Helvetica Neue',Arial,sans-serif}
/* Visual resilience: meaningful content remains legible even before its reveal runs.
   Previous edition used opacity:0; that caused blank sections on fast mobile scroll. */
html.motion-ready [data-reveal]:not(.is-visible){opacity:.985;transform:translate3d(0,10px,0)}
html.motion-ready [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
.v6-reveal-pending{opacity:.98;transform:translateY(10px)}
@media(hover:hover) and (pointer:fine){
 .v6-method-card:after,.v6-problem-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--v6-x,50%) var(--v6-y,50%),rgba(236,209,152,.13),transparent 74%);opacity:0;transition:opacity .4s ease}
 .v6-method-card:hover:after,.v6-problem-card:hover:before{opacity:1}
}
.v6-diagnostic-timeline .v6-time-item:after{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:linear-gradient(90deg,transparent,#e8cf9c,transparent);transform:scaleX(.02);transform-origin:left;transition:transform 1.4s cubic-bezier(.19,1,.22,1)}
.v6-diagnostic-timeline .v6-time-item:hover:after{transform:scaleX(1)}
