:root{--ink:#111418;--paper:#f3f1eb;--acid:#c7aa73;--mint:#71889a;--muted:#64686c;--line:rgba(17,20,24,.14);--page-pad:max(5vw,calc((100vw - 1440px)/2))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}main{overflow:hidden}
.nav-wrap{height:88px;padding:0 var(--page-pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);position:absolute;inset:0 0 auto;z-index:10;color:white}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.13em}.brand-mark{width:26px;height:25px;display:flex;align-items:flex-end;gap:3px;transform:skew(-18deg)}.brand-mark i{display:block;width:6px;background:var(--acid)}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:25px}.nav-wrap nav{display:flex;gap:32px;font-size:14px;text-transform: uppercase;color:#cfd0cc}.nav-wrap nav a:hover{color:var(--acid)}.nav-cta{font-size:15px;border-bottom:1px solid var(--acid);padding-bottom:6px}.nav-cta span,.button span,footer a span{margin-left:8px}
.hero{min-height:830px;background:#0d1116;color:#f7f7f1;display:grid;grid-template-columns:1.05fr .95fr;padding:158px var(--page-pad) 85px;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 40%,rgba(113,136,154,.14),transparent 35%),linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.05) 50%,transparent 50.1%)}.hero-copy{position:relative;z-index:1;max-width:770px}.eyebrow,.section-no{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.eyebrow{color:#b9bdc1;display:flex;align-items:center;gap:10px}.eyebrow span{width:30px;height:1px;background:var(--acid)}h1{font-size:clamp(50px,6.3vw,94px);line-height:.95;letter-spacing:-.055em;margin:39px 0 22px;font-weight:500;min-height:1.9em}h1 em,h2 em{color:var(--acid);font-family:Georgia,serif;font-weight:400}.rotating-word{display:inline-block;min-width:8.5ch;opacity:0;transform:translateY(10px);transition:opacity .32s ease,transform .32s ease}.rotating-word.is-visible{opacity:1;transform:translateY(0)}.hero-manifesto{font-family:Georgia,serif;color:#d2b77e;line-height: 1.3em;font-size:20px;margin:0 0 24px}.lead{font-size:17px;line-height:1.65;color:#bfc2c6;max-width:645px}.hero-actions{display:flex;gap:13px;margin-top:38px}.button{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.primary{background:var(--acid);color:#111}.ghost{border:1px solid #555b62;color:white}.vector-stage{position:relative;display:flex;align-items:center;justify-content:center}.vector-stage svg{width:min(100%,620px);position:relative;z-index:1}.vector-stage text{font:10px Arial;letter-spacing:2px;fill:#898f96}.stage-note{position:absolute;right:0;bottom:0;border-top:1px solid #3a4046;padding-top:18px;width:210px;display:flex;gap:18px;font-size:12px;line-height:1.5;color:#afb3b8}.stage-note b{color:var(--acid)}
.context{padding:125px var(--page-pad);background:#e8e6df}.context h2,.statement h2,.benefits h2,.levels h2,.products h2,.applicability h2,.partnership h2,.research h2,.faq h2,.final-cta h2,footer h2{font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.045em;margin:0;font-weight:500}.context-head{display:grid;grid-template-columns:.8fr 1fr .85fr;gap:6vw;align-items:end;margin-bottom:65px}.context-head h2 em{color:#667f91}.context-head>p:last-child{font-size:17px;line-height:1.65;color:var(--muted);margin:0}.problem-directions{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.problem-directions article{padding:34px 42px 38px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.problem-directions article:nth-child(2n){padding-left:42px;padding-right:0;border-right:0}.problem-title{display:flex;align-items:center;gap:20px}.problem-title span{font-size:10px;color:#8b7653}.problem-title h3{font-size:31px;margin:0;letter-spacing:-.025em}.problem-directions ul{margin:32px 0;padding:0;list-style:none}.problem-directions li{font-size:15px;line-height:1.55;padding:9px 0 9px 21px;border-bottom:1px solid rgba(17,20,24,.08);position:relative}.problem-directions li:before{content:"—";position:absolute;left:0;color:#9a7e50}.problem-directions article>p{font-size:14px;line-height:1.68;color:var(--muted);margin:28px 0 0}.problem-directions article>p b{color:var(--ink)}
.statement{padding:125px var(--page-pad) 90px;display:grid;grid-template-columns:1fr 2.2fr}.section-no{color:#73777a}.statement h2 span{color:#a5a8aa}.statement>div p{font-size:22px;line-height:1.5;max-width:850px;margin:45px 0 0;padding-left:26%;position:relative}.statement>div p:before{content:"";position:absolute;left:0;top:16px;width:20%;height:1px;background:var(--ink)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0 var(--page-pad) 130px;border-top:1px solid var(--line)}.method-grid article{padding:34px 28px 50px;border-right:1px solid var(--line);min-height:310px}.method-grid article:first-child{padding-left:0}.method-grid article:last-child{padding-right:0;border-right:0}.method-grid span{font-size:11px;color:#92969a}.method-grid h3{font-size:24px;margin:45px 0 20px}.method-grid p{color:var(--muted);line-height:1.65;font-size:14px}
.benefits{padding:120px var(--page-pad);background:#f7f5ef}.benefits-head{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end;margin:32px 0 65px}.benefits-head h2 em{color:#6a8293}.benefits-head p{font-size:19px;line-height:1.65;color:var(--muted);max-width:560px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.benefit-grid article{padding:30px 28px 45px;border-right:1px solid var(--line);min-height:310px}.benefit-grid article:first-child{padding-left:0}.benefit-grid article:last-child{border-right:0}.benefit-grid span{font-size:10px;color:#8d7653}.benefit-grid h3{font-size:23px;line-height:1.2;margin:55px 0 20px}.benefit-grid p{font-size:14px;line-height:1.65;color:var(--muted)}
.levels{background:#161c23;color:#eee;padding:120px var(--page-pad);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.levels-intro{position:sticky;top:40px;align-self:start}.levels h2{margin:35px 0}.levels-intro>p:last-child{max-width:390px;color:#adb3b9;line-height:1.65}.level-list{border-top:1px solid #484f57}.level-list article{display:grid;grid-template-columns:50px 1fr 1.3fr 25px;gap:25px;align-items:start;padding:30px 0;border-bottom:1px solid #484f57}.level-list span{font-size:11px;color:var(--acid)}.level-list h3{font-size:25px;margin:0}.level-list p{font-size:14px;line-height:1.6;color:#adb3b9;margin:0}.level-list b{color:var(--acid)}
.products{padding:120px var(--page-pad)}.products-head{display:flex;justify-content:space-between;align-items:end;margin:32px 0 45px}.products-head p{max-width:470px;color:var(--muted);line-height:1.6}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-strip>div{padding:22px 28px 22px 0;border-right:1px solid var(--line);display:flex;align-items:center;gap:20px}.proof-strip>div+div{padding-left:28px}.proof-strip>div:last-child{border-right:0}.proof-strip b{font-family:Georgia,serif;font-size:46px;font-weight:400;color:#9a7d4f}.proof-strip span{font-size:11px;line-height:1.55;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.product-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-cards article{min-height:400px;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.product-cards small{font-size:10px;letter-spacing:.18em}.product-cards h3{font-size:48px;letter-spacing:-.04em;margin:25px 0 15px}.product-cards p{line-height:1.65;max-width:480px}.nanolove{background:#cbb17e}.teamlens{background:#202833;color:white}.teamlens p{color:#b9c0c7}.product-cards a,.product-cards article>span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.applicability{padding:120px var(--page-pad);background:#e7e5dd}.applicability-head{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end;margin:32px 0 70px}.applicability-head h2 em{color:#628c80}.applicability-head p{font-size:19px;line-height:1.65;max-width:560px;color:var(--muted)}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.sector-grid article{min-height:330px;padding:28px 26px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.sector-grid article:nth-child(4n+1){padding-left:0}.sector-grid article:nth-child(4n){border-right:0}.sector-grid span{font-size:11px;color:#7a7d76}.sector-grid h3{font-size:23px;margin:40px 0 18px;letter-spacing:-.02em}.sector-grid p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.sector-grid b{font-size:9px;letter-spacing:.1em;margin-top:auto;padding-top:28px}.business-focus{margin-top:70px;background:#18202a;color:white;padding:48px}.business-focus-head{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;align-items:start;padding-bottom:38px;border-bottom:1px solid #46505a}.business-focus-head>span{color:var(--acid);font-size:10px;letter-spacing:.16em}.business-focus-head h3{font-size:34px;line-height:1.15;margin:0;letter-spacing:-.03em}.business-focus-head p{color:#b8c0c7;font-size:15px;line-height:1.65;margin:0}.business-columns{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:38px 0}.business-columns h4{font-size:21px;margin:0 0 20px}.business-columns ul{list-style:none;margin:0;padding:0}.business-columns li{color:#b8c0c7;font-size:14px;line-height:1.55;padding:8px 0 8px 20px;border-bottom:1px solid #343d47;position:relative}.business-columns li:before{content:"—";position:absolute;left:0;color:var(--acid)}.business-result{font-family:Georgia,serif;font-size:23px;line-height:1.45;color:#d8c69f;margin:0;padding-top:32px;border-top:1px solid #46505a;max-width:1050px}.audience-strip{margin-top:52px;padding:30px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:1fr 2fr;align-items:center}.audience-strip span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.audience-strip p{font-family:Georgia,serif;font-size:22px;line-height:1.5;margin:0}
.partnership{padding:120px var(--page-pad);background:#c9b68e}.partnership-head{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end;margin:32px 0 65px}.partnership-head p{font-size:19px;line-height:1.6;max-width:520px}.partnership-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(17,20,24,.35)}.partnership-grid article{min-height:340px;padding:30px 34px 35px 0;border-right:1px solid rgba(17,20,24,.25);border-bottom:1px solid rgba(17,20,24,.25);display:flex;flex-direction:column}.partnership-grid article+article{padding-left:34px}.partnership-grid article:nth-child(3n){border-right:0}.partnership-grid span{font-size:11px}.partnership-grid h3{font-size:28px;margin:50px 0 20px}.partnership-grid p{font-size:15px;line-height:1.65;margin:0}.partnership-grid b{font-size:10px;letter-spacing:.12em;margin-top:auto;padding-top:30px}
.research{padding:120px var(--page-pad);background:#deddd7}.research-head{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end;margin:32px 0 65px}.research h2{margin:0}.research h2 em{color:#657f91}.research-head .big{font-size:19px;line-height:1.6;max-width:600px;margin:0;color:#222}.research-copy{padding-top:0}.research-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,96px);margin-bottom:44px}.research-text p{color:var(--muted);line-height:1.7;margin:0}.research-path{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border-top:1px solid #aaa}.research-path article{padding:24px 24px 26px 0;border-right:1px solid rgba(17,20,24,.14);border-bottom:1px solid rgba(17,20,24,.14)}.research-path article+article{padding-left:24px}.research-path article:last-child{border-right:0}.research-path span{font-size:10px;color:#8b7653}.research-path h3{font-size:20px;margin:13px 0 10px}.research-path p{font-size:13px;line-height:1.62;color:var(--muted);margin:0}.status{border-top:1px solid #aaa;padding-top:22px;margin-top:38px;display:grid;grid-template-columns:1fr 2fr}.status span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#777}.status b{font-size:14px;line-height:1.5}
.faq{padding:120px var(--page-pad);background:#f5f3ed}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw;margin-top:32px}.faq-layout>div:first-child>p{font-size:16px;line-height:1.65;color:var(--muted);max-width:330px;margin-top:30px}.faq h2 em{color:#677f90}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-weight:300;font-size:24px;color:#957849;transition:.25s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:15px;line-height:1.7;color:var(--muted);max-width:760px;margin:0;padding:0 50px 25px 0}
.principle{padding:100px 140px 0 140px;;text-align:center;background:var(--paper)}.quote{font-family:Georgia,serif;color:#a98a58;font-size:80px;height:60px;display:block}.principle blockquote{font-family:Georgia,serif;font-size:clamp(34px,4.5vw,67px);line-height:1.15;margin:20px auto 0;letter-spacing:-.035em}.principle em{color:#687f90}
.final-cta{padding:110px var(--page-pad);background:#111821;color:white;text-align:center}.final-cta .eyebrow{justify-content:center}.final-cta h2{margin:30px auto;max-width:980px}.final-cta>p:not(.eyebrow){max-width:720px;margin:0 auto;color:#b8c0c8;font-size:17px;line-height:1.65}.final-cta>div{display:flex;justify-content:center;gap:14px;margin-top:38px}
footer{background:#0b0f14;color:white;padding:105px var(--page-pad) 32px}.footer-top{display:flex;justify-content:space-between;align-items:end;padding-bottom:90px}.footer-top h2{margin-top:30px}.light{background:white;color:#111;min-width:180px}.footer-bottom{border-top:1px solid #3c434b;padding-top:28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.footer-bottom p{font-size:11px;line-height:1.6;color:#8f969e;margin:0}.footer-bottom p:last-child{text-align:right}
@media(max-width:1100px){.sector-grid{grid-template-columns:repeat(2,1fr)}.sector-grid article:nth-child(4n+1){padding-left:26px}.sector-grid article:nth-child(4n){border-right:1px solid var(--line)}.sector-grid article:nth-child(2n+1){padding-left:0}.sector-grid article:nth-child(2n){border-right:0}}
@media(max-width:900px){.nav-wrap nav{display:none}.hero{grid-template-columns:1fr;padding-top:140px}.vector-stage{min-height:430px}.context-head,.statement,.levels,.research-head,.benefits-head,.applicability-head,.partnership-head,.faq-layout,.business-focus-head{grid-template-columns:1fr;gap:35px}.problem-directions{grid-template-columns:1fr}.problem-directions article,.problem-directions article:nth-child(2n){padding:30px 0;border-right:0}.statement{padding-top:90px}.statement>div p{padding-left:0}.statement>div p:before{display:none}.levels-intro{position:static}.product-cards,.partnership-grid{grid-template-columns:1fr}.benefit-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.method-grid article:nth-child(2){border-right:0}.method-grid article:nth-child(3){padding-left:0}.benefit-grid article:nth-child(2){border-right:0}.benefit-grid article:nth-child(3){padding-left:0}.products-head{display:block}.products-head p{margin-top:25px}.partnership-grid article,.partnership-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid rgba(16,18,15,.25);min-height:auto}.partnership-grid article b{margin-top:35px}.business-columns{gap:45px}.audience-strip{grid-template-columns:1fr;gap:18px}.footer-top{display:block}.footer-top .button{margin-top:40px}}
@media(max-width:600px){.nav-wrap{height:72px}.nav-cta{display:none}.hero{padding:118px 22px 55px;min-height:auto}.hero-actions,.final-cta>div{flex-direction:column;align-items:stretch}.vector-stage{min-height:350px}.stage-note{display:none}.context,.statement,.benefits,.levels,.products,.applicability,.partnership,.research,.faq,.principle,.final-cta,footer{padding-left:22px;padding-right:22px}.context,.statement,.benefits,.products,.applicability,.partnership,.research,.faq,.final-cta{padding-top:80px;padding-bottom:80px}.method-grid{margin:0 22px 80px;grid-template-columns:1fr}.method-grid article,.method-grid article:first-child,.method-grid article:nth-child(3),.method-grid article:last-child{padding:28px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.benefit-grid,.proof-strip{grid-template-columns:1fr}.benefit-grid article,.benefit-grid article:first-child,.benefit-grid article:nth-child(3){padding:28px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.proof-strip>div,.proof-strip>div+div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.proof-strip>div:last-child{border-bottom:0}.level-list article{grid-template-columns:34px 1fr 20px}.level-list article p{grid-column:2/4}.product-cards article{padding:28px;min-height:360px}.product-cards h3{font-size:40px}.sector-grid{grid-template-columns:1fr}.sector-grid article,.sector-grid article:nth-child(n){padding:28px 0;border-right:0;min-height:auto}.sector-grid article b{margin-top:28px}.business-focus{padding:28px 22px}.business-columns{grid-template-columns:1fr;gap:34px}.business-result{font-size:20px}.audience-strip p{font-size:19px}.footer-bottom{grid-template-columns:1fr;gap:24px}.footer-bottom p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rotating-word{transition:none;transform:none}}

/* Premium fixed navigation and contact block */
section[id]{scroll-margin-top:88px}
.nav-wrap{position:fixed;inset:0 0 auto;z-index:50;background:rgba(11,15,20,.87);border-bottom-color:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 12px 38px rgba(0,0,0,.12)}
.nav-wrap nav a{transition:color .2s ease}
.contact{padding:120px var(--page-pad);background:#e7e5dd}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;margin-top:34px}.contact-copy h2{font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.045em;margin:0;font-weight:500}.contact-copy h2 em{color:#667f91;font-family:Georgia,serif;font-weight:400}.contact-copy>p{max-width:540px;font-size:17px;line-height:1.7;color:var(--muted);margin:30px 0 50px}.contact-details{border-top:1px solid var(--line)}.contact-details>a,.contact-details>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.contact-details span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.contact-details b{font-size:16px}.contact-details a:hover b{color:#8a7046}.contact-form{background:#151c24;color:white;padding:42px;box-shadow:0 25px 65px rgba(23,28,34,.14)}.contact-form label{display:flex;flex-direction:column;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#aeb5bc;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #414952;background:#10161d;color:white;border-radius:0;padding:15px 16px;font:15px Arial,Helvetica,sans-serif;outline:none;text-transform:none;letter-spacing:0}.contact-form textarea{resize:vertical;min-height:135px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#737b83}.contact-form .consent{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:10px;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.45;color:#929aa2}.contact-form .consent input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--acid)}.contact-form .button{border:0;cursor:pointer}.form-note{font-size:11px;line-height:1.5;color:#89929b;margin:14px 0 0}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:45px}}
@media(max-width:600px){section[id]{scroll-margin-top:72px}.contact{padding:80px 22px}.contact-form{padding:28px 22px}.form-row{grid-template-columns:1fr}.contact-details>a,.contact-details>div{grid-template-columns:1fr;gap:8px}}

/* Hero logo */
.hero-logo{position:relative;width:min(86%,570px);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.hero-logo img{position:relative;z-index:2;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 14px 38px rgba(0,0,0,.35))}.hero-glow{position:absolute;z-index:0;left:50%;top:50%;width:34%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(231,190,105,.78) 0,rgba(99,144,178,.38) 38%,rgba(35,79,118,.08) 68%,transparent 75%);filter:blur(15px);animation:hero-pulse 3.2s ease-in-out infinite}.hero-logo:before,.hero-logo:after{content:"";position:absolute;z-index:1;left:50%;top:50%;border:1px solid rgba(199,170,115,.2);border-radius:50%;transform:translate(-50%,-50%);animation:hero-ring 3.2s ease-out infinite}.hero-logo:before{width:38%;height:38%}.hero-logo:after{width:38%;height:38%;animation-delay:1.6s}@keyframes hero-pulse{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.82)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.22)}}@keyframes hero-ring{0%{opacity:.8;transform:translate(-50%,-50%) scale(.7)}75%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.25)}}
@media(max-width:900px){.hero-logo{width:min(82vw,540px)}}
@media(max-width:600px){.hero-logo{width:min(92vw,410px)}}
@media(prefers-reduced-motion:reduce){.hero-glow,.hero-logo:before,.hero-logo:after{animation:none}}

@media(max-width:900px){.research-text{grid-template-columns:1fr;gap:24px}.research-path{grid-template-columns:repeat(2,1fr)}.research-path article:nth-child(2){border-right:0}.research-path article:nth-child(3){padding-left:0}}@media(max-width:600px){.research-path{grid-template-columns:1fr}.research-path article,.research-path article+article,.research-path article:nth-child(2n),.research-path article:nth-child(3){padding:22px 0;border-left:0;border-right:0}.status{grid-template-columns:1fr;gap:10px}}

/* Research validation instruments */
.research-instruments{margin-top:64px;padding:44px 0 0;border-top:1px solid #aaa}.research-instruments-head{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.research-instruments-head h3{font-size:clamp(32px,3.35vw,48px);line-height:1.04;letter-spacing:-.04em;margin:0;font-weight:500}.research-instruments-head h3 em{font-family:Georgia,serif;font-weight:400;color:#657f91}.research-instruments-summary b{display:block;font-family:Georgia,serif;font-size:clamp(24px,2vw,30px);font-weight:400;line-height:1.3;color:#202326;margin:2px 0 20px}.research-instruments-summary p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:650px}.instrument-list{display:grid;grid-template-columns:1fr 1fr;margin-top:38px;border-top:1px solid rgba(17,20,24,.18);border-bottom:1px solid rgba(17,20,24,.18)}.instrument-list article{padding:25px 28px 26px 0;border-bottom:1px solid rgba(17,20,24,.12)}.instrument-list article:nth-child(2n){padding-left:28px;padding-right:0;border-left:1px solid rgba(17,20,24,.12)}.instrument-list article:nth-last-child(-n+2){border-bottom:0}.instrument-list strong{display:block;font-size:14px;letter-spacing:.025em;margin-bottom:9px}.instrument-list span{display:block;font-size:13px;line-height:1.62;color:var(--muted)}
@media(max-width:900px){.research-instruments-head{grid-template-columns:1fr;gap:28px}.research-instruments-summary{max-width:720px}.research-instruments{margin-top:52px}}
@media(max-width:600px){.research-instruments{margin-top:44px;padding-top:32px}.research-instruments-head,.instrument-list{grid-template-columns:1fr}.research-instruments-head{gap:22px}.instrument-list{margin-top:30px}.instrument-list article,.instrument-list article:nth-child(2n),.instrument-list article:nth-last-child(-n+2){padding:20px 0;border-left:0;border-bottom:1px solid rgba(17,20,24,.12)}.instrument-list article:last-child{border-bottom:0}}

/* Editorial polish — keep the original visual language */
.section-no{line-height:1.35}

/* 01 — Real tasks: same flat grid language as the rest of the site */
.context{padding:125px var(--page-pad);background:#e8e6df}
.context-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:clamp(44px,9vw,132px);align-items:end;margin:0 0 62px}
.context-head .section-no{grid-column:1 / -1;margin:0 0 -4px}
.context-head h2{max-width:720px}
.context-head>p:last-child{max-width:500px;margin:0;font-size:18px;line-height:1.68;color:var(--muted)}
.problem-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.problem-directions article{display:flex;flex-direction:column;min-height:410px;padding:34px 42px 34px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.problem-directions article:nth-child(2n){padding-left:42px;padding-right:0;border-right:0}
.problem-directions article:nth-last-child(-n+2){border-bottom:0}
.problem-title{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:baseline}
.problem-title span{font-size:10px;letter-spacing:.08em;color:#8b7653}
.problem-title h3{font-size:30px;line-height:1.12;margin:0;letter-spacing:-.03em}
.problem-directions ul{margin:30px 0 0;padding:0;list-style:none}
.problem-directions li{font-size:15px;line-height:1.56;padding:10px 0 10px 20px;border-bottom:1px solid rgba(17,20,24,.08);position:relative}
.problem-directions li:before{content:"—";position:absolute;left:0;color:#9a7e50}
.problem-directions article>p{margin:auto 0 0;padding:24px 0 0;border-top:1px solid rgba(17,20,24,.10);font-size:14px;line-height:1.68;color:var(--muted)}
.problem-directions article>p b{color:var(--ink)}

/* 08 — Foundations: editorial hierarchy, no SaaS cards */
.research{padding:120px var(--page-pad);background:#deddd7}
.research-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,9vw,132px);align-items:end;margin:32px 0 62px}
.research-head .big{max-width:620px;margin:0;font-size:19px;line-height:1.65;color:#25282b}
.research-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(42px,7vw,108px);margin:0 0 48px}
.research-text p{margin:0;font-size:14px;line-height:1.78;color:var(--muted)}
.research-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.research-path article{min-height:185px;padding:25px 28px 26px 0;border-right:1px solid var(--line);border-bottom:0}
.research-path article+article{padding-left:28px}
.research-path article:last-child{border-right:0;padding-right:0}
.research-path span{display:block;font-size:10px;letter-spacing:.08em;color:#8b7653}
.research-path h3{font-size:20px;line-height:1.2;margin:16px 0 11px;letter-spacing:-.02em}
.research-path p{margin:0;font-size:13px;line-height:1.62;color:var(--muted)}
.research-validation{margin-top:58px;padding-top:46px;border-top:1px solid rgba(17,20,24,.22)}
.validation-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,9vw,132px);align-items:start}
.validation-head h3{margin:0;font-size:clamp(34px,3.5vw,50px);line-height:1.04;letter-spacing:-.045em;font-weight:500}
.validation-head h3 em{font-family:Georgia,serif;font-weight:400;color:#657f91}
.validation-summary b{display:block;margin:0 0 18px;font-family:Georgia,serif;font-size:clamp(26px,2.3vw,34px);font-weight:400;line-height:1.25;color:#202326}
.validation-summary p{max-width:670px;margin:0;font-size:14px;line-height:1.72;color:var(--muted)}
.instrument-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px;border-top:1px solid rgba(17,20,24,.18);border-bottom:1px solid rgba(17,20,24,.18)}
.instrument-list article{padding:24px 28px 25px 0;border-bottom:1px solid rgba(17,20,24,.12)}
.instrument-list article:nth-child(2n){padding-left:28px;padding-right:0;border-left:1px solid rgba(17,20,24,.12)}
.instrument-list article:nth-last-child(-n+2){border-bottom:0}
.instrument-list strong{display:block;margin-bottom:9px;font-size:14px;letter-spacing:.02em;color:#202326}
.instrument-list span{display:block;font-size:13px;line-height:1.62;color:var(--muted)}
.status{display:grid;grid-template-columns:56px 150px minmax(0,1fr);align-items:center;gap:22px;margin-top:42px;padding:24px 0;border-top:1px solid rgba(17,20,24,.24);border-bottom:1px solid rgba(17,20,24,.16)}
.status-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(166,132,78,.46);border-radius:50%;font-size:18px;line-height:1;color:#9a7a47;background:rgba(199,170,115,.06)}
.status-label{font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.16em;color:#6f716f;padding-right:22px;border-right:1px solid rgba(17,20,24,.16)}
.status b{font-size:18px;line-height:1.45;color:#202326;letter-spacing:-.012em}

/* Small global rhythm cleanup without redesigning other sections */
.benefits-head,.applicability-head,.partnership-head{margin-top:32px}
.benefits-head p,.applicability-head p,.partnership-head p,.products-head p{line-height:1.65}
.method-grid,.benefit-grid,.sector-grid,.partnership-grid{border-top-color:var(--line)}

@media(max-width:1100px){
  .context-head,.research-head,.validation-head{grid-template-columns:1fr;gap:30px}
  .context-head>p:last-child,.research-head .big,.validation-summary{max-width:720px}
  .research-text{gap:38px}
}

@media(max-width:900px){
  .context{padding-top:92px;padding-bottom:92px}
  .context-head{margin-bottom:46px}
  .problem-directions{grid-template-columns:1fr}
  .problem-directions article,.problem-directions article:nth-child(2n){min-height:auto;padding:30px 0;border-right:0;border-bottom:1px solid var(--line)}
  .problem-directions article:last-child{border-bottom:0}
  .problem-directions article:nth-last-child(2){border-bottom:1px solid var(--line)}
  .research-text{grid-template-columns:1fr;gap:26px}
  .research-path{grid-template-columns:repeat(2,minmax(0,1fr))}
  .research-path article{border-bottom:1px solid var(--line)}
  .research-path article:nth-child(2){border-right:0;padding-right:0}
  .research-path article:nth-child(3){padding-left:0;border-bottom:0}
  .research-path article:nth-child(4){border-bottom:0}
}

@media(max-width:600px){
  .context-head{gap:22px;margin-bottom:34px}
  .context-head>p:last-child{font-size:16px}
  .problem-title{grid-template-columns:28px 1fr;gap:10px}
  .problem-title h3{font-size:25px}
  .problem-directions ul{margin-top:22px}
  .problem-directions li{font-size:14px;padding-top:9px;padding-bottom:9px}
  .problem-directions article>p{font-size:13px;padding-top:18px}
  .research-head{margin:28px 0 42px}
  .research-head .big{font-size:17px}
  .research-text{margin-bottom:34px}
  .research-path{grid-template-columns:1fr}
  .research-path article,.research-path article+article,.research-path article:nth-child(2),.research-path article:nth-child(3),.research-path article:nth-child(4){min-height:auto;padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}
  .research-path article:last-child{border-bottom:0}
  .research-validation{margin-top:44px;padding-top:34px}
  .validation-head{gap:24px}
  .validation-head h3{font-size:34px}
  .validation-summary b{font-size:26px}
  .instrument-list{grid-template-columns:1fr;margin-top:28px}
  .instrument-list article,.instrument-list article:nth-child(2n),.instrument-list article:nth-last-child(-n+2){padding:20px 0;border-left:0;border-bottom:1px solid rgba(17,20,24,.12)}
  .instrument-list article:last-child{border-bottom:0}
  .status{grid-template-columns:46px 1fr;gap:14px 16px;margin-top:30px;padding:20px 0}
  .status-mark{width:38px;height:38px}
  .status-label{padding-right:0;border-right:0}
  .status b{grid-column:1 / -1;font-size:16px;padding-top:2px}
}

/* 2026-08-25 requested refinements */

/* 02 — Solution: same structural principle as 03 — Benefits */
.method-section{padding:120px var(--page-pad);background:var(--paper)}
.method-head{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end;margin:32px 0 65px}
.method-head h2{font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.045em;margin:0;font-weight:500}
.method-head h2 em{color:#7f858a;font-family:Georgia,serif;font-weight:400}
.method-head p{font-size:19px;line-height:1.65;color:var(--muted);max-width:580px;margin:0}
.method-section .method-grid{margin:0;border-top:1px solid var(--line)}
.method-section .method-grid article{padding:30px 28px 45px;min-height:310px}
.method-section .method-grid article:first-child{padding-left:0}
.method-section .method-grid article:last-child{padding-right:0}
.method-section .method-grid span{font-size:10px;color:#8d7653}
.method-section .method-grid h3{font-size:23px;line-height:1.2;margin:55px 0 20px}
.method-section .method-grid p{font-size:14px;line-height:1.65;color:var(--muted)}

/* Hero: true viewport first screen + progressive vector mark */
.hero{min-height:100svh;height:auto;align-items:center;padding-top:max(142px,14vh);padding-bottom:max(70px,7vh);isolation:isolate}
.hero:before{background:radial-gradient(circle at 77% 45%,rgba(106,137,160,.17),transparent 31%),radial-gradient(circle at 72% 46%,rgba(199,170,115,.055),transparent 17%),linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.045) 50%,transparent 50.1%)}
.hero:after{content:"";position:absolute;inset:88px var(--page-pad) 0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to left,rgba(0,0,0,.52),transparent 58%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.52),transparent 58%);opacity:.34;z-index:0}
.hero-copy{align-self:center}
.vector-stage{min-height:clamp(500px,66vh,720px);position:relative;z-index:1}
.vector-orbit{position:relative;width:min(92%,650px);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}
.vector-mark{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 28px 58px rgba(0,0,0,.30))}
.vector-mark .mark-field{transform-origin:260px 260px;animation:vd-field-spin 28s linear infinite}
.vector-mark .mark-bars{transform-origin:260px 260px;animation:vd-bars-float 5.6s ease-in-out infinite}
.vector-mark .mark-glow{transform-origin:260px 260px;animation:vd-glow-breathe 4.2s ease-in-out infinite}
.vector-mark .mark-points circle{animation:vd-point-pulse 3s ease-in-out infinite}
.vector-mark .mark-points circle:nth-child(2){animation-delay:.75s}
.vector-mark .mark-points circle:nth-child(3){animation-delay:1.5s}
.orbit{position:absolute;inset:50%;border:1px solid rgba(137,163,181,.14);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.orbit-a{width:78%;height:78%;animation:vd-orbit-a 18s linear infinite}
.orbit-b{width:58%;height:58%;border-color:rgba(199,170,115,.17);animation:vd-orbit-b 14s linear infinite reverse}
.orbit-c{width:94%;height:94%;border-style:dashed;border-color:rgba(137,163,181,.09);animation:vd-orbit-c 34s linear infinite}
.orbit-node{position:absolute;width:7px;height:7px;border-radius:50%;background:#d6ba7d;box-shadow:0 0 0 5px rgba(214,186,125,.08),0 0 22px rgba(214,186,125,.48)}
.node-a{left:17%;top:37%;animation:vd-node-a 7s ease-in-out infinite}
.node-b{right:16%;top:27%;width:5px;height:5px;background:#8ba2b4;box-shadow:0 0 0 5px rgba(139,162,180,.07),0 0 18px rgba(139,162,180,.4);animation:vd-node-b 8s ease-in-out infinite}
.node-c{right:25%;bottom:18%;width:4px;height:4px;animation:vd-node-c 6.4s ease-in-out infinite}
.vector-pulse{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(225,192,122,.19),rgba(89,125,151,.085) 42%,transparent 72%);filter:blur(10px);z-index:-1;animation:vd-core-pulse 4.5s ease-in-out infinite}

@keyframes vd-field-spin{to{transform:rotate(360deg)}}
@keyframes vd-bars-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.012)}}
@keyframes vd-glow-breathe{0%,100%{opacity:.34;transform:scale(.96)}50%{opacity:.68;transform:scale(1.04)}}
@keyframes vd-point-pulse{0%,100%{opacity:.42;r:3px}50%{opacity:1;r:5px}}
@keyframes vd-orbit-a{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes vd-orbit-b{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes vd-orbit-c{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes vd-node-a{0%,100%{transform:translate(0,0);opacity:.45}50%{transform:translate(10px,-13px);opacity:1}}
@keyframes vd-node-b{0%,100%{transform:translate(0,0);opacity:.45}50%{transform:translate(-12px,9px);opacity:1}}
@keyframes vd-node-c{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(7px,10px);opacity:.9}}
@keyframes vd-core-pulse{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}}

@media(max-width:900px){
  .method-head{grid-template-columns:1fr;gap:35px}
  .hero{min-height:100svh;padding-top:132px;padding-bottom:64px;align-items:start}
  .vector-stage{min-height:420px;margin-top:28px}
  .vector-orbit{width:min(78vw,560px)}
}

@media(max-width:600px){
  .method-section{padding:80px 22px}
  .method-head{margin:28px 0 42px;gap:24px}
  .method-head p{font-size:17px}
  .method-section .method-grid{grid-template-columns:1fr;margin:0}
  .method-section .method-grid article,.method-section .method-grid article:first-child,.method-section .method-grid article:nth-child(3),.method-section .method-grid article:last-child{padding:28px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}
  .method-section .method-grid article:last-child{border-bottom:0}
  .hero{min-height:100svh;padding:112px 22px 44px}
  .vector-stage{min-height:330px;margin-top:20px}
  .vector-orbit{width:min(92vw,420px)}
  .hero:after{inset:72px 22px 0;background-size:52px 52px;opacity:.22}
}

@media(prefers-reduced-motion:reduce){
  .vector-mark .mark-field,.vector-mark .mark-bars,.vector-mark .mark-glow,.vector-mark .mark-points circle,.orbit,.orbit-node,.vector-pulse{animation:none!important}
}

/* Header logo: VD symbol from approved Concept 01 */
.nav-wrap .header-brand{gap:11px;color:#fff}
.nav-wrap .header-brand-symbol{display:block;width:34px;height:30px;object-fit:contain;object-position:center;flex:0 0 auto;filter:drop-shadow(0 0 7px rgba(199,170,115,.14))}
.nav-wrap .header-brand-name{color:#fff;font-size:20px;font-weight:500;letter-spacing:-0.02em;line-height:1;white-space:nowrap}
@media(max-width:600px){.nav-wrap .header-brand{gap:9px}.nav-wrap .header-brand-symbol{width:31px;height:27px}.nav-wrap .header-brand-name{font-size:12px;letter-spacing:.12em}}

/* Header brand refinement + full-screen hero network */
.nav-wrap .header-brand{
  gap:14px;
  position:relative;
  isolation:isolate;
}
.nav-wrap .header-brand-symbol{
  display:block;
  width:60px;
  height:auto;
  object-fit:contain;
  object-position:center;
  flex:0 0 auto;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.08)) drop-shadow(0 0 10px rgba(211,181,119,.12)) drop-shadow(0 0 24px rgba(112,143,176,.05));
}
.nav-wrap .header-brand-name{
  position:relative;
  display:inline-block;
  font-size:20px;
  font-weight:500;
  letter-spacing:.-0.02em;
  line-height:1;
  white-space:nowrap;
  text-transform:uppercase;
  background:linear-gradient(180deg,#ffffff 0%,#f5f7fb 34%,#e4eaf0 62%,#c5d0da 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 1px 0 rgba(255,255,255,.14),0 0 18px rgba(142,165,188,.06);
}
.nav-wrap .header-brand-name::before{
  content:"";
  position:absolute;
  left:-10px;
  right:-10px;
  top:50%;
  height:115%;
  transform:translateY(-50%);
  background:radial-gradient(circle at 28% 50%,rgba(214,224,236,.08),transparent 48%);
  filter:blur(7px);
  opacity:.9;
  z-index:-1;
}
.nav-wrap .header-brand-name::after{
  content:attr(data-title);
  position:absolute;
  inset:0;
  background:linear-gradient(112deg,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 36%,rgba(255,255,255,.97) 49%,rgba(237,244,251,.42) 55%,rgba(255,255,255,0) 66%,rgba(255,255,255,0) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  mix-blend-mode:screen;
  opacity:0;
  transform:translateX(-135%);
  animation:header-name-sheen 7.6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes header-name-sheen{
  0%,22%{opacity:0;transform:translateX(-135%)}
  28%{opacity:.18}
  34%{opacity:.8}
  42%{opacity:0;transform:translateX(135%)}
  100%{opacity:0;transform:translateX(135%)}
}

.hero{
  position:relative;
  overflow:hidden;
}
.hero-copy,.vector-stage{
  position:relative;
  z-index:2;
}
.hero-network{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  z-index:0;
}
.hero-network span{
  position:absolute;
  display:block;
}
.hero .net-aura{
  left:50%;
  top:48%;
  width:88%;
  height:88%;
  transform:translate(-18%,-50%);
  background:
    radial-gradient(circle at 62% 50%,rgba(105,137,164,.18) 0,rgba(70,98,129,.08) 22%,transparent 52%),
    radial-gradient(circle at 67% 52%,rgba(208,184,124,.07) 0,transparent 18%),
    radial-gradient(circle at 38% 44%,rgba(77,104,132,.09) 0,transparent 26%);
  filter:blur(6px);
  animation:hero-aura-drift 12s ease-in-out infinite alternate;
}
.hero .net-ring{
  left:69%;
  top:51%;
  border:1px solid rgba(155,182,205,.14);
  border-radius:50%;
  transform:translate(-50%,-50%);
  mix-blend-mode:screen;
}
.hero .ring-1{width:38vw;height:38vw;min-width:420px;min-height:420px;max-width:760px;max-height:760px;animation:hero-ring-spin 28s linear infinite}
.hero .ring-2{width:29vw;height:29vw;min-width:310px;min-height:310px;max-width:560px;max-height:560px;border-color:rgba(214,227,242,.1);animation:hero-ring-spin-rev 22s linear infinite}
.hero .ring-3{width:47vw;height:47vw;min-width:520px;min-height:520px;max-width:900px;max-height:900px;border-style:dashed;border-color:rgba(135,162,187,.12);opacity:.5;animation:hero-ring-spin 40s linear infinite}
.hero .net-beam{
  left:68%;
  top:50%;
  transform-origin:center center;
  background:linear-gradient(90deg,rgba(124,153,184,0),rgba(181,204,228,.24),rgba(255,255,255,.03));
  height:1px;
  opacity:.5;
}
.hero .beam-1{width:52vw;transform:translate(-50%,-50%) rotate(17deg);animation:hero-beam-1 18s ease-in-out infinite}
.hero .beam-2{width:44vw;transform:translate(-50%,-50%) rotate(-24deg);animation:hero-beam-2 21s ease-in-out infinite}
.hero .beam-3{width:58vw;transform:translate(-50%,-50%) rotate(88deg);opacity:.38;animation:hero-beam-3 24s ease-in-out infinite}
.hero .net-link{
  left:68%;
  top:50%;
  border:1px solid rgba(152,178,202,.12);
  border-color:rgba(152,178,202,.12) transparent transparent transparent;
  border-radius:50%;
  transform:translate(-50%,-50%);
  opacity:.72;
}
.hero .link-1{width:36vw;height:16vw;min-width:420px;min-height:180px;transform:translate(-43%,-24%) rotate(16deg);animation:hero-link-swing 17s ease-in-out infinite}
.hero .link-2{width:31vw;height:22vw;min-width:360px;min-height:220px;transform:translate(-57%,-34%) rotate(-18deg);animation:hero-link-swing-rev 19s ease-in-out infinite}
.hero .link-3{width:42vw;height:28vw;min-width:500px;min-height:280px;transform:translate(-50%,-49%) rotate(46deg);border-top-color:rgba(214,190,130,.14);animation:hero-link-swing 26s ease-in-out infinite}
.hero .link-4{width:24vw;height:11vw;min-width:270px;min-height:120px;transform:translate(-31%,11%) rotate(-36deg);animation:hero-link-swing-rev 15s ease-in-out infinite}
.hero .net-node{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d9e5f3;
  box-shadow:0 0 0 4px rgba(163,188,213,.06),0 0 20px rgba(191,216,238,.35);
  animation:hero-node-pulse 3.6s ease-in-out infinite;
}
.hero .net-node::after{
  content:"";
  position:absolute;
  inset:-11px;
  border-radius:50%;
  border:1px solid rgba(170,193,215,.12);
}
.hero .n-1{left:51%;top:31%;animation-delay:.1s}
.hero .n-2{left:58%;top:69%;width:5px;height:5px;animation-delay:1.1s}
.hero .n-3{left:70%;top:24%;width:8px;height:8px;background:#d7bf86;box-shadow:0 0 0 5px rgba(215,191,134,.06),0 0 20px rgba(215,191,134,.28);animation-delay:.7s}
.hero .n-4{left:81%;top:62%;width:6px;height:6px;animation-delay:1.6s}
.hero .n-5{left:86%;top:36%;animation-delay:2.2s}
.hero .n-6{left:75%;top:80%;width:5px;height:5px;animation-delay:2.7s}
.hero .n-7{left:63%;top:18%;width:4px;height:4px;animation-delay:1.4s}
.hero .n-8{left:92%;top:54%;width:5px;height:5px;background:#d7bf86;box-shadow:0 0 0 4px rgba(215,191,134,.06),0 0 18px rgba(215,191,134,.25);animation-delay:3s}

@keyframes hero-aura-drift{
  0%{transform:translate(-18%,-50%) scale(.98)}
  100%{transform:translate(-15%,-52%) scale(1.05)}
}
@keyframes hero-ring-spin{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes hero-ring-spin-rev{
  from{transform:translate(-50%,-50%) rotate(360deg)}
  to{transform:translate(-50%,-50%) rotate(0deg)}
}
@keyframes hero-beam-1{
  0%,100%{transform:translate(-50%,-50%) rotate(17deg) scaleX(.94);opacity:.34}
  50%{transform:translate(-50%,-50%) rotate(25deg) scaleX(1.02);opacity:.58}
}
@keyframes hero-beam-2{
  0%,100%{transform:translate(-50%,-50%) rotate(-24deg) scaleX(1);opacity:.28}
  50%{transform:translate(-50%,-50%) rotate(-14deg) scaleX(.94);opacity:.5}
}
@keyframes hero-beam-3{
  0%,100%{transform:translate(-50%,-50%) rotate(88deg) scaleY(1);opacity:.28}
  50%{transform:translate(-50%,-50%) rotate(96deg) scaleY(1.05);opacity:.5}
}
@keyframes hero-link-swing{
  0%,100%{filter:blur(0);opacity:.38}
  50%{transform:translate(-45%,-26%) rotate(24deg);opacity:.72}
}
@keyframes hero-link-swing-rev{
  0%,100%{filter:blur(0);opacity:.3}
  50%{transform:translate(-54%,-31%) rotate(-10deg);opacity:.58}
}
@keyframes hero-node-pulse{
  0%,100%{transform:scale(.86);opacity:.62}
  50%{transform:scale(1.22);opacity:1}
}

@media(max-width:900px){
  .nav-wrap .header-brand-symbol{width:60px}
  .nav-wrap .header-brand-name{font-size:20px;letter-spacing:-0.02em}
  .hero .net-aura{width:115%;height:92%;transform:translate(-28%,-46%)}
  .hero .net-ring,.hero .net-beam,.hero .net-link,.hero .net-node{left:60%}
  .hero .ring-1{min-width:360px;min-height:360px}
  .hero .ring-2{min-width:260px;min-height:260px}
  .hero .ring-3{min-width:430px;min-height:430px}
  .hero .beam-1{width:80vw}
  .hero .beam-2{width:68vw}
  .hero .beam-3{width:92vw}
  .hero .link-1{min-width:320px;min-height:160px}
  .hero .link-2{min-width:280px;min-height:180px}
  .hero .link-3{min-width:380px;min-height:220px}
  .hero .link-4{min-width:220px;min-height:110px}
}

@media(max-width:600px){
  .nav-wrap .header-brand{gap:10px}
  .nav-wrap .header-brand-symbol{width:60px}
  .nav-wrap .header-brand-name{font-size:20px;letter-spacing:-0.02em}
  .hero-network{opacity:.8}
  .hero .net-aura{width:150%;height:100%;transform:translate(-36%,-44%)}
  .hero .net-ring,.hero .net-beam,.hero .net-link,.hero .net-node{left:54%}
  .hero .ring-1{min-width:260px;min-height:260px}
  .hero .ring-2{min-width:190px;min-height:190px}
  .hero .ring-3{min-width:310px;min-height:310px}
  .hero .beam-1,.hero .beam-2,.hero .beam-3{width:110vw}
  .hero .n-1{left:22%;top:20%}
  .hero .n-2{left:32%;top:67%}
  .hero .n-3{left:59%;top:16%}
  .hero .n-4{left:81%;top:61%}
  .hero .n-5{left:88%;top:29%}
  .hero .n-6{left:68%;top:81%}
  .hero .n-7{left:44%;top:10%}
  .hero .n-8{left:91%;top:49%}
}

@media(prefers-reduced-motion:reduce){
  .nav-wrap .header-brand-name::after,
  .hero-network span{
    animation:none !important;
  }
}

/* Hero emblem replacement: static geometric logo */
.vector-stage{
  min-height:clamp(500px,66vh,720px);
  position:relative;
  z-index:1;
  display:grid;
  align-items:center;
  justify-items:center;
}
.hero-emblem-wrap{
  position:relative;
  width:min(88%,640px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
}
.hero-emblem-wrap::before{
  content:"";
  position:absolute;
  inset:14%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(86,117,149,.16) 0,rgba(59,85,113,.08) 34%,rgba(19,29,42,0) 72%);
  filter:blur(12px);
  z-index:0;
}
.hero-emblem{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 16px 42px rgba(0,0,0,.34)) drop-shadow(0 0 22px rgba(120,152,186,.09));
}
/* remove old animated construct inside hero stage */
.vector-orbit,
.vector-mark,
.vector-pulse,
.orbit,
.orbit-node{
  display:none !important;
}

@media(max-width:900px){
  .vector-stage{min-height:420px;margin-top:28px}
  .hero-emblem-wrap{width:min(84vw,520px)}
}
@media(max-width:600px){
  .vector-stage{min-height:320px;margin-top:18px}
  .hero-emblem-wrap{width:min(88vw,390px)}
}

/* Transparent inline SVG emblem — no image panel, no local rotation */
.hero-emblem-wrap{
  position:relative;
  width:min(88%,660px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  background:none !important;
}
.hero-emblem-wrap::before{
  content:"";
  position:absolute;
  inset:19%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(83,112,145,.12) 0,rgba(37,58,82,.05) 46%,transparent 72%);
  filter:blur(18px);
  opacity:.8;
}
.hero-emblem-svg{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  filter:drop-shadow(0 18px 44px rgba(0,0,0,.28)) drop-shadow(0 0 20px rgba(111,143,176,.06));
}
.hero-emblem{display:none !important}
@media(max-width:900px){.hero-emblem-wrap{width:min(84vw,540px)}}
@media(max-width:600px){.hero-emblem-wrap{width:min(88vw,400px)}}

/* Flower of Life mark — based on the supplied geometric reference */
.hero-emblem-wrap::before{
  inset:11%;
  background:radial-gradient(circle,rgba(203,175,105,.13) 0,rgba(91,125,155,.10) 34%,transparent 71%);
  filter:blur(20px);
  animation:vd-flower-aura 5.5s ease-in-out infinite;
}
.hero-emblem-wrap::after{
  content:"";
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  background:url("images/flower-of-life-mark.svg") center/contain no-repeat;
  filter:drop-shadow(0 26px 55px rgba(0,0,0,.34)) drop-shadow(0 0 25px rgba(111,143,176,.13));
}
.hero-emblem-svg{display:none !important}
@keyframes vd-flower-aura{
  0%,100%{opacity:.55;transform:scale(.94)}
  50%{opacity:1;transform:scale(1.06)}
}
@media(prefers-reduced-motion:reduce){.hero-emblem-wrap::before{animation:none}}

/* Generated Flower of Life v4 and independently twinkling intersections */
.hero-emblem-wrap::after{display:none !important}
.hero-flower-logo{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 20px 48px rgba(0,0,0,.28)) drop-shadow(0 0 18px rgba(72,111,171,.13));
}
.hero-sparkles{
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
}
.spark{
  --spark-size:7px;
  --spark-period:3.1s;
  --spark-delay:0s;
  --spark-min:.12;
  position:absolute;
  width:var(--spark-size);
  height:var(--spark-size);
  margin:calc(var(--spark-size) / -2) 0 0 calc(var(--spark-size) / -2);
  border-radius:50%;
  background:#f4cf75;
  opacity:var(--spark-min);
  box-shadow:0 0 4px #f4cf75,0 0 12px rgba(244,207,117,.7),0 0 24px rgba(244,207,117,.28);
  animation:vd-intersection-twinkle var(--spark-period) ease-in-out var(--spark-delay) infinite;
}
.spark::before,.spark::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:linear-gradient(90deg,transparent,#fff4c9,transparent);
  transform:translate(-50%,-50%);
}
.spark::before{width:calc(var(--spark-size) * 3.8);height:1px}
.spark::after{width:1px;height:calc(var(--spark-size) * 3.8);background:linear-gradient(180deg,transparent,#fff4c9,transparent)}
.s1{left:50%;top:16.5%;--spark-size:6px;--spark-period:2.7s;--spark-delay:-.4s}
.s2{left:23.2%;top:33%;--spark-size:5px;--spark-period:4.2s;--spark-delay:-2.1s;--spark-min:.08}
.s3{left:50%;top:33.1%;--spark-size:8px;--spark-period:3.4s;--spark-delay:-1.2s}
.s4{left:76.8%;top:33%;--spark-size:6px;--spark-period:5.1s;--spark-delay:-3.7s;--spark-min:.07}
.s5{left:38%;top:40.7%;--spark-size:7px;--spark-period:2.9s;--spark-delay:-1.8s}
.s6{left:62%;top:40.7%;--spark-size:6px;--spark-period:3.8s;--spark-delay:-.9s}
.s7{left:25.1%;top:48.2%;--spark-size:6px;--spark-period:4.7s;--spark-delay:-2.6s;--spark-min:.09}
.s8{left:50%;top:48.2%;--spark-size:8px;--spark-period:3.3s;--spark-delay:-1.5s}
.s9{left:74.9%;top:48.2%;--spark-size:5px;--spark-period:4.4s;--spark-delay:-.2s;--spark-min:.08}
.s10{left:38%;top:55.9%;--spark-size:7px;--spark-period:5.3s;--spark-delay:-4.1s}
.s11{left:62%;top:55.9%;--spark-size:6px;--spark-period:3s;--spark-delay:-2.3s}
.s12{left:23.2%;top:63.2%;--spark-size:5px;--spark-period:4.9s;--spark-delay:-1.1s;--spark-min:.07}
.s13{left:50%;top:63.1%;--spark-size:8px;--spark-period:3.6s;--spark-delay:-2.8s}
.s14{left:76.8%;top:63.2%;--spark-size:6px;--spark-period:5.7s;--spark-delay:-3.4s;--spark-min:.06}
.s15{left:50%;top:79.4%;--spark-size:6px;--spark-period:4.1s;--spark-delay:-1.7s}
@keyframes vd-intersection-twinkle{
  0%,100%{opacity:var(--spark-min);transform:scale(.42) rotate(0deg);filter:brightness(.75)}
  38%{opacity:.48;transform:scale(.78) rotate(10deg);filter:brightness(1)}
  52%{opacity:1;transform:scale(1.3) rotate(22deg);filter:brightness(1.35)}
  68%{opacity:.3;transform:scale(.66) rotate(34deg);filter:brightness(.9)}
}
@media(prefers-reduced-motion:reduce){.spark{animation:none;opacity:.55}}

/* Final hero motion: full-screen vector geometry, no animated circles */
.hero .net-aura,
.hero .net-ring,
.hero .net-link,
.hero .net-node,
.hero-emblem-wrap::before{
  display:none !important;
  animation:none !important;
}
.hero-network::before,
.hero-network::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(92vw,1450px);
  height:min(92vw,1450px);
  border:1px solid rgba(119,151,186,.12);
  transform-origin:center;
  pointer-events:none;
}
.hero-network::before{
  transform:translate(-50%,-50%) rotate(28deg);
  animation:vd-hero-vector-figure 54s linear infinite;
}
.hero-network::after{
  width:min(68vw,1080px);
  height:min(68vw,1080px);
  border-color:rgba(203,174,111,.09);
  transform:translate(-50%,-50%) rotate(-17deg);
  animation:vd-hero-vector-figure-reverse 43s linear infinite;
}
.hero .net-beam{
  --beam-angle:0deg;
  left:50%;
  top:50%;
  width:145vw;
  height:1px;
  opacity:.42;
  transform-origin:center;
  background:linear-gradient(90deg,transparent 4%,rgba(83,117,153,.2) 23%,rgba(207,181,119,.18) 50%,rgba(83,117,153,.2) 77%,transparent 96%);
  animation:vd-hero-vector-beam 48s linear infinite;
}
.hero .beam-1{--beam-angle:14deg;animation-duration:48s}
.hero .beam-2{--beam-angle:73deg;animation-duration:61s;animation-direction:reverse}
.hero .beam-3{--beam-angle:132deg;animation-duration:55s;opacity:.32}
@keyframes vd-hero-vector-figure{
  from{transform:translate(-50%,-50%) rotate(28deg)}
  to{transform:translate(-50%,-50%) rotate(388deg)}
}
@keyframes vd-hero-vector-figure-reverse{
  from{transform:translate(-50%,-50%) rotate(343deg)}
  to{transform:translate(-50%,-50%) rotate(-17deg)}
}
@keyframes vd-hero-vector-beam{
  from{transform:translate(-50%,-50%) rotate(var(--beam-angle))}
  to{transform:translate(-50%,-50%) rotate(calc(var(--beam-angle) + 360deg))}
}
.vector-stage{display:grid;place-items:center}
.hero-emblem-wrap{
  width:min(100%,720px);
  margin:0;
  place-self:center;
  transform:none;
}
.stage-note{display:none !important}
@media(max-width:900px){.hero-emblem-wrap{width:min(92vw,650px)}}
@media(max-width:600px){.hero-emblem-wrap{width:min(96vw,460px)}}
@media(prefers-reduced-motion:reduce){
  .hero-network::before,.hero-network::after,.hero .net-beam{animation:none !important}
}

/* Dynamic canvas background transplanted from hero-no-arcs */
.hero-network::before,.hero-network::after{content:none !important;animation:none !important}
.hero-network-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.92}
.hero-network-glow{position:absolute;inset:auto;display:block!important;border-radius:50%;filter:blur(24px);mix-blend-mode:screen;opacity:.72}
.hero-network .glow-left{width:42vw;height:42vw;min-width:360px;min-height:360px;left:-10vw;top:28%;background:radial-gradient(circle,rgba(66,100,138,.14) 0,rgba(46,75,108,.08) 28%,rgba(11,17,27,0) 72%)}
.hero-network .glow-right{width:56vw;height:56vw;min-width:520px;min-height:520px;right:-6vw;top:-10%;background:radial-gradient(circle,rgba(85,124,167,.18) 0,rgba(42,67,97,.08) 24%,rgba(11,17,27,0) 70%)}
.hero .net-aura,.hero .net-ring,.hero .net-beam,.hero .net-link,.hero .net-node{display:none!important}
@media(max-width:900px){.hero-network .glow-left{width:56vw;height:56vw;left:-18vw;top:42%}.hero-network .glow-right{width:76vw;height:76vw;right:-18vw;top:-4%}}
@media(max-width:600px){.hero-network .glow-left{width:78vw;height:78vw;left:-26vw;top:50%;opacity:.56}.hero-network .glow-right{width:92vw;height:92vw;right:-28vw;top:4%;opacity:.6}}

/* Wider but still bounded layout on 4K and other ultra-wide displays */
@media(min-width:2200px){
  :root{--page-pad:calc((100vw - 1680px)/2)}
}

/* Header wordmark glint clipped strictly to the letterforms */
.nav-wrap .header-brand-name::before{display:none}
.nav-wrap .header-brand-name::after{
  content:attr(data-title);
  position:absolute;
  inset:0;
  color:transparent;
  background:linear-gradient(110deg,transparent 0%,transparent 42%,rgba(255,255,255,.95) 49%,rgba(232,241,250,.62) 53%,transparent 60%,transparent 100%);
  background-size:300% 100%;
  background-position:180% 0;
  -webkit-background-clip:text;
  background-clip:text;
  mix-blend-mode:screen;
  transform:none;
  opacity:0;
  animation:header-text-glint 7.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes header-text-glint{
  0%,24%{opacity:0;background-position:180% 0}
  29%{opacity:.28}
  36%{opacity:1}
  44%{opacity:0;background-position:-80% 0}
  100%{opacity:0;background-position:-80% 0}
}
@media(prefers-reduced-motion:reduce){.nav-wrap .header-brand-name::after{animation:none;opacity:0}}

/* Sequential per-letter flash for the header wordmark */
.nav-wrap .header-brand-name::after{display:none!important;animation:none!important}
.nav-wrap .header-brand-name{background:none;color:#dbe3eb;text-shadow:none}
.nav-wrap .header-brand-name .brand-letter{
  display:inline-block;
  color:#dbe3eb;
  text-shadow:0 1px 0 rgba(255,255,255,.08);
  animation:header-letter-flash 6.8s ease-in-out infinite;
  animation-delay:calc(var(--letter-index) * .12s);
}
.nav-wrap .header-brand-name .brand-space{width:.42em}
@keyframes header-letter-flash{
  0%,18%,42%,100%{color:#dbe3eb;text-shadow:0 1px 0 rgba(255,255,255,.08);filter:brightness(1)}
  25%{color:#fff8df;text-shadow:0 0 4px rgba(255,246,213,.95),0 0 11px rgba(218,184,108,.72),0 0 22px rgba(218,184,108,.35);filter:brightness(1.5)}
  31%{color:#f5f8fb;text-shadow:0 0 5px rgba(229,240,250,.52);filter:brightness(1.12)}
}
@media(prefers-reduced-motion:reduce){.nav-wrap .header-brand-name .brand-letter{animation:none}}

/* Mobile navigation */
.mobile-menu-toggle,
.mobile-menu{display:none}

@media(max-width:900px){
  .nav-wrap>.nav-cta{display:none}
  .mobile-menu-toggle{
    width:44px;
    height:44px;
    padding:0;
    margin-left:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    background:rgba(255,255,255,.035);
    color:#fff;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:border-color .2s ease,background .2s ease;
  }
  .mobile-menu-toggle:hover,
  .mobile-menu-toggle:focus-visible{
    border-color:rgba(215,184,118,.55);
    background:rgba(255,255,255,.07);
    outline:none;
  }
  .mobile-menu-toggle span{
    display:block;
    width:18px;
    height:1px;
    background:currentColor;
    transform-origin:center;
    transition:transform .28s ease,opacity .2s ease;
  }
  .mobile-menu{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    display:block;
    padding:18px var(--page-pad) 24px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.12);
    background:rgba(11,15,20,.97);
    -webkit-backdrop-filter:blur(22px) saturate(135%);
    backdrop-filter:blur(22px) saturate(135%);
    box-shadow:0 22px 44px rgba(0,0,0,.24);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .24s ease,transform .24s ease,visibility .24s;
    max-height:calc(100vh - 88px);
    overflow:auto;
  }
  .mobile-menu-nav{
    display:flex!important;
    flex-direction:column;
    gap:0!important;
    font-size:inherit!important;
  }
  .mobile-menu-nav a{
    display:flex;
    align-items:center;
    min-height:56px;
    border-bottom:1px solid rgba(255,255,255,.1);
    color:#e6e9ec!important;
    font-size:16px;
    letter-spacing:.01em;
  }
  .mobile-menu-nav a::after{
    content:"↗";
    margin-left:auto;
    color:#c7aa73;
    font-size:13px;
  }
  .mobile-menu-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:18px;
    padding:16px 18px;
    border:1px solid rgba(215,184,118,.42);
    color:#f0e7d7;
    font-size:14px;
    letter-spacing:.02em;
  }
  .nav-wrap.is-menu-open .mobile-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }
  .nav-wrap.is-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav-wrap.is-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  .nav-wrap.is-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  body.mobile-menu-open{overflow:hidden}
}

@media(max-width:600px){
  .mobile-menu{padding:12px 22px 22px;max-height:calc(100vh - 72px)}
  .mobile-menu-toggle{width:42px;height:42px}
  .mobile-menu-nav a{min-height:54px;font-size:15px}
}

@media(prefers-reduced-motion:reduce){
  .mobile-menu,
  .mobile-menu-toggle span{transition:none}
}


/* Final mobile width guard: keep the current hero inside the viewport. */
.hero > *,
.hero-copy,
.vector-stage{
  min-width:0;
}

@media(max-width:900px){
  .hero{
    width:100%;
    max-width:100%;
  }
  .hero-copy,
  .vector-stage{
    width:100%;
    max-width:100%;
  }
  .hero-emblem-wrap{
    width:min(100%,650px);
    max-width:100%;
  }
}

@media(max-width:600px){
  .hero-emblem-wrap{
    width:min(100%,460px);
  }
  .hero-actions{
    max-width:100%;
  }
  .hero-actions .button{
    min-width:0;
    max-width:100%;
  }
}

/* Back to top */
.back-to-top{
  position:fixed;
  right:clamp(16px,2.2vw,34px);
  bottom:clamp(16px,2.2vw,34px);
  z-index:30;
  width:50px;
  height:50px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(199,170,115,.46);
  border-radius:50%;
  background:rgba(17,23,30,.88);
  color:#d7bd87;
  box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.025);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
  -webkit-tap-highlight-color:transparent;
}
.back-to-top span{
  font-family:Arial,Helvetica,sans-serif;
  font-size:21px;
  line-height:1;
  transform:translateY(-1px);
}
.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.back-to-top:hover,
.back-to-top:focus-visible{
  border-color:#c7aa73;
  background:#c7aa73;
  color:#111418;
  box-shadow:0 12px 34px rgba(0,0,0,.24),0 0 0 4px rgba(199,170,115,.08);
  outline:none;
}
@media(max-width:600px){
  .back-to-top{
    right:14px;
    bottom:14px;
    width:46px;
    height:46px;
  }
}
@media(prefers-reduced-motion:reduce){
  .back-to-top{transition:none}
}


/* Header brand subtitle */
.nav-wrap .header-brand{
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  column-gap:14px;
  row-gap:3px;
  align-items:center;
}
.nav-wrap .header-brand-symbol{
  grid-column:1;
  grid-row:1 / 3;
}
.nav-wrap .header-brand-name{
  grid-column:2;
  grid-row:1;
  align-self:end;
}
.nav-wrap .header-brand-subtitle{
  grid-column:2;
  grid-row:2;
  align-self:start;
  color:var(--acid);
  font-family:Georgia,serif;
  font-size:16px;
  font-weight:400;
  line-height:1;
  letter-spacing:.09em;
  text-transform:lowercase;
  white-space:nowrap;
  text-shadow:0 1px 8px rgba(199,170,115,.22);
}
@media(max-width:600px){
  .nav-wrap .header-brand{
    column-gap:10px;
    row-gap:2px;
  }
  .nav-wrap .header-brand-subtitle{
           font-size: 16px;
        letter-spacing: .09em;
  }
}
/* Brand subtitle width is fitted to VECTOR DYNAMIC in script.js. */
.nav-wrap .header-brand-name,
.nav-wrap .header-brand-subtitle{
  justify-self:start;
  width:max-content;
  max-width:none;
  white-space:nowrap;
}
.nav-wrap .header-brand-subtitle{
  text-align:left;
  text-align-last:auto;
  transform:none;
  transform-origin:left center;
  will-change:transform;
  margin-left: 1px;
}