/* =========================================================
   CREATORR.R_STUDIO — V3 SILVER / WHITE / DEEP VIOLET
   Full professional recolor. Loaded AFTER the original CSS.
   ========================================================= */
:root {
  color-scheme: light;
  --bg:#f6f7fb;
  --bg-2:#f0f2f8;
  --panel:#ffffff;
  --ink:#161824;
  --mute:#626778;
  --purple:#653bd3;
  --lime:#c6a4ff;
  --line:#dfe2eb;
  --studio-ink:#11111d;
  --studio-purple:#8253e9;
  --studio-silver:#f2f3fa;
}
body {background:var(--bg);color:var(--ink)}
.site-shell {background:linear-gradient(145deg,#fff 0%,#f7f8fc 22%,#f2f4fa 50%,#fff 78%)}
.ambient {opacity:.12;filter:blur(110px)}
.ambient-one {background:#7e46e8;top:0;right:-120px}
.ambient-two {background:#9ab2e6;top:750px}
::selection {background:#e7dbff;color:#1d1245}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {outline-color:#6c42d2}
.skip-link {background:#653bd3;color:#fff}
/* HEADER */
.site-header {height:96px;border-bottom:1px solid #e3e4ec}
.brand {gap:13px}
.brand-name {font-size:18px;font-weight:700;letter-spacing:-.5px;color:#1c1c29}
.brand-glyph {color:#633ad2}
.brand-logo {width:45px;height:45px;object-fit:cover;border:2px solid #e0d8ef;background:#11111d;border-radius:11px;box-shadow:0 5px 19px #352a5433}
.desktop-nav a {color:#4d5362;font-weight:600}
.desktop-nav a:hover {color:#633ad2}
.nav-cta {color:#fff;background:#191927;border:1px solid #191927;box-shadow:0 8px 20px #1c1c2520}
.nav-cta:hover {background:#643bd8;border-color:#643bd8;color:#fff}
/* HERO */
.hero {padding-top:48px;min-height:735px}
.hero-eyebrow {color:#6945c6;letter-spacing:1.7px}
.status-pulse {background:#7041dd;box-shadow:0 0 0 5px #7650dd18}
.eyebrow-end {color:#7e8191}
.hero-content {grid-template-columns:1.08fr .92fr;gap:45px;min-height:570px}
.hero-overline {color:#555a69;font-weight:700;letter-spacing:1.45px}
.hero h1 {font-size:clamp(64px,7.8vw,116px);letter-spacing:-.088em;line-height:.95;white-space:nowrap;color:#181a27;margin-bottom:31px}
.text-outline {-webkit-text-stroke:1.45px #6542cf;color:transparent}
.text-muted {color:#989bab}
.asterisk {color:#6c3ce1;margin-left:.05em;font-size:.64em;vertical-align:baseline}
.hero-description {color:#5e6371;max-width:510px;font-size:17px;line-height:1.7}
.btn-primary {background:#6238d4;color:#fff;box-shadow:0 16px 30px #4b24b82f}
.btn-primary:hover {background:#4e2bb6;box-shadow:0 16px 30px #4b24b82f}
.btn-outline {background:#fff;border-color:#cfd3e1;color:#242535}
.btn-outline:hover {border-color:#643bd8;background:#f3ecff}
.hero-photo-backdrop {position:absolute;inset:20px 8px 28px 38px;background:linear-gradient(145deg,#e7dcff,#f8f6ff 44%,#d8ddec);border:1px solid #d6c8fa;border-radius:220px 220px 20px 20px;transform:rotate(3deg)}
.hero-portrait-art {height:510px;isolation:isolate}
.hero-photo-wrap {position:absolute;inset:8px 27px 12px 17px;border-radius:220px 220px 20px 20px;overflow:hidden;border:1px solid #d6d6e5;background:#11111c;box-shadow:0 30px 65px #34305027}
.hero-photo {width:100%;height:100%;object-fit:cover;object-position:center 26%;display:block;filter:saturate(.9) contrast(1.03)}
.hero-photo-wrap::after {content:"";position:absolute;inset:46% 0 0;background:linear-gradient(to bottom,transparent,#10131f88 73%,#0a0a15d9);pointer-events:none}
.hero-image-footer {position:absolute;bottom:19px;left:25px;right:25px;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:2;color:#fff;font:700 9px var(--font);letter-spacing:1.1px}
.hero-image-footer span:last-child {font-weight:500;text-align:right;color:#e3d9ff}
.hero-studio-card {position:absolute;z-index:5;left:-22px;bottom:84px;width:204px;background:#191724f2;border:1px solid #70618d;border-radius:12px;padding:18px 20px 20px;box-shadow:0 12px 40px #100d2666;transform:rotate(-6deg)}
.studio-card-kicker {display:block;font:700 9px var(--font);letter-spacing:1.6px;color:#c5b1ff;margin-bottom:7px}
.hero-studio-card strong {font:700 30px/.98 var(--font);letter-spacing:-1.5px;color:white}
.studio-punct {color:#a67bff}
.hero-satellite {position:absolute;z-index:6;top:12px;right:-2px;color:#653bd3;font-size:38px;text-shadow:0 5px 14px #6938dc45}
.hero-bottom {border-top:1px solid #dfe1ea}
.hero-categories {color:#4a4d61}
.hero-categories span,.scroll-cue span {color:#7347dc}
.scroll-cue {color:#696d79}
/* SHARED HEADING AND TEXT */
.section-divider {background:#dfe1ea}
.section-header h2 {color:#171824}
.section-kicker,.italic-accent,.timeline-period {color:#653bd3}
.section-side-note {color:#686e7b}
.text-link,.about-link {color:#6a40cf}
.section-footer {color:#7a7f8f;border-bottom-color:#dfe1ea}
/* PROJECTS: CLEAN LIGHT CARDS */
.work-section {color:#171824}
.filter {background:#fff;color:#515b69;border:1px solid #dfe2eb}
.filter:hover {color:#6233cf;background:#f6f1ff;border-color:#6233cf}
.filter.active {background:#6339d1;color:#fff;border-color:#6339d1}
.project-card {background:#fff;border:1px solid #e2e4ed;box-shadow:0 10px 32px #26304a0b;border-radius:16px}
.project-card:hover {border-color:#957ad9;box-shadow:0 20px 45px #382b751e}
.project-info h3 {color:#22233a}
.project-info p {color:#7b8090}
.project-arrow {color:#6742d1}
.project-art.film {background:radial-gradient(circle at 65% 40%,#9471d2,#4b3d83 50%,#16172b 88%)}
.project-art.ai {background:radial-gradient(circle at 50% 38%,#bfadfa,#704cca 45%,#20204b 86%)}
.project-art.three-d {background:radial-gradient(circle at 52% 45%,#adc5ed,#597cbe 45%,#1b2240 90%)}
.project-art.web {background:radial-gradient(circle at 60% 26%,#dedce9,#8f90c6 44%,#383c66 90%)}
.project-art.design {background:radial-gradient(circle at 44% 48%,#f5d4ea,#b98cbf 42%,#4c395b 88%)}
.project-art.vfx {background:radial-gradient(circle at 49% 45%,#aea7f1,#5050ad 43%,#171d4d 88%)}
/* SERVICES: DEEP INK CONTRAST SECTION */
.services-section {background:radial-gradient(ellipse at 15% 0%,#32234e 0,transparent 45%),#171421;color:#f6f4ff}
.services-section .section-header h2 {color:#fff}
.services-section .section-kicker {color:#be9dff}
.services-section .italic-accent {color:#bd99ff}
.services-section .section-side-note {color:#bcb4cb}
.service-groups {border-color:#51485f}
.service-group:not(:first-child) {border-left-color:#51485f}
.service-group h3 {color:#fff}
.service-number,.service-icon {color:#bc98ff}
.service-caption {color:#b8b0c1}
.service-row {border-color:#4d445a}
.service-row strong {color:#fff}
.service-row p {color:#b6b0c0}
.services-bottom {color:#beb6c9}
.btn-light {background:#f7f4ff;color:#292137;border-color:#f7f4ff}
.btn-light:hover {background:#d9c5ff}
/* EXPERTISE LIGHT */
.expertise-section {color:#171824}
.expertise-art {background:radial-gradient(circle at 50% 50%,#57458f,#1c1930 66%,#111120 94%);border-color:#9f91b7;border-radius:16px}
.expertise-content>p:first-child {color:#343848}
.skill-pill {border:1px solid #d2d4df;background:#fff;color:#303647}
.expertise-caption {color:#6c7281}
/* ABOUT LIGHT WITH PORTRAIT */
.about-section {background:#ebeef5;color:#1c1d2e}
.about-section .section-header h2,.about-section .about-copy h3 {color:#191a29}
.about-section .about-copy>p:not(.small-label) {color:#545a68}
.about-section .about-copy .bio-note {color:#777989!important}
.about-section .small-label {color:#6948c5}
.about-section .bio-detail-grid {border-color:#cdd1dd}
.about-section .bio-detail-grid strong {color:#262936}
.portrait-placeholder {border:0;background:#c6c7ce;border-radius:16px;box-shadow:0 25px 60px #20223a20}
.portrait-placeholder:before {display:none}
.portrait-photo {object-position:center 25%}
.portrait-tag {color:#fff;border:1px solid #ffffff40;border-radius:20px;padding:9px 12px;background:#111220ad}
/* EXPERIENCE LIGHT */
.journey-section {color:#1c1d2e}
.timeline {border-color:#d2d7e3}
.timeline-row {border-color:#d2d7e3}
.timeline-row h3 {color:#27293b}
.timeline-row .timeline-org {color:#606879}
.timeline-row .timeline-description {color:#616879}
.placeholder-flag {color:#785625;border-color:#b49a64;background:#fff8dc}
/* CONTACT: RICH MIDNIGHT */
.contact-section {background:radial-gradient(ellipse at 90% -5%,#3f2a7d,transparent 50%),#13121e;border-top:1px solid #443466;color:#fff}
.contact-section .section-kicker {color:#d4baff}
.contact-heading h2 {color:#fff}
.contact-outline {-webkit-text-stroke:1px #f2ebff}
.contact-star {color:#b896ff}
.contact-heading>p:last-child {color:#beb9cd}
.contact-layout {border-top-color:#504666}
.contact-email {color:#fff}
.contact-fine {color:#a49eb4}
.social-link {border-color:#665879;color:#eee8f9}
.contact-form label {color:#f4edfa}
.contact-form input,.contact-form select,.contact-form textarea {background:#211d30;color:#fff;border:1px solid #574f64}
.contact-form input::placeholder,.contact-form textarea::placeholder {color:#ada6ba}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus {border-color:#ad8cff}
.form-feedback {color:#d6c2ff}
/* FOOTER */
.site-footer {color:#27283b}
.footer-brand {color:#24263a}
.footer-top p {color:#828695}
.footer-bottom {color:#7b8090}
/* MOBILE NAV */
.mobile-toggle {background:#fff;border-color:#c8cbd7}
.mobile-toggle span {background:#272638}
.mobile-menu {background:#fff;border:1px solid #dde0ea;box-shadow:0 25px 60px #13152825}
.mobile-menu a {border-color:#e8e9ef;color:#282b3c}
/* PROJECT DIALOG */
.project-dialog {color:#fff;background:#191727;border-color:#8066b9}
.dialog-media {background:radial-gradient(circle,#8c69e8,#352561 48%,#121124 85%)}
.dialog-action {color:#d0baff}
/* RESPONSIVE FIXES FOR THE HERO IMAGE */
@media(max-width:1180px) {
 .hero h1 {font-size:clamp(58px,7.4vw,97px)}
 .hero-photo-backdrop {inset:20px 4px 27px 16px}
 .hero-photo-wrap {inset:9px 20px 12px 6px}
 .hero-studio-card {left:-16px;bottom:70px;transform:rotate(-4deg) scale(.9)}
}
@media(max-width:850px) {
 .site-header {height:79px}
 .hero-content {grid-template-columns:1fr;gap:0}
 .hero {min-height:0}
 .hero h1 {font-size:clamp(64px,11vw,103px)}
 .hero-portrait-art {height:490px;max-width:500px;margin:32px auto 40px;width:100%}
 .hero-photo-backdrop {inset:15px 15px 20px 24px}
 .hero-photo-wrap {inset:4px 28px 12px 10px}
 .service-group,.service-group:not(:first-child) {border-left:0;border-bottom-color:#51485f}
}
@media(max-width:620px) {
 .brand-name {font-size:15px}
 .brand-logo {width:39px;height:39px}
 .hero {padding-top:31px}
 .hero h1 {font-size:clamp(53px,12vw,78px);line-height:.99;letter-spacing:-.085em}
 .hero-eyebrow {font-size:9px;letter-spacing:.8px}
 .hero-portrait-art {height:380px;max-width:380px;margin:31px auto 42px}
 .hero-photo-backdrop {inset:15px 8px 20px 19px;border-radius:150px 150px 12px 12px}
 .hero-photo-wrap {inset:4px 18px 10px 4px;border-radius:150px 150px 12px 12px}
 .hero-studio-card {width:155px;left:-10px;bottom:50px;padding:12px 14px;transform:rotate(-5deg)}
 .hero-studio-card strong {font-size:24px}
 .studio-card-kicker {font-size:8px}
 .hero-image-footer {left:15px;right:15px;bottom:14px;font-size:8px}
 .hero-image-footer span:last-child {display:none}
 .hero-satellite {right:-4px;top:11px}
 .services-section {padding:66px 0}
 .service-group,.service-group:not(:first-child) {padding:25px 0 16px}
 .portrait-photo {object-position:center 24%}
}


/* =========================================================
   V4 — BRAND INFORMATION (HEADER LOGO/NAME BUTTON + MODAL)
   ========================================================= */
.brand-trigger{appearance:none;background:transparent;border:0;padding:0;cursor:pointer;color:inherit;text-align:left;min-height:54px}
.brand-trigger:hover .brand-name{color:#673bd5}
.brand-trigger:active{transform:translateY(1px)}
.brand-action{display:grid;place-items:center;margin-left:2px;width:23px;height:23px;border-radius:50%;border:1px solid #d8cce8;background:#f0eafd;color:#6b43cf;font-size:12px;transition:transform .2s ease,background .2s ease}
.brand-trigger:focus-visible{outline:3px solid #764de5;outline-offset:5px;border-radius:6px}
.studio-dialog{padding:0;width:min(730px,calc(100vw - 32px));max-width:730px;max-height:min(92dvh,850px);border:1px solid #e8e1f3;border-radius:22px;background:#fff;color:#1a192b;box-shadow:0 35px 110px rgba(17,12,40,.42);overflow:auto}
.studio-dialog::backdrop{background:rgba(13,10,24,.74);backdrop-filter:blur(8px)}
.studio-panel{position:relative}
.studio-dialog-close{position:absolute;right:21px;top:20px;z-index:3;width:38px;height:38px;border-radius:50%;background:#ffffff25;border:1px solid #ffffff60;color:#fff;font-size:16px;display:grid;place-items:center;transition:background .2s ease}
.studio-dialog-close:hover{background:#ffffff55}
.studio-dialog-close:focus-visible{outline:3px solid #b69aff;outline-offset:3px}
.studio-identity{position:relative;display:flex;align-items:center;gap:22px;padding:34px 72px 34px 34px;min-height:195px;background:radial-gradient(ellipse at 90% 0%,#56359f 0%,transparent 52%),linear-gradient(140deg,#10111e 0%,#211637 100%);color:#fff;overflow:hidden}
.studio-identity::before{content:"";position:absolute;pointer-events:none;inset:0;opacity:.17;background-image:linear-gradient(110deg,transparent 55%,#ab8cfe 56%,transparent 57%)}
.studio-identity-logo{width:120px;height:120px;flex:none;object-fit:contain;border:1px solid #a58aba75;border-radius:20px;background:#0d0c15;box-shadow:0 10px 34px #0008;position:relative}
.studio-identity-copy{position:relative;min-width:0}
.studio-identity-kicker{display:block;font:700 10px/1.3 var(--font);letter-spacing:2px;color:#cfbaff;margin-bottom:12px}
.studio-identity-copy h2{font:700 clamp(25px,4.5vw,39px)/1.12 var(--font);letter-spacing:-1.4px;margin:0 0 11px;overflow-wrap:anywhere}
.studio-identity-tagline{color:#d8c9f5;font:500 14px/1.4 var(--body);letter-spacing:.4px;margin:0}
.studio-panel-body{padding:31px 36px 37px}
.studio-section-label{margin:0 0 12px;font:700 10px/1.4 var(--font);letter-spacing:1.9px;color:#6842ca}
.studio-description{font:400 15px/1.8 var(--body);color:#515668;margin:0 0 25px}
.studio-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e5e2ef;border-radius:13px;overflow:hidden;margin:0 0 25px;background:#faf9fd}
.studio-fact{padding:19px 17px;min-width:0}
.studio-fact+.studio-fact{border-left:1px solid #e5e2ef}
.studio-fact>span{display:block;font:700 9px/1.5 var(--font);color:#8b849e;letter-spacing:1.4px;margin-bottom:8px}
.studio-fact strong{font:700 14px/1.4 var(--font);letter-spacing:-.3px;color:#242036}
.studio-specialties{padding-bottom:25px;border-bottom:1px solid #e6e5ed}
.studio-specialties>p:last-child{margin:0;font:600 13px/1.9 var(--body);color:#55536a}
.studio-specialties span{color:#8158db;padding:0 3px}
.studio-follow{padding-top:25px}
.studio-follow-header{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:13px}
.studio-follow-header .studio-section-label{margin:0}
.studio-follow-header>span{color:#a09bab;font:700 9px/1.4 var(--font);letter-spacing:1px;white-space:nowrap}
.studio-social-list{display:grid;gap:10px}
.studio-social{display:flex;align-items:center;gap:14px;min-height:66px;border:1px solid #e3e0ed;background:#fff;border-radius:12px;padding:11px 16px;color:#1c1a2c;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.studio-social:hover{transform:translateY(-2px);background:#f9f6ff;border-color:#aa8aeb;box-shadow:0 9px 22px #38206714}
.studio-social-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font:700 22px var(--font);flex:none}
.studio-social-icon.is-instagram{background:#f6e6fa;color:#9d3fc1}
.studio-social-icon.is-youtube{background:#ffe9ec;color:#e72d47;font-size:18px}
.studio-social-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.studio-social-text strong{font:700 14px/1.2 var(--font)}
.studio-social-text small{font:500 12px/1.25 var(--body);color:#797587}
.studio-social-arrow{font-size:20px;color:#7145cf}
@media(max-width:620px){
 .brand-trigger{gap:8px}
 .studio-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:17px}
 .studio-identity{padding:23px 52px 23px 19px;gap:13px;min-height:154px}
 .studio-identity-logo{width:77px;height:77px;border-radius:13px}
 .studio-identity-kicker{font-size:8px;letter-spacing:1px;margin-bottom:8px}
 .studio-identity-copy h2{font-size:clamp(19px,5vw,26px);letter-spacing:-.8px;margin-bottom:7px}
 .studio-identity-tagline{font-size:11px}
 .studio-dialog-close{right:12px;top:12px;width:30px;height:30px}
 .studio-panel-body{padding:23px 19px 27px}
 .studio-description{font-size:13px;line-height:1.7}
 .studio-facts{grid-template-columns:1fr;gap:0}
 .studio-fact{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}
 .studio-fact+.studio-fact{border-left:0;border-top:1px solid #e5e2ef}
 .studio-fact>span{margin:0}
 .studio-fact strong{text-align:right;font-size:13px}
 .studio-follow-header>span{display:none}
 .studio-social{min-height:58px;padding:9px 12px}
 .studio-social-icon{width:35px;height:35px}
}
@media(prefers-reduced-motion:reduce){.studio-social{transition:none!important}}

.studio-social-icon{overflow:hidden;background:#fff}.studio-social-icon-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:11px}.social-link-rich{display:inline-flex;align-items:center;gap:8px}.social-link-icon{width:18px;height:18px;object-fit:contain;display:block;border-radius:4px;flex:none}


/* V7 — responsive, branded software and AI toolkit */
.expertise-section {padding-bottom:104px}
.expertise-content .expertise-caption {font-size:12px;line-height:1.75;color:#716c7e}
.toolkit{padding-top:76px}
.toolkit-header{display:flex;align-items:end;justify-content:space-between;gap:35px;border-top:1px solid #dedde9;padding-top:39px;margin-bottom:28px}
.toolkit-header>div{flex:1;min-width:0}
.toolkit-kicker{display:flex;align-items:center;gap:10px;color:#6e42d3;font:700 11px/1.45 var(--font);letter-spacing:1.8px;margin:0 0 16px}
.toolkit-kicker-dot{width:8px;height:8px;background:#754fe0;border-radius:50%;box-shadow:0 0 0 5px #7149dd16}
.toolkit-header h3{font:700 clamp(34px,4.2vw,64px)/1.02 var(--font);letter-spacing:-.067em;margin:0;color:#171824}
.toolkit-header h3 em{font-weight:500;color:#7041d3}
.toolkit-header>p{max-width:415px;color:#646479;font:400 14px/1.8 var(--body);margin:0 0 1px}
.toolkit-groups{display:flex;flex-direction:column;gap:26px}
.toolkit-group{background:#fff;border:1px solid #e1dfeb;border-radius:18px;padding:25px 26px 28px;box-shadow:0 5px 25px #24174505}
.toolkit-group-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:21px}
.toolkit-group-no{color:#8157dc;font:700 10px/1.4 var(--font);letter-spacing:1.6px}
.toolkit-group-top h4{color:#1d1b2c;font:700 clamp(18px,2.1vw,25px)/1.3 var(--font);letter-spacing:-.8px;margin:7px 0 0}
.toolkit-group-top p{font-size:12px;color:#77758a;margin:0;max-width:355px;line-height:1.5;text-align:right}
.toolkit-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.tool-card{position:relative;display:flex;flex-direction:column;gap:14px;align-items:flex-start;background:#f7f8fc;border:1px solid #e9e7f1;border-radius:14px;padding:18px 17px 16px;min-width:0;min-height:191px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.tool-card:hover{transform:translateY(-4px);border-color:#bfb0f4;background:#fff;box-shadow:0 14px 31px #34205f14}
.tool-icon-frame{height:67px;width:67px;display:grid;place-items:center;border-radius:16px;background:#fff;box-shadow:0 4px 14px #18132a11;overflow:hidden;flex:none}
.tool-icon-frame img{width:58px;height:58px;object-fit:contain;display:block}
.tool-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.tool-brand{font:700 9px/1.45 var(--font);color:#827996;letter-spacing:1px;text-transform:uppercase;min-height:13px}
.tool-copy strong{font:700 16px/1.35 var(--font);color:#1a1b2b;letter-spacing:-.4px;margin:3px 0 7px;overflow-wrap:anywhere}
.tool-category{color:#77768a;font:500 11px/1.55 var(--body);margin-top:auto}
.toolkit-outro{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 2px 0;color:#7c798b;font:600 11px/1.6 var(--font)}
.toolkit-outro span:first-child{color:#6240ba;letter-spacing:1.1px}
.toolkit-outro b{color:#aaa4b9;padding:0 8px}
@media(max-width:1150px){.toolkit-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolkit-group-top{align-items:start}}
@media(max-width:850px){.toolkit{padding-top:57px}.toolkit-header{display:block}.toolkit-header>p{margin-top:18px;max-width:550px}.toolkit-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolkit-group{padding:22px 19px}}
@media(max-width:620px){.expertise-section{padding-bottom:68px}.toolkit{padding-top:50px}.toolkit-header{padding-top:32px}.toolkit-header h3{font-size:clamp(33px,8.3vw,49px)}.toolkit-header>p{font-size:13px}.toolkit-group-top{display:block}.toolkit-group-top p{text-align:left;margin-top:9px}.toolkit-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.toolkit-group{padding:19px 13px 15px;border-radius:15px}.tool-card{padding:14px 12px;gap:12px;min-height:169px}.tool-icon-frame{width:56px;height:56px;border-radius:12px}.tool-icon-frame img{height:50px;width:50px}.tool-copy strong{font-size:14px}.tool-category{font-size:10px}.toolkit-outro{display:block;font-size:10px}.toolkit-outro span{display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card:hover{transform:none}}

/* V8 education and contact additions */
.education-panel{margin-top:54px;padding-top:30px;border-top:1px solid #dcdce9}
.education-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.education-panel-heading .section-kicker{margin:0;color:#6a43be}
.education-panel-heading h3{margin:0;color:#1d1b2e;font:700 clamp(21px,2.7vw,30px)/1.2 var(--font);letter-spacing:-.045em}
.education-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.education-card{border:1px solid #dddbe8;border-radius:16px;padding:26px;background:linear-gradient(145deg,#fff,#f8f7fc);box-shadow:0 12px 30px #17102e09;min-width:0}
.education-meta{font:700 10px/1.6 var(--font);letter-spacing:1.15px;color:#7551b6}
.education-card h4{color:#211b38;font:700 clamp(18px,2vw,23px)/1.2 var(--font);letter-spacing:-.03em;margin:15px 0 10px}
.education-card h4 span{white-space:nowrap}
.education-card p{font:500 14px/1.7 var(--body);color:#5d586b;margin:0 0 19px}
.education-card strong{display:inline-flex;color:#5e3ea6;background:#eee9fa;border:1px solid #e3d8fa;border-radius:999px;padding:7px 12px;font:700 11px/1.4 var(--font)}
@media(max-width:700px){.education-panel-heading{align-items:start;flex-direction:column;gap:10px}.education-cards{grid-template-columns:1fr}.education-card{padding:20px}.contact-email{overflow-wrap:anywhere;word-break:break-word}}


/* V9 — refined resume presentation and direct contact actions */
.resume-section{padding:68px 0 106px}
.resume-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(225px,.5fr);align-items:center;gap:40px;padding:48px 58px;border-radius:24px;color:#fff;background:radial-gradient(circle at 92% 5%,#4a377e 0%,transparent 37%),linear-gradient(125deg,#1c2031,#131724 74%);box-shadow:0 22px 65px #1b1a321b}
.resume-panel:after{content:"";position:absolute;inset:auto -45px -125px auto;width:330px;height:330px;border:1px solid #ffffff18;border-radius:50%;pointer-events:none}
.resume-panel-copy,.resume-download-area{position:relative;z-index:1}
.resume-eyebrow{color:#c6b2ff;font:700 11px/1.5 var(--font);letter-spacing:1.65px;margin:0 0 24px}
.resume-asterisk{font-size:17px;color:#c2abff}
.resume-panel h2{margin:0 0 21px;font:700 clamp(29px,3.5vw,51px)/1.13 var(--font);letter-spacing:-.065em}
.resume-panel h2 em{color:#c6afff;font-style:normal}
.resume-panel-copy>p:not(.resume-eyebrow){color:#bbbacc;max-width:610px;font:400 15px/1.85 var(--body);margin:0 0 23px}
.resume-meta{display:flex;flex-wrap:wrap;gap:9px;color:#b5a7d9;font:600 11px/1.5 var(--font)}
.resume-download-area{display:flex;align-items:center;flex-direction:column;gap:11px}
.resume-document-mark{width:124px;height:154px;position:relative;background:linear-gradient(160deg,#fbfaff,#ddd2ff);color:#22163a;border:1px solid #e6ddff;border-radius:8px 24px 8px 8px;box-shadow:0 18px 40px #04010a75;display:flex;flex-direction:column;justify-content:space-between;padding:18px;transform:rotate(4deg);margin-bottom:13px}
.resume-document-mark span{font:800 36px/1 var(--font);letter-spacing:-3px;color:#6945ca}
.resume-document-mark small{font:700 10px/1.5 var(--font);letter-spacing:1px}
.resume-download-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:50px;background:#b99cff;color:#1b1434;padding:16px 20px;font:700 13px/1.4 var(--font);transition:background .2s,transform .2s}
.resume-download-btn:hover{background:#d2bfff;transform:translateY(-2px)}
.resume-preview-link{color:#e7dcff;text-decoration:underline;text-underline-offset:4px;font:600 11px/1.8 var(--font);padding:4px}
.about-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.contact-section{padding:112px 0 110px}
.contact-layout{align-items:start;gap:clamp(28px,5vw,74px)}
.contact-info{min-width:0}
.contact-reach-label{display:flex;align-items:center;gap:9px;color:#c6b4fb;margin:0 0 29px;font:700 10px/1.4 var(--font);letter-spacing:1.5px}
.contact-status-dot{width:8px;height:8px;border-radius:50%;background:#c6b4fb;box-shadow:0 0 0 5px #9374de25}
.contact-shortcuts{display:flex;gap:9px;flex-wrap:wrap;margin:-3px 0 11px}
.contact-mail-btn,.contact-copy-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border-radius:10px;font:700 12px/1.5 var(--font);transition:background .2s,border-color .2s}
.contact-mail-btn{background:#b99cff;color:#20142d}
.contact-mail-btn:hover{background:#d0b9ff}
.contact-copy-btn{color:#f4ecff;background:#231e35;border:1px solid #605377}
.contact-copy-btn:hover{border-color:#ad97de;background:#312942}
.contact-copy-feedback{min-height:14px;margin:3px 0 18px;color:#dbcaff;font:500 11px/1.4 var(--body)}
.contact-form{border:1px solid #625478;background:linear-gradient(155deg,#211b33,#171526);padding:30px;border-radius:18px;box-shadow:0 22px 60px #05040d45}
.contact-form-intro{margin-bottom:6px}
.contact-form-intro span{color:#cbb6ff;font:700 10px/1.4 var(--font);letter-spacing:1.5px}
.contact-form-intro h3{font:700 26px/1.2 var(--font);letter-spacing:-.85px;color:#fff;margin:9px 0}
.contact-form-intro p{font:400 12px/1.7 var(--body);color:#afa7c0;margin:0 0 15px}
.contact-privacy{color:#aea6c4;font:500 11px/1.5 var(--body);margin:0}
.contact-privacy span{color:#c8afff;margin-right:5px}
.contact-socials{gap:9px}
.social-link-rich{border-radius:10px}
.social-link-rich:hover{background:#372a4c;border-color:#b095ef}
@media(max-width:1050px){.resume-panel{padding:39px 35px;gap:30px}}
@media(max-width:780px){.resume-panel{grid-template-columns:1fr;gap:36px}.resume-download-area{max-width:330px;width:100%;align-items:flex-start}.resume-document-mark{margin:0 0 10px 20px}.contact-form{padding:24px}}
@media(max-width:620px){.resume-section{padding:46px 0 65px}.resume-panel{padding:30px 22px;border-radius:16px}.resume-panel h2{font-size:clamp(29px,8vw,43px)}.resume-panel-copy>p:not(.resume-eyebrow){font-size:13px}.resume-download-area{max-width:none}.resume-document-mark{width:104px;height:127px;margin-left:10px}.contact-section{padding:75px 0}.contact-form{padding:22px 17px}.contact-form-intro h3{font-size:23px}.contact-reach-label{font-size:9px}.contact-layout{gap:24px}}
@media(prefers-reduced-motion:reduce){.resume-download-btn{transition:none}.resume-download-btn:hover{transform:none}}

/* V10: public-safe projects placeholder; original demo projects remain editable in config.js */
#project-filters:empty{display:none}
.work-coming-soon{grid-column:1/-1;display:flex;align-items:center;gap:32px;min-height:220px;padding:34px 42px;border-radius:20px;background:linear-gradient(120deg,#f0ecfb 0%,#fcfbff 67%,#f1f0ff 100%);border:1px solid #e1daf4;box-shadow:0 18px 42px #43315b0b}
.coming-soon-mark{font:700 clamp(56px,8vw,94px)/1 var(--font);color:#7048ca;flex:0 0 auto}
.work-coming-soon>div{flex:1;min-width:0}.coming-soon-kicker{margin:0 0 10px!important;letter-spacing:1.7px;color:#6743b9;font:700 11px var(--font)}
.work-coming-soon h3{margin:0 0 8px;color:#201b2e;font:700 clamp(24px,2.9vw,40px)/1.15 var(--font);letter-spacing:-1px}
.work-coming-soon>div>p:last-child{margin:0;max-width:600px;font-size:14px;line-height:1.7;color:#666071}
.work-coming-soon .btn{color:#fff;background:#653bd3;border-color:#653bd3;white-space:nowrap}.work-coming-soon .btn:hover{background:#4f24bb}
@media(max-width:880px){.work-coming-soon{flex-wrap:wrap;gap:20px;padding:28px 24px}.work-coming-soon .btn{margin-left:auto}}
@media(max-width:520px){.work-coming-soon{display:block;padding:24px 18px}.coming-soon-mark{display:block;margin-bottom:12px}.work-coming-soon .btn{margin-top:22px;max-width:100%;white-space:normal}}