:root {
  --bg: #09060e;
  --bg-soft: #100d19;
  --surface: rgba(32, 30, 43, 0.62);
  --surface-strong: rgba(39, 36, 52, 0.88);
  --text: #f8f7fb;
  --muted: #b8b4c3;
  --muted-light: #cdc9d7;
  --line: rgba(255, 255, 255, 0.11);
  --amber: #f4a728;
  --violet: #7c6cff;
  --violet-light: #a79cff;
  --coral: #ff7d61;
  --mint: #80e9bc;
  --radius: 28px;
  --radius-small: 16px;
  --shell: 1280px;
  --ease: cubic-bezier(.2,.75,.25,1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
::selection { color: var(--bg); background: var(--amber); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3 { font-family: "Space Grotesk", sans-serif; letter-spacing: -.045em; }

.shell { width: min(calc(100% - 48px), var(--shell)); margin-inline: auto; }
.section { position: relative; padding: 96px 0; }
.glass {
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 30px 80px rgba(0,0,0,.18);
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
}
.skip-link { position: fixed; top: -100px; left: 24px; z-index: 9999; padding: 12px 18px; color: #000; background: #fff; border-radius: 8px; }
.skip-link:focus { top: 16px; }

/* Header */
.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  border-bottom: 1px solid transparent;
  transition: background .3s ease, border-color .3s ease, backdrop-filter .3s ease;
}
.site-header.is-scrolled { background: rgba(9,6,14,.78); border-color: rgba(255,255,255,.07); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.header-inner { display: flex; min-height: 86px; align-items: center; justify-content: space-between; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.brand-mark { display: grid; width: 42px; height: 42px; place-items: center; color: #130c12; background: linear-gradient(135deg, #ffd974, var(--amber) 58%, var(--coral)); border-radius: 13px 7px 13px 7px; font: 800 22px/1 "Space Grotesk", sans-serif; transform: rotate(-5deg); box-shadow: 0 0 28px rgba(244,167,40,.24); }
.brand-name { font: 700 21px/1 "Space Grotesk", sans-serif; letter-spacing: -.04em; }
.brand-name span { color: var(--violet-light); }
.custom-logo { width: auto; max-height: 52px; }
.site-nav { display: flex; align-items: center; gap: 44px; }
.nav-list, .site-nav ul { display: flex; align-items: center; gap: 34px; margin: 0; padding: 0; list-style: none; }
.nav-list a { position: relative; color: var(--muted-light); font-size: 14px; font-weight: 600; }
.nav-list a::after { content: ""; position: absolute; right: 0; bottom: -8px; left: 0; height: 1px; background: var(--amber); transform: scaleX(0); transform-origin: right; transition: transform .25s var(--ease); }
.nav-list a:hover, .nav-list a:focus-visible { color: #fff; }
.nav-list a:hover::after, .nav-list a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.nav-list .current-menu-item>a,.nav-list .current_page_item>a{color:#fff}.nav-list .current-menu-item>a::after,.nav-list .current_page_item>a::after{transform:scaleX(1)}
.menu-toggle { display: none; border: 0; color: var(--text); background: transparent; cursor: pointer; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 58px; padding: 0 26px; border: 0; border-radius: 14px; font-weight: 700; transition: transform .25s var(--ease), box-shadow .25s ease; }
.button:hover { transform: translateY(-3px); }
.button-small { min-height: 44px; padding-inline: 22px; border-radius: 10px; font-size: 14px; }
.button-gradient { background: linear-gradient(120deg, #6255db, #8e7fff 52%, #6255db); background-size: 200% auto; box-shadow: 0 8px 28px rgba(98,85,219,.26); }
.button-gradient:hover { background-position: right center; box-shadow: 0 12px 34px rgba(98,85,219,.4); }
.button-light { color: #15101c; background: #fff; box-shadow: 0 12px 36px rgba(255,255,255,.12); }
.text-link { display: inline-flex; align-items: center; gap: 14px; padding-block: 8px; border-bottom: 1px solid rgba(255,255,255,.3); color: var(--text); font-weight: 700; }
.text-link span { transition: transform .25s var(--ease); }
.text-link:hover span { transform: translateX(6px); }

/* Hero */
.hero { min-height: 820px; overflow: hidden; padding: 170px 0 0; background: radial-gradient(circle at 42% 36%, rgba(62,61,124,.12), transparent 33%); }
.noise { position: absolute; inset: 0; pointer-events: none; opacity: .16; 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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"); }
.ambient { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(12px); }
.ambient-one { width: 650px; height: 650px; top: 80px; left: -380px; border: 110px solid rgba(61,106,190,.17); box-shadow: 0 0 100px rgba(95,70,190,.25); }
.ambient-two { width: 780px; height: 780px; top: 50px; right: -340px; border: 130px solid rgba(108,71,210,.18); box-shadow: inset 100px -80px 120px rgba(244,167,40,.13), 0 0 110px rgba(64,103,188,.2); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 64px; min-height: 640px; }
.status-pill, .eyebrow { width: fit-content; color: var(--muted-light); font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.status-pill { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; padding: 9px 14px; border: 1px solid var(--line); border-radius: 100px; background: rgba(255,255,255,.045); text-transform: none; }
.status-pill span { width: 8px; height: 8px; background: var(--mint); border-radius: 50%; box-shadow: 0 0 0 5px rgba(128,233,188,.08), 0 0 15px rgba(128,233,188,.65); }
.hero h1 { max-width: 760px; margin-bottom: 30px; font-size: clamp(52px, 5.2vw, 78px); line-height: .99; }
.hero h1::after { content: ""; display: inline-block; width: .28em; height: .28em; margin-left: .12em; background: linear-gradient(135deg, var(--amber), var(--violet)); border-radius: 50%; }
.hero-intro { max-width: 650px; margin-bottom: 36px; color: var(--muted-light); font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 32px; }
.hero-proof { display: flex; align-items: center; gap: 16px; margin-top: 48px; }
.avatar-stack { display: flex; padding-left: 10px; }
.avatar-stack i { display: grid; width: 38px; height: 38px; margin-left: -10px; place-items: center; border: 2px solid var(--bg); border-radius: 50%; background: linear-gradient(135deg, #29223b, #8072d3); font-style: normal; font-size: 11px; font-weight: 800; }
.avatar-stack i:nth-child(2) { background: linear-gradient(135deg, #3d241e, #dd8d57); }
.avatar-stack i:nth-child(3) { background: linear-gradient(135deg, #193532, #4bb697); }
.hero-proof p { margin: 0; font-size: 12px; line-height: 1.45; }
.hero-proof strong, .hero-proof span { display: block; }
.hero-proof span { color: var(--muted); }

.hero-art { position: relative; min-height: 610px; perspective: 1200px; }
.art-orbit { position: absolute; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.orbit-one { inset: 40px 5px 15px 20px; transform: rotate(-18deg); }
.orbit-two { inset: 0 60px 90px 0; border-color: rgba(124,108,255,.2); transform: rotate(24deg); }
.art-orbit::before { content: ""; position: absolute; width: 10px; height: 10px; top: 18%; left: 4%; background: var(--amber); border-radius: 50%; box-shadow: 0 0 22px var(--amber); }
.art-card { position: absolute; overflow: hidden; border-radius: var(--radius); }
.art-card-main { width: 390px; height: 480px; top: 45px; right: 70px; padding: 28px; transform: rotate(5deg); background: linear-gradient(160deg, rgba(69,62,98,.82), rgba(20,18,29,.88)); box-shadow: -40px 45px 120px rgba(0,0,0,.55), 0 0 80px rgba(124,108,255,.14); animation: float 6s ease-in-out infinite; }
.art-card-main::before { content: ""; position: absolute; width: 250px; height: 250px; top: 75px; right: -55px; background: radial-gradient(circle at 35% 35%, #f6d477, #f09e28 28%, #a34ad8 58%, #14101d 72%); border-radius: 50%; filter: saturate(1.2); box-shadow: 0 0 70px rgba(244,167,40,.22); }
.art-top { position: relative; z-index: 2; display: flex; justify-content: space-between; color: rgba(255,255,255,.7); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.art-monogram { position: relative; z-index: 2; margin-top: 78px; font: 700 132px/.72 "Space Grotesk", sans-serif; letter-spacing: -.16em; }
.art-monogram span { color: transparent; -webkit-text-stroke: 2px rgba(255,255,255,.82); }
.art-card-main p { position: absolute; z-index: 2; right: 25px; bottom: 72px; margin: 0; text-align: right; font: 600 17px/1.2 "Space Grotesk", sans-serif; }
.art-colors { position: absolute; z-index: 2; right: 28px; bottom: 27px; display: flex; gap: 5px; }
.art-colors i { width: 22px; height: 7px; border-radius: 8px; background: var(--amber); }.art-colors i:nth-child(2){background:var(--violet)}.art-colors i:nth-child(3){background:var(--coral)}.art-colors i:nth-child(4){background:var(--mint)}
.art-card-note { z-index: 3; width: 210px; height: 145px; right: 0; bottom: 34px; padding: 24px; transform: rotate(-7deg); background: rgba(244,167,40,.9); color: #1d1214; animation: float 5s 1s ease-in-out infinite reverse; }
.art-card-note .spark { display: block; margin-bottom: 15px; font-size: 24px; }.art-card-note strong{font:700 18px/1.15 "Space Grotesk",sans-serif}
.art-card-type { z-index: 3; display: flex; width: 188px; height: 112px; left: -5px; bottom: 100px; align-items: center; gap: 18px; padding: 20px; transform: rotate(4deg); }
.art-card-type > span { color: var(--violet-light); font: 600 46px/1 "Space Grotesk",sans-serif; }.art-card-type small{color:var(--muted-light);line-height:1.5}
.cursor-tag { position: absolute; z-index: 4; top: 92px; right: 20px; padding: 7px 11px; border-radius: 6px 6px 6px 0; background: var(--violet); font-size: 11px; font-weight: 700; transform: rotate(4deg); }
.cursor-tag::before { content: ""; position: absolute; left: -7px; bottom: 0; border: 7px solid transparent; border-right-color: var(--violet); border-bottom-color: var(--violet); }
.hero-marquee { position: relative; z-index: 3; overflow: hidden; margin-top: 40px; border-block: 1px solid var(--line); background: rgba(255,255,255,.025); }
.hero-marquee > div { display: flex; width: max-content; align-items: center; gap: 34px; padding: 20px 0; color: rgba(255,255,255,.7); font: 600 15px/1 "Space Grotesk",sans-serif; letter-spacing: .06em; text-transform: uppercase; animation: marquee 28s linear infinite; }
.hero-marquee i { color: var(--amber); font-style: normal; }

/* Section titles */
.section-heading { margin-bottom: 64px; }.section-heading .eyebrow,.process-intro .eyebrow,.contact-inner .eyebrow{margin-bottom:20px;color:var(--violet-light)}
.section-heading h2, .process-intro h2, .contact-inner h2 { margin-bottom: 0; font-size: clamp(42px, 5vw, 68px); line-height: 1.05; }
.split-heading { display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: 80px; }
.split-heading > p { max-width: 450px; margin: 0 0 7px; color: var(--muted); }
.centered { max-width: 760px; margin-inline: auto; text-align: center; }.centered .eyebrow{margin-inline:auto}.centered>p:last-child{max-width:580px;margin:20px auto 0;color:var(--muted)}

/* Work */
.work-section { overflow: hidden; }
.project-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 64px 28px; }
.project-card { display: block; }
.project-card:nth-child(3) { grid-column: 1 / -1; width: calc(68% - 14px); margin-left: auto; }
.project-media { position: relative; aspect-ratio: 1.16; overflow: hidden; border-radius: var(--radius); background: #191522; }
.project-card:nth-child(2) .project-media { aspect-ratio: .93; }
.project-card:nth-child(3) .project-media { aspect-ratio: 1.7; }
.project-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s var(--ease); }
.project-card:hover .project-media img { transform: scale(1.035); }
.project-arrow { position: absolute; top: 22px; right: 22px; display: grid; width: 52px; height: 52px; place-items: center; color: #111; background: #fff; border-radius: 50%; font-size: 22px; transform: translateY(-80px); transition: transform .35s var(--ease); }
.project-card:hover .project-arrow { transform: translateY(0); }
.project-info { display: flex; justify-content: space-between; gap: 30px; padding: 20px 4px 0; }.project-info p{margin-bottom:4px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.project-info h3{margin:0;font-size:24px}.project-info>span{padding-top:20px;color:var(--muted);font-size:13px}
.project-visual { display: grid; place-items: center; }
.visual-orbit { background: radial-gradient(circle at 50% 45%, #594ed3 0 14%, #23203e 15% 26%, transparent 27%), repeating-radial-gradient(circle at 50% 45%, transparent 0 46px, rgba(255,255,255,.13) 47px 48px), linear-gradient(145deg,#0e1426,#39264b 68%,#9a5b38); }
.visual-word { font: 700 clamp(50px,8vw,110px)/1 "Space Grotesk",sans-serif; letter-spacing:-.08em; mix-blend-mode: overlay; }
.visual-bloom { background: radial-gradient(circle at 30% 35%,#ffd478,transparent 28%),radial-gradient(circle at 70% 65%,#8b68ff,transparent 30%),#f06e67; }
.visual-bloom::before,.visual-bloom::after{content:"";position:absolute;width:65%;height:65%;border:1px solid rgba(255,255,255,.6);border-radius:50% 5% 50% 5%;transform:rotate(40deg)}.visual-bloom::after{transform:rotate(-40deg)}
.bloom-mark{position:relative;z-index:1;color:#19101d;font:700 150px/1 "Space Grotesk",sans-serif}
.visual-grid{justify-items:start;padding:50px;background-color:#e9e5db;background-image:linear-gradient(rgba(22,20,30,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(22,20,30,.1) 1px,transparent 1px);background-size:40px 40px;color:#17121b}.visual-grid::after{content:"";position:absolute;right:9%;width:28%;aspect-ratio:1;background:conic-gradient(from 90deg,var(--amber),var(--coral),var(--violet),var(--amber));border-radius:50%;filter:blur(.2px)}.grid-copy{position:relative;z-index:1;font:800 clamp(45px,6vw,88px)/.85 "Space Grotesk",sans-serif;letter-spacing:-.08em}
.project-placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#312849,#a55a48)}.project-placeholder b{font:700 100px/1 "Space Grotesk",sans-serif;opacity:.5}

/* Services */
.services-section { background: radial-gradient(circle at 50% 45%,rgba(79,63,160,.16),transparent 42%); }
.services-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; }
.service-card { position: relative; min-height: 360px; padding: 38px; border-radius: var(--radius); transition: transform .3s var(--ease), border-color .3s ease; }
.service-card:hover,.service-card:focus-visible { transform: translateY(-6px); border-color: rgba(244,167,40,.5); }
.service-card-link{display:block}.service-card-link .text-link{pointer-events:none}.service-card-link:focus-visible{outline:3px solid var(--amber);outline-offset:5px}
.service-featured { grid-row: span 2; min-height: 742px; display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,rgba(65,54,103,.77),rgba(28,26,37,.72)); }
.service-number { position:absolute;top:32px;right:34px;color:var(--muted);font-size:12px;letter-spacing:.08em; }
.service-card h3 { margin-bottom: 14px; font-size: 30px; }.service-card p{max-width:520px;color:var(--muted);}.service-card ul{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 0;padding:0;list-style:none}.service-card li{padding:7px 11px;border:1px solid var(--line);border-radius:100px;color:var(--muted-light);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.service-icon { display:grid;width:100px;height:100px;place-items:center;margin-bottom:90px;border-radius:24px;background:rgba(255,255,255,.04);color:var(--amber);font:500 44px/1 "Space Grotesk",sans-serif; }
.identity-icon{position:relative;width:230px;height:230px;align-self:center;margin:70px 0 40px;background:radial-gradient(circle,rgba(244,167,40,.2),transparent 60%)}.identity-icon i{position:absolute;width:125px;height:125px;border:2px solid var(--amber);border-radius:50% 15% 50% 15%;transform:rotate(0)}.identity-icon i:nth-child(2){border-color:var(--violet-light);transform:rotate(60deg)}.identity-icon i:nth-child(3){border-color:var(--coral);transform:rotate(120deg)}
.digital-icon{background:linear-gradient(135deg,rgba(124,108,255,.12),rgba(124,108,255,.3));color:var(--violet-light)}.campaign-icon{background:linear-gradient(135deg,rgba(244,167,40,.1),rgba(244,167,40,.26));}
.service-wide{grid-column:1/-1;display:flex;min-height:220px;align-items:flex-end;justify-content:space-between;background:linear-gradient(100deg,rgba(30,44,51,.75),rgba(39,34,58,.72))}.round-link{display:grid;width:68px;height:68px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:26px;transition:background .25s ease,color .25s ease}.round-link:hover{background:#fff;color:#111}

/* Process */
.process-section { overflow:hidden; }
.process-section::before{content:"";position:absolute;width:600px;height:600px;left:-420px;top:100px;border:100px solid rgba(75,68,171,.15);border-radius:50%;filter:blur(14px)}
.process-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:110px; }.process-intro{position:sticky;top:150px;align-self:start}.process-intro>p:not(.eyebrow){max-width:430px;margin:26px 0;color:var(--muted)}
.process-list { margin:0;padding:0;list-style:none;border-top:1px solid var(--line); }
.process-list li{display:grid;grid-template-columns:70px 1fr;gap:26px;padding:36px 10px;border-bottom:1px solid var(--line);}.process-list>li>span{color:var(--violet-light);font-size:12px}.process-list h3{margin-bottom:8px;font-size:32px}.process-list p{max-width:560px;margin:0;color:var(--muted)}

/* Quote + contact */
.quote-section { padding-top: 40px; }
.quote-card{position:relative;max-width:1100px;padding:70px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(44,40,60,.78),rgba(26,24,34,.68));}.quote-symbol{position:absolute;right:55px;top:15px;color:var(--amber);font:500 130px/1 Georgia,serif;opacity:.28}.quote-card blockquote{max-width:930px;margin:0 0 52px;font:500 clamp(32px,4vw,54px)/1.18 "Space Grotesk",sans-serif;letter-spacing:-.045em}.quote-author{display:flex;align-items:center;gap:15px}.quote-avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--coral));color:#17101a;font-weight:800}.quote-author p{margin:0;line-height:1.35}.quote-author strong,.quote-author small{display:block}.quote-author small{color:var(--muted)}.quote-result{margin-left:auto;padding:8px 12px;border:1px solid rgba(128,233,188,.25);border-radius:100px;color:var(--mint);font-size:12px}
.contact-section { overflow:hidden;text-align:center;padding:170px 0; }.ambient-three{width:850px;height:850px;right:calc(50% - 425px);top:60px;border:130px solid rgba(83,66,183,.18);box-shadow:inset 100px 0 130px rgba(244,167,40,.12),0 0 150px rgba(69,96,170,.2)}.contact-inner{position:relative;z-index:1}.contact-inner .eyebrow{margin-inline:auto}.contact-inner h2{font-size:clamp(58px,8vw,112px);line-height:.95}.contact-inner h2 em{color:transparent;background:linear-gradient(90deg,var(--amber),var(--violet-light),var(--amber));background-size:200% auto;-webkit-background-clip:text;background-clip:text;font-style:normal}.contact-email{display:inline-flex;align-items:center;gap:22px;margin-top:52px;padding:18px 28px;border:1px solid var(--line);border-radius:100px;background:rgba(255,255,255,.05);font-size:clamp(17px,2vw,24px);font-weight:700;transition:background .25s ease,color .25s ease}.contact-email span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#fff;color:#111}.contact-email:hover{background:#fff;color:#111}.contact-inner>p:last-child{margin:24px auto 0;color:var(--muted)}

/* Footer + standard content */
.site-footer{position:relative;padding:80px 0 28px;border-top:1px solid var(--line);background:#08050c}.footer-grid{display:grid;grid-template-columns:1.2fr .55fr .8fr;gap:80px;padding-bottom:70px}.footer-brand{margin-bottom:24px}.footer-grid>div:first-child>p{max-width:380px;color:var(--muted)}.footer-label{margin-bottom:18px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.footer-links{margin:0;padding:0;list-style:none}.footer-links li+li{margin-top:8px}.footer-links a,.social-links a{color:var(--muted-light);font-size:14px}.footer-links a:hover,.social-links a:hover{color:#fff}.footer-email{font:600 clamp(18px,2vw,26px)/1.3 "Space Grotesk",sans-serif}.social-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.content-shell{min-height:70vh;padding-top:160px;padding-bottom:120px}.archive-heading{margin-bottom:60px}.archive-heading h1,.narrow-content h1{font-size:clamp(48px,7vw,86px);line-height:1}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.post-card{overflow:hidden;border-radius:var(--radius)}.post-card img{width:100%;aspect-ratio:1.6;object-fit:cover}.post-card-body{padding:30px}.post-card h2{font-size:30px}.post-meta{color:var(--violet-light);font-size:12px;text-transform:uppercase}.narrow-content{max-width:900px}.narrow-content h1{margin-bottom:48px}.entry-content{font-size:18px}.entry-content>*{max-width:760px;margin-inline:auto}.entry-content>.alignwide{max-width:1100px}.entry-content>.alignfull{max-width:none}.single-hero{margin:48px 0}.single-hero img{border-radius:var(--radius)}

/* Reveal and motion */
.motion-ready [data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.motion-ready [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
@keyframes float { 0%,100%{translate:0 0}50%{translate:0 -12px} }
@keyframes marquee { to { transform: translateX(-50%); } }

@media (max-width: 1100px) {
  .site-nav{position:fixed;inset:86px 18px auto;display:block;padding:30px;border:1px solid var(--line);border-radius:22px;background:rgba(16,13,25,.97);box-shadow:0 30px 80px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s var(--ease)}.site-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}
  .nav-list,.site-nav ul{display:block}.nav-list li+li{margin-top:12px}.nav-list a{display:block;padding:9px 0;font-size:18px}.nav-cta{margin-top:24px;width:100%}.menu-toggle{display:flex;align-items:center;gap:12px}.menu-lines{display:grid;gap:5px}.menu-lines i{display:block;width:24px;height:2px;background:currentColor;transition:transform .25s ease}.menu-toggle[aria-expanded="true"] .menu-lines i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-lines i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .hero-grid{grid-template-columns:1fr;gap:20px}.hero{padding-top:150px}.hero-copy{text-align:center}.status-pill,.hero-intro{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-art{width:min(650px,100%);margin-inline:auto}.split-heading{grid-template-columns:1fr;gap:24px}.split-heading>p{max-width:650px}.process-grid{gap:60px}.project-grid{gap:48px 22px}
}

@media (max-width: 760px) {
  .shell{width:min(calc(100% - 32px),var(--shell))}.section{padding:82px 0}.header-inner{min-height:74px}.site-nav{inset:74px 12px auto}.brand-name{font-size:18px}.brand-mark{width:38px;height:38px}.menu-label{display:none}
  .hero{min-height:auto;padding-top:128px}.hero h1{font-size:clamp(42px,12.4vw,62px)}.hero-intro{font-size:16px}.hero-actions{flex-direction:column;gap:16px}.button-light{width:100%;max-width:330px}.hero-proof{margin-top:36px}.hero-art{min-height:490px;margin-top:22px}.art-card-main{width:290px;height:370px;right:calc(50% - 145px);padding:21px}.art-card-main::before{width:190px;height:190px}.art-monogram{margin-top:58px;font-size:98px}.art-card-main p{bottom:58px;font-size:14px}.art-card-note{width:155px;height:112px;right:-4px;bottom:20px;padding:16px}.art-card-note strong{font-size:14px}.art-card-note .spark{margin-bottom:8px}.art-card-type{width:145px;height:90px;left:-6px;bottom:66px;padding:14px}.art-card-type>span{font-size:34px}.art-card-type small{font-size:10px}.cursor-tag{right:8px;top:68px}.orbit-one{inset:20px -50px 20px}.orbit-two{inset:0 0 90px -15px}.hero-marquee{margin-top:10px}
  .section-heading{margin-bottom:44px}.section-heading h2,.process-intro h2{font-size:42px}.project-grid{display:block}.project-card,.project-card:nth-child(3){width:100%;margin:0 0 40px}.project-card:nth-child(2) .project-media,.project-card:nth-child(3) .project-media{aspect-ratio:1.15}.project-arrow{transform:none}.visual-grid{padding:25px}.grid-copy{font-size:45px}
  .services-grid{display:block}.service-card,.service-featured,.service-wide{min-height:0;margin-bottom:16px;padding:28px}.service-featured{display:block}.identity-icon{width:170px;height:170px;margin:35px auto}.identity-icon i{width:95px;height:95px}.service-icon:not(.identity-icon){margin:55px 0 50px}.service-wide{display:flex}.service-card h3{font-size:27px}
  .process-grid{display:block}.process-intro{position:relative;top:auto;margin-bottom:56px}.process-list li{grid-template-columns:45px 1fr;padding:28px 0}.process-list h3{font-size:28px}
  .quote-section{padding-top:0}.quote-card{padding:38px 26px}.quote-symbol{right:20px;font-size:90px}.quote-card blockquote{font-size:30px;margin-bottom:36px}.quote-result{display:none}
  .contact-section{padding:110px 0}.contact-inner h2{font-size:50px}.contact-email{gap:12px;padding:14px 17px}.contact-email span{width:30px;height:30px}
  .footer-grid{grid-template-columns:1fr;gap:36px;padding-bottom:50px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr}.footer-bottom span:nth-child(2){display:none}.footer-bottom a{text-align:right}.post-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}
}

/* Portfolio v2 */
:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.hero-kicker{margin-bottom:14px;color:var(--violet-light);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.experience-number{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(244,167,40,.38);border-radius:17px;background:rgba(244,167,40,.1);color:var(--amber);font:700 20px/1 "Space Grotesk",sans-serif}
.product-window{position:absolute;top:70px;right:12px;width:min(540px,95%);height:420px;overflow:hidden;border-radius:30px;transform:rotate(3deg);background:linear-gradient(155deg,rgba(53,48,77,.9),rgba(16,14,24,.92));box-shadow:-40px 45px 120px rgba(0,0,0,.5);animation:float 7s ease-in-out infinite}
.window-bar{display:flex;align-items:center;gap:7px;height:48px;padding:0 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:.1em}.window-bar i{width:7px;height:7px;border-radius:50%;background:var(--coral)}.window-bar i:nth-child(2){background:var(--amber)}.window-bar i:nth-child(3){background:var(--mint)}.window-bar span{margin-left:auto}
.window-ui{display:grid;grid-template-columns:72px 1fr;height:calc(100% - 48px)}.window-ui aside{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 0;border-right:1px solid var(--line)}.window-ui aside b{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--amber),var(--violet));color:#110d15;font-size:11px}.window-ui aside i{width:22px;height:3px;border-radius:5px;background:rgba(255,255,255,.18)}.window-ui>div{padding:60px 44px;background:radial-gradient(circle at 90% 20%,rgba(124,108,255,.26),transparent 38%)}.window-ui h2{margin:12px 0 32px;font-size:54px;line-height:.95}.ui-label{color:var(--amber);font-size:10px;letter-spacing:.14em}.ui-cards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}.ui-cards i{height:68px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(244,167,40,.22),rgba(124,108,255,.15))}.ui-cards i:nth-child(2){background:rgba(255,255,255,.06)}.ui-cards i:nth-child(3){background:linear-gradient(135deg,rgba(124,108,255,.35),rgba(255,125,97,.12))}
.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skill-card{min-height:310px;padding:34px;border-radius:var(--radius)}.skill-card>span{color:var(--violet-light);font-size:11px}.skill-card h3{margin:90px 0 14px;font-size:30px}.skill-card p{margin:0;color:var(--muted)}
.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.app-grid>.app-card:first-child:last-child,.product-grid>.product-card:first-child:last-child{grid-column:1/-1;max-width:760px;margin-inline:auto;width:100%}.app-card{overflow:hidden;border-radius:var(--radius);transition:transform .3s var(--ease),border-color .3s}.app-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.22)}.app-card-media{position:relative;aspect-ratio:1.45;overflow:hidden;background:#17131f}.app-card-media>img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.app-card:hover .app-card-media>img{transform:scale(1.025)}.app-card-body{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:25px}.app-icon{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#453d69,#bd7351);font-weight:800}.app-icon img{width:100%;height:100%;object-fit:cover}.app-card-body p{margin:0 0 3px;color:var(--violet-light);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-card-body h2,.app-card-body h3{margin:0 0 6px;font-size:24px}.app-card-body>div>span{display:block;color:var(--muted);font-size:13px;line-height:1.5}.app-placeholder{display:grid;width:100%;height:100%;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(244,167,40,.35),transparent 35%),linear-gradient(135deg,#161223,#4d3d72)}.app-placeholder b{font:700 100px/1 "Space Grotesk",sans-serif;opacity:.5}.section-link{margin:42px 0 0;text-align:right}
.empty-state{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:32px;min-height:250px;padding:44px;border-radius:var(--radius)}.empty-glyph{display:grid;width:90px;height:90px;place-items:center;border:1px dashed rgba(255,255,255,.3);border-radius:25px;color:var(--amber);font-size:40px}.empty-state h2,.empty-state h3{font-size:32px}.empty-state p:last-child{max-width:620px;margin:0;color:var(--muted)}
.services-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:390px}.service-card .text-link{margin-top:24px}.services-grid .service-card:first-child:last-child{grid-column:1/-1}
.experience-section{background:radial-gradient(circle at 12% 35%,rgba(124,108,255,.13),transparent 35%)}.experience-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.experience-intro{position:sticky;top:140px;align-self:start}.experience-intro h2{font-size:clamp(42px,5vw,68px);line-height:1.05}.experience-intro>p:not(.eyebrow){margin:24px 0;color:var(--muted)}.timeline-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.timeline-list li{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:34px 4px;border-bottom:1px solid var(--line)}.timeline-list li>span{color:var(--violet-light);font-size:12px}.timeline-list h3{margin:0 0 6px;font-size:28px}.timeline-list p{margin:0;color:var(--muted)}
.quote-card figcaption strong,.quote-card figcaption span{display:block}.quote-card figcaption span{color:var(--muted)}.quote-card blockquote p{margin:0}
.archive-heading{max-width:850px}.archive-heading>p:last-child{max-width:650px;color:var(--muted);font-size:18px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 42px}.filter-bar a{padding:10px 16px;border:1px solid var(--line);border-radius:100px;color:var(--muted-light);font-size:13px}.filter-bar a:hover,.filter-bar a.is-active{border-color:var(--amber);background:rgba(244,167,40,.1);color:#fff}.archive-app-grid{margin-bottom:60px}
.app-detail-hero{padding:170px 0 70px}.app-title-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:30px;max-width:930px;margin-bottom:55px}.app-title-row h1,.app-detail-hero h1,.about-hero h1,.contact-page h1{margin:0 0 16px;font-size:clamp(54px,8vw,112px);line-height:.93}.app-title-row>div>p:last-child,.lead{max-width:750px;color:var(--muted-light);font-size:20px}.app-icon-large{width:100px;height:100px;border-radius:25px;font-size:32px}.product-hero-media{overflow:hidden;margin:0;border-radius:32px;background:#14101d}.product-hero-media img{width:100%;max-height:760px;object-fit:cover}.placeholder-panel{display:grid;min-height:520px;place-items:center;border:1px dashed var(--line);color:var(--muted)}
.detail-grid{display:grid;grid-template-columns:1.35fr .65fr;align-items:start;gap:80px}.facts-panel{padding:32px;border-radius:var(--radius)}.facts-panel dl{margin:0}.facts-panel dl div{padding:17px 0;border-bottom:1px solid var(--line)}.facts-panel dt{margin-bottom:4px;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.facts-panel dd{margin:0;font-weight:700}.store-links{display:grid;gap:10px;margin-top:28px}.two-up{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.detail-card{min-height:300px;padding:38px;border-radius:var(--radius)}.detail-card p:last-child{color:var(--muted-light);font-size:18px}.feature-list{margin:24px 0;padding:0;list-style:none}.feature-list li{padding:18px 0;border-bottom:1px solid var(--line)}.feature-list li::before{content:"↗";margin-right:14px;color:var(--amber)}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.tag-list span{padding:9px 13px;border:1px solid var(--line);border-radius:100px;color:var(--muted-light);font-size:12px}.screenshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}.screenshot-grid img{width:100%;border-radius:20px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related-card{overflow:hidden;padding-bottom:22px;border-radius:var(--radius)}.related-card img{width:100%;aspect-ratio:1.4;object-fit:cover}.related-card h3{margin:20px 22px 0}.mini-cta>.shell{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px;border-radius:var(--radius)}.mini-cta h2{margin:0;font-size:40px}
.card-placeholder{display:grid;aspect-ratio:1.6;place-items:center;background:linear-gradient(135deg,#252037,#6b4b7f);font:700 70px/1 "Space Grotesk",sans-serif}.post-card-body .text-link{margin-top:12px}.post-card-body>p{color:var(--muted)}
.about-hero,.contact-page{padding-top:190px}.about-hero-grid,.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}.about-hero .lead{margin-bottom:30px}.button-disabled{cursor:not-allowed;opacity:.55;background:var(--surface);border:1px solid var(--line)}.resume-list article{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line)}.resume-list time{color:var(--violet-light);font-size:12px}.resume-list h2{margin:0;font-size:28px}.resume-list .role{color:var(--amber);font-size:13px}.resume-list article p:last-child{color:var(--muted)}.resume-sidebar{display:grid;gap:20px;position:sticky;top:130px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-grid article{padding:25px;border-radius:18px}
.form-card{padding:36px;border-radius:var(--radius)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-card label{display:block;margin-bottom:20px;color:var(--muted-light);font-size:13px;font-weight:700}.form-card input,.form-card select,.form-card textarea{display:block;width:100%;margin-top:8px;padding:14px 15px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:rgba(4,3,8,.5)}.form-card textarea{resize:vertical}.form-message{margin-bottom:22px;padding:14px;border-radius:10px}.form-message.success{border:1px solid rgba(128,233,188,.3);background:rgba(128,233,188,.1);color:var(--mint)}.form-message.error{border:1px solid rgba(255,125,97,.35);background:rgba(255,125,97,.1);color:#ffb1a0}.contact-details{display:grid;gap:8px;margin-top:35px}.contact-details a{font-size:20px;font-weight:700}.process-steps{padding-left:22px}.process-steps li{padding:12px}
.page-editor-section{padding-block:80px;background:linear-gradient(180deg,rgba(124,108,255,.055),transparent)}.page-editor-content{font-size:18px}.page-intro-content>*:last-child{margin-bottom:0}.archive-editor-content.entry-content>*{max-width:760px;margin-left:0}.editor-shortcut{display:inline-flex;margin-top:18px;color:var(--amber);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.button-row,.contact-actions{display:flex;flex-wrap:wrap;gap:14px}.contact-actions{justify-content:center;margin-top:32px}.contact-guidance{margin-top:28px}.card-link{display:block}.archive-services-grid{margin-bottom:55px}.archive-services-grid .service-card h2{margin-bottom:14px;font-size:30px}.archive-services-grid .service-card p{color:var(--muted)}.archive-services-grid .service-card:last-child:nth-child(3n+1){grid-column:1/-1;min-height:280px}.product-project-button{width:100%;margin-top:4px}.privacy-actions{display:grid;gap:10px;margin-top:24px}.privacy-actions .button{text-align:center}.rg-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}

/* Popups & Modals */
body.modal-open{overflow:hidden}
.rg-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(5,3,10,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.rg-modal-backdrop.is-active{opacity:1;visibility:visible}
.rg-modal{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;padding:24px 16px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility .25s var(--ease)}
.rg-modal.is-active{opacity:1;visibility:visible}
.rg-modal-dialog{position:relative;width:min(720px,100%);margin:auto;padding:40px;border-radius:var(--radius);background:rgba(20,17,29,.95);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.05);transform:translateY(16px) scale(.98);transition:transform .3s var(--ease)}
.rg-modal.is-active .rg-modal-dialog{transform:translateY(0) scale(1)}
.rg-modal-close{position:absolute;top:22px;right:22px;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.06);color:var(--muted-light);font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease}
.rg-modal-close:hover{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:rotate(90deg)}
.rg-modal-header{margin-bottom:24px;padding-right:44px}
.rg-modal-header h2{margin:6px 0 10px;font-size:clamp(26px,4vw,36px);line-height:1.15}
.rg-modal-subtitle{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.rg-modal-form label{display:block;margin-bottom:18px;color:var(--muted-light);font-size:13px;font-weight:700}
.rg-modal-form input,.rg-modal-form select,.rg-modal-form textarea{display:block;width:100%;margin-top:8px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:rgba(7,5,12,.7);font-size:15px;transition:border-color .2s,box-shadow .2s}
.rg-modal-form input:focus,.rg-modal-form select:focus,.rg-modal-form textarea:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px rgba(244,167,40,.18)}
.rg-modal-form textarea{resize:vertical}
.rg-modal-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:14px}
.rg-modal-note{color:var(--muted);font-size:13px}

@media(max-width:1100px){
 .skill-grid,.services-grid{grid-template-columns:1fr 1fr}.product-window{position:relative;top:auto;right:auto;margin:45px auto 0}.experience-layout,.detail-grid,.about-hero-grid,.contact-layout{grid-template-columns:1fr;gap:55px}.experience-intro,.resume-sidebar{position:relative;top:auto}.related-grid,.course-grid{grid-template-columns:1fr 1fr}
 .privacy-layout{grid-template-columns:1fr;gap:40px}.privacy-sidebar{position:relative;top:auto}
}
@media(max-width:760px){
 .product-window{height:330px}.window-ui{grid-template-columns:52px 1fr}.window-ui>div{padding:40px 24px}.window-ui h2{font-size:40px}.art-card-note{display:none}.skill-grid,.services-grid,.app-grid,.two-up,.screenshot-grid,.related-grid,.course-grid{grid-template-columns:1fr}.skill-card{min-height:250px}.skill-card h3{margin-top:55px}.empty-state{grid-template-columns:1fr;padding:28px}.archive-heading h1{font-size:48px}.app-title-row{grid-template-columns:70px 1fr}.app-icon-large{width:70px;height:70px}.app-title-row h1,.app-detail-hero h1,.about-hero h1,.contact-page h1{font-size:48px}.detail-grid{gap:36px}.placeholder-panel{min-height:300px}.mini-cta>.shell{display:block;padding:30px}.mini-cta h2{margin-bottom:24px;font-size:32px}.timeline-list li,.resume-list article{grid-template-columns:1fr;gap:8px}.about-hero,.contact-page{padding-top:130px}.form-row{grid-template-columns:1fr}.form-card{padding:24px}.app-card-body{grid-template-columns:48px 1fr}.app-icon{width:48px;height:48px}
 .rg-modal-dialog{padding:24px}
 .product-testimonial-card{padding:28px}.privacy-body-card{padding:28px}
}

/* Product Testimonial Section */
.product-testimonial-section{padding:30px 0 50px}
.product-testimonial-card{position:relative;padding:48px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(35,28,52,.75),rgba(17,14,24,.85));border:1px solid rgba(244,167,40,.2);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.product-testimonial-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--amber),var(--violet),transparent)}
.testimonial-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.rating-stars{display:flex;align-items:center;gap:4px;color:var(--amber);font-size:18px}
.rating-stars .star{color:#443d54}
.rating-stars .star.filled{color:var(--amber)}
.rating-badge{margin-left:14px;padding:4px 10px;border-radius:100px;background:rgba(244,167,40,.12);border:1px solid rgba(244,167,40,.28);color:var(--amber);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.quote-glyph{color:rgba(255,255,255,.08);font:700 80px/0.5 "Space Grotesk",sans-serif;user-select:none}
.testimonial-quote{margin:0 0 28px;padding:0}
.testimonial-quote p{margin:0;font-size:clamp(18px,2.2vw,24px);line-height:1.45;color:var(--text);font-weight:500;letter-spacing:-.01em}
.testimonial-author-row{display:flex;align-items:center;gap:16px}
.author-avatar-initials{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--coral));color:#120d18;font:700 16px/1 "Space Grotesk",sans-serif}
.author-name{display:block;color:var(--text);font-size:16px}
.author-role{display:block;color:var(--violet-light);font-size:13px;margin-top:2px}
.section-subheading{margin-top:48px}.availability-block{margin-bottom:20px}.availability-title{margin:0;font-size:28px}.gallery-block{margin-top:60px}.product-privacy-button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:12px;color:var(--muted-light);font-size:12px;font-weight:700}.product-privacy-button:hover{border-color:var(--amber);color:#fff;background:rgba(244,167,40,.1)}.privacy-inline-link,.product-compliance-link{color:var(--amber);text-decoration:underline;text-underline-offset:3px}.privacy-inline-link:hover,.product-compliance-link:hover{color:#fff}.product-compliance-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.product-compliance-link{font-weight:600}

/* Product Privacy Policy Page */
.privacy-page{padding-top:170px}
.privacy-breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--muted);font-size:13px}
.privacy-breadcrumbs a{color:var(--muted-light);transition:color .2s}
.privacy-breadcrumbs a:hover{color:var(--amber)}
.privacy-breadcrumbs span{color:var(--line)}
.privacy-hero-header{margin-bottom:44px}
.privacy-hero-header h1{margin:10px 0 16px;font-size:clamp(38px,5vw,68px);line-height:1.05}
.privacy-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.privacy-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:100px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted-light);font-size:12px;font-weight:600}
.privacy-layout{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:start}
.privacy-body-card{padding:48px;border-radius:var(--radius);line-height:1.8;font-size:15px;color:var(--muted-light)}
.privacy-body-card h2{margin:36px 0 14px;font-size:24px;color:var(--text);letter-spacing:-.02em}
.privacy-body-card h2:first-child{margin-top:0}
.privacy-body-card h3{margin:24px 0 10px;font-size:18px;color:var(--text)}
.privacy-body-card p{margin:0 0 18px}
.privacy-body-card ul{margin:0 0 20px;padding-left:22px}
.privacy-body-card li{margin-bottom:8px}
.privacy-body-card a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.privacy-sidebar{position:sticky;top:130px;display:grid;gap:20px}
.privacy-quick-card{padding:26px;border-radius:var(--radius)}
.privacy-quick-card dl{margin:0}
.privacy-quick-card dt{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}
.privacy-quick-card dd{margin:0 0 16px;color:var(--text);font-weight:600;font-size:14px}
.privacy-quick-card dd:last-child{margin-bottom:0}

/* Portfolio v3 refinements */
.contact-section{padding:130px 0}
.app-card-body .app-card-meta{margin-top:8px;color:var(--muted-light);font-size:11px}
.app-card-media>img{filter:saturate(1.05) contrast(1.03)}
.filter-bar{align-items:center;margin-bottom:24px}
.platform-filter{margin-bottom:42px}
.filter-label{margin-right:4px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.engagement-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:26px}
.engagement-notes span{padding:7px 12px;border:1px solid var(--line);border-radius:100px;color:var(--muted-light);font-size:12px}
.case-study-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}
.case-study-panel{padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.case-study-panel h2{font-size:24px}
.case-study-panel p{margin:0;color:var(--muted-light)}
.compact-process{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0;list-style:none}
.compact-process li{padding:16px 18px;border:1px solid var(--line);border-radius:14px}
.feature-more{margin-top:14px}
.feature-more summary{width:fit-content;cursor:pointer;color:var(--amber);font-weight:700}
.outcome-list{padding-left:22px}
.outcome-list li{margin-bottom:10px;color:var(--muted-light)}
.skill-groups h3{margin:26px 0 8px;font-size:16px}
.skill-groups .tag-list{margin-top:0}
.form-privacy-note{margin:-2px 0 18px;color:var(--muted);font-size:12px}
.form-privacy-note a{color:var(--amber);text-decoration:underline}
.form-card button:disabled{cursor:wait;opacity:.65}
.not-found-page{min-height:75vh;padding-top:180px}
.not-found-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px}
.not-found-layout h1{font-size:clamp(54px,8vw,105px);line-height:.95}
.not-found-links{display:grid;padding:26px;border-radius:var(--radius)}
.not-found-links a{display:flex;justify-content:space-between;padding:18px 8px;border-bottom:1px solid var(--line);font-weight:700}
.not-found-links a:last-child{border-bottom:0}
.not-found-links a span{transition:transform .2s ease}
.not-found-links a:hover span{transform:translateX(4px)}
.contact-details span{color:var(--muted-light)}
.service-detail-section .facts-panel h3{margin-top:30px}
.service-detail-section .facts-panel ul{padding-left:20px;color:var(--muted-light)}
.course-grid article{display:flex;flex-direction:column;gap:10px}.course-grid article>span{color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

@media(max-width:1100px){.not-found-layout{grid-template-columns:1fr;gap:40px}}
@media(max-width:760px){.case-study-grid,.compact-process{grid-template-columns:1fr}.about-hero{padding-bottom:56px}.resume-section{padding-top:56px}.not-found-page{padding-top:130px}.engagement-notes{gap:7px}}