:root{--bg:#050505;--bg2:#0b0b0b;--paper:#eeeDE8;--ink:#090909;--muted:#9a9a9a;--line:#282828;--line-light:#cfcfc8;--yellow:#ffd400;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',Arial,sans-serif;--wrap:min(1320px,calc(100vw - 56px));}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050505}body{margin:0;font-family:var(--sans);background:#050505;color:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:var(--wrap);margin-inline:auto}.dark-section{background:#050505;color:#f3f3ef}.light-section{background:#efeee9;color:#0a0a0a}.serif{font-family:var(--serif);font-weight:400}.italic{font-style:italic}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;opacity:.72}.pill{height:42px;padding:0 18px;border-radius:999px;display:inline-flex;gap:18px;align-items:center;font-size:12px;transition:.35s cubic-bezier(.16,1,.3,1)}.pill-dark{background:#151515;border:1px solid #292929}.pill-light{background:#f2f2ec;color:#111;border:1px solid rgba(255,255,255,.3)}.pill:hover{transform:translateY(-2px);background:var(--yellow);color:#111}.underlink{font-size:12px;display:inline-flex;gap:40px;padding-bottom:8px;border-bottom:1px solid #777;min-width:140px;justify-content:space-between}.topbar{position:fixed;z-index:200;left:50%;top:24px;transform:translateX(-50%);width:min(1240px,calc(100vw - 64px));height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{font-family:var(--serif);font-style:italic;font-weight:500;font-size:29px;letter-spacing:-.055em}.brand span{font-family:var(--sans);font-style:normal;font-size:8px;vertical-align:top;margin-left:3px}.topbar nav{background:rgba(14,14,14,.78);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);padding:0 18px;height:42px;border-radius:999px;display:flex;align-items:center;gap:28px}.topbar nav a{font-size:10px;color:#bdbdbd;transition:.25s}.topbar nav a:hover{color:#fff}.topbar>.pill{justify-self:end}.hero{min-height:920px;position:relative;overflow:hidden;padding-top:190px}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 55% 74%,rgba(120,120,120,.11),transparent 22%),linear-gradient(to bottom,rgba(0,0,0,.15),#050505 94%),url('https://framerusercontent.com/images/1unviV3defPmI81PQUtSqRTQYY.svg?height=624&width=1325') center 120px/1320px 620px no-repeat;filter:saturate(0);transform:scale(1.04);will-change:transform}.grain{position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:2.2fr 1fr;gap:80px;align-items:start}.hero-title h1{margin:0;font-size:clamp(92px,9.35vw,140px);font-weight:400;letter-spacing:-.055em;line-height:.82}.hero-title h1.serif{font-size:clamp(104px,9.7vw,146px);letter-spacing:-.055em;line-height:.84;font-weight:400}.clip{overflow:hidden;padding-bottom:10px}.hero-copy{padding-top:62px;max-width:350px;justify-self:end}.hero-copy p{font-size:12px;line-height:1.65;letter-spacing:.16em;color:#b4b4b4;text-transform:uppercase}.hero-copy .underlink{margin-top:26px}.hero-bottom{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:66px;display:flex;justify-content:space-between;align-items:end}.we-do small,.featured-mini>span{font-size:10px;color:#777;display:block;margin-bottom:12px}.we-do div{font-size:12px;line-height:2;color:#d0d0d0}.we-do i{color:#505050;padding:0 9px}.featured-mini{width:330px}.mini-card{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:end}.mini-img{height:78px;border-radius:2px;background:linear-gradient(135deg,#1d1d1d,#090909);border:1px solid #252525}.mini-meta{font-size:10px;display:grid;gap:8px}.mini-meta em{font-style:normal;color:#666}.scroll-dot{position:absolute;z-index:5;left:50%;bottom:35px;transform:translateX(-50%);width:44px;height:26px;border:1px solid #2e2e2e;border-radius:30px;display:grid;place-items:center;color:#888;font-size:11px}.ticker{height:80px;border-top:1px solid #191919;border-bottom:1px solid #191919;overflow:hidden;display:flex;align-items:center}.ticker-track{white-space:nowrap;display:flex;gap:42px;align-items:center;min-width:max-content;animation:ticker 24s linear infinite;color:#6b6b6b;font-size:12px;letter-spacing:.1em}.ticker-track i{font-style:normal;color:#343434}.ticker-track span{font-weight:500}@keyframes ticker{to{transform:translateX(-50%)}}.services{padding:130px 0 110px}.section-head{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:end;margin-bottom:76px}.section-head h2,.team-head h2,.testimonials-head h2,.faq h2,.contact-title h2{font-size:clamp(60px,6.3vw,96px);font-weight:400;letter-spacing:-.06em;line-height:.86;margin:20px 0 0}.section-head p{font-size:14px;line-height:1.7;color:#575757;max-width:380px}.service-list{border-top:1px solid var(--line-light)}.service-item{position:relative;display:grid;grid-template-columns:70px 1.2fr 1fr 170px;align-items:center;gap:24px;min-height:170px;border-bottom:1px solid var(--line-light);overflow:hidden}.service-item .num{font-size:11px;color:#777}.service-item h3{font-size:38px;letter-spacing:-.045em;font-weight:400}.service-item p{font-size:13px;line-height:1.6;color:#666;max-width:330px}.service-orb{width:134px;height:134px;background:center/contain no-repeat;justify-self:end;filter:grayscale(1);opacity:.72;transform:scale(.86) rotate(-3deg);transition:.55s cubic-bezier(.16,1,.3,1)}.service-item:hover .service-orb{opacity:1;transform:scale(1.04) rotate(0)}.service-item:hover h3{font-family:var(--serif);font-style:italic}.service-item:hover:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--yellow);transform-origin:left;animation:lineIn .5s cubic-bezier(.16,1,.3,1)}@keyframes lineIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}.about{padding:125px 0 120px;position:relative;overflow:hidden}.about-pattern,.pricing-pattern,.quote-wave,.contact-bg{position:absolute;inset:auto 0 0;pointer-events:none;background:url('https://framerusercontent.com/images/vt1yWVm705HU96sMIHFT2Gf0SZ0.png?height=1800&width=2880') center/cover no-repeat;opacity:.18;height:70%}.about-statement{position:relative;margin:42px 0 84px;font-size:clamp(38px,4.2vw,64px);font-weight:300;line-height:1.17;letter-spacing:.055em;max-width:1180px;color:#ddd}.about-statement .word{opacity:.18;transition:opacity .15s linear}.about-bottom{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:end}.about-image{height:520px;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.55)),url('https://framerusercontent.com/images/TGcveslLFOoJEhB079jeYPrB8A.png?height=443&width=1320') center/contain no-repeat;border:1px solid #191919}.stats{display:grid;gap:34px}.stats>div{padding:0 0 26px;border-bottom:1px solid #2b2b2b;display:flex;justify-content:space-between;align-items:end}.stats small{font-size:11px;color:#777}.stats strong{font-size:70px;font-weight:300;letter-spacing:-.07em}.projects{padding:80px 0 120px}.project-stack{display:grid;gap:34px}.project-card{position:relative;height:650px;border-radius:34px;overflow:hidden;background:#0c0c0c;border:1px solid #202020}.project-media{position:absolute;inset:0;background-position:center;background-size:cover;transition:1.2s cubic-bezier(.16,1,.3,1);filter:grayscale(1) contrast(1.05)}.vr-media{background-image:radial-gradient(circle at 52% 55%,rgba(255,255,255,.14),transparent 12%),linear-gradient(135deg,#08121d,#0b172b 52%,#050608);}.vr-media:before{content:"";position:absolute;width:330px;height:190px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-8deg);border-radius:30px;border:10px solid #111;background:linear-gradient(120deg,#eaf4ff 3%,#193155 20%,#86a7d8 44%,#111 55%,#2b5c96 72%,#0d1522);box-shadow:0 0 50px rgba(79,150,255,.3)}.project-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.02) 60%,rgba(0,0,0,.35)),linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%)}.project-card:hover .project-media{transform:scale(1.035)}.project-tags{position:absolute;top:38px;left:40px;display:flex;gap:8px;flex-wrap:wrap}.project-tags span{padding:10px 16px;border-radius:999px;background:rgba(30,30,30,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);font-size:11px}.project-awards{position:absolute;right:48px;top:52px;width:250px}.project-awards>div{display:grid;grid-template-columns:58px 1fr;align-items:start;gap:16px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.17)}.project-awards b{font-size:42px;line-height:1}.project-awards span{font-size:12px;line-height:1.6}.project-awards em{font-style:normal;color:#8b8b8b}.project-card h3{position:absolute;left:40px;bottom:78px;margin:0;font-size:72px;font-weight:300;letter-spacing:-.06em}.project-card>p{position:absolute;left:44px;bottom:45px;margin:0;color:#a0a0a0;font-size:12px}.project-cta{display:flex;justify-content:center;padding:36px}.process{padding:130px 0}.process-list{border-top:1px solid var(--line-light)}.process-list article{display:grid;grid-template-columns:80px .8fr 1fr 60px;gap:30px;align-items:center;min-height:150px;border-bottom:1px solid var(--line-light);transition:.35s}.process-list span{font-size:11px;color:#777}.process-list h3{font-size:36px;font-weight:400;letter-spacing:-.04em}.process-list p{font-size:13px;color:#666;max-width:390px;line-height:1.6}.process-list b{font-size:24px;justify-self:end;transition:.35s}.process-list article:hover{padding-left:14px}.process-list article:hover h3{font-family:var(--serif);font-style:italic}.process-list article:hover b{transform:rotate(45deg);color:#a08800}.awards{padding:110px 0 130px}.award-list{margin-top:44px;border-top:1px solid #2a2a2a}.award-list>div{display:grid;grid-template-columns:180px 1fr 150px;align-items:center;gap:30px;min-height:110px;border-bottom:1px solid #2a2a2a}.award-list span,.award-list em{font-size:11px;color:#777;font-style:normal}.award-list h4{font-size:24px;font-weight:400;margin:0}.team{padding:120px 0 130px;overflow:hidden}.team-head{margin-bottom:60px}.team-marquee{overflow:hidden}.team-track{display:flex;width:max-content;gap:18px;animation:teamLoop 30s linear infinite}.team-marquee:hover .team-track{animation-play-state:paused}@keyframes teamLoop{to{transform:translateX(calc(-50% - 9px))}}.team-card{width:320px}.team-photo{height:420px;background:#ddd center bottom/cover no-repeat;filter:grayscale(1);border-radius:2px;overflow:hidden}.team-card>span{display:inline-block;margin-top:16px;font-size:10px;padding:6px 9px;border:1px solid #c7c7c2;border-radius:999px}.team-card h4{font-size:22px;margin:12px 0 4px;font-weight:500}.team-card p{margin:0;font-size:11px;color:#6d6d6d}.pricing{padding:130px 0;position:relative;overflow:hidden}.pricing>.wrap{position:relative}.pricing .section-head p{color:#8c8c8c}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.price-card{position:relative;background:#0c0c0c;border:1px solid #282828;padding:32px;min-height:570px}.price-card.featured{border-color:#525252}.price-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--yellow)}.price-num{position:absolute;right:28px;top:24px;color:#585858;font-size:12px}.popular{position:absolute;right:62px;top:21px;background:var(--yellow);color:#111;padding:5px 8px;border-radius:999px;font-size:9px}.price-card h3{font-size:28px;font-weight:400;margin:28px 0 8px}.price-card>p{color:#7f7f7f;font-size:12px;min-height:50px}.price-card strong{display:block;font-size:52px;font-weight:300;letter-spacing:-.05em;margin-top:30px}.price-card>small{color:#757575}.price-card>a{display:flex;justify-content:space-between;align-items:center;border:1px solid #363636;border-radius:999px;padding:14px 18px;font-size:11px;margin:30px 0}.price-card>a:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}.price-card hr{border:0;border-top:1px solid #272727;margin:28px 0}.price-card>b{font-size:11px}.price-card ul{list-style:none;padding:16px 0 0;margin:0}.price-card li{font-size:11px;color:#9b9b9b;padding:9px 0}.price-card li:before{content:"✦";color:#5c5c5c;padding-right:8px}.testimonials{padding:120px 0 150px;position:relative;overflow:hidden}.quote-wave{top:0;height:100%;opacity:.12}.testimonials-head{position:relative;margin-bottom:70px}.quote-row{position:relative;overflow:hidden}.quote-track{display:flex;width:max-content;gap:12px;animation:quoteLoop 32s linear infinite}.quote-row:hover .quote-track{animation-play-state:paused}@keyframes quoteLoop{to{transform:translateX(calc(-50% - 6px))}}.quote-track article{width:420px;min-height:250px;background:#0b0b0b;border:1px solid #2b2b2b;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.quote-track article p{font-family:var(--serif);font-size:24px;line-height:1.2;margin:0}.quote-track article>div{display:flex;align-items:center;gap:12px}.quote-track img{width:42px;height:42px;border-radius:50%;filter:grayscale(1)}.quote-track b,.quote-track small{display:block;font-size:10px}.quote-track small{margin-top:4px;color:#777}.faq{padding:130px 0}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list{border-top:1px solid var(--line-light)}details{border-bottom:1px solid var(--line-light)}summary{list-style:none;cursor:pointer;padding:24px 0;font-size:18px;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary span{font-size:22px;transition:.3s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.7;color:#636363;max-width:620px;margin:-4px 0 26px}.contact{padding:130px 0 100px;position:relative;overflow:hidden}.contact-bg{height:100%;opacity:.16}.contact-title,.contact-grid{position:relative}.contact-title{margin-bottom:80px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.contact-note span{font-size:10px;color:#757575;text-transform:uppercase;letter-spacing:.16em}.contact-note p{font-family:var(--serif);font-size:28px;line-height:1.25;max-width:370px}.contact-form{border-top:1px solid #2c2c2c;padding-top:24px}.contact-form h4{font-size:16px;font-weight:400}.contact-form label{display:block;font-size:10px;color:#777;margin-top:25px}.contact-form input,.contact-form textarea{font:inherit;width:100%;background:none;border:0;border-bottom:1px solid #2c2c2c;color:#fff;padding:14px 0;outline:none;resize:none;font-size:13px}.contact-form input:focus,.contact-form textarea:focus{border-color:#666}.contact-form button{margin-top:28px;cursor:pointer}.footer-grid{padding:86px 0 70px;border-top:1px solid #202020;display:grid;grid-template-columns:1.3fr 1fr .7fr .7fr;gap:50px}.f-label{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.15em}.footer-grid p,.footer-grid a{font-size:12px;color:#adadad;line-height:1.8}.footer-grid a{display:block}.footer-grid a:hover{color:#fff}.footer-word{display:flex;align-items:baseline;gap:18px;font-size:clamp(120px,17vw,250px);letter-spacing:-.09em;line-height:.7;padding:30px 0 70px;overflow:hidden}.footer-word span:last-child{font-size:1.08em}.footer-bottom{border-top:1px solid #202020;padding:22px 0 28px;display:flex;justify-content:space-between;font-size:10px;color:#666}.cursor{position:fixed;z-index:9999;width:62px;height:62px;border-radius:50%;background:var(--yellow);color:#111;display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .18s ease,opacity .18s;opacity:0}.cursor span{font-size:9px;font-weight:600;letter-spacing:.1em}.cursor.active{transform:translate(-50%,-50%) scale(1);opacity:1}.clip .reveal-title{transform:translateY(105%);animation:titleIn 1.05s .18s cubic-bezier(.16,1,.3,1) forwards}.clip .delay-1{animation-delay:.3s}@keyframes titleIn{to{transform:translateY(0)}}.reveal-top{opacity:0;transform:translate(-50%,-18px);animation:topIn .8s .2s ease forwards}@keyframes topIn{to{opacity:1;transform:translate(-50%,0)}}.reveal-fade{opacity:0;transform:translateY(16px);animation:fadeIn .9s .55s cubic-bezier(.16,1,.3,1) forwards}.reveal-fade.delay-2{animation-delay:.8s}@keyframes fadeIn{to{opacity:1;transform:none}}.reveal-on-scroll{opacity:0;transform:translateY(36px);transition:1s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.in{opacity:1;transform:none}
@media (max-width:1024px){:root{--wrap:min(100% - 40px,1320px)}.topbar{width:calc(100vw - 40px)}.topbar nav{display:none}.hero{min-height:840px}.hero-grid{grid-template-columns:1fr}.hero-copy{justify-self:start;padding-top:10px}.hero-bottom{bottom:55px}.section-head{grid-template-columns:1fr 340px}.project-card{height:560px}.project-awards{display:none}.project-card h3{font-size:56px}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.about-bottom{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:40px}.service-item{grid-template-columns:55px 1fr 1fr 130px}}
@media (max-width:768px){:root{--wrap:calc(100vw - 28px)}.topbar{top:14px;width:calc(100vw - 28px);grid-template-columns:1fr auto}.topbar>.pill{display:none}.brand{font-size:24px}.hero{min-height:760px;padding-top:150px}.hero-bg{background-size:auto 520px;background-position:44% 180px}.hero-grid{gap:30px}.hero-title h1{font-size:72px}.hero-title h1.serif{font-size:82px}.hero-copy{max-width:270px}.hero-copy p{font-size:10px;letter-spacing:.1em}.hero-bottom{align-items:end}.featured-mini{display:none}.we-do div{font-size:10px}.ticker{height:60px}.services,.about,.process,.awards,.team,.pricing,.testimonials,.faq,.contact{padding:90px 0}.section-head{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.section-head h2,.team-head h2,.testimonials-head h2,.faq h2,.contact-title h2{font-size:56px}.section-head p{font-size:12px}.service-item{grid-template-columns:44px 1fr 82px;min-height:132px}.service-item h3{font-size:27px}.service-item p{display:none}.service-orb{width:78px;height:78px}.about-statement{font-size:32px;letter-spacing:.02em;margin:32px 0 54px}.about-image{height:300px}.stats strong{font-size:52px}.project-card{height:480px;border-radius:22px}.project-tags{left:20px;top:20px}.project-tags span{font-size:9px;padding:8px 10px}.project-card h3{font-size:44px;left:20px;bottom:58px}.project-card>p{left:22px;bottom:28px;font-size:10px;max-width:75%}.process-list article{grid-template-columns:42px 1fr 32px;gap:18px;min-height:118px}.process-list article p{display:none}.process-list h3{font-size:28px}.award-list>div{grid-template-columns:95px 1fr;gap:15px;min-height:90px}.award-list em{display:none}.award-list h4{font-size:18px}.team-card{width:250px}.team-photo{height:330px}.pricing-grid{gap:10px}.quote-track article{width:330px}.quote-track article p{font-size:21px}.contact-title{margin-bottom:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-word{font-size:26vw;padding:30px 0 50px}.footer-bottom{gap:30px}.cursor{display:none}}
@media (max-width:430px){.hero{min-height:720px}.hero-title h1{font-size:58px}.hero-title h1.serif{font-size:68px}.hero-copy{padding-top:0}.hero-bottom{bottom:42px}.section-head h2,.team-head h2,.testimonials-head h2,.faq h2,.contact-title h2{font-size:48px}.about-statement{font-size:27px}.project-card{height:420px}.project-card h3{font-size:38px}.stats>div{align-items:center}.stats strong{font-size:46px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.service-item h3{font-size:24px}}

/* =========================================================
   FINAL REFERENCE-LOCK REVISION — Agenciy visual language
   ========================================================= */
.ref-badge{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 19px;border-radius:999px;background:#1b1b1b;border:1px solid #303030;color:#ececea;font-size:14px;font-weight:500;letter-spacing:-.02em;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.ref-badge .badge-icon{display:inline-grid;place-items:center;width:18px;height:18px;color:#d8d8d5;font-size:15px}

/* SERVICES — same dark four-card composition */
.ref-services{padding:118px 0 128px;position:relative;overflow:hidden}
.ref-section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:end;margin-bottom:84px}
.ref-section-head h2{margin:34px 0 0;font-size:clamp(60px,6.3vw,94px);line-height:.93;letter-spacing:-.062em;font-weight:500}
.ref-section-head h2 .serif{font-weight:400}
.ref-section-head p{justify-self:end;align-self:center;max-width:520px;margin:40px 0 0;color:#898989;font-size:17px;line-height:1.55;letter-spacing:-.025em}
.service-cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #333;border-radius:22px;overflow:hidden;background:#050505}
.service-card{position:relative;min-height:500px;padding:42px 32px 38px;border-right:1px solid #2d2d2d;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:background .4s cubic-bezier(.16,1,.3,1)}
.service-card:last-child{border-right:0}
.service-card:hover{background:#0a0a0a}
.service-visual{width:170px;height:170px;margin:28px auto 0;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;filter:grayscale(1) brightness(.78);opacity:.82;transform:scale(.92);transition:.55s cubic-bezier(.16,1,.3,1)}
.service-card:hover .service-visual{filter:grayscale(1) brightness(1);opacity:1;transform:scale(1)}
.service-copy>span{font-size:14px;color:#e8e8e4;font-weight:600}
.service-copy h3{font-size:27px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:18px 0 24px}
.service-copy p{font-size:16px;line-height:1.52;color:#8f8f8f;margin:0;max-width:260px;letter-spacing:-.02em}

/* ABOUT — centered statement + three giant stats */
.ref-about{padding:88px 0 118px;position:relative;overflow:hidden;min-height:780px}
.ref-about .about-pattern{inset:230px 0 0;height:550px;opacity:.23;background:
  radial-gradient(circle at center,rgba(255,255,255,.16) 1.1px,transparent 1.3px) center/13px 13px;
  -webkit-mask-image:radial-gradient(ellipse 54% 40% at 50% 58%,#000 0 46%,transparent 76%);mask-image:radial-gradient(ellipse 54% 40% at 50% 58%,#000 0 46%,transparent 76%);transform:rotate(-4deg) scale(1.2)}
.about-watermark{position:absolute;left:50%;top:89px;transform:translateX(-50%);font-size:clamp(92px,11vw,178px);letter-spacing:-.07em;color:#fff;opacity:.09;filter:blur(8px);white-space:nowrap;pointer-events:none}
.about-badge-row,.award-badge-row{position:relative;display:flex;justify-content:center}
.ref-about .about-statement{position:relative;z-index:2;margin:118px auto 82px;max-width:710px;text-align:center;font-size:clamp(27px,2.25vw,35px);font-weight:600;line-height:1.2;letter-spacing:-.045em;color:#f0f0ed}
.ref-about .about-statement .word{opacity:.32;transition:opacity .12s linear}
.about-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12%;margin-top:30px}
.about-stat small{display:block;color:#999;font-size:15px;margin-bottom:22px}
.about-stat>span{display:block;height:1px;background:#2a2a2a;margin-bottom:55px}
.about-stat strong{display:block;font-family:var(--sans);font-size:clamp(84px,8vw,132px);line-height:.82;font-weight:300;letter-spacing:-.075em;color:#ededeb}

/* PROCESS — exact dark card rhythm */
.ref-process{padding:0 0 112px;position:relative;overflow:hidden}
.process-pattern{position:absolute;inset:0 0 auto;height:360px;opacity:.22;background:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1.15px);background-size:28px 28px;-webkit-mask-image:linear-gradient(#000,transparent 88%);mask-image:linear-gradient(#000,transparent 88%)}
.ref-process-head{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:center;padding:0 0 76px}
.ref-process-head>div{padding-top:0}
.ref-process-head .ref-badge{margin-bottom:42px}
.ref-process-head h2{font-size:clamp(56px,5.8vw,88px);line-height:.92;letter-spacing:-.06em;font-weight:500;margin:0}
.ref-process-head h2 .serif{font-size:.9em;color:#efefec;font-weight:400}
.ref-process-head p{max-width:500px;margin:85px 0 0;color:#898989;font-size:17px;line-height:1.55;letter-spacing:-.025em}
.process-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.process-card{position:relative;min-height:390px;border:1px solid #4a4a4a;border-radius:22px;padding:40px 34px 190px;overflow:hidden;background:rgba(3,3,3,.68);transition:.4s cubic-bezier(.16,1,.3,1)}
.process-card:hover{transform:translateY(-8px);border-color:#6a6a6a;background:#080808}
.process-num{font-size:14px;font-weight:600;color:#f1f1ee}
.process-card h3{font-size:27px;letter-spacing:-.035em;font-weight:500;margin:22px 0 28px}
.process-card p{margin:0;color:#8d8d8d;font-size:16px;line-height:1.55;letter-spacing:-.02em}
.process-arc{position:absolute;left:4%;right:4%;bottom:-68px;height:190px;border-radius:50% 50% 0 0 / 100% 100% 0 0;background:linear-gradient(180deg,#1c1c1c,#0a0a0a 70%);border:1px solid #383838}
.process-icon{position:absolute;left:50%;top:-27px;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f2f2ef;color:#111;font-size:15px;font-weight:600;box-shadow:0 0 0 8px rgba(255,255,255,.035)}

/* AWARDS */
.ref-awards{padding:86px 0 122px}
.ref-awards .award-badge-row{margin-bottom:100px}
.ref-awards .award-list{margin-top:0;border-top:0}
.ref-awards .award-list>div{grid-template-columns:180px 1fr 220px;min-height:112px;border-bottom:1px solid #252525;gap:36px}
.ref-awards .award-list span,.ref-awards .award-list em{font-size:13px;color:#7f7f7f}
.ref-awards .award-list h4{text-align:center;font-size:25px;font-weight:500;letter-spacing:-.035em;color:#f0f0ed}
.ref-awards .award-list em{text-align:right}
.ref-awards .award-list>div:hover h4{color:#fff;transform:translateX(4px)}
.ref-awards .award-list h4{transition:.35s cubic-bezier(.16,1,.3,1)}

/* PRICING */
.ref-pricing{padding:92px 0 135px;position:relative;overflow:hidden}
.ref-pricing .pricing-pattern{inset:250px 0 0;height:620px;opacity:.12;background:radial-gradient(circle,rgba(255,255,255,.17) 1px,transparent 1.2px);background-size:15px 15px;-webkit-mask-image:radial-gradient(ellipse 65% 45% at 50% 50%,#000,transparent 72%);mask-image:radial-gradient(ellipse 65% 45% at 50% 50%,#000,transparent 72%)}
.pricing-intro{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto 88px}
.pricing-intro h2{font-size:clamp(58px,5.65vw,88px);line-height:.95;letter-spacing:-.06em;font-weight:500;margin:34px 0 34px}
.pricing-intro h2 .serif{font-weight:400}
.pricing-intro p{max-width:600px;margin:0 auto;color:#8b8b8b;font-size:17px;line-height:1.55}
.plan-toggle{margin:34px auto 0;padding:5px;display:inline-flex;gap:4px;border-radius:999px;background:#0c0c0c;border:1px solid #303030}
.plan-toggle button{position:relative;border:0;background:transparent;color:#8b8b8b;border-radius:999px;padding:11px 18px;font:500 12px var(--sans);cursor:pointer;transition:.25s}
.plan-toggle button.active{color:#f2f2ef;background:#1d1d1d}
.plan-toggle button.active:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--yellow);display:inline-block;margin:0 7px 2px 0}
.ref-pricing .pricing-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.ref-pricing .price-card{min-height:520px;padding:42px 34px 34px;border:1px solid #343434;border-radius:28px;background:#050505;overflow:hidden;transition:.45s cubic-bezier(.16,1,.3,1)}
.ref-pricing .price-card:hover{transform:translateY(-8px);border-color:#555}
.ref-pricing .price-card.featured{background:#141414;border-color:#454545;transform:translateY(-18px)}
.ref-pricing .price-card.featured:hover{transform:translateY(-25px)}
.ref-pricing .price-card.featured:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1.15px);background-size:16px 16px;opacity:.16;pointer-events:none}
.ref-pricing .price-num{left:36px;right:auto;top:42px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#111;background:#e8e8e5;font-size:17px;box-shadow:0 0 0 8px #242424,0 0 0 10px #343434}
.ref-pricing .popular{right:0;top:46px;background:#353535;color:#efefed;border:1px solid #474747;border-radius:22px 0 0 22px;padding:13px 20px 13px 15px;font-size:12px;font-weight:600}
.ref-pricing .popular:first-letter{color:var(--yellow)}
.ref-pricing .price-card h3{position:relative;font-size:28px;font-weight:600;margin:116px 0 10px;letter-spacing:-.035em}
.ref-pricing .price-card>p{position:relative;color:#8a8a8a;font-size:15px;line-height:1.55;min-height:64px}
.plan-price{position:relative;display:flex;align-items:end;gap:13px;margin:30px 0}
.ref-pricing .price-card strong{display:block;font-size:47px;font-weight:400;letter-spacing:-.055em;margin:0}
.ref-pricing .price-card small{color:#828282;padding-bottom:7px}
.ref-pricing .price-card>a{position:relative;display:block;text-align:center;border:0;border-radius:999px;padding:15px 20px;font-size:13px;font-weight:600;margin:28px 0;background:#eeeeeb;color:#111;box-shadow:0 6px 20px rgba(255,255,255,.05)}
.ref-pricing .price-card>a:hover{background:var(--yellow);color:#111}
.ref-pricing .price-card>b{position:relative;display:block;margin-top:24px;padding-top:24px;border-top:1px solid #2c2c2c;font-size:12px}
.ref-pricing .price-card ul{position:relative;padding-top:12px}
.ref-pricing .price-card li{font-size:12px;padding:7px 0;color:#929292}
.ref-pricing .price-card li:before{content:"•";color:#6a6a6a}

/* TESTIMONIALS — floating reference composition */
.ref-testimonials{position:relative;overflow:hidden;padding:0}
.testimonial-wave{position:absolute;inset:0;width:100%;height:100%;opacity:.75;filter:blur(.1px);pointer-events:none}
.testimonial-stage{position:relative;min-height:820px}
.testimonial-center{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:min(720px,72vw)}
.testimonial-center h2{font-size:clamp(54px,5.25vw,82px);line-height:.93;letter-spacing:-.06em;font-weight:500;margin:42px 0 0}
.testimonial-center h2 .serif{font-weight:400}
.floating-testimonial{position:absolute;z-index:4;width:390px}
.quote-box{background:#171717;border:1px solid #202020;border-radius:15px;padding:36px 34px;color:#c4c4c4;font-size:17px;line-height:1.48;letter-spacing:-.02em;box-shadow:0 16px 50px rgba(0,0,0,.28)}
.quote-person{display:flex;align-items:center;gap:13px;margin-top:20px}
.quote-person img{width:52px;height:52px;border-radius:50%;object-fit:cover;filter:grayscale(1);border:3px solid #2e2e2e}
.quote-person b{font-size:16px;display:block;color:#ededeb}.quote-person small{display:block;margin-top:3px;color:#8a8a8a;font-size:13px}
.ft-one{left:3%;top:65px}.ft-two{right:6%;top:75px}.ft-three{left:4%;bottom:50px}.ft-four{right:17%;bottom:22px}
.ft-one,.ft-three{animation:floatLeft 8s ease-in-out infinite alternate}.ft-two,.ft-four{animation:floatRight 9s ease-in-out infinite alternate}
@keyframes floatLeft{to{transform:translateY(-13px) translateX(6px)}}
@keyframes floatRight{to{transform:translateY(11px) translateX(-7px)}}

/* FAQ — centered dark accordion */
.ref-faq{margin:0 24px;background:#101010;border-radius:38px 38px 0 0;padding:112px 0 132px}
.faq-head{text-align:center;margin-bottom:82px}
.faq-head h2{font-size:68px;font-weight:400;letter-spacing:-.055em;margin:42px 0 0}
.ref-faq .faq-list{width:min(920px,calc(100% - 40px));margin:0 auto;border-top:0}
.ref-faq details{border-bottom:1px solid #2a2a2a}
.ref-faq summary{min-height:95px;padding:25px 0;color:#efefed;font-size:20px;font-weight:600;letter-spacing:-.025em}
.ref-faq summary span{position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#3a3a3a;border:1px solid #505050;transform:none!important}
.ref-faq summary span:before{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:#efefed;font-size:26px;font-weight:300}
.ref-faq details[open] summary span{background:#efefec;border-color:#efefec}
.ref-faq details[open] summary span:before{content:"−";color:#111}
.ref-faq details p{max-width:800px;color:#8e8e8e;font-size:16px;line-height:1.6;margin:-9px 70px 28px 0}

/* Motion tuning for newly rebuilt reference sections */
.service-card,.process-card,.price-card,.floating-testimonial{will-change:transform}
.service-card:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:.4s cubic-bezier(.16,1,.3,1)}
.service-card:hover:after{transform:scaleX(1)}

@media (max-width:1100px){
  .ref-section-head,.ref-process-head{grid-template-columns:1fr;gap:25px}.ref-section-head p,.ref-process-head p{justify-self:start;margin-top:0}.service-cards,.process-cards{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid #2d2d2d}.about-stats{gap:5%}.ref-pricing .pricing-grid{grid-template-columns:1fr;max-width:720px;margin:0 auto}.ref-pricing .price-card.featured{transform:none}.ref-pricing .price-card.featured:hover{transform:translateY(-8px)}.testimonial-stage{min-height:1080px}.floating-testimonial{width:360px}.ft-one{left:2%;top:90px}.ft-two{right:2%;top:110px}.ft-three{left:3%;bottom:100px}.ft-four{right:3%;bottom:75px}.testimonial-center{top:51%}
}
@media (max-width:768px){
  .ref-services,.ref-about,.ref-awards,.ref-pricing{padding:88px 0}.ref-section-head{margin-bottom:48px}.ref-section-head h2,.ref-process-head h2,.pricing-intro h2,.testimonial-center h2{font-size:52px}.ref-section-head p,.ref-process-head p,.pricing-intro p{font-size:14px}.service-cards,.process-cards{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid #2d2d2d;min-height:420px}.service-card:last-child{border-bottom:0}.service-visual{width:145px;height:145px}.about-watermark{top:125px}.ref-about .about-statement{margin:100px auto 62px;font-size:26px}.about-stats{grid-template-columns:1fr;gap:48px}.about-stat>span{margin-bottom:25px}.about-stat strong{font-size:86px}.ref-process-head{padding-bottom:48px}.ref-process-head .ref-badge{margin-bottom:30px}.process-cards{gap:15px}.process-card{min-height:350px}.ref-awards .award-badge-row{margin-bottom:55px}.ref-awards .award-list>div{grid-template-columns:110px 1fr;gap:18px;min-height:96px}.ref-awards .award-list h4{text-align:left;font-size:18px}.ref-awards .award-list em{display:none}.pricing-intro{margin-bottom:60px}.plan-toggle{margin-top:28px}.ref-pricing .price-card{min-height:auto}.testimonial-stage{min-height:auto;padding:90px 0}.testimonial-center{position:relative;left:auto;top:auto;transform:none;width:auto;margin-bottom:60px}.floating-testimonial{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;max-width:520px;margin:20px auto;animation:none!important}.testimonial-wave{opacity:.45}.ref-faq{margin:0 10px;border-radius:28px 28px 0 0;padding:85px 0}.faq-head{margin-bottom:50px}.faq-head h2{font-size:54px}.ref-faq summary{font-size:16px;min-height:82px}.ref-faq summary span{flex-basis:40px;width:40px;height:40px}.ref-faq details p{font-size:14px;margin:-6px 56px 25px 0}
}
@media (max-width:430px){
  .ref-section-head h2,.ref-process-head h2,.pricing-intro h2,.testimonial-center h2{font-size:43px}.ref-badge{height:40px;font-size:12px}.service-card{padding:30px 24px;min-height:385px}.service-copy h3{font-size:24px}.service-copy p{font-size:14px}.ref-about .about-statement{font-size:23px}.about-stat strong{font-size:72px}.process-card{padding:32px 24px 160px}.process-card h3{font-size:25px}.process-card p{font-size:14px}.ref-awards .award-list>div{grid-template-columns:80px 1fr}.ref-awards .award-list span{font-size:10px}.ref-awards .award-list h4{font-size:16px}.plan-toggle button{padding:10px 12px}.ref-pricing .price-card{padding:34px 25px}.ref-pricing .price-num{left:28px}.ref-pricing .price-card h3{margin-top:105px}.quote-box{padding:28px 25px;font-size:15px}.faq-head h2{font-size:48px}.ref-faq .faq-list{width:calc(100% - 28px)}.ref-faq summary{gap:16px}
}
/* testimonial spacing correction after visual QA */
@media (min-width:1101px){
  .testimonial-stage{min-height:930px}
  .testimonial-center{top:50%;width:min(900px,70vw)}
  .testimonial-center h2{font-size:clamp(50px,4.4vw,66px);line-height:.94}
  .ft-one{top:72px}.ft-two{top:82px}.ft-three{bottom:64px}.ft-four{right:10%;bottom:46px}
}
@media (min-width:769px){
  .testimonial-center.reveal-on-scroll{transform:translate(-50%,calc(-50% + 36px))}
  .testimonial-center.reveal-on-scroll.in{transform:translate(-50%,-50%)}
}
@media (max-width:768px){
  .testimonial-center.reveal-on-scroll,.testimonial-center.reveal-on-scroll.in{transform:none}
}

/* FINAL USER REVISION — contact strip, USD pricing, reference-style testimonial field */
.ref-testimonials{background:#050505}
.testimonial-wave{position:absolute;inset:0;width:100%;height:100%;background:url('assets/testimonial-wave.svg') center/cover no-repeat;opacity:.92;pointer-events:none}

.contact{padding:130px 0 112px}
.contact-title{margin-bottom:72px}
.contact-note{position:relative;margin-bottom:72px}
.contact-note p{margin-bottom:0}
.contact-details-strip{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #353535;border-bottom:1px solid #353535}
.contact-details-strip a{min-height:92px;padding:20px 18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:16px;align-content:center;border-right:1px solid #353535;transition:.35s cubic-bezier(.16,1,.3,1)}
.contact-details-strip a:last-child{border-right:0}
.contact-details-strip a>span{grid-column:1;color:#686868;font-size:9px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}
.contact-details-strip a>strong{font-size:14px;font-weight:400;letter-spacing:-.01em;color:#efefec}
.contact-details-strip a>b{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:14px;font-weight:400;color:#8a8a8a;transition:.3s}
.contact-details-strip a:hover{background:#0d0d0d}
.contact-details-strip a:hover b{color:var(--yellow);transform:translate(2px,-2px)}

@media (max-width:768px){
  .contact-note{margin-bottom:46px}
  .contact-details-strip{grid-template-columns:1fr}
  .contact-details-strip a{border-right:0;border-bottom:1px solid #353535;min-height:82px;padding-inline:14px}
  .contact-details-strip a:last-child{border-bottom:0}
  .contact-details-strip a>strong{font-size:13px}
}


/* User-requested final refinements — 2026-09-20 */
.cursor{display:none!important}
.ref-badge .badge-icon{display:none!important}
.ref-badge .badge-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);display:inline-block;flex:0 0 7px;box-shadow:0 0 0 3px rgba(255,212,0,.07)}
.brand{font-size:25px;letter-spacing:-.045em;white-space:nowrap}
@media (max-width:768px){.brand{font-size:17px;letter-spacing:-.035em}}

/* HERO — animated dotted 3D wave inspired by the Framer reference */
.hero-bg{z-index:0}
.hero-wave-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none;
  opacity:.9;
  filter:contrast(1.04);
  -webkit-mask-image:linear-gradient(to bottom,transparent 8%,#000 27%,#000 86%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 8%,#000 27%,#000 86%,transparent 100%);
}
.hero .grain{z-index:2}
@media (max-width:768px){
  .hero-wave-canvas{opacity:.62}
}
@media (prefers-reduced-motion:reduce){
  .hero-wave-canvas{opacity:.52}
}

/* =========================================================
   HERO VIDEO-MATCH REVISION — based on user's screen recording
   ========================================================= */
.hero{
  min-height:900px;
  padding-top:148px;
  background:#030303;
}
.hero-bg{
  z-index:0;
  transform:none!important;
  filter:none!important;
  background:
    radial-gradient(ellipse at 52% 58%,rgba(74,74,74,.12) 0%,rgba(24,24,24,.055) 28%,transparent 58%),
    linear-gradient(180deg,#090909 0%,#040404 36%,#030303 100%)!important;
}
.hero-atmosphere{
  position:absolute;
  z-index:1;
  left:-8%;
  right:-8%;
  top:44%;
  height:190px;
  pointer-events:none;
  opacity:.56;
  filter:blur(25px);
  background:
    radial-gradient(ellipse at 20% 58%,rgba(105,105,105,.13),transparent 22%),
    radial-gradient(ellipse at 52% 42%,rgba(110,110,110,.16),transparent 25%),
    radial-gradient(ellipse at 83% 53%,rgba(100,100,100,.12),transparent 24%);
}
.hero-sculpture{
  position:absolute;
  z-index:2;
  width:min(760px,49vw);
  max-width:none;
  left:50%;
  bottom:-2px;
  transform:translateX(-50%);
  pointer-events:none;
  opacity:.98;
  filter:grayscale(1) contrast(1.08) brightness(.92);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 11%,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 11%,#000 100%);
}
.hero .grain{z-index:3;opacity:.12}
.hero-wave-canvas{z-index:1;opacity:.95;filter:none;-webkit-mask-image:none;mask-image:none}
.hero-grid{z-index:5;grid-template-columns:1.75fr 1fr;gap:115px}
.hero-title h1{font-size:clamp(100px,8.6vw,132px);line-height:.84}
.hero-title h1.serif{font-size:clamp(112px,8.9vw,136px);line-height:.82}
.hero-title h1 .clip,.hero-title h1 .reveal-title{display:block}
.hero-title h1 .serif{font-size:clamp(112px,8.9vw,136px);line-height:.82}
@media (min-width:1201px){.hero-title h1 .serif{font-size:clamp(120px,9.55vw,148px);line-height:.80}}
@media (max-width:768px){.hero-title h1 .serif{font-size:80px}}
@media (max-width:430px){.hero-title h1 .serif{font-size:68px}}
.contact-form{margin-top:72px;max-width:760px}.contact-form h4{margin:0 0 20px}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.contact-form .form-status{min-height:1.4em;margin:16px 0 0;color:#9b9b9b;font-size:12px}.contact-form .form-status.is-success{color:#d1d1cf}.contact-form .form-status.is-error{color:#e0a0a0}@media(max-width:680px){.contact-form-grid{grid-template-columns:1fr}.contact-form{margin-top:48px}}
.hero-copy{padding-top:30px;max-width:430px;width:100%}
.hero-copy p{font-size:16px;line-height:1.08;letter-spacing:-.028em;text-transform:none;color:#d1d1cf;max-width:410px;margin:0}
.hero-copy-rule{height:1px;background:#2a2a2a;width:100%;margin:42px 0 22px}
.hero-contact-row{display:flex;align-items:center;justify-content:space-between;gap:28px}
.hero-contact-row>a{font-size:15px;font-weight:600}
.hero-socials{display:flex;gap:10px;align-items:center}
.hero-socials a{width:34px;height:34px;border:1px solid #343434;border-radius:50%;display:grid;place-items:center;color:#dadada;font-size:12px;transition:.25s ease}
.hero-socials a:hover{border-color:#6b6b6b;background:#171717;transform:translateY(-1px)}
.hero-bottom{z-index:5;bottom:205px;align-items:flex-end}
.we-do{width:300px}
.we-do small{font-size:12px;color:#e0e0de;margin-bottom:16px}
.we-do:after{content:"";display:block;width:235px;height:1px;background:#242424;position:absolute;transform:translateY(-70px)}
.we-do div{font-size:13px;line-height:2.1;color:#9b9b99}
.we-do i{color:#767674;padding:0 8px}
.featured-mini{width:300px}
.featured-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #252525}
.featured-title span{font-size:12px;color:#e0e0de}
.featured-title em{font-size:12px;font-style:normal;color:#727270}
.mini-card{grid-template-columns:136px 1fr;gap:16px;align-items:end}
.mini-img{height:92px;border:1px solid #242424;position:relative;overflow:hidden;background:linear-gradient(135deg,#171717,#070707 70%)}
.mini-img:before{content:"";position:absolute;inset:auto 15px 0;width:54px;height:78px;border:3px solid #2d2d2d;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#ededeb 0 32%,#b6b6b3 33% 35%,#151515 36% 100%)}
.mini-img:after{content:"CFS";position:absolute;right:11px;top:11px;color:#f0f0ec;font-size:10px;letter-spacing:.1em}
.mini-meta{font-size:10px;line-height:1.45}
.mini-meta b{font-size:11px;font-weight:500}.mini-meta em{font-style:normal;color:#666}
.scroll-dot{z-index:6;bottom:28px}
.topbar{width:min(1450px,calc(100vw - 110px));top:22px}
.brand{font-family:var(--sans)!important;font-style:normal!important;font-size:13px!important;font-weight:700!important;line-height:.86!important;letter-spacing:-.045em!important;text-transform:uppercase;width:108px}
.topbar nav{height:48px;padding:0 30px;gap:48px}.topbar nav a{font-size:14px}.topbar>.pill{height:54px;padding:0 28px;font-size:15px;background:#f1f1ef;color:#111;border:0}

@media (max-width:1200px){
  .hero-grid{grid-template-columns:1.55fr 1fr;gap:70px}
  .hero-title h1{font-size:102px}.hero-title h1.serif{font-size:112px}
  .hero-sculpture{width:650px}.hero-bottom{bottom:190px}
}
@media (max-width:1024px){
  .hero{min-height:840px;padding-top:130px}
  .hero-grid{grid-template-columns:1fr;gap:12px}
  .hero-copy{justify-self:end;max-width:390px;padding-top:6px}
  .hero-sculpture{width:620px;bottom:12px}
  .hero-bottom{bottom:125px}
  .featured-mini{width:265px}
}
@media (max-width:768px){
  .topbar{width:calc(100vw - 28px)}
  .brand{font-size:11px!important;width:85px}
  .hero{min-height:800px;padding-top:122px}
  .hero-title h1{font-size:72px}.hero-title h1.serif{font-size:80px}
  .hero-copy{max-width:285px;justify-self:start;margin-left:auto}
  .hero-copy p{font-size:12px}.hero-copy-rule{margin:24px 0 16px}
  .hero-socials a{width:30px;height:30px}
  .hero-sculpture{width:560px;left:54%;bottom:18px;opacity:.92}
  .hero-bottom{bottom:94px}.we-do{width:210px}.we-do small{font-size:10px}.we-do div{font-size:10px}.we-do:after{width:170px;transform:translateY(-60px)}
  .hero-wave-canvas{opacity:.82}
}
@media (max-width:430px){
  .hero{min-height:760px;padding-top:108px}
  .hero-title h1{font-size:60px}.hero-title h1.serif{font-size:68px}
  .hero-copy{max-width:250px;padding-top:18px}
  .hero-copy p{font-size:11px}
  .hero-sculpture{width:500px;left:58%;bottom:42px}
  .hero-bottom{bottom:76px}
  .we-do{width:170px}.we-do div{line-height:1.8}.we-do:after{width:145px}
  .hero-contact-row>a{font-size:12px}.hero-socials a{width:27px;height:27px;font-size:10px}
}


/* FINAL POLISH — controlled Creative Fox yellow hover accents */
.footer-word{gap:14px;white-space:nowrap}
.footer-word span:nth-child(3){font-family:var(--sans);font-style:normal;font-size:.62em;letter-spacing:-.075em;margin-left:4px}

.service-card,.process-card,.ref-pricing .price-card,.floating-testimonial .quote-box,.ref-awards .award-list>div{
  position:relative;
  transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .42s ease,background-color .42s ease,box-shadow .42s ease,color .3s ease;
}
.service-card:after,.process-card:after,.ref-pricing .price-card:after,.floating-testimonial .quote-box:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  opacity:0;
  background:radial-gradient(circle at 35% 20%,rgba(255,212,0,.12),rgba(255,212,0,.035) 30%,transparent 68%);
  transition:opacity .42s ease;
}
.service-card:hover,.process-card:hover,.ref-pricing .price-card:hover{
  border-color:rgba(255,212,0,.62);
  box-shadow:0 16px 54px rgba(255,212,0,.055),inset 0 0 0 1px rgba(255,212,0,.055);
}
.service-card:hover:after,.process-card:hover:after,.ref-pricing .price-card:hover:after,.floating-testimonial:hover .quote-box:after{opacity:1}
.service-card:hover .service-copy>span,.process-card:hover .process-num,.ref-pricing .price-card:hover .price-num{color:var(--yellow)}
.service-card:hover .service-copy h3,.process-card:hover h3{color:#fff}

/* pricing gets a slightly stronger but still restrained yellow response */
.ref-pricing .price-card:hover{background:#11100a}
.ref-pricing .price-card.featured:hover{background:#17150b}
.ref-pricing .price-card:hover>a{border-color:rgba(255,212,0,.55)}
.ref-pricing .price-card:hover>a:hover{background:var(--yellow);border-color:var(--yellow);color:#111}

/* achievements: slim yellow cue, not a full recolor */
.ref-awards .award-list>div{padding-left:0;transition:padding-left .35s cubic-bezier(.16,1,.3,1),background .35s ease}
.ref-awards .award-list>div:hover{padding-left:14px;background:linear-gradient(90deg,rgba(255,212,0,.055),transparent 36%)}
.ref-awards .award-list>div:hover h4{color:#fff}
.ref-awards .award-list>div:hover span{color:var(--yellow)}

/* testimonial + FAQ hover cues */
.floating-testimonial:hover .quote-box{border-color:rgba(255,212,0,.45);box-shadow:0 18px 52px rgba(255,212,0,.045)}
.ref-faq details summary{transition:color .25s ease}
.ref-faq details:hover summary{color:var(--yellow)}

@media (max-width:1024px){
  .footer-word{flex-wrap:wrap;row-gap:6px;white-space:normal}
  .footer-word span:nth-child(3){font-size:.52em;margin-left:0}
}
@media (max-width:768px){
  .footer-word{gap:7px}
  .footer-word span:nth-child(3){font-size:.5em;width:100%;letter-spacing:-.06em}
}

/* =========================================================
   FINAL HERO DENSITY + FOOTER WORDMARK FIT
   Matched against the user's Framer reference screenshots.
   ========================================================= */
@media (min-width:1201px){
  .hero{
    min-height:900px;
    padding-top:132px;
  }
  .hero-grid{
    grid-template-columns:1.82fr 1fr;
    gap:86px;
  }
  .hero-title h1{
    font-size:clamp(108px,9.2vw,142px);
    line-height:.82;
  }
  .hero-title h1.serif{
    font-size:clamp(120px,9.55vw,148px);
    line-height:.80;
  }
  .hero-copy{
    padding-top:52px;
    max-width:445px;
  }
  .hero-sculpture{
    width:min(1000px,62vw);
    left:50%;
    bottom:-34px;
    opacity:1;
    filter:grayscale(1) contrast(1.12) brightness(.98);
  }
  .hero-atmosphere{
    top:35%;
    height:250px;
    opacity:.72;
    filter:blur(30px);
  }
  .hero-wave-canvas{opacity:1}
  .hero-bottom{
    bottom:300px;
    align-items:flex-end;
  }
  .we-do{width:310px}
  .featured-mini{width:310px}
  .scroll-dot{bottom:24px}
}

/* Make the large footer name fit entirely inside the viewport/container. */
.footer-word{
  width:var(--wrap);
  font-size:clamp(78px,10.1vw,166px);
  line-height:.76;
  gap:10px;
  overflow:visible;
  flex-wrap:nowrap;
  white-space:nowrap;
  padding:34px 0 66px;
}
.footer-word span:nth-child(3){
  font-size:.58em;
  letter-spacing:-.07em;
  margin-left:2px;
}
@media (max-width:1200px){
  .footer-word{font-size:clamp(72px,10vw,128px)}
}
@media (max-width:768px){
  .footer-word{font-size:18vw;flex-wrap:wrap;white-space:normal;line-height:.8}
  .footer-word span:nth-child(3){font-size:.52em;width:100%;margin-left:0}
}


/* ===== FINAL BRAND + TEAM INTEGRATION ===== */
.brand-image{display:flex;align-items:center;width:154px;height:54px;overflow:visible;font-size:0;letter-spacing:0}
.brand-image img{display:block;width:154px;height:52px;object-fit:contain;object-position:left center}
.team-photo{background-position:center 18%;background-size:cover}
.team-card>span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-card p{line-height:1.4;min-height:30px;max-width:300px}
@media(max-width:768px){.brand-image{width:116px;height:44px}.brand-image img{width:116px;height:42px}.topbar nav{gap:16px}.team-photo{background-position:center 15%}}

/* Final brand header text lock */
.brand-text{
  display:inline-flex;
  align-items:center;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  font-family:var(--sans)!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-transform:uppercase;
  color:#f4f4f0;
  white-space:nowrap;
}
.brand-text:hover{color:var(--yellow)}
@media(max-width:768px){.brand-text{font-size:11px!important}}

/* Mobile navigation and quick return control. */
.mobile-menu-toggle,.mobile-back-to-top{display:none}
@media(max-width:768px){.topbar{top:0;width:100vw;height:72px;padding:0 14px;grid-template-columns:1fr auto;background:#050505;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu-toggle{display:grid;place-items:center;gap:5px;width:42px;height:42px;padding:0;background:rgba(14,14,14,.82);border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fff;cursor:pointer;z-index:202}.mobile-menu-toggle span{display:block;width:16px;height:1px;background:currentColor;transition:transform .25s ease,opacity .2s ease}.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.topbar nav.mobile-open{display:flex;position:absolute;top:60px;left:14px;right:14px;height:auto;padding:14px;border-radius:18px;flex-direction:column;align-items:stretch;gap:2px;background:rgba(14,14,14,.96);border-color:rgba(255,255,255,.12)}.topbar nav.mobile-open a{padding:12px 14px;font-size:12px;color:#f3f3ef;border-radius:10px}.topbar nav.mobile-open a:active{background:#252525}.mobile-back-to-top{position:fixed;z-index:190;right:16px;bottom:18px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f2f2ec;color:#111;border:1px solid rgba(0,0,0,.14);box-shadow:0 8px 22px rgba(0,0,0,.28);font-size:22px;font-weight:500;line-height:1}.mobile-back-to-top:active{transform:translateY(1px);background:var(--yellow)}}

/* Behance portfolio cards retain the existing monochrome-to-color hover treatment. */
.project-link{position:absolute;inset:0;z-index:6;display:block}.project-card:hover .project-media{filter:grayscale(0) contrast(1.05)}.project-card h3{max-width:calc(100% - 80px);font-size:clamp(34px,4.2vw,56px);line-height:.94}.project-card>p{z-index:7;pointer-events:none}.project-tags,.project-awards{z-index:7;pointer-events:none}
@media(max-width:768px){.project-card h3{font-size:clamp(28px,7vw,42px);max-width:calc(100% - 40px)}}

/* Homepage video-led hero — source is intentionally isolated for the final reel swap. */
.hero{background:#050505 url('assets/cfs_courses_hero_poster.png') center 46%/cover no-repeat}
.hero-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;pointer-events:none}
.hero-bg{z-index:1!important;background:linear-gradient(90deg,rgba(3,3,3,.80) 0%,rgba(3,3,3,.56) 42%,rgba(3,3,3,.24) 72%,rgba(3,3,3,.34) 100%),linear-gradient(180deg,rgba(3,3,3,.28) 0%,rgba(3,3,3,.08) 52%,rgba(3,3,3,.82) 100%)!important}
.hero-wave-canvas,.hero-atmosphere,.hero-sculpture{display:none!important}
.hero .grain{z-index:2}
.topbar>.pill-whatsapp,.pill-whatsapp{justify-self:end;height:54px;padding:0 24px;background:var(--yellow);border:1px solid var(--yellow);color:#111;font-size:14px;font-weight:600;gap:10px}
.pill-whatsapp img{width:16px;height:16px;flex:0 0 auto}
.pill-whatsapp:hover{background:#ffe04a;border-color:#ffe04a;color:#111}
@media(max-width:768px){.hero-video{object-position:58% center}.hero-bg{background:linear-gradient(90deg,rgba(3,3,3,.78) 0%,rgba(3,3,3,.51) 68%,rgba(3,3,3,.32) 100%),linear-gradient(180deg,rgba(3,3,3,.28) 0%,rgba(3,3,3,.12) 50%,rgba(3,3,3,.86) 100%)!important}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

/* 2026 light editorial direction — preserves the existing content and structure. */
html,body{background:#f5f4ef}
.ticker{background:#fff;color:#111;border-color:#deddd7}
.ticker-track{color:#696862}.ticker-track i{color:#b29200}
.ref-services{background:#f7f6f2;color:#111}
.ref-services .ref-section-head p{color:#5f5e58}
.ref-services .ref-badge,.ref-about .ref-badge,.ref-process .ref-badge,.ref-awards .ref-badge,.ref-pricing .ref-badge,.ref-testimonials .ref-badge,.ref-faq .ref-badge{background:#fff;border-color:#d8d7d1;color:#111}
.service-card{background:#fff;border-color:#d9d8d2!important;color:#111}
.service-copy>span{color:#55544f}.service-copy h3{color:#111}.service-copy p{color:#66645f}
.service-card:hover{border-color:#b9a100!important;background:#fffdf3;box-shadow:0 16px 44px rgba(19,19,16,.07)}
.service-card:hover .service-copy h3{color:#111}
.ref-about{background:#efeee8;color:#111}
.ref-about .about-pattern{background:radial-gradient(circle,rgba(0,0,0,.15) 1.1px,transparent 1.3px) center/13px 13px}
.about-watermark{color:#111;opacity:.055}
.ref-about .about-statement{color:#111}.ref-about .about-statement .word{opacity:.28}
.about-stat small{color:#64635e}.about-stat>span{background:#cfcec7}.about-stat strong{color:#111}
.projects{background:#fff;color:#111;padding:112px 0 124px}
.project-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}
.project-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:34px}
.project-heading .ref-badge{background:#f7f6f2;border:1px solid #d8d7d1;color:#111}
.project-heading h2{margin:0;text-align:right;font-size:clamp(48px,5.2vw,78px);font-weight:500;line-height:.91;letter-spacing:-.06em}
.project-card{height:auto;min-width:0;border-radius:16px;background:#fff;border:1px solid #d8d7d1;color:#111;display:flex;flex-direction:column;box-shadow:0 10px 34px rgba(17,17,14,.045);transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease}
.project-card:hover{transform:translateY(-4px);border-color:#aaa89f;box-shadow:0 18px 44px rgba(17,17,14,.09)}
.project-visual{position:relative;aspect-ratio:1.28/1;overflow:hidden;background:#e8e7e1}
.project-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:none;filter:grayscale(1) contrast(1.02);transition:transform .75s cubic-bezier(.16,1,.3,1),filter .45s ease}
.project-card:hover .project-media{transform:scale(1.035);filter:grayscale(0) contrast(1.02)}
.project-overlay{background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 56%,rgba(0,0,0,.24))}
.project-tags{top:14px;left:14px;right:14px}
.project-tags span{padding:7px 10px;background:rgba(14,14,14,.78);border-color:rgba(255,255,255,.18);color:#fff;font-size:9px}
.project-copy{position:relative;padding:18px 18px 20px;min-height:102px}
.project-copy h3,.project-card h3{position:static;max-width:none;margin:0 0 8px;font-size:clamp(19px,1.65vw,24px);font-weight:600;line-height:1.08;letter-spacing:-.035em;color:#111}
.project-copy p{margin:0;color:#6c6a64;font-size:12px;line-height:1.45}
.project-cta{grid-column:1/-1;padding:32px 0 0}.project-cta .pill-light{background:#111;color:#fff;border-color:#111}
.ref-process{background:#f7f6f2;color:#111;padding-top:120px}
.process-pattern{background:radial-gradient(circle,rgba(0,0,0,.14) 1px,transparent 1.15px)}
.ref-process-head h2 .serif{color:#111}.ref-process-head p{color:#5f5e59}
.process-card{background:#fff;border-color:#d6d5cf;color:#111}
.process-card p{color:#66645f}.process-num{color:#474641}.process-arc{background:linear-gradient(180deg,#e7e6df,#d7d6cf 72%);border-color:#cac9c2}
.process-card:hover{background:#fffdf3;border-color:#b9a100;box-shadow:0 16px 44px rgba(19,19,16,.07)}
.process-card:hover h3{color:#111}
.ref-awards{background:#efeee8;color:#111}
.ref-awards .award-list>div{border-color:#cfcec7}.ref-awards .award-list h4{color:#111}.ref-awards .award-list span,.ref-awards .award-list em{color:#66645f}
.ref-awards .award-list>div:hover h4{color:#111}.ref-awards .award-list>div:hover{background:linear-gradient(90deg,rgba(255,212,0,.12),transparent 36%)}
.team{background:#fff}
.ref-pricing{background:#f7f6f2;color:#111}
.ref-pricing .pricing-pattern{background:radial-gradient(circle,rgba(0,0,0,.13) 1px,transparent 1.2px)}
.pricing-intro p{color:#5f5e59}.plan-toggle{background:#fff;border-color:#d5d4ce}.plan-toggle button{color:#696862}.plan-toggle button.active{color:#111;background:#ecebe5}
.ref-pricing .price-card,.ref-pricing .price-card.featured{background:#fff;border-color:#d6d5cf;color:#111;box-shadow:0 12px 38px rgba(20,20,16,.04)}
.ref-pricing .price-card.featured{background:#efeee8}
.ref-pricing .price-card:hover,.ref-pricing .price-card.featured:hover{background:#fffdf3;border-color:#b9a100;box-shadow:0 18px 46px rgba(19,19,16,.08)}
.ref-pricing .price-num{background:#111;color:#fff;box-shadow:0 0 0 8px #ecebe5,0 0 0 10px #d1d0c9}
.ref-pricing .popular{background:#111;color:#fff;border-color:#111}
.ref-pricing .price-card>p,.ref-pricing .price-card li,.ref-pricing .price-card small{color:#696862}
.ref-pricing .price-card>b{border-color:#d7d6d0}.ref-pricing .price-card>a{background:#111;color:#fff;box-shadow:none}
.ref-testimonials{background:#efeee8;color:#111}
.testimonial-wave{opacity:.23;filter:invert(1)}
.testimonial-center h2{color:#111}.quote-box{background:#fff;border-color:#d8d7d1;color:#34332f;box-shadow:0 16px 44px rgba(17,17,14,.08)}
.quote-person b{color:#111}.quote-person small{color:#696862}.quote-person img{border-color:#d4d3cc}
.floating-testimonial:hover .quote-box{border-color:#b9a100;box-shadow:0 18px 48px rgba(17,17,14,.1)}
.ref-faq{background:#fff;color:#111;border:1px solid #e1e0da;border-bottom:0}
.ref-faq details{border-color:#d8d7d1}.ref-faq summary{color:#111}.ref-faq summary span{background:#efeee8;border-color:#d6d5cf}.ref-faq summary span:before{color:#111}
.ref-faq details[open] summary span{background:#111;border-color:#111}.ref-faq details[open] summary span:before{color:#fff}.ref-faq details p{color:#62615b}
.contact{background:#f7f6f2;color:#111}
.contact-bg{opacity:.06;filter:invert(1)}.contact-note span{color:#66645f}
.contact-details-strip{border-color:#d5d4ce}.contact-details-strip a{border-color:#d5d4ce}.contact-details-strip a>span{color:#696862}.contact-details-strip a>strong{color:#111}.contact-details-strip a:hover{background:#efeee8}
.contact-form{border-color:#d5d4ce}.contact-form label{color:#66645f}.contact-form input,.contact-form textarea{color:#111;border-color:#cbc9c2}.contact-form input:focus,.contact-form textarea:focus{border-color:#77756e}.contact-form .form-status.is-success{color:#3f6337}
.contact-form .pill-dark{background:#111;color:#fff;border-color:#111}

/* Stable solid navigation strip after the page starts scrolling. */
.topbar{box-sizing:border-box;transition:top .28s ease,width .28s ease,height .28s ease,padding .28s ease,background-color .28s ease,border-color .28s ease,border-radius .28s ease,box-shadow .28s ease}
.topbar.is-scrolled{top:12px;width:min(1450px,calc(100vw - 24px));height:64px;padding:0 18px;background:#050505;border:1px solid #202020;border-radius:16px;box-shadow:0 10px 34px rgba(0,0,0,.18)}
.topbar.is-scrolled nav{background:transparent;border-color:transparent;backdrop-filter:none}
.topbar.is-scrolled .brand-text,.topbar.is-scrolled nav a{color:#f4f4f0}
.mobile-nav-cta{display:none}

@media(max-width:1024px){.project-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.project-heading{display:grid;align-items:start}.project-heading h2{text-align:left}}
@media(max-width:768px){.topbar.is-scrolled{top:0;width:100vw;height:72px;padding:0 14px;border-radius:0}.topbar nav.mobile-open .mobile-nav-cta{display:block!important;margin-top:8px;background:var(--yellow);color:#111!important;text-align:center;font-weight:700}.projects{padding:88px 0}.project-stack{grid-template-columns:1fr;gap:18px}.project-heading{margin-bottom:24px;gap:26px}.project-heading h2{font-size:50px}.project-copy{min-height:94px}.project-copy h3,.project-card h3{font-size:23px}.project-cta{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.project-media,.project-card,.topbar{transition:none!important}}

/* Google Reviews trust card is deliberately contained in the existing footer's open right-side space. */
footer{position:relative}.google-rating-card{position:absolute;right:max(28px,calc((100vw - var(--wrap))/2));bottom:102px;z-index:2;width:min(360px,calc(100vw - 56px));min-height:128px;padding:20px 22px;display:flex;align-items:center;gap:17px;background:#0c0c0c;border:1px solid #303030;border-radius:14px;color:#f3f3ef;cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease}.google-rating-card:hover{transform:translateY(-2px);border-color:#626262}.google-rating-card img{width:34px;height:34px;object-fit:contain;flex:0 0 auto}.google-rating-copy{display:grid;gap:5px;min-width:0}.google-rating-copy small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#929292}.google-rating-score{display:flex;align-items:baseline;gap:11px}.google-rating-score strong{font-size:34px;line-height:.9;font-weight:500;letter-spacing:-.06em}.google-rating-score span{font-size:14px;letter-spacing:1px;line-height:1;color:var(--yellow);white-space:nowrap}.google-rating-copy em{font-size:11px;line-height:1.2;font-style:normal;color:#aaa}@media(max-width:1100px){.google-rating-card{position:static;margin:0 auto 34px}}@media(max-width:768px){.google-rating-card{width:var(--wrap);margin:0 auto 34px;padding:18px 20px}.google-rating-score strong{font-size:31px}}@media(max-width:430px){.google-rating-card{margin-bottom:28px}}

/* Current-fixes pass: shared WhatsApp mark, full-color portfolio and dual-message homepage hero. */
.whatsapp-icon{display:block;width:16px;height:16px;flex:0 0 16px;color:currentColor}
.pill-whatsapp .whatsapp-icon{width:16px;height:16px}
.contact-details-strip a>b .whatsapp-icon{width:17px;height:17px}
.projects .project-media{filter:none!important}
.projects .project-card:hover .project-media{filter:none!important;transform:scale(1.035)}

.hero{display:grid;place-items:center;padding:96px 0 74px!important}
.hero-bg{background:linear-gradient(180deg,rgba(3,3,3,.43) 0%,rgba(3,3,3,.36) 52%,rgba(3,3,3,.69) 100%),linear-gradient(90deg,rgba(3,3,3,.35) 0%,rgba(3,3,3,.16) 68%,rgba(3,3,3,.24) 100%)!important}
.home-hero-stage{position:relative;z-index:5;min-height:455px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;transition:opacity .28s ease,transform .28s cubic-bezier(.16,1,.3,1)}
.home-hero-stage.is-changing{opacity:0!important;transform:translateY(-10px)!important}
.home-hero-pill{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border-radius:999px;background:rgba(5,5,5,.76);border:1px solid rgba(255,255,255,.13);color:var(--yellow);font-size:11px;font-weight:700;letter-spacing:.09em}
.home-hero-stage h1{max-width:1010px;margin:20px auto 18px;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 15px;font-size:clamp(56px,5.9vw,88px);font-weight:500;line-height:.94;letter-spacing:-.06em}
.home-hero-stage h1 span,.home-hero-stage h1 em{display:inline-block}
.home-hero-stage h1 em{font-family:var(--serif);font-size:1.06em;font-style:italic;font-weight:400}
.home-hero-stage>p{max-width:730px;margin:0 0 28px;color:#e2e2e2;font-size:17px;line-height:1.65}
.home-hero-cta{min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--yellow);border-radius:14px;background:var(--yellow);color:#111;font-size:14px;font-weight:700;transition:transform .22s ease,background-color .22s ease}
.home-hero-cta:hover{transform:translateY(-2px);background:#ffe04a}

@media(max-width:1024px){
  .home-hero-stage{min-height:430px}
  .home-hero-stage h1{max-width:840px;font-size:clamp(54px,7.2vw,74px)}
}
@media(max-width:768px){
  .hero{padding:96px 0 66px!important}
  .hero-bg{background:linear-gradient(180deg,rgba(3,3,3,.47) 0%,rgba(3,3,3,.39) 52%,rgba(3,3,3,.73) 100%)!important}
  .home-hero-stage{min-height:420px;width:calc(100vw - 32px)}
  .home-hero-stage h1{max-width:650px;font-size:clamp(46px,11vw,64px);gap:0 9px}
  .home-hero-stage>p{max-width:600px;font-size:15px;line-height:1.58}
  .topbar nav.mobile-open .mobile-nav-cta{display:flex!important;align-items:center;justify-content:center;gap:9px}
}
@media(max-width:430px){
  .home-hero-stage{min-height:400px}
  .home-hero-stage h1{font-size:clamp(43px,11.2vw,50px);line-height:.96}
  .home-hero-stage>p{max-width:360px;margin-bottom:24px;font-size:14px;line-height:1.55}
  .home-hero-pill{font-size:10px;padding:8px 12px}
  .home-hero-cta{min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  .home-hero-stage,.home-hero-cta{transition:none!important}
}

/* =========================================================
   HOMEPAGE-ONLY APPROVED INTERACTION + CONTENT REFINEMENTS
   ========================================================= */
.ticker{height:auto;min-height:48px;background:var(--yellow);color:#111;border-color:rgba(0,0,0,.14)}
.ticker-track{gap:28px;padding:15px 0;color:#111;font-size:13px;font-weight:700;letter-spacing:.05em}
.ticker-track i{color:#111}

.about-stat strong{font-weight:750;letter-spacing:-.075em}

.project-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}
.project-heading h2{text-align:center}

.home-courses{position:relative;padding:120px 0 130px;background:#f7f6f2;color:#111;overflow:hidden}
.home-courses:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 12%,rgba(255,212,0,.11),transparent 34%);opacity:.8}
.home-courses>.wrap{position:relative}
.home-courses-head{max-width:820px;margin:0 auto 58px;text-align:center}
.home-courses-head .ref-badge{background:#fff;border:1px solid #d8d7d1;color:#111}
.home-courses-head h2{margin:22px 0 18px;font-size:clamp(54px,5.7vw,86px);font-weight:500;line-height:.92;letter-spacing:-.06em}
.home-courses-head p{max-width:650px;margin:0 auto;color:#5f5e59;font-size:15px;line-height:1.65}
.home-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-course-card{overflow:hidden;background:#fff;border:1px solid #d6d5cf;border-radius:22px;box-shadow:0 12px 38px rgba(20,20,16,.045);transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .32s ease,box-shadow .32s ease}
.home-course-card>img{width:100%;height:auto;aspect-ratio:1.36/1;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.home-course-copy{padding:27px 26px 28px}
.home-course-copy>span{font-size:10px;font-weight:700;letter-spacing:.14em;color:#77756e}
.home-course-copy h3{min-height:64px;margin:15px 0 12px;font-size:clamp(27px,2.1vw,34px);font-weight:600;line-height:1;letter-spacing:-.045em}
.home-course-copy h3 em{font-family:var(--serif);font-weight:400}
.home-course-copy p{min-height:24px;margin:0;color:#66645f;font-size:13px;line-height:1.55}
.home-course-copy a{margin-top:28px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:650;transition:background-color .28s ease,color .28s ease}
.home-course-copy a b{font-size:15px;font-weight:500}

.contact-hero-row{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:70px;align-items:end;min-height:560px}
.contact-hero-copy{position:relative;z-index:2;align-self:center;padding:70px 0 58px}
.contact-hero-copy .contact-title{margin-bottom:56px}
.contact-hero-copy .contact-note{margin-bottom:0}
.contact-founder{position:relative;z-index:1;align-self:end;margin:0;min-height:520px;display:flex;align-items:flex-end;justify-content:center}
.contact-founder:before{content:"";position:absolute;left:50%;bottom:7%;width:76%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,212,0,.23),rgba(255,212,0,.07) 38%,transparent 70%);filter:blur(18px);pointer-events:none}
.contact-founder img{position:relative;width:min(100%,540px);max-height:600px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 24px rgba(0,0,0,.14))}

.contact-form{margin-top:78px;padding-top:32px}
.contact-form h4{margin:0 0 32px;font-size:30px;font-weight:700;letter-spacing:-.035em}
.contact-form label{margin-top:28px;color:#44433f;font-size:13px;font-weight:650;letter-spacing:-.01em}
.contact-form input,.contact-form textarea{padding:15px 0 13px;font-size:15px;font-weight:500;line-height:1.45}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#96938b;font-weight:400}
.contact-form button{min-height:48px;padding-inline:22px;font-size:13px;font-weight:700}

.ref-pricing .price-card strong{font-size:clamp(52px,4.2vw,68px);font-weight:750;line-height:.95;letter-spacing:-.065em}
.ref-pricing .price-card .plan-price{margin-top:30px}
.ref-pricing .price-card .plan-price small{font-weight:600}

@media(hover:hover){
  .service-card:hover{background:#070707!important;border-color:#070707!important;color:#fff;box-shadow:0 18px 48px rgba(10,10,8,.18)}
  .service-card:hover .service-copy>span{color:#d9d9d4}
  .service-card:hover .service-copy h3{color:#fff}
  .service-card:hover .service-copy p{color:#c9c9c4}
  .service-card:hover .service-orb{filter:grayscale(1) brightness(0) invert(1);opacity:1}

  .home-course-card:hover{transform:translateY(-4px);border-color:#a9a79f;box-shadow:0 20px 52px rgba(20,20,16,.12)}
  .home-course-card:hover>img{transform:scale(1.025)}
  .home-course-card:hover .home-course-copy a{background:var(--yellow);color:#111}

  .ref-awards .award-list>div{position:relative;isolation:isolate;overflow:hidden;padding-inline:18px;transition:background-color .3s ease,color .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}
  .ref-awards .award-list>div:after{content:"";position:absolute;z-index:-1;right:-8%;top:50%;width:36%;height:180%;transform:translateY(-50%);background:radial-gradient(circle,rgba(255,212,0,.22),transparent 66%);opacity:0;transition:opacity .3s ease}
  .ref-awards .award-list>div:hover{padding-left:18px;background:#070707;transform:translateX(3px)}
  .ref-awards .award-list>div:hover:after{opacity:1}
  .ref-awards .award-list>div:hover h4,.ref-awards .award-list>div:hover span,.ref-awards .award-list>div:hover em{color:#fff}
  .ref-awards .award-list>div:nth-child(2):hover>span{color:var(--yellow)}

  .ref-pricing .price-card:hover,.ref-pricing .price-card.featured:hover{background:#070707;color:#fff;border-color:#070707;box-shadow:0 22px 56px rgba(20,20,16,.18)}
  .ref-pricing .price-card:hover:after{opacity:1;background:radial-gradient(circle at 72% 0,rgba(255,212,0,.26),rgba(255,212,0,.07) 30%,transparent 62%)}
  .ref-pricing .price-card:hover h3,.ref-pricing .price-card:hover strong,.ref-pricing .price-card:hover>b{color:#fff}
  .ref-pricing .price-card:hover>p,.ref-pricing .price-card:hover li,.ref-pricing .price-card:hover small{color:#c6c6c0}
  .ref-pricing .price-card:hover>b{border-color:#363636}
  .ref-pricing .price-card:hover>a{background:var(--yellow);border-color:var(--yellow);color:#111}
  .ref-pricing .price-card:hover .price-num{background:var(--yellow);color:#111;box-shadow:0 0 0 8px #181711,0 0 0 10px #4f491a}

  .contact-details-strip a:hover{background:#070707;border-color:#070707}
  .contact-details-strip a:hover>span{color:#b8b8b2}
  .contact-details-strip a:hover>strong{color:#fff}
  .contact-details-strip a:hover>b{color:var(--yellow)}
}

@media(max-width:1024px){
  .project-heading{display:flex;align-items:center}.project-heading h2{text-align:center}
  .home-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-course-card:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}
  .contact-hero-row{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:34px;min-height:500px}
  .contact-founder{min-height:450px}
}
@media(max-width:768px){
  .ticker-track{padding:15px 0;font-size:12px}
  .project-heading{gap:18px}.project-heading h2{font-size:50px}
  .home-courses{padding:88px 0 96px}
  .home-courses-head{margin-bottom:42px}.home-courses-head h2{font-size:52px}.home-courses-head p{font-size:14px}
  .home-course-grid{grid-template-columns:1fr;gap:16px}
  .home-course-card:last-child{grid-column:auto;width:100%}
  .home-course-copy h3{min-height:auto}
  .contact-hero-row{grid-template-columns:1fr;gap:0;min-height:0}
  .contact-hero-copy{padding:42px 0 0}
  .contact-hero-copy .contact-title{margin-bottom:38px}
  .contact-founder{min-height:0;height:430px;margin-top:28px}
  .contact-founder img{max-height:430px}
  .contact-form{margin-top:58px}.contact-form h4{font-size:26px}.contact-form label{font-size:12px}.contact-form input,.contact-form textarea{font-size:14px}
}
@media(max-width:430px){
  .about-stat strong{font-weight:750}
  .home-courses-head h2{font-size:44px}
  .home-course-copy{padding:23px 21px 24px}.home-course-copy h3{font-size:28px}
  .contact-founder{height:350px}.contact-founder img{max-height:350px}
}
@media(prefers-reduced-motion:reduce){.service-card,.home-course-card,.home-course-card>img,.ref-awards .award-list>div,.ref-pricing .price-card,.contact-details-strip a{transition:none!important}}

/* Homepage final approved active states */
.project-heading h2{white-space:nowrap;font-size:clamp(21px,5.2vw,78px)}

.ref-pricing .price-card.featured{background:#070707!important;color:#fff;border-color:#070707;box-shadow:0 22px 56px rgba(20,20,16,.18)}
.ref-pricing .price-card.featured:after{opacity:1;background:radial-gradient(circle at 72% 0,rgba(255,212,0,.26),rgba(255,212,0,.07) 30%,transparent 62%)}
.ref-pricing .price-card.featured h3,.ref-pricing .price-card.featured strong,.ref-pricing .price-card.featured>b{color:#fff}
.ref-pricing .price-card.featured>p,.ref-pricing .price-card.featured li,.ref-pricing .price-card.featured small{color:#c6c6c0}
.ref-pricing .price-card.featured>b{border-color:#363636}
.ref-pricing .price-card.featured>a{background:var(--yellow);border-color:var(--yellow);color:#111}
.ref-pricing .price-card.featured .price-num{background:var(--yellow);color:#111;box-shadow:0 0 0 8px #181711,0 0 0 10px #4f491a}
.ref-pricing .price-card.featured .popular{background:#211f13;color:#fff;border-color:#4a421c}

.contact-details-strip a.contact-whatsapp-active,.contact-details-strip a.contact-whatsapp-active:hover{background:#070707;border-color:#070707}
.contact-details-strip a.contact-whatsapp-active>span{color:#b8b8b2}
.contact-details-strip a.contact-whatsapp-active>strong{color:#fff}
.contact-details-strip a.contact-whatsapp-active>b{color:var(--yellow)}