:root{
  --bg:#f6f1e8;
  --surface:#ffffff;
  --surface-2:#fffaf3;
  --ink:#17243a;
  --ink-2:#22324e;
  --muted:#59677a;
  --line:#d9dee7;
  --blue:#2f63ff;
  --blue-dark:#1e47cb;
  --coral:#f06b50;
  --coral-dark:#c9513a;
  --mint:#dff3ea;
  --butter:#ffe08a;
  --cream:#efe6d6;
  --shadow:0 18px 50px rgba(23,36,58,.08);
  --shadow-lg:0 28px 80px rgba(23,36,58,.13);
  --radius:22px;
  --radius-sm:15px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.58;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{border:0}
:focus-visible{outline:3px solid rgba(47,99,255,.35);outline-offset:3px}
.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:10px;z-index:1000}.skip-link:focus{top:1rem}
.container{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.narrow{max-width:840px}
.topbar{background:var(--ink);color:#fff;font-size:.78rem}.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:center;gap:.75rem;letter-spacing:.02em}.topbar strong{color:var(--butter)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid rgba(217,222,231,.88)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:inline-flex;align-items:center;gap:.72rem;font-weight:900;letter-spacing:-.025em}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--ink);color:#fff;position:relative;overflow:hidden}.brand-mark::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--coral);right:-5px;bottom:-5px}.brand-mark span{position:relative;z-index:1}.brand-name{font-size:1rem}.brand-sub{display:block;font-size:.72rem;line-height:1.1;color:var(--muted);font-weight:750;letter-spacing:.055em;text-transform:uppercase;margin-top:.1rem}
.nav-links{display:flex;align-items:center;gap:.3rem}.nav-links a{padding:.62rem .75rem;border-radius:11px;color:#4d5a6d;font-weight:750;font-size:.92rem}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--ink);background:#f0f3f8}.nav-cta{background:var(--blue)!important;color:#fff!important;padding-inline:1rem!important;box-shadow:0 10px 24px rgba(47,99,255,.18)}.nav-cta:hover{background:var(--blue-dark)!important}
.menu-toggle{display:none;width:44px;height:44px;border-radius:12px;background:#f1f4f8;border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:1.15rem}
.hero{padding:3.9rem 0 2.2rem;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(240,107,80,.12);top:-180px;right:-120px}.hero::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(47,99,255,.10);left:-170px;bottom:-180px}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:2.3rem;align-items:center;position:relative;z-index:1}.hero-copy{max-width:680px}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .65rem;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.055em;color:#49576b}.eyebrow-dot{width:8px;height:8px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 6px rgba(240,107,80,.10)}
h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.038em}h1{font-size:clamp(2.85rem,6.2vw,5.8rem);max-width:10.5ch;margin-top:1rem}h2{font-size:clamp(2rem,4vw,3.3rem)}h3{font-size:1.16rem}.lead{font-size:clamp(1.05rem,1.5vw,1.22rem);color:var(--muted);max-width:63ch;margin:1.1rem 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.55rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.8rem 1rem;border-radius:13px;font-weight:850;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 24px rgba(47,99,255,.18)}.btn-primary:hover{background:var(--blue-dark)}.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-coral{background:var(--coral);color:#fff;box-shadow:0 12px 24px rgba(240,107,80,.18)}.btn-coral:hover{background:var(--coral-dark)}
.hero-points{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.hero-point{padding:.47rem .65rem;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:999px;font-size:.82rem;font-weight:750;color:#56647a}
.hero-card{background:var(--ink);border-radius:30px;padding:1rem;box-shadow:var(--shadow-lg);color:#fff;position:relative;overflow:hidden}.hero-card::before{content:"";position:absolute;inset:-35% auto auto 54%;width:240px;height:240px;border-radius:50%;background:rgba(47,99,255,.33);filter:blur(4px)}.hero-card::after{content:"";position:absolute;inset:auto -35% -45% auto;width:260px;height:260px;border-radius:50%;background:rgba(240,107,80,.23)}.hero-card-inner{position:relative;z-index:1;background:linear-gradient(145deg,#1e2d49,#122039);border:1px solid rgba(255,255,255,.09);border-radius:23px;padding:1.2rem}.hero-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.mini-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#b7c5de}.hero-card h2{font-size:1.4rem;margin-top:.25rem;max-width:12ch}.creator-chips{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.85rem}.creator-chip{padding:.42rem .58rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.78rem;font-weight:800}.creator-chip em{font-style:normal;color:var(--butter)}
.hero-product{margin-top:1rem;border-radius:18px;overflow:hidden;background:#f6f0e6;border:1px solid rgba(255,255,255,.1)}.hero-product img{width:100%;aspect-ratio:4/3;object-fit:cover}.hero-product-caption{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.78rem .85rem;background:#fff;color:var(--ink)}.hero-product-caption span{font-size:.8rem;color:var(--muted)}.hero-product-caption strong{font-size:.92rem}
.section{padding:4.4rem 0}.section-compact{padding:2.7rem 0}.section-dark{background:var(--ink);color:#fff}.section-cream{background:var(--surface-2)}.section-blue{background:#eaf0ff}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1.2rem;margin-bottom:1.45rem}.section-head>div{max-width:700px}.section-head p{max-width:52ch;margin:0;color:var(--muted)}.section-dark .section-head p{color:#b9c3d1}.tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:var(--blue);margin-bottom:.55rem}.tag::before{content:"";width:18px;height:2px;background:var(--coral);border-radius:99px}.section-dark .tag{color:#9db4ff}.section-dark .tag::before{background:var(--butter)}
.identity-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(23,36,58,.05)}.identity-item{padding:1rem 1.1rem;border-right:1px solid var(--line)}.identity-item:last-child{border-right:0}.identity-item strong{display:block;font-size:.95rem}.identity-item span{display:block;color:var(--muted);font-size:.8rem;margin-top:.18rem}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;box-shadow:0 10px 30px rgba(23,36,58,.035)}.card p{margin:.55rem 0 0;color:var(--muted)}.card-kicker{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--coral)}.icon-badge{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;margin-bottom:.85rem;font-weight:950;color:var(--ink)}.icon-blue{background:#e6edff}.icon-coral{background:#ffebe5}.icon-mint{background:var(--mint)}.icon-yellow{background:#fff2bc}
.feature-grid{display:grid;grid-template-columns:1.3fr .9fr .9fr;gap:.9rem}.feature-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(23,36,58,.04)}.feature-card.large{grid-row:span 2}.feature-image{background:#ece7dc;overflow:hidden}.feature-card.large .feature-image{aspect-ratio:1.18/1}.feature-card:not(.large) .feature-image{aspect-ratio:1.2/1}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.feature-card:hover .feature-image img{transform:scale(1.025)}.feature-body{padding:.95rem 1rem 1.05rem}.feature-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.feature-meta span{font-size:.73rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:var(--blue)}.feature-body p{margin:.38rem 0 0;color:var(--muted);font-size:.9rem}
.story-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:1rem;align-items:stretch}.story-panel{background:var(--ink);color:#fff;border-radius:25px;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;min-height:360px}.story-panel p{color:#c5cfdd;margin:.7rem 0 0}.story-quote{font-size:clamp(1.35rem,2.4vw,2rem);font-weight:850;line-height:1.12;letter-spacing:-.03em}.story-stamp{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .6rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.75rem;font-weight:800}.story-stamp b{color:var(--butter)}.story-details{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.story-detail{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.15rem}.story-detail strong{font-size:1rem}.story-detail p{margin:.5rem 0 0;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.step-card{position:relative;padding:1.2rem;background:#fff;border:1px solid var(--line);border-radius:19px}.step-number{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e7edff;color:var(--blue);font-weight:950;font-size:.8rem;margin-bottom:.75rem}.step-card p{margin:.45rem 0 0;color:var(--muted);font-size:.92rem}.step-arrow{position:absolute;right:-.72rem;top:1.55rem;width:1.4rem;height:1px;background:var(--line);z-index:2}.step-arrow::after{content:"";position:absolute;right:0;top:-3px;border-width:3px 0 3px 4px;border-style:solid;border-color:transparent transparent transparent var(--line)}.step-card:last-child .step-arrow{display:none}
.local-band{display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:center;padding:1.15rem 1.2rem;border-radius:22px;background:#f2e7d5;border:1px solid #dfd3c0}.local-band p{margin:.35rem 0 0;color:#665e55}.local-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .65rem;border-radius:999px;background:#fff;border:1px solid #ded6c9;font-size:.8rem;font-weight:850}.pin{width:8px;height:8px;border-radius:50%;background:var(--coral)}
.dark-panel{background:#10203a;border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:1.3rem}.dark-panel p{color:#bac6d8}.dark-panel .mini-list{display:grid;gap:.55rem;margin-top:1rem}.mini-list span{display:flex;gap:.55rem;align-items:flex-start;font-size:.88rem;color:#e7edf7}.mini-list i{width:7px;height:7px;border-radius:50%;background:var(--butter);margin-top:.48rem;flex:0 0 7px}
.faq{display:grid;gap:.65rem}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:.85rem 1rem}.faq summary{cursor:pointer;font-weight:800}.faq p{margin:.6rem 0 0;color:var(--muted);font-size:.93rem}
.page-hero{padding:3rem 0 1.8rem}.page-hero h1{max-width:13ch}.page-hero .lead{max-width:70ch}
.creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.creator-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.25rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.avatar{width:78px;height:78px;border-radius:22px;background:linear-gradient(145deg,#dbe6ff,#ffe4dc);display:grid;place-items:center;color:var(--ink);font-weight:950;font-size:1.2rem;box-shadow:inset 0 0 0 1px rgba(23,36,58,.05)}.creator-card h3{font-size:1.12rem}.creator-card p{margin:.32rem 0 0;color:var(--muted);font-size:.9rem}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}.value{padding:1rem;border-radius:18px;border:1px solid var(--line);background:#fff}.value strong{display:block}.value p{margin:.45rem 0 0;color:var(--muted);font-size:.88rem}
.timeline{display:grid;gap:.8rem}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-label{font-weight:950;color:var(--coral);font-size:.82rem;text-transform:uppercase;letter-spacing:.07em}.timeline-item p{margin:.2rem 0 0;color:var(--muted)}
.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.9rem}.work-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 9px 28px rgba(23,36,58,.04)}.work-card:nth-child(1){grid-column:span 7}.work-card:nth-child(2){grid-column:span 5}.work-card:nth-child(3),.work-card:nth-child(4),.work-card:nth-child(5),.work-card:nth-child(6){grid-column:span 4}.work-thumb{aspect-ratio:4/3;background:#ece7dc;overflow:hidden}.work-card:nth-child(1) .work-thumb{aspect-ratio:1.35/1}.work-card:nth-child(2) .work-thumb{aspect-ratio:1.35/1}.work-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.work-card:hover img{transform:scale(1.025)}.work-body{padding:.9rem 1rem 1rem}.work-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.work-meta span{font-size:.71rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--blue)}.work-meta strong{font-size:.94rem}.work-body p{margin:.38rem 0 0;color:var(--muted);font-size:.88rem}
.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-btn{padding:.55rem .72rem;border-radius:999px;background:#fff;border:1px solid var(--line);color:#5b6779;font-weight:800;font-size:.82rem;cursor:pointer}.filter-btn[data-active="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.contact-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:.9rem}.contact-stack{display:grid;gap:.9rem}.contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.15rem}.contact-row{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 0;border-bottom:1px solid var(--line)}.contact-row:last-child{border-bottom:0}.contact-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e7edff;color:var(--blue);font-weight:950;flex:0 0 36px}.contact-row strong{display:block}.contact-row span{display:block;color:var(--muted);font-size:.89rem;margin-top:.12rem}.map-card{background:linear-gradient(145deg,#dce6ff,#f2e7d5);border:1px solid #d1d9e7;border-radius:22px;padding:1rem;min-height:270px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.map-card::before,.map-card::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(23,36,58,.16)}.map-card::before{width:260px;height:260px}.map-card::after{width:180px;height:180px}.map-card>div{position:relative;z-index:1}.map-pin{width:60px;height:60px;border-radius:18px;background:#fff;display:grid;place-items:center;margin:0 auto;box-shadow:0 14px 30px rgba(23,36,58,.1)}.map-pin span{width:16px;height:16px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 7px rgba(240,107,80,.13)}
form{display:grid;gap:.8rem}.field{display:grid;gap:.36rem}label{font-size:.88rem;font-weight:850}.field input,.field textarea{width:100%;background:#fbfcfe;border:1px solid var(--line);border-radius:13px;padding:.82rem .9rem;color:var(--ink);min-height:47px}.field textarea{min-height:132px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#8a95a6}.form-help{margin:0;color:var(--muted);font-size:.78rem}.form-status{min-height:1.2em;font-weight:750;color:var(--coral)}
.notice{padding:.9rem 1rem;border-radius:16px;background:#fff3ee;border:1px solid #f1d4c9;color:#694a40;font-size:.9rem}.notice strong{color:#4d3128}
.cta{background:var(--ink);color:#fff;border-radius:25px;padding:1.35rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cta p{margin:.35rem 0 0;color:#bdc7d5}.cta .btn-light{border-color:#fff}
.site-footer{background:#fff;border-top:1px solid var(--line);padding:2rem 0 2.6rem}.footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.footer-brand{font-weight:900}.footer-note{margin:.28rem 0 0;color:var(--muted);font-size:.84rem}.footer-links{display:flex;flex-wrap:wrap;gap:.9rem;color:var(--muted);font-size:.83rem}.footer-links a:hover{color:var(--ink)}
.reveal{opacity:1;transform:none}@media (min-width:900px){.reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.reveal.is-visible{opacity:1;transform:none}}
@media (max-width:980px){.hero-grid,.story-layout,.contact-layout{grid-template-columns:1fr}.hero{padding-top:3.2rem}.hero-card{max-width:720px}.grid-4,.values-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-card.large{grid-row:auto}.feature-card.large .feature-image{aspect-ratio:1.35/1}.identity-strip{grid-template-columns:1fr 1fr}.identity-item:nth-child(2){border-right:0}.identity-item{border-bottom:1px solid var(--line)}.identity-item:nth-child(3),.identity-item:nth-child(4){border-bottom:0}.steps{grid-template-columns:1fr 1fr}.step-arrow{display:none}.portfolio-grid{grid-template-columns:1fr 1fr}.work-card,.work-card:nth-child(n){grid-column:auto}}
@media (max-width:760px){.menu-toggle{display:grid;place-items:center}.nav-links{position:absolute;top:71px;left:1rem;right:1rem;padding:.7rem;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav-links[data-open="true"]{display:flex}.nav-links a{display:block}.section-head{display:block}.section-head p{margin-top:.7rem}.feature-grid,.grid-3,.creator-grid,.values-grid,.steps,.portfolio-grid,.grid-2{grid-template-columns:1fr}.identity-strip{grid-template-columns:1fr 1fr}.identity-item:nth-child(2){border-right:0}.identity-item:nth-child(3){border-right:1px solid var(--line)}.identity-item:nth-child(4){border-right:0}.local-band,.cta,.footer-grid{display:grid}.hero-actions .btn{width:100%}.page-hero h1{max-width:15ch}}
@media (max-width:520px){.container{width:min(var(--max),calc(100% - 1.1rem))}.topbar .container{font-size:.7rem;min-height:31px}.nav{min-height:66px}.brand-mark{width:38px;height:38px}.brand-sub{font-size:.64rem}.hero{padding-top:2.5rem}.hero h1{font-size:clamp(2.5rem,14vw,4rem)}.section{padding:3.2rem 0}.section-compact{padding:2rem 0}.identity-strip{grid-template-columns:1fr}.identity-item,.identity-item:nth-child(2),.identity-item:nth-child(3){border-right:0;border-bottom:1px solid var(--line)}.identity-item:last-child{border-bottom:0}.hero-card-inner{padding:1rem}.story-details{grid-template-columns:1fr}.creator-card{grid-template-columns:1fr}.avatar{width:66px;height:66px}.page-hero{padding-top:2.2rem}.timeline-item{grid-template-columns:1fr;gap:.3rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.feature-image img,.work-thumb img{transition:none}.reveal{transition:none}}