@font-face{font-family:Manrope;src:url('../../Gonzalo-Aguilera-portafolio-2026-09-14/assets/fonts/manrope-variable.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3eee7;color:#171615;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;background:#f3eee7ee;backdrop-filter:blur(12px);border-bottom:1px solid #17161520}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:.08em;font-size:13px}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.brand small{font-size:8px;letter-spacing:.22em;font-weight:500}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav a{opacity:.72}nav a:hover{opacity:1}.nav-cta,.button{background:#a95016;color:#fff;padding:14px 20px;border-radius:999px;opacity:1}.hero,.intro,.services,.cases,.method,.contact{padding:9vw 9vw}.hero{min-height:84vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 82% 22%,#b8652730,transparent 30%)}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;color:#a95016;font-weight:800}.hero h1{font-size:clamp(56px,9vw,132px);line-height:.92;letter-spacing:-.07em;margin:24px 0;max-width:950px}.hero h1 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:#a95016}.lead{font-size:clamp(19px,2vw,27px);line-height:1.35;max-width:620px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:24px}.text-link{border-bottom:1px solid}.hero-note{display:flex;justify-content:space-between;margin-top:16vh;border-top:1px solid #17161533;padding-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.intro{display:grid;grid-template-columns:1fr 2fr;gap:8vw;background:#171615;color:#f3eee7}.intro h2,.services h2,.cases h2,.method h2,.contact h2{font-size:clamp(42px,6vw,88px);line-height:.96;letter-spacing:-.06em;margin:0}.intro h2 span,.services h2 span,.cases h2 span,.method h2 span{font-family:Georgia,serif;color:#d78d58;font-weight:400}.intro>p:last-child{font-size:clamp(20px,2.5vw,32px);line-height:1.25;max-width:620px;align-self:end}.services{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw}.service-list{border-top:1px solid #17161540}.service-list article{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:26px 0;border-bottom:1px solid #17161540}.service-list b,.steps b{color:#a95016;font-size:12px}.service-list h3,.steps h3{margin:0;font-size:24px}.service-list p{grid-column:2;margin:0;max-width:430px;line-height:1.5;opacity:.7}.cases{background:#dfd2c5}.cases-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.cases-head>p{max-width:320px}.case-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.case{display:block}.case.featured{grid-row:span 2}.case img{width:100%;display:block;aspect-ratio:1.25;object-fit:cover;filter:saturate(.82)}.case.featured img{aspect-ratio:1.05}.case div{padding:14px 0}.case span{font-size:11px;color:#a95016;text-transform:uppercase;letter-spacing:.1em}.case h3{font-size:28px;margin:5px 0}.method{background:#f3eee7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px;border-top:1px solid #17161540}.steps>div{padding-top:20px;border-right:1px solid #17161540;padding-right:18px}.steps p{line-height:1.5;opacity:.7}.contact{background:#a95016;color:#fff;min-height:70vh;display:flex;flex-direction:column;justify-content:center}.contact .section-kicker{color:#f9d0aa}.contact h2{font-size:clamp(58px,11vw,150px);margin:30px 0}.contact-link{font-size:clamp(20px,3vw,36px);border-bottom:1px solid #fff;width:max-content}footer{display:flex;justify-content:space-between;padding:28px 5vw;background:#171615;color:#f3eee7;font-size:11px;letter-spacing:.1em}footer a{color:#d78d58}@media(max-width:760px){nav a:not(.nav-cta){display:none}.hero,.intro,.services,.cases,.method,.contact{padding:18vw 7vw}.intro,.services{display:block}.intro h2,.services h2{margin:24px 0}.case-grid{display:block}.case{margin-bottom:24px}.steps{grid-template-columns:1fr 1fr}.steps>div{margin-bottom:12px}.cases-head{display:block}footer{gap:12px;flex-wrap:wrap}}