@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff;--lavender:#f8f5ff;--soft:#f1eaff;--soft2:#ece4ff;--purple:#7138e5;--purple2:#8654e9;--purpledeep:#5223ac;--ink:#412c66;--text:#5d5271;--muted:#887c9c;--line:#e9e2f2;--shadow:0 20px 52px rgba(97,49,177,.075);--wide:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.62}body::selection{background:#e9d8ff;color:var(--purpledeep)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(var(--wide),calc(100% - 64px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .skip{position:absolute;left:18px;top:-100px;padding:12px;background:var(--purple);color:white;z-index:1000}.skip:focus{top:14px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid #eee8f5}.header-inner{display:flex;align-items:center;gap:26px;min-height:88px}.brand{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:149px;height:52px;background:var(--purple);border-radius:13px;transition:background .2s,transform .2s;box-shadow:0 9px 24px rgba(113,56,229,.13)}.brand img{width:126px;height:auto;max-height:36px;object-fit:contain;display:block}.brand:hover{transform:translateY(-2px);background:var(--purpledeep)}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{font-size:14px;font-weight:700;color:#786b8f;position:relative;transition:color .2s}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--purple)}.main-nav a[aria-current=page]::after{position:absolute;content:'';left:0;right:0;bottom:-9px;height:2px;background:var(--purple);border-radius:1em}.header-cta{margin-left:10px}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:12px;padding:10px 13px;color:var(--purple);font-size:20px;line-height:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 23px;border:1px solid var(--purple);border-radius:100px;background:var(--purple);color:#fff;font-weight:800;font-size:14px;letter-spacing:-.01em;box-shadow:0 9px 20px rgba(113,56,229,.12);transition:transform .23s,background .23s,box-shadow .23s}.btn:hover{transform:translateY(-3px);background:var(--purpledeep);box-shadow:0 16px 30px rgba(113,56,229,.22)}.btn.outline{background:#fff;border-color:#ded1f4;box-shadow:none;color:var(--purple)}.btn.outline:hover{background:var(--lavender)}.btn.white{background:white;border-color:white;color:var(--purpledeep)}.btn.small{padding:10px 18px;font-size:12px}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #e7dafa;color:var(--purple);background:#fbf9ff;border-radius:100px;font-weight:800;padding:8px 13px;font-size:11px;letter-spacing:.105em;text-transform:uppercase}.pill .dot{width:7px;height:7px;background:#9561ec;border-radius:50%}.eyebrow{color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.display{font-family:Manrope,'DM Sans',sans-serif;font-weight:800;font-size:clamp(46px,6.8vw,92px);line-height:1.035;letter-spacing:-.075em;margin:16px 0 22px;color:var(--ink)}.display span,.headline span{color:var(--purple)}.headline{font-family:Manrope,sans-serif;font-weight:800;line-height:1.13;letter-spacing:-.059em;font-size:clamp(30px,4vw,54px);margin:10px 0 17px}.subhead{font-size:clamp(16px,1.6vw,19px);color:var(--text);line-height:1.85;max-width:650px}.section{padding:98px 0}.section.alt{background:var(--lavender)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head .copy{max-width:640px}.section-head .subhead{font-size:15px;margin:0}.section-link{color:var(--purple);font-weight:800;white-space:nowrap}.section-link:hover{text-decoration:underline}.muted{color:var(--text)}
.hero{background:linear-gradient(154deg,#fff 29%,#f8f4ff 75%,#f3ebff);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;width:360px;height:360px;right:-120px;top:-170px;background:#efe4ff;filter:blur(85px);border-radius:50%;pointer-events:none}.hero-grid{min-height:670px;display:grid;grid-template-columns:1.03fr 1fr;gap:62px;align-items:center;padding:86px 0 96px}.hero h1{max-width:670px}.hero p{max-width:565px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.hero-trust{margin-top:34px;color:#8d80a4;font-size:13px;font-weight:600;display:flex;gap:17px;flex-wrap:wrap}.hero-trust span:not(:last-child):after{content:'✳';color:#bb9aec;margin-left:17px}.hero-visual{position:relative;max-width:600px;margin-left:auto;padding:24px 0 28px 24px}.hero-visual:before{content:'';position:absolute;inset:28px -18px 0 50px;border-radius:38px;background:#e8d9ff;transform:rotate(4deg)}.hero-main{position:relative;border:7px solid white;border-radius:24px;overflow:hidden;box-shadow:0 24px 75px rgba(99,59,161,.14);transform:rotate(-2deg);background:var(--soft)}.hero-main img{display:block;aspect-ratio:16/9;width:100%;object-fit:cover}.hero-mini{position:absolute;width:44%;right:-23px;bottom:-28px;border:6px solid white;border-radius:18px;overflow:hidden;transform:rotate(6deg);box-shadow:0 14px 40px rgba(87,39,165,.15);background:#fff}.hero-mini img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.hero-badge{position:absolute;left:0;bottom:-10px;background:white;border:1px solid var(--line);padding:13px 20px;border-radius:14px;box-shadow:var(--shadow);transform:rotate(2deg);font-weight:800;color:var(--purple);font-size:13px}.tiny-accent{display:inline-block;width:8px;height:8px;border-radius:50%;background:#aa8bf4;margin-right:7px}
.statsbar{padding:20px 0;border-top:1px solid #efe9f7;border-bottom:1px solid #efe9f7;background:#fff}.stats-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:14px}.stat b{font-size:22px;color:var(--purple);letter-spacing:-.05em}.stat span{font-weight:700;color:#857697;font-size:13px}.showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.showcase .work-card:first-child{grid-column:span 2}.showcase .work-card:first-child img{aspect-ratio:16/9}.work-card{min-width:0;display:block;transition:transform .25s;position:relative}.work-card:hover{transform:translateY(-6px)}.work-img{overflow:hidden;border:1px solid #e8e0f2;border-radius:21px;position:relative;background:#eee6f9;box-shadow:0 10px 30px rgba(119,74,177,.07)}.work-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.3,1)}.work-card:hover .work-img img{transform:scale(1.055)}.work-img .arrow{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.92);color:var(--purple);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:17px;transform:translateY(-7px);opacity:0;transition:all .22s}.work-card:hover .arrow,.work-card:focus-visible .arrow{opacity:1;transform:translateY(0)}.work-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px}.work-meta strong{color:var(--ink);font-size:15px}.work-meta small{color:var(--purple);font-size:12px;font-weight:700}.work-meta .type-tag{border-radius:100px;color:var(--purple);background:#f4edff;padding:5px 10px;font-size:11px;font-weight:800}.showcase .work-card:not(:first-child) img{aspect-ratio:16/9}.showcase .work-card:nth-child(4){grid-column:span 2}
.formats{display:grid;grid-template-columns:1fr 1fr;gap:24px}.format-card{border:1px solid #e7ddf6;background:white;border-radius:26px;padding:24px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.format-visual{display:flex;gap:8px;height:185px;align-items:center;justify-content:center;background:var(--lavender);border-radius:17px;overflow:hidden}.format-visual img{height:150px;max-width:90%;object-fit:cover;border-radius:9px;box-shadow:0 6px 18px rgba(74,41,121,.1)}.format-visual .wide{width:80%;aspect-ratio:16/9;height:auto}.format-visual .portrait{height:165px;aspect-ratio:9/16}.format-card h3{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.05em;margin:20px 0 6px}.format-card p{margin:0 0 22px;color:var(--text);font-size:14px}.format-card .section-link{margin-top:auto}
.cta-band{background:linear-gradient(125deg,#7644e5,#935ff0);color:white;padding:75px 0;border-radius:34px;overflow:hidden;position:relative}.cta-band:after{content:'';border:1px solid rgba(255,255,255,.20);height:400px;width:400px;border-radius:50%;position:absolute;right:-120px;top:-210px}.cta-band .headline{color:white;max-width:730px}.cta-band p{color:#f5efff;max-width:590px}.cta-band .eyebrow{color:#e5d6ff}.cta-inner{position:relative;z-index:1;padding:0 58px}
.page-intro{background:linear-gradient(180deg,#fcfaff,#fff);padding:88px 0 55px;border-bottom:1px solid #f0ebf7}.page-intro .display{font-size:clamp(46px,6vw,80px);max-width:920px}.page-intro .subhead{margin-bottom:0}.portfolio-controls{padding:32px 0 25px;background:white;position:sticky;top:88px;z-index:30;border-bottom:1px solid var(--line)}.control-grid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:17px}.switch{background:#f3effa;border:1px solid #e8dcf6;padding:5px;display:inline-flex;align-items:center;gap:4px;border-radius:100px}.switch button{border:0;background:transparent;border-radius:100px;padding:11px 18px;color:#8b7a9e;font-weight:800;font-size:13px;transition:all .2s}.switch button.active{color:white;background:var(--purple);box-shadow:0 6px 15px #cab1f4}.search-field{display:flex;align-items:center;gap:8px;min-width:190px;max-width:280px;border:1px solid #e9e0f2;border-radius:100px;padding:8px 16px;color:var(--purple)}.search-field input{width:100%;padding:5px 0;border:0;background:transparent;outline:none;color:var(--ink);font-size:13px}.category-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.chip{border:1px solid var(--line);background:white;color:#87799a;border-radius:100px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .2s}.chip:hover,.chip.active{border-color:#cfb6fb;background:#f1e9ff;color:var(--purpledeep)}.gallery-section{padding:40px 0 100px}.gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.gallery-meta h2{font-size:19px;margin:0;color:var(--ink);letter-spacing:-.03em}.gallery-meta small{color:var(--muted);font-size:12px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.work-grid.is-reels{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 19px}.work-grid.is-reels .work-img img{aspect-ratio:9/16}.work-img img.contain{object-fit:contain;background:#ede7f7}.empty-state{padding:65px 20px;text-align:center;border:1px dashed #ddcef2;border-radius:24px;color:var(--muted)}.pagination-line{text-align:center;padding:30px 0;color:#897d9b;font-weight:700;font-size:13px}
.project-page{padding:74px 0 100px}.back-link{color:var(--purple);font-weight:800;font-size:13px}.project-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 25px}.project-head .headline{font-size:clamp(34px,4vw,55px);margin:6px 0}.project-head .muted{font-size:14px}.project-stage{border-radius:30px;padding:34px;background:var(--lavender);border:1px solid var(--line);display:grid;place-items:center}.project-stage img{width:100%;max-width:1140px;max-height:76vh;object-fit:contain;border-radius:15px;box-shadow:0 12px 40px rgba(79,52,125,.12)}.project-stage.is-portrait img{max-width:420px}.project-info{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.info-panel{padding:26px;background:#fbfaff;border:1px solid #eee8f7;border-radius:20px}.info-panel b{font-size:12px;color:var(--purple);letter-spacing:.13em;text-transform:uppercase}.info-panel p{margin:7px 0 0;color:var(--text);font-size:14px}.project-nav{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.project-nav a{color:var(--purple);font-weight:800}.project-actions{display:flex;gap:10px;flex-wrap:wrap}
.content-columns{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.content-columns p{color:var(--text)}.text-article h2{font-size:28px;letter-spacing:-.04em;margin:0 0 13px}.text-article p{margin:0 0 15px;font-size:16px;line-height:1.9}.feature-list{display:grid;gap:15px}.feature-line{display:flex;gap:14px;padding:18px;border-radius:17px;background:var(--lavender);border:1px solid var(--line)}.feature-line .symbol{font-size:22px;color:var(--purple);line-height:1}.feature-line h3{margin:0 0 4px;font-size:15px}.feature-line p{margin:0;color:var(--text);font-size:13px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.price-card{border:1px solid var(--line);background:white;border-radius:24px;padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column}.price-card.featured{border-color:#cbb3f7;background:#fbf8ff}.price-card .label{color:var(--purple);text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:800}.price-card h3{margin:8px 0 9px;font-size:25px;letter-spacing:-.04em}.price-card p{margin:0 0 14px;color:var(--text);font-size:14px}.price-card ul{padding-left:20px;color:var(--text);font-size:14px;line-height:2}.price-card .btn{margin-top:auto}.quote-banner{padding:30px 36px;border-radius:22px;background:var(--soft);display:flex;justify-content:space-between;align-items:center;gap:25px}.quote-banner p{margin:5px 0 0;color:var(--text)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.contact-card{padding:36px;border-radius:24px;border:1px solid var(--line);background:#fcfaff}.contact-card h2{font-size:27px;letter-spacing:-.045em;margin:0 0 14px}.contact-card p{color:var(--text);margin-bottom:23px}.contact-links{display:grid;gap:13px}.contact-links a{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 18px;background:white;border:1px solid var(--line);border-radius:15px;color:var(--purple);font-weight:800}.contact-links a:hover{background:#f2eaff}label.field{display:block;font-size:12px;font-weight:800;color:var(--purpledeep);margin:14px 0 7px}.field-input{display:block;width:100%;border:1px solid #ddd2ed;background:white;border-radius:13px;padding:13px 14px;outline:none;color:var(--ink)}.field-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eae0fb}textarea.field-input{min-height:120px;resize:vertical}.form-note{margin-top:12px;color:var(--text);font-size:12px}.success-note{padding:12px;border-radius:12px;background:#f0eaff;color:var(--purpledeep);display:none;font-size:13px;font-weight:700}.success-note.show{display:block}
.booking-shell{background:#fff;border:1px solid #e7ddf7;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);padding:12px;margin-top:30px}.calendly-inline-widget{min-width:320px;height:790px}.booking-detail{display:flex;align-items:center;gap:24px;flex-wrap:wrap;color:#8c7ba2;font-weight:700;font-size:13px}.booking-detail span{display:inline-flex;align-items:center;gap:8px}.booking-help{font-size:13px;color:var(--text);margin-top:22px}.booking-help a{color:var(--purple);font-weight:800;text-decoration:underline}
.site-footer{border-top:1px solid var(--line);background:#faf7ff;padding:64px 0 24px}.footer-top{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:38px;align-items:start;padding-bottom:55px}.footer-brand{display:inline-flex;background:var(--purple);padding:12px 16px;border-radius:13px;max-width:164px}.footer-brand img{width:130px;display:block}.footer-top p{font-size:14px;color:#827495;max-width:330px}.footer-top h3{color:var(--ink);font-size:13px;margin:0 0 16px}.footer-links{display:grid;gap:11px}.footer-links a{color:#867897;font-size:14px}.footer-links a:hover{color:var(--purple)}.footer-bottom{border-top:1px solid #e9e0f5;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#9b8ead}.footer-bottom a{color:var(--purple)}
.reveal{opacity:0;transform:translateY(19px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none} :focus-visible{outline:3px solid #b69afa;outline-offset:3px}
@media(max-width:1040px){.main-nav{gap:16px}.hero-grid{gap:32px;min-height:600px}.header-inner{gap:14px}.brand{width:128px}.brand img{width:112px}.showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase .work-card:first-child,.showcase .work-card:nth-child(4){grid-column:span 1}.work-grid.is-reels{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.container{width:min(var(--wide),calc(100% - 36px))}.header-inner{min-height:74px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:73px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:stretch;gap:8px;box-shadow:0 20px 35px rgba(92,50,158,.06)}.main-nav.open{display:flex}.main-nav a{padding:10px 12px}.main-nav a[aria-current=page]::after{display:none}.header-cta{display:none}.hero-grid{grid-template-columns:1fr;padding:70px 0 90px;gap:44px;min-height:0}.hero-visual{margin:0 auto;width:88%}.section{padding:68px 0}.section-head{align-items:start;flex-direction:column;gap:5px}.formats,.content-columns,.contact-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid.is-reels{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-controls{top:74px}.project-info{grid-template-columns:1fr;gap:15px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:span 2}.cta-inner{padding:0 32px}.quote-banner{flex-direction:column;align-items:start}.page-intro{padding:67px 0 44px}}
@media(max-width:530px){.hero-grid{padding:55px 0 65px}.display{font-size:47px}.subhead{font-size:15px}.stats-grid{gap:18px}.stat{width:calc(50% - 12px);display:block}.stat b{display:block}.stat span{font-size:11px}.showcase,.work-grid{grid-template-columns:1fr;gap:23px}.work-grid.is-reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 11px}.work-grid.is-reels .work-meta{display:block}.work-grid.is-reels .work-meta strong{display:block;font-size:12px}.work-grid.is-reels .type-tag{display:none}.work-img{border-radius:16px}.work-meta{margin-top:9px}.work-meta strong{font-size:14px}.control-grid{flex-direction:column;align-items:stretch}.switch{align-self:stretch}.switch button{flex:1;font-size:12px;padding:10px 9px}.search-field{min-width:0;max-width:none}.category-row{gap:7px;margin-top:13px}.chip{font-size:11px;padding:7px 10px}.portfolio-controls{padding:18px 0}.section-head .headline{font-size:33px}.page-intro .display{font-size:47px}.project-page{padding-top:38px}.project-head{display:block}.project-stage{padding:12px;border-radius:17px}.project-stage img{border-radius:10px}.booking-shell{padding:0;border-radius:16px}.calendly-inline-widget{height:740px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{flex-direction:column;gap:7px}.cta-band{border-radius:23px}.cta-inner{padding:0 21px}.hero-mini{right:-10px}.contact-card{padding:22px}.format-card{padding:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the supplied white wordmark readable, without introducing any dark backgrounds. */
.mobile-book{display:none!important}
.hero-main img{height:auto!important;aspect-ratio:16/9;object-fit:cover}
@media(max-width:800px){.main-nav.open .mobile-book{display:block!important}}


/* KOLTON • LAVENDER EDITION 3 — bespoke light palette and curated proof */
:root{--paper:#f0e9fb;--lavender:#eae0f8;--soft:#e4d6f5;--soft2:#ddcdf4;--purple:#7138e5;--purple2:#8558e9;--purpledeep:#5b29c1;--ink:#382260;--text:#5a4778;--muted:#816da1;--line:#decff1;--shadow:0 25px 65px rgba(97,57,154,.105)}
html{background:#ede4fa}
body{background:linear-gradient(180deg,#eee5fa 0%,#f3ecfc 36%,#eadff8 100%);color:var(--ink)}
.site-header{background:rgba(246,239,254,.83);border-bottom:1px solid #d9c8ef;box-shadow:0 5px 28px rgba(82,37,146,.04)}
.hero{background:radial-gradient(ellipse 68% 69% at 80% 15%,rgba(206,174,248,.75) 0%,transparent 67%),radial-gradient(ellipse 55% 58% at 3% 82%,rgba(216,193,251,.67) 0%,transparent 66%),linear-gradient(145deg,#efe5fc 0%,#e5d5f8 62%,#f3ecfc 100%)}
.hero::before{width:690px;height:690px;right:-280px;top:-320px;background:transparent;border:1px solid rgba(134,79,218,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.075),0 0 0 142px rgba(132,83,206,.035);filter:none;transform:rotate(-18deg)}
.hero::after{content:'';position:absolute;width:540px;height:540px;left:-290px;bottom:-350px;border:1px solid rgba(125,75,216,.17);border-radius:50%;pointer-events:none;box-shadow:0 0 0 68px rgba(255,255,255,.15),0 0 0 135px rgba(106,53,176,.07)}
.hero .container{position:relative;z-index:2}.hero .pill{background:#f9f6ffcc;border-color:#d2bff1;color:#68409e}
.display{letter-spacing:-.08em}.hero-grid{min-height:680px;padding-top:88px;padding-bottom:105px}
.hero-visual:before{background:#cbb1ee}.hero-badge{background:#fffafd;border-color:#d7c0f2}
.proof-strip{background:#e6daf7;border-top:1px solid #dfd0f2;border-bottom:1px solid #dfd0f2;padding:29px 0}
.proof-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.proof-stat{display:flex;flex-direction:column;gap:2px;padding:0 0 0 24px;border-left:1px solid #cfb8ec}
.proof-stat:first-child{border-left:0;padding-left:0}
.proof-stat b{font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,3.1vw,44px);line-height:1.1;letter-spacing:-.07em;color:#5b29c1}
.proof-stat b span{font-size:.52em;letter-spacing:-.02em;margin-left:3px}
.proof-stat small{font-size:12px;font-weight:700;color:#6b5587}
.section{position:relative}.section.alt{background:#e6d9f7}
.section:not(.alt){background:transparent}
.page-intro{background:radial-gradient(ellipse 60% 100% at 100% 0%,#d8c1f4 0%,transparent 78%),linear-gradient(120deg,#e9ddf9,#f5edfe);border-bottom:1px solid #dcccF0}
.portfolio-controls{background:rgba(239,230,249,.96);border-color:#d6c5eb;backdrop-filter:blur(14px)}
.switch{background:#e4d6f5;border-color:#d3b9f0}
.search-field{background:#fff9ff;border-color:#dfcef1}
.gallery-section{background:linear-gradient(180deg,#efe7fb,#eae0f8)}
.gallery-section .work-grid{row-gap:29px}
.work-img{border:1px solid #d8c6ee;background:#e5d7f7;box-shadow:0 15px 38px rgba(80,43,138,.10)}
.work-img:hover{box-shadow:0 22px 50px rgba(80,43,138,.16)}
.work-meta .type-tag{background:#e1d1f6;color:#6231b1}
.formats .format-card{background:#f7f1fd;border-color:#d7c6ee;box-shadow:0 15px 45px rgba(91,43,164,.08)}
.formats .format-visual{background:#e2d4f4}
.cta-band{background:linear-gradient(130deg,#7950d8,#ab83ef);box-shadow:0 20px 60px rgba(113,56,229,.12)}
.site-footer{background:#e2d5f5;border-top:1px solid #d2c0ea}
.social-proof{background:linear-gradient(140deg,#dfcef6,#eee4fb)!important;overflow:hidden}
.social-proof::before{content:'';pointer-events:none;position:absolute;width:500px;height:500px;border:1px solid #c9b1ec;top:-280px;left:-160px;border-radius:100%;box-shadow:0 0 0 65px rgba(255,255,255,.12),0 0 0 140px rgba(129,74,214,.04)}
.social-proof-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.social-proof .trust-lead .subhead{max-width:600px;margin-bottom:30px;font-size:16px}
.verification-panel{background:#f7f0ff;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;gap:34px;border:1px solid #ceb8ee;border-radius:28px;padding:33px;box-shadow:0 18px 50px rgba(86,49,157,.09)}
.verification-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.proof-symbol{color:var(--purple);font-size:49px;line-height:1}
.proof-kicker{letter-spacing:.16em;color:#8a72aa;font-size:11px;font-weight:900;text-align:right}
.verification-quote{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.8vw,37px);line-height:1.3;letter-spacing:-.055em;font-weight:800;color:#4a2c74}
.verification-quote em{font-style:normal;color:#8754d9}
.verification-footer{border-top:1px solid #dacaf0;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:13px;font-size:12px;font-weight:600;color:#78658c}
.verification-footer a{white-space:nowrap;color:#6d38ca;font-weight:800}
.main-nav a{color:#6e5a8b}.section-head .subhead,.format-card p,.muted{color:#5b4c72}
@media(max-width:900px){.social-proof-grid{grid-template-columns:1fr;gap:28px}.proof-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-stat:nth-child(3){border-left:0;padding-left:0}.hero-grid{padding-top:65px}}
@media(max-width:600px){.proof-stats{gap:24px 9px}.proof-stat{padding-left:12px}.proof-stat small{font-size:11px}.verification-panel{padding:23px;min-height:300px}.verification-footer{flex-wrap:wrap}.hero::after{opacity:.5}}


/* KOLTON • PURPLE CENTER LIGHT EDITION 4 */

:root{--paper:#eee3ff;--lavender:#e9dcff;--soft:#f5edff;--soft2:#ede2ff;--purple:#7543e8;--purple2:#8f62ee;--purpledeep:#5b2dc8;--ink:#3c2860;--text:#63517f;--muted:#8f7aaa;--line:#dac8f2;--shadow:0 24px 64px rgba(106,65,182,.12)}
html{background:linear-gradient(135deg,#9d79ec 0%,#c9b2f7 18%,#f9f4ff 50%,#d2bcf8 79%,#8f69eb 100%);background-attachment:fixed}
body{background:radial-gradient(ellipse 55% 38% at 50% 6%, rgba(255,255,255,.97) 0%, rgba(249,243,255,.95) 20%, rgba(242,234,255,.85) 33%, rgba(226,208,252,.52) 56%, rgba(184,149,241,.18) 78%, rgba(0,0,0,0) 100%),linear-gradient(135deg,#996fea 0%,#cdb7f7 18%,#fbf8ff 50%,#cab2f7 81%,#8b64ea 100%);background-attachment:fixed;color:var(--ink)}
.site-header{background:rgba(243,235,255,.62);border-bottom:1px solid rgba(219,201,244,.9);backdrop-filter:blur(18px)}
.brand{background:linear-gradient(135deg,#8f63ee,#7040e6)}
.hero{background:transparent}.hero::before,.hero::after{display:none}
.hero-grid,.page-intro,.gallery-section,.section,.site-footer{position:relative}
.hero-grid::before,.page-intro::before,.gallery-section::before,.site-footer::before{content:'';position:absolute;inset:0;border-radius:34px;background:rgba(255,255,255,.22);pointer-events:none}
.hero-grid{padding:78px 34px 98px;border-radius:38px;overflow:hidden;backdrop-filter:blur(6px);box-shadow:0 24px 80px rgba(96,61,158,.10)}
.page-intro{background:transparent;padding-top:86px;padding-bottom:54px}
.page-intro>.container,.gallery-section>.container,.section>.container,.site-footer>.container{position:relative;z-index:1}
.page-intro::before{background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 65px rgba(113,56,229,.08)}
.section.alt{background:transparent}
.section.alt::before,.section:not(.alt)::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.16);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(202,181,241,.22)}
.proof-strip{background:rgba(255,255,255,.22);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(210,192,240,.55)}
.social-proof{background:transparent!important}.social-proof::before{display:none}
.social-proof-grid-custom{align-items:start;gap:34px;margin-top:38px}
.proof-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:10px}
.proof-card,.review-card,.social-link-card{background:rgba(255,255,255,.62);border:1px solid rgba(219,201,244,.95);backdrop-filter:blur(14px);border-radius:24px;box-shadow:0 14px 44px rgba(90,53,149,.08)}
.proof-card{padding:24px 22px}.proof-card h3{font-family:Manrope,sans-serif;font-size:26px;line-height:1.05;letter-spacing:-.06em;margin:10px 0 10px;color:var(--purpledeep)}.proof-card p{margin:0;color:var(--text);font-size:14px}.proof-label{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#8b69ba}
.review-stack{display:grid;gap:16px}.review-card{padding:24px}.review-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.review-card strong{font-size:19px;color:var(--ink);font-family:Manrope,sans-serif}.review-card p{margin:0 0 16px;color:var(--text)}.review-card a{color:var(--purpledeep);font-weight:800}.review-badge{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#8a6cae}.review-links{display:flex;gap:18px;flex-wrap:wrap}
.social-links-band::before{background:rgba(255,255,255,.22)!important}
.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.social-link-card{padding:22px;display:flex;flex-direction:column;gap:9px;transition:transform .22s, box-shadow .22s}.social-link-card:hover{transform:translateY(-4px);box-shadow:0 18px 54px rgba(90,53,149,.12)}.social-link-card small{color:#8b6bb8;text-transform:uppercase;letter-spacing:.15em;font-weight:900;font-size:11px}.social-link-card strong{font-size:20px;letter-spacing:-.04em;color:var(--ink);font-family:Manrope,sans-serif}.social-link-card span{color:var(--purpledeep);font-weight:800}
.portfolio-controls{background:rgba(248,242,255,.6);border-color:rgba(212,194,240,.9)}
.gallery-section{background:transparent}.gallery-section::before{background:rgba(255,255,255,.17)}
.formats .format-card,.contact-card,.price-card,.booking-shell,.content-box,.project-stage,.project-side,.verification-panel{background:rgba(255,255,255,.64);border-color:rgba(216,198,241,.95);backdrop-filter:blur(14px)}
.work-img{background:#efe4ff}
.footer-top-4{grid-template-columns:1.25fr 1fr 1fr 1fr}.footer-stats span{display:block;font-size:14px;color:#6a5a83}.footer-stats b{color:var(--purpledeep);font-family:Manrope,sans-serif;font-size:18px;margin-right:6px}.site-footer{background:transparent}.site-footer::before{background:rgba(255,255,255,.22);border-top:1px solid rgba(255,255,255,.24)}
.footer-top h3{letter-spacing:.11em;text-transform:uppercase;font-size:12px;color:#6a58a0}
.footer-links a,.footer-top p,.footer-bottom{color:#65557e}
.contact-links a{background:rgba(255,255,255,.56);border:1px solid rgba(215,196,241,.9)}
@media(max-width:1040px){.proof-cards,.social-grid,.footer-top-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hero-grid{padding:62px 22px 82px}.page-intro::before,.gallery-section::before,.section:not(.alt)::before,.section.alt::before,.site-footer::before,.hero-grid::before{border-radius:26px}.proof-cards,.social-grid{grid-template-columns:1fr 1fr}.footer-top-4{grid-template-columns:1fr 1fr}.footer-top-4>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.proof-cards,.social-grid,.footer-top-4{grid-template-columns:1fr}.proof-card h3{font-size:22px}.hero-grid{padding:48px 16px 70px}}

/* Client collaborations, Lavender KOLTON v5 */
.creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.creator-card{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.65);border:1px solid #dcc9f5;border-radius:17px;padding:15px 17px;min-width:0;box-shadow:0 8px 22px rgba(91,44,155,.05)}
.creator-card img{width:54px;height:54px;object-fit:cover;flex-shrink:0;border-radius:50%;border:2px solid #e7d8fc}
.creator-card strong{font-size:13px;line-height:1.3;color:#3b2764;overflow-wrap:anywhere;font-weight:750}
.creator-caption{color:#77658f;font-size:12px;margin:22px 0 0}
.clients-showcase{background:rgba(255,255,255,.13)!important}
.clients-showcase:before{content:'';position:absolute;inset:0;pointer-events:none;background:rgba(255,255,255,.10)}
.clients-showcase .container{position:relative;z-index:1}
.main-nav{gap:20px}.main-nav a{font-size:13px}
@media(max-width:1050px){.creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.creator-grid{grid-template-columns:1fr 1fr;gap:9px}.creator-card{padding:10px;gap:8px}.creator-card img{width:42px;height:42px}.creator-card strong{font-size:11px}}

/* v6 subscriber details */
.creator-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}
.creator-card .subscriber-count{display:block;font-size:12px;font-weight:700;color:#7955b4;letter-spacing:.01em}

.cms-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.cms-review-grid .review-card{padding:25px}.cms-review-grid .review-card strong,.cms-review-grid .review-card small{display:block}.cms-review-grid .review-card small{color:#8565bc;margin-top:4px}