:root{
  /* Navy foundation */
  --bg:#070d1a;--nv-0:#0a1224;--nv-1:#0e1830;--nv-2:#13203f;--nv-3:#1c2d54;
  --line:rgba(214,180,116,0.18);--line-soft:rgba(170,182,207,0.10);
  /* Warm gold/amber accent — bridges trust + cinematic */
  --gold:#d6b474;--gold-bright:#ecd29a;--gold-soft:#c0a05e;--glow:rgba(214,180,116,0.20);
  --paper:#eef2fb;--ash:#aab6cf;--ash-dim:#6f7c98;
  --display:"Fraunces",Georgia,serif;--body:"Archivo",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
  --s--1:clamp(0.78rem,0.74rem + 0.2vw,0.84rem);--s-0:clamp(1rem,0.96rem + 0.2vw,1.1rem);
  --s-1:clamp(1.25rem,1.1rem + 0.7vw,1.6rem);--s-2:clamp(1.7rem,1.35rem + 1.7vw,2.7rem);
  --s-3:clamp(2.4rem,1.8rem + 3vw,4.6rem);--s-4:clamp(3rem,2rem + 5.4vw,7rem);
  --gutter:clamp(1.25rem,5vw,6rem);--bay:clamp(5rem,10vw,10rem);--ease:cubic-bezier(0.22,1,0.36,1);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--body);font-size:var(--s-0);line-height:1.6;letter-spacing:0.01em;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}a{color:inherit;text-decoration:none;}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.02;margin:0;letter-spacing:-0.02em;}
h1{font-size:var(--s-4);}h2{font-size:var(--s-3);}h3{font-size:var(--s-1);}
.wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--gutter);}
.bay{padding-block:var(--bay);position:relative;}
.tc{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:0.8rem;}
.tc::before{content:"";width:10px;height:10px;border:1px solid var(--gold);border-radius:1px;display:inline-block;}
.scanlines{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.22;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,0.16) 3px,transparent 4px);mix-blend-mode:multiply;}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.2rem var(--gutter);transition:all 0.4s var(--ease);}
.site-header.is-stuck{background:rgba(7,13,26,0.78);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-block:0.75rem;}
.brand{font-family:var(--display);font-size:var(--s-1);letter-spacing:-0.01em;display:flex;align-items:center;gap:0.7rem;}
.brand .reel{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;position:relative;}
.brand .reel::before,.brand .reel::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);}
.brand .reel::before{top:7px;}.brand .reel::after{bottom:7px;}
.nav{display:flex;gap:2rem;align-items:center;}
.nav a{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.12em;text-transform:uppercase;color:var(--ash);position:relative;padding:0.3rem 0;}
.nav a:not(.btn)::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);transition:width 0.35s var(--ease);}
.nav a:not(.btn):hover::after{width:100%;}.nav a:not(.btn):hover{color:var(--gold-bright);}
.nav a.btn{color:#0a0a0a!important;font-weight:700;}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--paper);padding:0.5rem 0.7rem;border-radius:3px;font-family:var(--mono);font-size:var(--s--1);cursor:pointer;}
@media(max-width:980px){.nav{position:fixed;inset:0;flex-direction:column;justify-content:center;background:var(--bg);transform:translateY(-100%);transition:transform 0.5s var(--ease);gap:2rem;}.nav.is-open{transform:translateY(0);}.nav a{font-size:var(--s-1);}.nav-toggle{display:inline-block;z-index:60;}}
.btn{display:inline-flex;align-items:center;gap:0.6rem;font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.14em;text-transform:uppercase;font-weight:600;padding:0.95rem 1.6rem;border-radius:3px;border:1px solid var(--gold);color:#0a0a0a;background:var(--gold);transition:all 0.3s var(--ease);cursor:pointer;}
.nav .btn{padding:0.6rem 1.15rem;}
.btn--ghost{background:transparent;color:var(--gold-bright);border-color:var(--gold-bright);font-weight:500;}
.btn:hover{background:var(--gold-bright);border-color:var(--gold-bright);transform:translateY(-2px);box-shadow:0 14px 40px -14px var(--glow);}
.btn--ghost{background:transparent;color:var(--gold-bright);}
.btn--ghost:hover{background:rgba(214,180,116,0.08);box-shadow:none;}
/* HERO */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:7rem var(--gutter) 4rem;}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 50% at 50% 42%,var(--glow),transparent 70%),linear-gradient(180deg,var(--nv-0),var(--bg));}
.hero::after{content:"";position:absolute;left:50%;top:42%;width:140vw;height:60vh;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(ellipse at center,rgba(214,180,116,0.10),transparent 60%);filter:blur(40px);animation:flicker 6s ease-in-out infinite;}
@keyframes flicker{0%,100%{opacity:0.8;}45%{opacity:1;}60%{opacity:0.7;}75%{opacity:0.92;}}
.hero .tc{opacity:0;animation:fadeUp 0.7s var(--ease) 0.2s forwards;}
.hero h1{margin-top:1.6rem;max-width:18ch;}
.hero h1 .line{display:block;overflow:hidden;padding-bottom:0.12em;}
.hero h1 .line span{display:block;transform:translateY(110%);animation:titleIn 0.9s var(--ease) forwards;line-height:1.15;}
.hero h1 .line:nth-child(1) span{animation-delay:0.45s;}
.hero h1 .line:nth-child(2) span{animation-delay:0.65s;}
.hero h1 em{font-style:italic;color:var(--gold-bright);}
@keyframes titleIn{to{transform:translateY(0);}}
.hero-sub{margin-top:1.8rem;max-width:50ch;color:var(--ash);font-size:var(--s-1);font-family:var(--display);font-weight:300;line-height:1.5;opacity:0;animation:fadeUp 0.8s var(--ease) 1s forwards;}
.hero-actions{margin-top:2.6rem;display:flex;flex-direction:column;align-items:center;gap:1.6rem;opacity:0;animation:fadeUp 0.8s var(--ease) 1.2s forwards;}
.hero-play{display:inline-flex;flex-direction:column;align-items:center;gap:0.9rem;cursor:pointer;}
.hero-play .disc{width:74px;height:74px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-bright);font-size:1.1rem;transition:all 0.4s var(--ease);position:relative;}
.hero-play .disc::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid var(--line);animation:ring 3s ease-out infinite;}
@keyframes ring{0%{transform:scale(0.9);opacity:0.8;}100%{transform:scale(1.35);opacity:0;}}
.hero-play:hover .disc{background:var(--gold);color:var(--bg);transform:scale(1.06);}
.hero-play .lab{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.2em;text-transform:uppercase;color:var(--ash);}
.hero-foot{position:absolute;bottom:1.6rem;left:0;right:0;display:flex;justify-content:space-between;padding-inline:var(--gutter);font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.14em;text-transform:uppercase;color:var(--ash-dim);opacity:0;animation:fadeUp 0.8s var(--ease) 1.5s forwards;}
@media(max-width:680px){.hero-foot{display:none;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
/* Trust stats */
.trust{border-block:1px solid var(--line);background:var(--nv-0);}
.trust-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding-block:2.2rem;}
.trust-item{display:flex;flex-direction:column;gap:0.3rem;}
.trust-item .n{font-family:var(--display);font-size:var(--s-2);color:var(--gold-bright);line-height:1;}
.trust-item .l{font-family:var(--mono);font-size:var(--s--1);color:var(--ash-dim);letter-spacing:0.14em;text-transform:uppercase;}
/* Credits marquee */
.credits{border-block:1px solid var(--line);overflow:hidden;padding-block:1rem;background:var(--nv-0);}
.credits-track{display:flex;gap:2.5rem;white-space:nowrap;animation:marquee 38s linear infinite;}
.credits-track span{font-family:var(--display);font-size:var(--s-1);color:var(--ash-dim);font-style:italic;}
.credits-track span::after{content:"✦";margin-left:2.5rem;color:var(--gold-soft);font-style:normal;font-size:0.7em;}
@keyframes marquee{to{transform:translateX(-50%);}}
.head{max-width:60ch;margin-bottom:clamp(2.5rem,5vw,3.5rem);}
.head h2{margin-top:1rem;}
.head p{color:var(--ash);margin-top:1.1rem;font-size:var(--s-1);font-family:var(--display);font-weight:300;line-height:1.5;}
/* Showreel */
.filters{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2.2rem;}
.filter{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.1em;text-transform:uppercase;padding:0.5rem 1rem;border:1px solid var(--line);border-radius:2px;color:var(--ash);background:none;cursor:pointer;transition:all 0.3s var(--ease);}
.filter.is-active,.filter:hover{color:var(--bg);background:var(--gold);border-color:var(--gold);}
.reel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:clamp(0.8rem,1.5vw,1.2rem);}
.reel-item{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);background:var(--nv-1);cursor:pointer;}
.reel-item.is-hidden{display:none;}
.reel-item img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.25) brightness(0.88);transition:all 0.6s var(--ease);}
.reel-item:hover img{filter:grayscale(0) brightness(1);transform:scale(1.04);}
.reel-ph{width:100%;height:100%;display:grid;place-items:center;color:var(--ash-dim);font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.12em;}
.reel-meta{position:absolute;inset:auto 0 0 0;padding:1.1rem;background:linear-gradient(180deg,transparent,rgba(7,13,26,0.94));display:flex;justify-content:space-between;align-items:flex-end;}
.reel-meta .t{font-family:var(--display);font-size:var(--s-0);}
.reel-meta .c{font-family:var(--mono);font-size:var(--s--1);color:var(--gold);letter-spacing:0.1em;text-transform:uppercase;}
.reel-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.8);width:54px;height:54px;border-radius:50%;background:rgba(214,180,116,0.94);display:grid;place-items:center;color:var(--bg);opacity:0;transition:all 0.4s var(--ease);}
.reel-item:hover .reel-play{opacity:1;transform:translate(-50%,-50%) scale(1);}
.reel-foot{margin-top:2.2rem;}
/* Pillar section shared card */
.pillar-grid{display:grid;gap:clamp(1rem,2vw,1.4rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));}
.pcard{border:1px solid var(--line);background:linear-gradient(180deg,var(--nv-1),var(--nv-0));padding:clamp(1.5rem,2.5vw,2rem);transition:all 0.5s var(--ease);}
.pcard:hover{border-color:rgba(214,180,116,0.4);transform:translateY(-5px);}
.pcard .n{font-family:var(--mono);font-size:var(--s--1);color:var(--gold);letter-spacing:0.16em;}
.pcard h3{margin:0.8rem 0 0.5rem;}
.pcard p{color:var(--ash);margin:0;font-size:var(--s-0);}
.caps{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:2.2rem;}
.cap{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-bright);border:1px solid var(--line);border-radius:2px;padding:0.45rem 0.9rem;}
/* Bridge */
.bridge{text-align:center;max-width:52ch;margin:0 auto clamp(2.5rem,5vw,3.5rem);}
.bridge .arrow{font-family:var(--mono);color:var(--gold-soft);font-size:var(--s-1);letter-spacing:0.2em;display:block;margin-bottom:0.9rem;}
.bridge p{font-family:var(--display);font-size:var(--s-2);font-weight:300;line-height:1.2;}
.bridge em{font-style:italic;color:var(--gold-bright);}
/* Studio / about */
.studio-grid{display:grid;gap:clamp(2rem,5vw,5rem);align-items:center;}
@media(min-width:860px){.studio-grid{grid-template-columns:1.1fr 0.9fr;}}
.statement{font-family:var(--display);font-size:var(--s-3);font-weight:300;line-height:1.1;letter-spacing:-0.02em;}
.statement em{font-style:italic;color:var(--gold-bright);}
.about-body{color:var(--ash);font-size:var(--s-1);font-family:var(--display);font-weight:300;line-height:1.5;}
.ventures-mini{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;}
.vmini{border:1px solid var(--line);padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:0.2rem;transition:border-color 0.4s var(--ease);}
.vmini:hover{border-color:rgba(214,180,116,0.4);}
.vmini .r{font-family:var(--mono);font-size:var(--s--1);color:var(--gold);letter-spacing:0.12em;text-transform:uppercase;}
.vmini strong{font-family:var(--display);font-size:var(--s-1);font-weight:400;}
/* Brand strip */
.brandstrip{border-block:1px solid var(--line);background:var(--nv-0);padding-block:clamp(1.8rem,3.5vw,2.6rem);overflow:hidden;}
.brandstrip .lab{text-align:center;font-family:var(--mono);font-size:var(--s--1);color:var(--ash-dim);letter-spacing:0.22em;text-transform:uppercase;margin-bottom:1.6rem;}
.brand-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.brand-track{display:flex;align-items:center;gap:clamp(1.5rem,3vw,3rem);width:max-content;animation:marquee 32s linear infinite;}
.brandstrip:hover .brand-track{animation-play-state:paused;}
.brand-logo{height:50px;min-width:128px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:2px;padding:0 1.4rem;color:var(--ash-dim);font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.08em;flex-shrink:0;}
/* Testimonials */
.testi-grid{display:grid;gap:clamp(1rem,2vw,1.4rem);}
@media(min-width:760px){.testi-grid{grid-template-columns:1fr 1fr;}}
.testi{border:1px solid var(--line);background:var(--nv-0);padding:clamp(1.6rem,3vw,2.2rem);transition:border-color 0.4s var(--ease);}
.testi:hover{border-color:rgba(214,180,116,0.35);}
.testi blockquote{margin:0 0 1.3rem;font-family:var(--display);font-size:var(--s-1);font-weight:300;font-style:italic;line-height:1.4;}
.testi .who{font-family:var(--body);font-weight:600;color:var(--gold-bright);}
.testi .role{font-family:var(--mono);font-size:var(--s--1);color:var(--ash-dim);letter-spacing:0.06em;margin-top:0.2rem;}
/* Blog */
.blog-grid{display:grid;gap:clamp(1rem,2vw,1.4rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));}
.post{border:1px solid var(--line);background:linear-gradient(180deg,var(--nv-1),var(--nv-0));display:flex;flex-direction:column;transition:all 0.5s var(--ease);}
.post:hover{border-color:rgba(214,180,116,0.4);transform:translateY(-5px);}
.post-img{aspect-ratio:16/9;background:var(--nv-2);display:grid;place-items:center;color:var(--ash-dim);font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.1em;border-bottom:1px solid var(--line);}
.post-body{padding:clamp(1.3rem,2.5vw,1.8rem);display:flex;flex-direction:column;gap:0.6rem;flex:1;}
.post .cat{font-family:var(--mono);font-size:var(--s--1);color:var(--gold);letter-spacing:0.12em;text-transform:uppercase;}
.post h3{font-size:var(--s-1);}
.post p{color:var(--ash);margin:0;font-size:var(--s-0);flex:1;}
.post .more{font-family:var(--mono);font-size:var(--s--1);color:var(--gold-bright);letter-spacing:0.08em;text-transform:uppercase;margin-top:0.4rem;}
/* Contact */
.contact-grid{display:grid;gap:clamp(2rem,5vw,5rem);}
@media(min-width:860px){.contact-grid{grid-template-columns:1fr 1fr;}}
.field{margin-bottom:1.3rem;}
.field label{display:block;font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.14em;text-transform:uppercase;color:var(--ash);margin-bottom:0.5rem;}
.field input,.field textarea,.field select{width:100%;background:var(--nv-1);border:1px solid var(--line);border-radius:3px;color:var(--paper);padding:0.9rem 1rem;font-family:var(--body);font-size:var(--s-0);transition:border-color 0.3s var(--ease);}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--gold);}
.field textarea{min-height:120px;resize:vertical;}
.selective{font-family:var(--mono);font-size:var(--s--1);color:var(--gold);letter-spacing:0.08em;margin-top:1.2rem;}
/* Footer */
.site-footer{border-top:1px solid var(--line);padding:clamp(2.5rem,5vw,4rem) 0 2.5rem;}
.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;align-items:flex-end;}
.footer-grid .colo{font-family:var(--mono);font-size:var(--s--1);color:var(--ash-dim);letter-spacing:0.1em;}
.social{display:flex;gap:1.2rem;flex-wrap:wrap;}
.social a{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.12em;text-transform:uppercase;color:var(--ash);transition:color 0.3s var(--ease);}
.social a:hover{color:var(--gold-bright);}
/* Motion */
.reveal{opacity:0;transform:translateY(34px);transition:opacity 0.85s var(--ease),transform 0.85s var(--ease);}
.reveal.is-in{opacity:1;transform:none;}
.reveal[data-d="1"]{transition-delay:0.08s;}.reveal[data-d="2"]{transition-delay:0.16s;}.reveal[data-d="3"]{transition-delay:0.24s;}
.reveal-scale{opacity:0;transform:scale(0.96);transition:opacity 0.9s var(--ease),transform 0.9s var(--ease);}
.reveal-scale.is-in{opacity:1;transform:none;}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(4,7,14,0.96);display:none;align-items:center;justify-content:center;padding:var(--gutter);}
.lightbox.is-open{display:flex;}
.lightbox-inner{width:min(960px,100%);aspect-ratio:16/9;position:relative;}
.lightbox iframe{width:100%;height:100%;border:0;border-radius:4px;}
.lightbox-close{position:absolute;top:-3rem;right:0;background:none;border:1px solid var(--line);color:var(--paper);padding:0.5rem 0.9rem;border-radius:3px;font-family:var(--mono);cursor:pointer;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--bg);padding:0.7rem 1rem;z-index:200;}
.skip-link:focus{left:1rem;top:1rem;}
.proto-note{position:fixed;bottom:1rem;left:1rem;z-index:90;background:rgba(7,13,26,0.85);border:1px solid var(--line);backdrop-filter:blur(8px);color:var(--ash);font-family:var(--mono);font-size:0.68rem;letter-spacing:0.05em;padding:0.5rem 0.8rem;border-radius:3px;max-width:280px;line-height:1.4;}
.proto-note b{color:var(--gold-bright);}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;}.reveal,.reveal-scale{opacity:1;transform:none;}.hero h1 .line span{transform:none;}}

/* ---- Blog archive & single (theme-consistent) ---- */
.page-hero{padding:9rem var(--gutter) 3rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--nv-0),var(--bg));}
.page-hero .tc{margin-bottom:1rem;}
.page-hero h1{font-size:var(--s-3);}
.post-list{display:grid;gap:clamp(1rem,2vw,1.4rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));}
.single-wrap{max-width:760px;margin-inline:auto;padding-inline:var(--gutter);}
.single-wrap .tc{margin:2rem 0 1rem;}
.single-wrap h1{font-size:var(--s-3);margin-bottom:1rem;}
.single-meta{font-family:var(--mono);font-size:var(--s--1);color:var(--ash-dim);letter-spacing:0.08em;margin-bottom:2rem;}
.single-feat{margin:2rem 0;border:1px solid var(--line);border-radius:4px;overflow:hidden;}
.single-content{font-size:1.12rem;line-height:1.75;color:var(--paper);}
.single-content p{margin:0 0 1.4rem;}
.single-content h2{font-size:var(--s-2);margin:2.2rem 0 1rem;}
.single-content h3{font-size:var(--s-1);margin:1.8rem 0 0.8rem;}
.single-content a{color:var(--gold-bright);text-decoration:underline;}
.single-content img{border-radius:4px;margin:1.5rem 0;}
.single-content blockquote{border-left:2px solid var(--gold);padding-left:1.2rem;font-family:var(--display);font-style:italic;color:var(--ash);}
.back-link{display:inline-block;margin:2.5rem 0;font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-bright);}
.pagination{display:flex;gap:1rem;justify-content:center;margin-top:3rem;}
.pagination .page-numbers{font-family:var(--mono);font-size:var(--s--1);padding:0.5rem 0.9rem;border:1px solid var(--line);border-radius:2px;color:var(--ash);}
.pagination .current{background:var(--gold);color:var(--bg);border-color:var(--gold);}

/* ---- Contact connect rows (book / whatsapp / linkedin) ---- */
.connect-block{display:flex;flex-direction:column;gap:0.7rem;}
.connect-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.9rem 1.1rem;border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,var(--nv-1),var(--nv-0));transition:all 0.4s var(--ease);}
.connect-row:hover{border-color:rgba(214,180,116,0.4);transform:translateX(4px);}
.connect-copy{display:flex;flex-direction:column;gap:0.15rem;}
.connect-q{font-family:var(--display);font-size:var(--s-0);color:var(--paper);font-weight:400;}
.connect-sub{font-size:var(--s--1);color:var(--ash-dim);}
.connect-cta{padding:0.65rem 1.2rem;white-space:nowrap;flex-shrink:0;}
.icon-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1rem;border-radius:5px;font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.08em;text-transform:uppercase;font-weight:600;white-space:nowrap;flex-shrink:0;transition:all 0.3s var(--ease);}
.icon-btn svg{flex-shrink:0;}
.icon-btn.wa{background:#25D366;color:#06281a;}
.icon-btn.wa:hover{background:#2be673;transform:translateY(-2px);}
.icon-btn.li{background:#0A66C2;color:#fff;}
.icon-btn.li:hover{background:#1278d8;transform:translateY(-2px);}
@media(max-width:520px){.connect-row{flex-direction:column;align-items:flex-start;gap:0.7rem;}.connect-cta,.icon-btn{align-self:stretch;justify-content:center;}}

/* ---- Contact trust line ---- */
.contact-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:clamp(3rem,6vw,5rem);padding-top:2.2rem;border-top:1px solid var(--line);}
.ct-item{display:flex;flex-direction:column;gap:0.3rem;}
.ct-k{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.16em;text-transform:uppercase;color:var(--gold-soft);}
.ct-v{font-family:var(--display);font-size:var(--s-0);color:var(--paper);font-weight:300;line-height:1.3;}
@media(max-width:760px){.contact-trust{grid-template-columns:repeat(2,1fr);gap:1.4rem 1.2rem;}}

/* ---- Training page ---- */
.train-tracks{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2rem);}
.track{border:1px solid var(--line);border-radius:8px;padding:clamp(1.6rem,3vw,2.4rem);background:linear-gradient(180deg,var(--nv-1),var(--nv-0));display:flex;flex-direction:column;gap:1rem;transition:all 0.5s var(--ease);}
.track:hover{border-color:rgba(214,180,116,0.4);transform:translateY(-5px);}
.track-tag{align-self:flex-start;font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-bright);border:1px solid var(--line);border-radius:3px;padding:0.3rem 0.7rem;}
.track h3{font-size:var(--s-2);}
.track>p{color:var(--ash);}
.track-list{list-style:none;display:flex;flex-direction:column;gap:0.6rem;margin:0.4rem 0 1.2rem;flex:1;}
.track-list li{position:relative;padding-left:1.4rem;color:var(--paper);font-size:var(--s-0);}
.track-list li::before{content:"";position:absolute;left:0;top:0.55em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);}
.track .btn--ghost{align-self:flex-start;}
.cred-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.cred{display:flex;flex-direction:column;gap:0.4rem;border-left:1px solid var(--line);padding-left:1.2rem;}
.cred-n{font-family:var(--display);font-size:var(--s-3);color:var(--gold-bright);line-height:1;}
.cred-l{font-family:var(--mono);font-size:var(--s--1);color:var(--ash-dim);letter-spacing:0.04em;text-transform:uppercase;}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.4rem);}
.step{border:1px solid var(--line);border-radius:6px;padding:clamp(1.3rem,2.5vw,1.8rem);background:var(--nv-0);display:flex;flex-direction:column;gap:0.6rem;}
.step-n{font-family:var(--mono);font-size:var(--s-1);color:var(--gold-soft);}
.step h4{font-size:var(--s-1);}
.step p{color:var(--ash);font-size:var(--s-0);margin:0;}
@media(max-width:860px){.train-tracks{grid-template-columns:1fr;}.cred-grid{grid-template-columns:repeat(2,1fr);gap:1.4rem;}.steps-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.steps-grid{grid-template-columns:1fr;}}


/* ---- Blog: filters + featured lead ---- */
.blog-filters{display:flex;flex-wrap:wrap;gap:0.6rem;margin-bottom:0.5rem;}
.bf{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.08em;text-transform:uppercase;color:var(--ash);border:1px solid var(--line);border-radius:40px;padding:0.45rem 1rem;transition:all 0.3s var(--ease);}
.bf:hover,.bf.is-active{color:var(--bg);background:var(--gold);border-color:var(--gold);}
.post-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(1.2rem,3vw,2.2rem);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:linear-gradient(180deg,var(--nv-1),var(--nv-0));margin-bottom:clamp(1.4rem,3vw,2.2rem);transition:all 0.5s var(--ease);}
.post-lead:hover{border-color:rgba(214,180,116,0.45);transform:translateY(-4px);}
.post-lead-img{min-height:300px;background:var(--nv-2);display:grid;place-items:center;}
.post-lead-img .ph-label{font-family:var(--mono);color:var(--ash-dim);letter-spacing:0.12em;}
.post-lead-body{padding:clamp(1.6rem,3vw,2.6rem);display:flex;flex-direction:column;gap:0.8rem;justify-content:center;}
.post-lead-body .cat{font-family:var(--mono);font-size:var(--s--1);color:var(--gold-bright);letter-spacing:0.12em;text-transform:uppercase;}
.post-lead-body h2{font-size:var(--s-2);}
.post-lead-body p{color:var(--ash);font-size:var(--s-0);}
.post-lead-body .more{font-family:var(--mono);font-size:var(--s--1);color:var(--gold-bright);letter-spacing:0.08em;text-transform:uppercase;}
@media(max-width:760px){.post-lead{grid-template-columns:1fr;}.post-lead-img{min-height:200px;}}

/* ---- News feed + tips ---- */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(0.8rem,1.5vw,1.1rem);}
.news-item{display:flex;flex-direction:column;gap:0.5rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,var(--nv-1),var(--nv-0));transition:all 0.4s var(--ease);}
.news-item:hover{border-color:rgba(214,180,116,0.4);transform:translateY(-3px);}
.news-src{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-soft);}
.news-title{font-family:var(--display);font-size:var(--s-0);color:var(--paper);line-height:1.35;font-weight:400;}
.news-go{font-family:var(--mono);font-size:var(--s--1);color:var(--gold-bright);letter-spacing:0.06em;margin-top:auto;}
.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(0.9rem,2vw,1.3rem);}
.tip-item{display:flex;flex-direction:column;gap:0.5rem;padding:1.4rem;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;background:var(--nv-0);transition:all 0.4s var(--ease);}
.tip-item:hover{border-left-color:var(--gold-bright);transform:translateX(4px);}
.tip-mark{font-size:1.3rem;}
.tip-title{font-family:var(--display);font-size:var(--s-1);color:var(--paper);}
.tip-ex{font-size:var(--s-0);color:var(--ash);}


/* ---- Training why-grid ---- */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem);}
.why{border:1px solid var(--line);border-radius:8px;padding:clamp(1.4rem,2.5vw,2rem);background:linear-gradient(180deg,var(--nv-1),var(--nv-0));display:flex;flex-direction:column;gap:0.8rem;}
.why-n{font-family:var(--display);font-size:var(--s-3);color:var(--gold-bright);line-height:1;}
.why p{color:var(--ash);font-size:var(--s-0);margin:0;}
@media(max-width:860px){.why-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.why-grid{grid-template-columns:1fr;}}

/* ---- About page ---- */
.about-story p{font-size:var(--s-1);line-height:1.7;color:var(--paper);font-family:var(--display);font-weight:300;margin:0 0 1.4rem;}
.belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2rem);}
.belief{border-top:2px solid var(--gold);padding-top:1.2rem;display:flex;flex-direction:column;gap:0.6rem;}
.belief h4{font-size:var(--s-1);}
.belief p{color:var(--ash);font-size:var(--s-0);margin:0;}
a.track{transition:all 0.5s var(--ease);}
@media(max-width:860px){.belief-grid{grid-template-columns:1fr;}}

/* ---- Training: three audience tracks ---- */
.train-tracks--3{grid-template-columns:repeat(3,1fr);}
@media(max-width:980px){.train-tracks--3{grid-template-columns:1fr;}}

/* ---- Free Tools page ---- */
.tool-nav{display:flex;flex-wrap:wrap;gap:0.6rem;}
.tool-chip{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.06em;text-transform:uppercase;color:var(--ash);border:1px solid var(--line);border-radius:40px;padding:0.5rem 1rem;}
.tool-chip.is-active{color:var(--bg);background:var(--gold);border-color:var(--gold);}
.tool-chip.is-soon{opacity:0.5;}
.tool-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--nv-1),var(--nv-0));padding:clamp(1.6rem,3vw,2.6rem);}
.tool-head{margin-bottom:1.8rem;}
.tool-tag{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-bright);}
.tool-head h2{margin:0.6rem 0 0.6rem;}
.tool-head p{color:var(--ash);max-width:60ch;}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,3vw,2.4rem);align-items:start;}
.tool-label{display:block;font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-soft);margin:1.1rem 0 0.4rem;}
.tool-label:first-of-type{margin-top:0;}
.tool-field{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--paper);font-family:var(--body);font-size:var(--s-0);padding:0.8rem 0.9rem;}
.tool-field:focus{outline:none;border-color:var(--gold);}
select.tool-field{cursor:pointer;}
.tool-go{margin-top:1.4rem;width:100%;}
.tool-output{min-height:280px;}
.tool-empty{border:1px dashed var(--line);border-radius:8px;padding:2.4rem 1.4rem;text-align:center;color:var(--ash-dim);font-family:var(--mono);font-size:var(--s--1);height:100%;display:flex;align-items:center;justify-content:center;}
.tool-result{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--nv-0);}
.tool-result-inner{padding:1.4rem;display:flex;flex-direction:column;gap:1rem;transition:filter 0.4s ease;}
.tool-result-inner.is-locked{filter:blur(7px);pointer-events:none;user-select:none;min-height:840px;}
.cap-block{border-left:2px solid var(--gold);padding-left:1rem;}
.cap-num{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:0.3rem;}
.cap-text{color:var(--paper);font-size:var(--s-0);line-height:1.6;}
.cap-tags{color:var(--gold-bright);font-size:var(--s-0);line-height:1.8;word-spacing:0.2em;}
.tool-gate{position:absolute;inset:0;background:rgba(7,13,26,0.92);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:1.2rem;overflow-y:auto;}
.gate-inner{max-width:420px;text-align:center;width:100%;}
.gate-kicker{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-bright);}
.gate-inner h3{margin:0.5rem 0 0.6rem;font-size:var(--s-2);}
.gate-sub{color:var(--ash);font-size:var(--s-0);margin-bottom:1.2rem;}
.gate-reveal{width:100%;margin-top:0.8rem;}
@media(max-width:820px){.tool-grid{grid-template-columns:1fr;}}

/* ---- Tools: extra elements (scorecard, invoice, etc.) ---- */
.sc-q{margin-bottom:1rem;}
.sc-opt{display:block;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:0.6rem 0.8rem;margin-bottom:0.4rem;cursor:pointer;color:var(--paper);font-size:var(--s-0);transition:border-color 0.2s;}
.sc-opt:hover{border-color:var(--gold);}
.sc-opt input{margin-right:0.6rem;}
.inv-row{display:grid;grid-template-columns:1fr 60px 80px;gap:0.5rem;margin-bottom:0.5rem;}
.inv-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:var(--s--1);}
.inv-table th,.inv-table td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;color:var(--paper);}
.inv-preview{color:var(--paper);font-size:var(--s-0);}
input[type=range].tool-field{padding:0;height:36px;}


/* ---- Tools launcher ---- */
.tool-cat{margin-bottom:2.6rem;}
.tool-cat .tc{margin-bottom:1.1rem;}
.tool-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:1rem;}
.tool-launch{text-align:left;background:linear-gradient(180deg,var(--nv-1),var(--nv-0));border:1px solid var(--line);border-radius:10px;padding:1.4rem;cursor:pointer;display:flex;flex-direction:column;gap:0.5rem;transition:all 0.35s var(--ease);font-family:inherit;}
.tool-launch:hover{border-color:var(--gold);transform:translateY(-4px);}
.tl-icon{font-size:1.6rem;}
.tl-name{font-family:var(--display);font-size:var(--s-1);color:var(--paper);font-weight:500;}
.tl-desc{font-size:var(--s--1);color:var(--ash);line-height:1.45;}
/* single tool view */
.tool-back{background:none;border:1px solid var(--line);color:var(--gold-bright);font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.06em;padding:0.6rem 1.1rem;border-radius:40px;cursor:pointer;margin-bottom:1.6rem;transition:all 0.3s var(--ease);}
.tool-back:hover{border-color:var(--gold);background:var(--nv-1);}
.tool-single .tool-card{padding:clamp(1.8rem,4vw,3rem);}
.tool-stack{display:flex;flex-direction:column;gap:1.6rem;}
.tool-stack .tool-inputs{display:flex;flex-direction:column;}
.tool-built{text-align:center;margin-top:2rem;font-family:var(--mono);font-size:var(--s--1);color:var(--ash-dim);letter-spacing:0.04em;}
.tool-built strong{color:var(--gold-soft);}
@media(max-width:600px){.tool-cards{grid-template-columns:1fr 1fr;}}

/* ---- Tools launcher v2 (reference-matched, brand colours) ---- */
.tool-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.tool-launch{position:relative;text-align:left;background:linear-gradient(180deg,var(--nv-1),var(--nv-0));border:1px solid var(--line);border-radius:12px;padding:1.6rem;cursor:pointer;display:flex;flex-direction:column;gap:0.6rem;transition:all 0.35s var(--ease);font-family:inherit;min-height:190px;}
.tool-launch:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 18px 50px -25px rgba(214,180,116,0.5);}
.tl-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;font-size:1.5rem;background:linear-gradient(135deg,var(--gold),var(--gold-bright));box-shadow:0 8px 20px -8px rgba(214,180,116,0.6);margin-bottom:0.3rem;}
.tl-name{font-family:var(--display);font-size:var(--s-1);color:var(--paper);font-weight:500;}
.tl-desc{font-size:var(--s--1);color:var(--ash);line-height:1.45;flex:1;}
.tl-try{font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.05em;color:var(--gold-bright);display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.4rem;}
.tool-launch:hover .tl-arrow{transform:translateX(4px);}
.tl-arrow{transition:transform 0.3s var(--ease);display:inline-block;}
/* badge */
.tool-badge{display:inline-block;font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-bright);border:1px solid var(--line);border-radius:40px;padding:0.4rem 1rem;background:var(--nv-1);}
.tool-single .tool-head h2{font-size:var(--s-3);margin:1rem 0 0.6rem;}
.tool-single .tool-head{margin-bottom:2rem;}
@media(max-width:900px){.tool-cards{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.tool-cards{grid-template-columns:1fr;}}

/* ---- Tool: how it works ---- */
.tool-how{margin-top:2.6rem;}
.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem;}
.how-step{text-align:center;border:1px solid var(--line);border-radius:8px;padding:1.4rem 1rem;background:var(--nv-0);}
.how-n{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 0.7rem;border-radius:50%;background:var(--gold);color:var(--bg);font-family:var(--display);font-weight:600;}
.how-step p{color:var(--ash);font-size:var(--s-0);margin:0;}
@media(max-width:600px){.how-steps{grid-template-columns:1fr;}}

/* ---- Single tool: clean centered stacked layout (reference match) ---- */
.tool-eyebrow{display:block;text-align:center;font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.18em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:0.8rem;}
.tool-single .tool-card{max-width:640px;margin:0 auto;}
.tool-single .tool-inputs{display:flex;flex-direction:column;gap:0.2rem;}
.tool-single .tool-inputs .tool-label{margin:1.1rem 0 0.45rem;}
.tool-single .tool-inputs .tool-label:first-child{margin-top:0;}
.tool-single .tool-field{margin-bottom:0;}
.tool-go{width:100%;margin-top:1.6rem;font-size:var(--s-0);}
.tool-single .tool-head h2{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.05;}

/* ---- Tools feedback panel ---- */
.feedback-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--nv-1),var(--nv-0));padding:clamp(1.8rem,3vw,2.6rem);}
.feedback-head h2{font-size:var(--s-2);}
.feedback-toggle{min-width:220px;}
.feedback-jump{font-family:var(--mono);font-size:var(--s--1);color:var(--gold-bright);letter-spacing:0.04em;}
.feedback-jump:hover{color:var(--gold-bright);text-decoration:underline;}

/* ---- Lead magnet banner ---- */
.lead-banner{background:linear-gradient(135deg,var(--nv-2),var(--nv-1));border-block:1px solid var(--line);padding:clamp(2.5rem,5vw,4rem) 0;}
.lead-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(1.5rem,3vw,3rem);align-items:center;}
.lead-inner h2{font-size:var(--s-2);}
.lead-cta{text-align:center;}
.lead-cta .btn{width:100%;}
@media(max-width:780px){.lead-inner{grid-template-columns:1fr;}}

/* ---- Packages ---- */
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,1.8rem);}
.pkg{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,var(--nv-1),var(--nv-0));padding:clamp(1.6rem,3vw,2.2rem);display:flex;flex-direction:column;gap:0.8rem;transition:all 0.4s var(--ease);}
.pkg:hover{border-color:var(--gold);transform:translateY(-5px);}
.pkg-tag{align-self:flex-start;font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-bright);border:1px solid var(--line);border-radius:40px;padding:0.3rem 0.8rem;}
.pkg h3{font-size:var(--s-2);}
.pkg>p{color:var(--ash);}
.pkg-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem;margin:0.4rem 0 1.2rem;flex:1;}
.pkg-list li{position:relative;padding-left:1.3rem;color:var(--paper);font-size:var(--s-0);}
.pkg-list li::before{content:"";position:absolute;left:0;top:0.55em;width:6px;height:6px;background:var(--gold);transform:rotate(45deg);}
.pkg .btn--ghost{align-self:flex-start;}
@media(max-width:860px){.pkg-grid{grid-template-columns:1fr;}}

/* ---- Testimonials ---- */
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,1.8rem);}
.quote-card{border:1px solid var(--line);border-radius:10px;background:var(--nv-1);padding:clamp(1.6rem,3vw,2.2rem);display:flex;flex-direction:column;gap:1.2rem;}
.quote-card blockquote{margin:0;font-family:var(--display);font-weight:300;font-size:var(--s-1);line-height:1.5;color:var(--paper);}
.quote-card blockquote::before{content:"\201C";color:var(--gold);font-size:2rem;line-height:0;vertical-align:-0.4em;margin-right:0.1em;}
.quote-card figcaption{font-family:var(--mono);font-size:var(--s--1);color:var(--gold-soft);letter-spacing:0.04em;margin-top:auto;}
@media(max-width:860px){.quote-grid{grid-template-columns:1fr;}}

/* ---- FAQ ---- */
.faq-list{display:flex;flex-direction:column;gap:0.8rem;}
.faq-item{border:1px solid var(--line);border-radius:8px;background:var(--nv-0);padding:0 1.4rem;transition:border-color 0.3s;}
.faq-item[open]{border-color:rgba(214,180,116,0.4);}
.faq-item summary{cursor:pointer;padding:1.2rem 0;font-family:var(--display);font-size:var(--s-1);color:var(--paper);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";color:var(--gold-bright);font-size:1.4rem;transition:transform 0.3s;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item p{color:var(--ash);margin:0 0 1.2rem;line-height:1.6;}

/* ---- Client strip ---- */
.client-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.5rem;margin-top:1rem;}
.client-strip span{font-family:var(--display);font-size:var(--s-1);color:var(--ash);letter-spacing:0.01em;opacity:0.85;transition:color 0.3s,opacity 0.3s;}
.client-strip span:hover{color:var(--gold-bright);opacity:1;}
.client-strip-label{margin-bottom:0;}

/* ---- Portfolio (Upwork-safe) page ---- */
.pf-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.4rem clamp(1.25rem,5vw,6rem);border-bottom:1px solid var(--line);background:var(--bg);}
.pf-brand{display:inline-flex;align-items:center;gap:0.6rem;font-family:var(--display);font-size:var(--s-1);color:var(--paper);}
.pf-tagline{font-family:var(--mono);font-size:var(--s--1);color:var(--ash);letter-spacing:0.04em;}
.pf-footer{text-align:center;padding:2.5rem clamp(1.25rem,5vw,6rem);border-top:1px solid var(--line);background:var(--nv-0);}
.pf-footer p{color:var(--ash-dim);font-family:var(--mono);font-size:var(--s--1);letter-spacing:0.04em;margin:0;}
.pf-reel{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.pf-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(7,13,26,0.4);color:var(--gold-bright);font-family:var(--mono);font-size:var(--s-1);letter-spacing:0.06em;transition:background 0.3s;}
.pf-reel:hover .pf-play{background:rgba(7,13,26,0.25);}

/* ---- Portfolio: detailed core expertise blocks ---- */
.exp-block{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;padding:2rem 0;border-top:1px solid var(--line);}
.exp-block:first-child{border-top:none;}
.exp-num{font-family:var(--display);font-size:var(--s-3);color:var(--gold);line-height:1;opacity:0.5;}
.exp-body .pkg-tag{display:inline-block;margin-bottom:0.8rem;}
.exp-body h3{font-size:var(--s-2);margin-bottom:0.8rem;}
.exp-body p{color:var(--ash);margin-bottom:0.8rem;line-height:1.6;}
.exp-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin-top:1rem;padding:0;}
.exp-list li{position:relative;padding-left:1.3rem;color:var(--paper);font-size:var(--s-0);}
.exp-list li::before{content:"";position:absolute;left:0;top:0.55em;width:6px;height:6px;background:var(--gold);transform:rotate(45deg);}
@media(max-width:680px){.exp-block{grid-template-columns:1fr;gap:0.5rem;}.exp-num{font-size:var(--s-2);}.exp-list{grid-template-columns:1fr;}}