/* Lavora con me – extends the existing noir visual system. */
.work-main { padding-bottom:90px; }
.work-crumbs,.work-hero,.work-intro,.work-fit,.work-support,.work-process,.work-contact,.work-note { width:min(var(--max),calc(100% - 80px)); margin-right:auto; margin-left:auto; }
.work-crumbs { display:flex; gap:9px; margin-top:30px; color:#fff; font-size:12px; }
.work-crumbs a { color:#fff; font-weight:800; }.work-crumbs a:hover { color:var(--orange); }
.work-hero { display:grid; grid-template-columns:1.22fr .78fr; gap:76px; align-items:end; padding:70px 0 92px; border-bottom:1px solid #fff; }
.work-hero h1,.work-intro h2,.work-support h2,.work-process h2,.work-contact h2 { margin:0; color:#fff; font-size:clamp(46px,5.8vw,80px); font-weight:800; letter-spacing:-.06em; line-height:.98; }
.work-hero h1 em,.work-intro h2 em,.work-support h2 em,.work-process h2 em,.work-contact h2 em { color:var(--orange); font-weight:500; }
.work-hero-copy>p:not(.eyebrow) { max-width:690px; margin:29px 0 0; color:#fff; font-size:18px; line-height:1.72; }
.work-actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin-top:37px; }
.work-cta { display:inline-flex; align-items:center; gap:10px; min-height:54px; padding:13px 20px; border:1px solid var(--orange); border-radius:999px; background:var(--orange); color:#000; font-size:12px; font-weight:800; transition:transform .2s ease,background .2s ease; }
.work-cta:hover { border-color:#fff; background:#fff; transform:translateY(-3px); }.work-cta span { font-size:17px; }
.work-text-link { padding:12px 0; border-bottom:1px solid #fff; color:#fff; font-size:12px; font-weight:800; }.work-text-link:hover { border-color:var(--orange); color:var(--orange); }
.work-hero-card { padding:34px; border:1px solid #fff; border-radius:32px; background:#000; box-shadow:12px 12px 0 var(--orange); }.work-hero-card>* { color:#fff; }
.work-hero-card>span { display:block; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.work-hero-card h2 { margin:31px 0 16px; font-size:28px; letter-spacing:-.05em; line-height:1.05; }.work-hero-card p { margin:0; font-size:13px; line-height:1.65; }.work-hero-card a { display:inline-flex; margin-top:26px; padding-bottom:5px; border-bottom:1px solid var(--orange); font-size:13px; font-weight:800; }.work-hero-card a:hover { color:var(--orange); }
.work-intro { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; padding:112px 0 70px; }.work-intro h2,.work-support h2,.work-process h2,.work-contact h2 { font-size:clamp(36px,4.2vw,60px); }.work-intro>p { max-width:600px; margin:25px 0 0; color:#fff; font-size:17px; line-height:1.78; }
.work-fit { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #fff; border-bottom:1px solid #fff; }.work-fit article { min-height:286px; padding:30px 30px 30px 0; border-right:1px solid #fff; }.work-fit article+article { padding-left:30px; }.work-fit article:last-child { border-right:0; }.work-fit span { color:var(--orange); font-size:11px; font-weight:800; letter-spacing:.09em; }.work-fit h2 { margin:50px 0 10px; color:#fff; font-size:22px; letter-spacing:-.04em; }.work-fit p { margin:0; color:#fff; font-size:13px; line-height:1.68; }
.work-support { display:grid; grid-template-columns:.78fr 1.22fr; gap:100px; padding:112px 0; }.work-support-heading>p:not(.section-label) { max-width:370px; color:#fff; font-size:14px; line-height:1.65; }.work-support-list { border-top:1px solid #fff; }.work-support-list article { padding:23px 0; border-bottom:1px solid #fff; }.work-support-list span { color:var(--orange); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.work-support-list h3 { margin:10px 0 6px; color:#fff; font-size:21px; letter-spacing:-.04em; }.work-support-list p { max-width:600px; margin:0; color:#fff; font-size:13px; line-height:1.66; }
.work-process { display:grid; grid-template-columns:.78fr 1.22fr; gap:100px; padding:0 0 112px; }.work-process ol { display:grid; gap:0; margin:0; padding:0; list-style:none; border-top:1px solid #fff; }.work-process li { display:grid; grid-template-columns:70px 1fr; gap:20px; padding:25px 0; border-bottom:1px solid #fff; }.work-process li>span { color:var(--orange); font-size:11px; font-weight:800; letter-spacing:.08em; }.work-process h3 { margin:0; color:#fff; font-size:20px; letter-spacing:-.04em; }.work-process li p { margin:7px 0 0; color:#fff; font-size:13px; line-height:1.66; }
.work-contact { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; padding:88px 0 94px; border-top:1px solid #fff; }.work-contact>div>p:not(.section-label) { max-width:470px; color:#fff; font-size:15px; line-height:1.7; }.work-contact-links { display:grid; align-content:center; border-top:1px solid #fff; }.work-contact-links a { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:104px; padding:17px 45px 17px 0; border-bottom:1px solid #fff; color:#fff; }.work-contact-links a:hover { color:var(--orange); }.work-contact-links span { font-size:10px; font-weight:800; letter-spacing:.08em; opacity:.76; text-transform:uppercase; }.work-contact-links strong { margin-top:7px; font-size:15px; }.work-contact-links b { position:absolute; top:50%; right:0; font-size:25px; transform:translateY(-50%); }.work-note { padding:21px 25px; border-left:3px solid var(--orange); background:#111; color:#fff; font-size:11px; line-height:1.68; }.work-note strong { color:var(--orange); }
@media(max-width:900px){.work-crumbs,.work-hero,.work-intro,.work-fit,.work-support,.work-process,.work-contact,.work-note{width:min(var(--max),calc(100% - 44px))}.work-hero,.work-intro,.work-support,.work-process,.work-contact{grid-template-columns:1fr;gap:42px}.work-hero{padding:52px 0 65px}.work-intro,.work-support,.work-contact{padding:82px 0}.work-process{padding-bottom:82px}.work-fit{grid-template-columns:1fr}.work-fit article,.work-fit article+article{min-height:auto;padding:28px 0;border-right:0;border-bottom:1px solid #fff}.work-fit article:last-child{border-bottom:0}.work-fit h2{margin-top:24px}}
@media(max-width:580px){.work-crumbs,.work-hero,.work-intro,.work-fit,.work-support,.work-process,.work-contact,.work-note{width:calc(100% - 32px)}.work-hero h1{font-size:43px}.work-hero-copy>p:not(.eyebrow),.work-intro>p{font-size:15px}.work-hero-card{padding:26px 23px;border-radius:25px;box-shadow:8px 8px 0 var(--orange)}.work-actions{align-items:stretch;flex-direction:column}.work-cta{justify-content:center}.work-text-link{width:max-content}.work-process li{grid-template-columns:46px 1fr}.work-contact-links strong{font-size:13px}}