:root{
  --ink:#11131a;--muted:#656a76;--line:#d9dce4;--paper:#ffffff;
  --soft:#f4f5f9;--panel:#171826;--accent:#6545d8;--accent-soft:#ece8ff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid var(--line);position:relative;z-index:2;background:rgba(255,255,255,.96)}
.brand{font-size:18px;font-weight:800;letter-spacing:-.025em}
.nav nav{display:flex;gap:30px;font-size:14px;font-weight:600}
.nav nav a{transition:color .2s ease}.nav nav a:hover{color:var(--accent)}
.hero{min-height:calc(100vh - 82px);padding:clamp(64px,8vw,118px) clamp(24px,6vw,94px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:clamp(52px,7vw,112px);align-items:center;background-image:linear-gradient(rgba(101,69,216,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(101,69,216,.045) 1px,transparent 1px);background-size:72px 72px}
.hero-main{max-width:1000px}
.eyebrow,.kicker,.proof-label{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}
.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}
.hero h1{font-size:clamp(52px,7.2vw,108px);line-height:.9;letter-spacing:-.067em;font-weight:760;margin:36px 0}
.hero h1 em{display:block;color:var(--accent);font-style:normal}
.intro{font-size:clamp(18px,1.8vw,24px);line-height:1.55;max-width:820px;color:#535965;margin:0}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:40px;flex-wrap:wrap}
.primary-link{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:#fff;padding:15px 20px;font-size:14px;font-weight:750}
.primary-link span{color:#aaa2ff}.secondary-link{font-size:14px;font-weight:750;border-bottom:1px solid var(--ink);padding-bottom:4px}
.hero-proof{background:var(--panel);color:#fff;padding:30px 28px;align-self:center}
.proof-label{color:#aaa2ff;margin:0 0 10px}
.proof-row{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:25px 0;border-top:1px solid rgba(255,255,255,.14)}
.proof-row>span{font-size:12px;color:#8d91a2;font-variant-numeric:tabular-nums}
.proof-row strong{font-size:18px;letter-spacing:-.02em}.proof-row p{font-size:14px;line-height:1.55;color:#b9bdc9;margin:7px 0 0}
.work{padding:92px clamp(24px,5vw,76px) 132px;background:var(--soft)}
.section-head{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #c8ccd5;margin-bottom:42px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:750;color:#4f5460}
.section-head p{margin:0 0 15px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 26px}
.card.featured{grid-column:1/-1}
.cover{position:relative;overflow:hidden;background:#e7e9ef;aspect-ratio:404/316;border:1px solid rgba(17,19,26,.09);transition:box-shadow .25s ease,transform .25s ease}
.cover.generated-cover,.featured .cover.generated-cover{aspect-ratio:3/2;background:#f5f6fa}
.cover img{width:100%;height:100%;object-fit:contain;display:block}
.card a:hover .cover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(31,29,45,.14)}
.view{position:absolute;right:18px;bottom:18px;background:var(--ink);color:#fff;padding:11px 15px;border-radius:999px;font-size:13px;font-weight:750;opacity:0;transform:translateY(6px);transition:.25s}
.card a:hover .view{opacity:1;transform:none}
.card-meta{display:grid;grid-template-columns:34px 1fr auto;gap:16px;padding-top:21px}
.card-meta>span:first-child{font-size:12px;color:#777c87;padding-top:5px}
.card-meta p{margin:0;color:var(--muted);font-size:13px}
.card-meta h2{font-size:clamp(27px,3vw,45px);line-height:1;letter-spacing:-.045em;margin:6px 0 13px}
.card-meta .card-summary{font-size:15px;line-height:1.55;max-width:670px;color:#555b67;margin-bottom:17px}
.card-meta .type{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:750;color:#707580}
.arrow{font-size:25px}.card a:hover .arrow{color:var(--accent)}
.expertise{padding:110px clamp(24px,6vw,94px) 125px;background:#fff}
.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.expertise-grid article{padding:34px 34px 42px 0}
.expertise-grid article+article{border-left:1px solid var(--line);padding-left:34px}
.expertise-grid span{font-size:12px;font-weight:800;color:var(--accent)}
.expertise-grid h2{font-size:clamp(25px,2.6vw,38px);line-height:1.05;letter-spacing:-.04em;margin:35px 0 18px;max-width:330px}
.expertise-grid p{font-size:16px;color:var(--muted);max-width:400px;margin:0}
.about{padding:clamp(92px,11vw,155px) clamp(24px,7vw,110px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(60px,9vw,145px);background:var(--panel);color:#fff}
.about h2{font-size:clamp(43px,5vw,74px);line-height:.98;letter-spacing:-.055em;margin:24px 0;max-width:620px}
.about .kicker{color:#aaa2ff}
.about-copy{font-size:18px;color:#b9bdc9;padding-top:34px}
.about-copy>p{max-width:720px}.about-copy .about-lead{font-size:clamp(23px,2.4vw,34px);line-height:1.3;color:#fff;letter-spacing:-.025em;margin-top:0}
.experience-list{margin-top:43px;border-top:1px solid rgba(255,255,255,.18)}
.experience-list>div{display:grid;grid-template-columns:82px 155px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18);align-items:baseline}
.experience-list span{font-size:12px;color:#8d91a2}.experience-list strong{color:#fff;font-size:15px}.experience-list p{margin:0;font-size:14px}
.links{display:flex;gap:26px;margin-top:38px;color:#fff;font-weight:750;font-size:14px;flex-wrap:wrap}.links a{border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px}.links a:hover{color:#c6bdff}
footer{border-top:1px solid var(--line);padding:31px clamp(24px,5vw,76px);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}
.case-hero{padding:70px clamp(24px,8vw,126px) 48px}.back{font-size:14px;color:var(--muted);font-weight:650}
.case-title{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:end;margin-top:78px}
.case-title h1{font-size:clamp(55px,8vw,112px);line-height:.9;letter-spacing:-.065em;margin:18px 0 0}
.case-title>p{font-size:clamp(18px,2vw,24px);color:var(--muted);max-width:650px}
.case-facts{border-top:1px solid var(--line);margin-top:66px;padding-top:20px;display:flex;gap:28px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.case-images{background:#f1f2f6;padding:clamp(16px,3vw,42px) 0}
.case-images img{display:block;width:min(100%,1400px);height:auto;margin:0 auto;background:#fff}
.case-images img:first-child{width:auto;max-width:calc(100% - 48px);max-height:calc(100vh - 48px);object-fit:contain;margin:0 auto 32px;box-shadow:0 16px 45px rgba(36,28,42,.09)}
.case-end{min-height:55vh;padding:110px clamp(24px,8vw,126px);display:flex;flex-direction:column;justify-content:center}
.case-end p{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted)}
.case-end>a:not(.behance-link){font-size:clamp(45px,8vw,110px);letter-spacing:-.06em;line-height:1}
.case-end .behance-link{margin-top:50px;font-size:14px;text-decoration:underline;text-underline-offset:5px;width:max-content}
@media(max-width:980px){
  .hero{grid-template-columns:1fr;min-height:auto}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.proof-label{grid-column:1/-1}.proof-row{display:block}.proof-row>span{display:block;margin-bottom:12px}
  .expertise-grid{grid-template-columns:1fr}.expertise-grid article{padding:30px 0}.expertise-grid article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .about{grid-template-columns:1fr;gap:20px}.about-copy{padding-top:0}
}
@media(max-width:760px){
  .nav{height:72px}.nav nav{gap:17px}.nav nav a:nth-child(2),.nav nav a:nth-child(3){display:none}
  .hero{padding-top:78px;padding-bottom:82px;background-size:48px 48px}.hero h1{font-size:52px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}
  .hero-proof{display:block}.proof-row{display:grid}
  .project-grid{grid-template-columns:1fr}.card.featured{grid-column:auto}.featured .cover,.cover{aspect-ratio:404/316}.cover.generated-cover,.featured .cover.generated-cover{aspect-ratio:3/2}.view{display:none}
  .card-meta .card-summary{font-size:14px}.section-head p:last-child{text-align:right}
  .experience-list>div{grid-template-columns:72px 1fr}.experience-list p{grid-column:2}
  .case-title{grid-template-columns:1fr;gap:20px;margin-top:55px}.case-title h1{font-size:58px}.case-facts{gap:12px;flex-direction:column}
  .case-images{padding:10px 0}.case-images img:first-child{max-width:calc(100% - 20px);max-height:calc(100vh - 20px);margin-bottom:18px}
  footer{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover,.view,.nav nav a{transition:none}}