:root{--ink:#0a0d12;--ink-soft:#141922;--paper:#ffffff;--surface:#f5f7fa;--surface2:#eef3ff;--muted:#606975;--line:#e7eaf0;--blue:#2563eb;--blue2:#1d4ed8;--blue-soft:#eaf1ff;--white:#fff;--radius:24px;--shadow:0 24px 70px rgba(15,23,42,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1220px,calc(100% - 48px));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,13,18,.07)}.navin{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:118px;height:auto}.menu{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:700}.menu a{position:relative}.menu a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--blue);transition:.25s}.menu a:hover:after{width:100%}.lang{display:flex;gap:6px}.lang a{font-size:11px;font-weight:800;border:1px solid var(--line);padding:7px 10px;border-radius:999px;background:#fff}.lang a:hover{border-color:#b7c2d5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 21px;font-weight:800;border:1px solid #d9dee7;background:#fff;transition:.22s;box-shadow:0 0 0 rgba(0,0,0,0)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,23,42,.08)}.btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-dark:hover{background:var(--blue);border-color:var(--blue)}.btn-lime{background:var(--blue);color:#fff;border-color:var(--blue)}
.hero{padding:96px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#344054}.dot{width:8px;height:8px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 6px rgba(37,99,235,.10)}h1,h2,h3{letter-spacing:-.045em;line-height:1.02;margin:0}h1{font-size:clamp(54px,7vw,96px);font-weight:800;max-width:920px}h1 em{font-style:normal;color:var(--blue);background:none}.lead{font-size:20px;color:#4d5663;max-width:720px;margin:30px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.trust{display:flex;gap:34px;flex-wrap:wrap;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.trust b{font-size:25px;letter-spacing:-.04em;display:block;color:#111827}.trust span{font-size:12px;color:#7a8491}.hero-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:14px;min-height:560px;position:relative;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.2deg)}.hero-card:before{content:"";position:absolute;inset:-35% auto auto -22%;width:360px;height:360px;border-radius:50%;background:rgba(37,99,235,.08);filter:blur(2px);z-index:0}.hero-card img{position:relative;z-index:1;width:100%;height:100%;min-height:530px;object-fit:cover;border-radius:25px;filter:saturate(.86) contrast(1.02)}.badge{position:absolute;z-index:2;left:34px;bottom:34px;background:#fff;color:#111827;border:1px solid rgba(15,23,42,.1);padding:14px 17px;border-radius:14px;font-weight:850;max-width:260px;box-shadow:0 12px 30px rgba(15,23,42,.13)}
.marquee{background:#fff;color:#0f172a;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.marquee-track{display:flex;gap:42px;white-space:nowrap;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.10em;animation:scroll 32s linear infinite}.marquee-track span:before{content:"•";color:var(--blue);margin-right:42px}@keyframes scroll{to{transform:translateX(-50%)}}
section{padding:104px 0}.eyebrow{font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.16em;color:var(--blue);margin-bottom:16px}.section-head{display:grid;grid-template-columns:1fr .9fr;gap:72px;align-items:end;margin-bottom:50px}.section-head h2{font-size:clamp(42px,5vw,70px);font-weight:780;max-width:760px}.section-head p{font-size:18px;color:var(--muted);margin:0;max-width:620px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;transition:.28s;position:relative;overflow:hidden}.service:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),#7aa2ff);transform:scaleX(0);transform-origin:left;transition:.28s}.service:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(15,23,42,.09);border-color:#d7deea}.service:hover:before{transform:scaleX(1)}.service .n{font-size:12px;color:#9aa3ae;font-weight:800}.service h3{font-size:31px;margin:38px 0 16px}.service p{color:var(--muted);margin:0}.service .arrow{font-size:25px;margin-top:26px;color:var(--blue)}
.dark{background:var(--surface);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dark .section-head p{color:var(--muted)}.dark .eyebrow{color:var(--blue)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;min-height:245px}.step b{color:var(--blue);font-size:12px}.step h3{font-size:25px;margin:52px 0 13px}.step p{color:var(--muted);margin:0;font-size:14px}
.seo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.seo-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:38px}.seo-box.accent{background:var(--surface2);border-color:#dbe6ff}.seo-box h3{font-size:34px;margin-bottom:15px}.seo-box p{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chip{border:1px solid #dce1e9;background:#fff;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:750;color:#394150}
.cases{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px}.case{position:relative;border-radius:24px;overflow:hidden;background:#eef1f5;aspect-ratio:1.15;box-shadow:0 0 0 1px rgba(15,23,42,.05)}.case img{width:100%;height:100%;object-fit:cover;transition:.45s;filter:saturate(.88)}.case:hover img{transform:scale(1.04);filter:saturate(1)}.case span{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:9px 12px;border-radius:999px;font-weight:800;font-size:12px}
.faq{max-width:940px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:20px;font-weight:800;cursor:pointer}.faq p{color:var(--muted);max-width:780px}
.cta{background:linear-gradient(135deg,#0c1220,#172554);color:#fff;border-radius:32px;padding:58px;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;box-shadow:0 24px 70px rgba(15,23,42,.14)}.cta h2{font-size:clamp(42px,5vw,68px);max-width:790px}.cta .btn-dark{background:#fff;color:#101828;border-color:#fff}.cta .btn-dark:hover{background:#eaf1ff;color:#1d4ed8;border-color:#eaf1ff}
footer{padding:34px 0 100px;background:#fff}.footer-min{border-top:1px solid var(--line);padding-top:26px;display:flex;justify-content:space-between;gap:20px;color:#8a929d;font-size:12px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:70;background:#25D366;color:#072b14;border-radius:999px;padding:14px 19px;font-weight:900;box-shadow:0 14px 38px rgba(0,0,0,.17);display:flex;align-items:center;gap:10px;border:1px solid rgba(0,0,0,.08)}.whatsapp-float:hover{transform:translateY(-2px)}.whatsapp-float svg{width:22px;height:22px}
.page-hero{padding:94px 0 64px;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(50px,6vw,82px);max-width:1000px}.page-hero .lead{max-width:850px}.content-grid{display:grid;grid-template-columns:1.18fr .72fr;gap:58px}.prose h2{font-size:42px;margin:52px 0 18px}.prose h3{font-size:28px;margin:36px 0 14px}.prose p,.prose li{font-size:17px;color:#56606d}.prose li{margin:7px 0}.side-card{position:sticky;top:110px;background:#0c1220;color:#fff;border-radius:24px;padding:30px;box-shadow:0 24px 70px rgba(15,23,42,.14)}.side-card h3{font-size:30px}.side-card p{color:#b8c0cc}.side-card .btn{width:100%}.mobile-toggle{display:none;border:0;background:none;font-size:26px}.mobile-menu{display:none}
@media(max-width:1020px){.navin>.btn-dark{display:none}.hero-grid{gap:38px}.services{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.cases{grid-template-columns:1fr 1fr}.cases .case:first-child{grid-column:1/-1}}
@media(max-width:820px){.menu{display:none}.mobile-toggle{display:block}.hero-grid,.section-head,.seo-grid,.content-grid{grid-template-columns:1fr}.hero{padding-top:56px}.hero-card{min-height:440px;transform:none}.hero-card img{min-height:410px}.section-head{gap:18px}.cta{grid-template-columns:1fr;padding:38px}.mobile-menu.open{display:flex;position:absolute;top:82px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;gap:14px;border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(15,23,42,.08)}}
@media(max-width:620px){.container{width:min(100% - 28px,1220px)}.services,.cases,.process{grid-template-columns:1fr}.cases .case:first-child{grid-column:auto}section{padding:72px 0}.hero{padding:48px 0 48px}.hero-grid{gap:30px}.hero-card{min-height:350px}.hero-card img{min-height:325px}.trust{gap:18px}.lang{display:none}.cta{border-radius:22px;padding:32px}.whatsapp-float{left:13px;right:13px;bottom:13px;justify-content:center}.footer-min{justify-content:center;text-align:center}.marquee-track{gap:30px}.marquee-track span:before{margin-right:30px}}


/* ===== TJNET 2026 — editorial agency refresh ===== */
:root{--ink:#090b10;--muted:#68707d;--line:#e9ebef;--blue:#2f5bff;--blue2:#203ed0;--surface:#f7f8fb;--surface2:#eef2ff;--radius:28px;--shadow:0 22px 70px rgba(7,12,24,.10)}
body{background:#fff;color:var(--ink)}
.container{width:min(1320px,calc(100% - 64px))}
.nav{position:sticky;top:0;background:rgba(255,255,255,.82);border:0;backdrop-filter:blur(22px);padding:14px 0;box-shadow:none}
.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#e4e7ec 18%,#e4e7ec 82%,transparent)}
.navin{height:68px;background:#fff;border:1px solid #e9ebef;border-radius:22px;padding:0 14px 0 22px;box-shadow:0 10px 35px rgba(7,12,24,.06);gap:18px}
.logo{display:flex;align-items:center;min-width:112px}.logo img{width:106px;height:64px;object-fit:contain;image-rendering:auto;filter:none}
.menu{margin:auto;gap:8px;padding:6px;background:#f7f8fa;border-radius:999px}.menu a{padding:9px 15px;border-radius:999px;font-size:13px}.menu a:after{display:none}.menu a:hover{background:#fff;box-shadow:0 3px 10px rgba(8,12,24,.06)}
.lang{display:flex;gap:3px;border:1px solid #e5e8ee;background:#fafbfc;border-radius:999px;padding:4px}.lang a{border:0;background:transparent;padding:7px 9px;min-width:34px;text-align:center;font-size:10px;letter-spacing:.04em}.lang a:hover{background:#fff;box-shadow:0 3px 9px rgba(8,12,24,.07)}
.navin>.btn-dark{font-size:12px;padding:12px 17px;background:#111318;border-color:#111318}
.hero-2026{position:relative;padding:86px 0 110px;min-height:770px;display:flex;align-items:center;background:radial-gradient(circle at 82% 22%,rgba(47,91,255,.08),transparent 29%),linear-gradient(#fff,#fff);overflow:hidden}
.hero-2026:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#edf0f4 18%,#edf0f4 82%,transparent)}
.hero-orbit{position:absolute;border:1px solid rgba(47,91,255,.11);border-radius:50%;pointer-events:none}.hero-orbit-a{width:540px;height:540px;right:-210px;top:70px}.hero-orbit-b{width:280px;height:280px;right:160px;top:300px}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:90px;position:relative;z-index:2}.kicker{color:#525b68;letter-spacing:.18em}.kicker .dot{background:#2f5bff;box-shadow:none;width:7px;height:7px}
h1{font-size:clamp(58px,6.8vw,104px);font-weight:800;letter-spacing:-.065em;line-height:.91}.hero h1 em{display:inline-block;color:#2f5bff;position:relative}.hero .lead{font-size:18px;line-height:1.75;max-width:650px;margin:34px 0}.hero-actions{gap:10px}.hero-actions .btn{padding:15px 22px}.trust{border:0;padding:0;margin-top:54px;gap:42px}.trust div{padding-left:16px;border-left:1px solid #dfe3e9}.trust b{font-size:24px}.trust span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.hero-stage{min-height:590px;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;transform:none;overflow:visible}.hero-stage:before{content:"";position:absolute;inset:12% -7% 7% 7%;background:#111318;border-radius:42px;transform:rotate(4deg);z-index:0;filter:none}.hero-stage:after{content:"DIGITAL / 2026";position:absolute;right:-7px;top:56px;z-index:3;background:#fff;border:1px solid #e6e9ef;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:900;letter-spacing:.12em}.hero-stage img{height:540px;min-height:0;border-radius:36px;object-fit:cover;transform:rotate(-2.2deg);box-shadow:0 28px 80px rgba(9,11,16,.18);filter:saturate(.9) contrast(1.02)}.hero-stage .badge{left:-28px;bottom:24px;border-radius:18px;padding:17px 18px;background:#2f5bff;color:#fff;border:0;box-shadow:0 16px 40px rgba(47,91,255,.25);font-size:12px;max-width:240px}
.marquee{background:#111318;color:#fff;border:0;padding:15px 0}.marquee-track{font-size:11px;letter-spacing:.15em}.marquee-track span:before{color:#768cff}
section{padding:118px 0}.section-head{grid-template-columns:1.15fr .65fr}.section-head h2,.cases-intro h2{font-size:clamp(46px,5vw,76px);letter-spacing:-.055em}.services{grid-template-columns:repeat(2,1fr);gap:1px;background:#e8ebef;border:1px solid #e8ebef;border-radius:30px;overflow:hidden}.service{border:0;border-radius:0;min-height:280px;padding:38px;background:#fff}.service:before{display:none}.service h3{font-size:36px;margin:50px 0 14px}.service:hover{transform:none;background:#f8f9fb;box-shadow:none}.service .arrow{position:absolute;right:30px;top:30px;margin:0;width:44px;height:44px;border-radius:50%;border:1px solid #e3e6ec;display:grid;place-items:center;color:#111318;transition:.2s}.service:hover .arrow{background:#111318;color:#fff;transform:rotate(45deg)}
.dark{background:#0d1016;color:#fff;border:0}.dark .section-head p,.dark .step p{color:#aab2bf}.dark .eyebrow{color:#8fa4ff}.process{gap:1px;background:#2a2f38;border:1px solid #2a2f38;border-radius:28px;overflow:hidden}.step{border:0;border-radius:0;background:#12161d;min-height:265px}.step b{color:#8fa4ff}.step h3{font-size:28px}
.seo-grid{grid-template-columns:.86fr 1.14fr;gap:18px}.seo-box{border-radius:32px;padding:46px}.seo-box.accent{background:#10131a;color:#fff;border-color:#10131a}.seo-box.accent p{color:#b6bfca}.seo-box.accent .chip{background:#1b202a;color:#d9e0ea;border-color:#2a313e}
/* Editorial cases: intentionally asymmetric and image-led */
.cases-showcase{background:#f7f8fa;border-top:1px solid #eceef2;border-bottom:1px solid #eceef2;overflow:hidden}.cases-intro{display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:end;margin-bottom:66px}.cases-intro p{color:var(--muted);font-size:17px;max-width:500px}.text-link{display:inline-block;margin-top:15px;font-weight:800;font-size:13px;border-bottom:1px solid #111318;padding-bottom:4px}.case-editorial{display:grid;grid-template-columns:1.15fr .85fr;gap:70px 26px;align-items:start}.case-project{min-width:0}.case-project-1{grid-column:1;}.case-project-2{grid-column:2;margin-top:120px}.case-project-3{grid-column:1;margin-top:-20px}.case-project-4{grid-column:2;margin-top:90px}.case-project-5{grid-column:1/-1;display:grid;grid-template-columns:1.45fr .55fr;gap:26px;align-items:end;margin-top:10px}.case-visual{position:relative;display:block;overflow:hidden;background:#e8ebf0;border-radius:4px}.case-project-1 .case-visual{aspect-ratio:1.42}.case-project-2 .case-visual{aspect-ratio:.95}.case-project-3 .case-visual{aspect-ratio:1.2}.case-project-4 .case-visual{aspect-ratio:1.05}.case-project-5 .case-visual{aspect-ratio:2.2}.case-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s;filter:saturate(.88)}.case-visual:hover img{transform:scale(1.035);filter:saturate(1)}.case-index{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);padding:8px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.12em}.case-copy{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding-top:17px;border-top:1px solid #dfe3e8;margin-top:14px}.case-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7b8490;font-weight:800}.case-copy h3{font-size:clamp(23px,2.4vw,38px);max-width:510px;text-align:right}.case-project-5 .case-copy{display:block;border-top:0;margin:0;padding:0 0 18px}.case-project-5 .case-copy h3{text-align:left;font-size:46px;margin-top:14px}
.cta{background:#2f5bff;border-radius:8px;box-shadow:none}.cta .btn-dark{border-radius:4px}.cta h2{letter-spacing:-.055em}
footer{padding-top:26px}.footer-min{border-top:0;justify-content:center}
.page-hero{padding-top:110px}.side-card{background:#111318;border-radius:14px}
@media(max-width:1100px){.navin>.btn-dark{display:none}.menu{margin-left:auto}.hero-grid{gap:52px}.hero-stage{min-height:520px}.hero-stage img{height:480px}}
@media(max-width:860px){.container{width:min(100% - 34px,1320px)}.nav{padding:9px 0}.navin{height:62px;border-radius:17px;padding-left:16px}.logo img{width:88px;height:54px}.menu{display:none}.mobile-toggle{display:block}.hero-2026{padding:58px 0 84px;min-height:0}.hero-2026:before{display:none}.hero-grid,.section-head,.seo-grid,.content-grid,.cases-intro{grid-template-columns:1fr}.hero-stage{min-height:470px;margin-top:12px}.hero-stage img{height:440px}.hero-stage:before{inset:10% -3% 7% 6%}.services,.process{grid-template-columns:1fr 1fr}.case-editorial{grid-template-columns:1fr;gap:48px}.case-project-1,.case-project-2,.case-project-3,.case-project-4,.case-project-5{grid-column:1;margin-top:0}.case-project-5{display:block}.case-project-5 .case-copy{border-top:1px solid #dfe3e8;margin-top:14px;padding-top:17px}.case-project-5 .case-copy h3{font-size:34px}.case-project-2 .case-visual,.case-project-4 .case-visual{aspect-ratio:1.25}.mobile-menu.open{top:76px;border-radius:0 0 18px 18px}.lang{margin-left:auto}}
@media(max-width:620px){.container{width:min(100% - 24px,1320px)}.navin{gap:8px}.lang{display:flex}.lang a{padding:6px 7px;min-width:28px;font-size:9px}.mobile-toggle{font-size:22px}.hero h1{font-size:clamp(48px,14vw,72px)}.hero .lead{font-size:16px}.hero-stage{min-height:390px}.hero-stage img{height:360px;border-radius:22px}.hero-stage .badge{left:10px;bottom:8px}.hero-stage:after{right:2px;top:30px}.trust{gap:20px}.services,.process{grid-template-columns:1fr}.service{min-height:230px;padding:28px}.service h3{margin-top:38px}.cases-intro{gap:20px;margin-bottom:42px}.case-copy{display:block}.case-copy h3{text-align:left;margin-top:8px}.case-project-1 .case-visual,.case-project-2 .case-visual,.case-project-3 .case-visual,.case-project-4 .case-visual,.case-project-5 .case-visual{aspect-ratio:1.15}.cta{padding:30px;border-radius:4px}}

/* ===== Portfolio / Cases 2026 ===== */
.portfolio-hero{padding:105px 0 72px;border-bottom:1px solid #eceef2;background:#fff}.portfolio-hero-grid{display:grid;grid-template-columns:1.25fr .55fr;gap:90px;align-items:end}.portfolio-hero h1{font-size:clamp(64px,8vw,124px);line-height:.88;letter-spacing:-.075em;max-width:980px}.portfolio-hero h1 em{font-style:normal;color:#2f5bff}.portfolio-hero-side{padding-bottom:10px}.portfolio-hero-side p{font-size:18px;line-height:1.7;color:#66707d;margin:0 0 26px}
.portfolio-featured{padding:48px 0 126px;background:#fff}.portfolio-lead-project{margin-bottom:110px}.portfolio-lead-media{position:relative;overflow:hidden;background:#eef1f4;aspect-ratio:2.05;border-radius:2px}.portfolio-lead-media img,.portfolio-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s;filter:saturate(.9)}.portfolio-lead-media:hover img,.portfolio-media:hover img{transform:scale(1.025);filter:saturate(1)}.portfolio-number{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#111318;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 5px 20px rgba(15,23,42,.08)}.portfolio-lead-info{display:grid;grid-template-columns:1.2fr .6fr;gap:100px;align-items:end;padding-top:26px;border-top:1px solid #dfe3e8;margin-top:18px}.project-type,.portfolio-caption>span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#7a8491;font-weight:900}.portfolio-lead-info h2{font-size:clamp(38px,5vw,72px);max-width:880px;margin-top:12px}.portfolio-lead-info p{font-size:17px;line-height:1.7;color:#66707d;margin:0}
.portfolio-wall{display:grid;grid-template-columns:repeat(12,1fr);gap:92px 26px;align-items:start}.portfolio-item-wide{grid-column:span 7}.portfolio-item-tall{grid-column:span 5;margin-top:130px}.portfolio-item-square{grid-column:span 6}.portfolio-media{position:relative;overflow:hidden;background:#eef1f4;border-radius:2px}.portfolio-item-wide .portfolio-media{aspect-ratio:1.48}.portfolio-item-tall .portfolio-media{aspect-ratio:.86}.portfolio-item-square .portfolio-media{aspect-ratio:1.08}.portfolio-caption{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;border-top:1px solid #dfe3e8;margin-top:15px;padding-top:16px}.portfolio-caption h3{font-size:clamp(22px,2.4vw,38px);max-width:480px;text-align:right;line-height:1.04}
.portfolio-statement{background:#111318;color:#fff;padding:120px 0}.portfolio-statement-grid{display:grid;grid-template-columns:.35fr 1.1fr .55fr;gap:70px;align-items:start}.portfolio-statement .eyebrow{color:#8ea7ff}.portfolio-statement h2{font-size:clamp(46px,5.5vw,82px);letter-spacing:-.06em;max-width:900px}.portfolio-statement p{font-size:17px;line-height:1.7;color:#aeb6c1;margin:0;padding-top:8px}
.menu a[aria-current="page"]{color:#2f5bff}
@media(max-width:900px){.portfolio-hero-grid,.portfolio-lead-info,.portfolio-statement-grid{grid-template-columns:1fr;gap:28px}.portfolio-hero{padding-top:70px}.portfolio-hero h1{font-size:clamp(58px,13vw,92px)}.portfolio-lead-media{aspect-ratio:1.25}.portfolio-wall{grid-template-columns:1fr 1fr;gap:58px 20px}.portfolio-item-wide,.portfolio-item-tall,.portfolio-item-square{grid-column:auto;margin-top:0}.portfolio-item-wide .portfolio-media,.portfolio-item-square .portfolio-media{aspect-ratio:1.1}.portfolio-item-tall .portfolio-media{aspect-ratio:1}.portfolio-caption{display:block}.portfolio-caption h3{text-align:left;margin-top:8px}.portfolio-statement{padding:84px 0}}
@media(max-width:620px){.portfolio-hero{padding:54px 0 48px}.portfolio-hero h1{font-size:clamp(50px,15vw,72px)}.portfolio-featured{padding:28px 0 80px}.portfolio-lead-project{margin-bottom:68px}.portfolio-lead-media{aspect-ratio:1}.portfolio-wall{grid-template-columns:1fr;gap:54px}.portfolio-item-wide .portfolio-media,.portfolio-item-tall .portfolio-media,.portfolio-item-square .portfolio-media{aspect-ratio:1.05}.portfolio-lead-info{gap:18px}.portfolio-lead-info h2{font-size:38px}.portfolio-caption h3{font-size:28px}.portfolio-statement h2{font-size:45px}}