@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--paper:#faf8f4;--ink:#111210;--bronze:#80532f;--orange:#fa7800;--muted:#444440;--header-height:84px;--font:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}p,h1,h2,h3{margin:0}img{display:block;max-width:100%}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;left:1rem;top:-10rem;z-index:100;padding:1rem;background:var(--ink);color:white}.skip-link:focus{top:1rem}
.site-header{position:fixed;inset:0 0 auto;height:var(--header-height);z-index:30;display:flex;align-items:center;gap:clamp(2.25rem,3.9vw,4.5rem);padding:0 4.4%;background:var(--paper);border-bottom:1px solid #eee9e2}.site-header.is-scrolled{box-shadow:0 3px 15px #221b1009}.signature{flex-shrink:0}.signature img{width:140px;height:auto}.main-nav{display:flex;align-items:center;gap:clamp(1.8rem,2.9vw,3.25rem)}.nav-link{position:relative;font-size:.84rem;padding:1rem 0;white-space:nowrap}.nav-link:hover{color:var(--bronze)}.nav-link.active:after{content:'';position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--bronze)}.header-end{display:flex;align-items:center;gap:1.4rem;margin-left:auto}.social-link{display:grid;place-items:center;min-width:30px;min-height:44px;color:var(--orange);transition:opacity .2s}.social-link:hover{opacity:.7}.social-link .icon{width:21px;height:21px}.social-link .icon:has(use[href="#icon-instagram"]){stroke-width:1.9}.menu-toggle{display:none;padding:10px;background:none;border:0;color:var(--ink)}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(280px,22vw,400px);margin-top:var(--header-height);display:flex;align-items:center;background:#d6c3a2}.hero:before{content:'';position:absolute;inset:0;z-index:-3;background:url('assets/jorge-canas-disenador-industrial-llanos-orientales.webp') left 48%/230% auto no-repeat}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;width:8.1%;z-index:-2;background:url("assets/jorge-canas-disenador-industrial-llanos-orientales.webp") right top/auto 150% no-repeat;transform:scaleX(-1)}.hero-photo{position:absolute;z-index:-2;top:0;right:8%;height:130%;width:auto;max-width:none;pointer-events:none;mask-image:linear-gradient(90deg,transparent,black 14%,black)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf8f4f5 0%,#faf8f4e8 20%,#faf8f4b0 38%,#faf8f452 56%,transparent 72%)}.hero-content{width:100%;padding:4.85rem 7.4% 2.3rem}.hero h1{font-size:clamp(1.3rem,2.2vw,2.35rem);font-weight:800;letter-spacing:-.045em;line-height:1.13;max-width:68%;text-wrap:balance}.profession{font-size:clamp(1.35rem,1.75vw,1.85rem);font-weight:400;letter-spacing:.01em;color:var(--bronze);line-height:1.45;margin-top:.3rem}.hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.45rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;min-height:46px;padding:.7rem 1.4rem;border:1px solid var(--bronze);border-radius:5px;font-size:.86rem;font-weight:500;line-height:1.4;transition:background .2s}.button-primary{background:var(--bronze);color:white;min-width:188px}.button-primary:hover{background:#633d20}.button-secondary{background:#faf8f4e8;color:var(--bronze)}.button-secondary:hover{background:#efe7db}.hero .button-secondary{min-width:219px}
.about-section{width:71.2%;max-width:1190px;margin:0 auto;padding:44px 0 64px}.about-section:before{content:'';display:block;width:32px;height:2px;background:var(--orange);margin-bottom:13px}.about-section h2{font-size:clamp(2.15rem,2.65vw,2.8rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:16px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.about-grid>p,.about-grid>div>p{max-width:480px;font-size:1.075rem;font-weight:400;line-height:1.48;color:var(--muted)}.about-more{max-width:480px;margin-top:18px}.about-more summary{list-style:none;justify-content:flex-start;min-height:41px;font-size:.92rem;padding:.55rem 1.45rem;width:max-content;max-width:100%}.about-more summary::-webkit-details-marker{display:none}.about-more .icon{width:17px;height:17px}.about-more[open] summary .icon{transform:rotate(90deg)}.biography{padding-top:1.2rem;color:var(--muted);font-size:1rem;line-height:1.7}.biography p+p{margin-top:1rem}.inline-panel{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #ded4c7;scroll-margin-top:24px}.inline-panel h3{font-size:1.4rem;letter-spacing:-.025em;margin-bottom:.8rem}.inline-panel p{font-size:1rem;line-height:1.6;color:var(--muted)}.contact-links{display:flex;gap:1.5rem;flex-wrap:wrap}.contact-links a,.text-button{color:var(--bronze);text-decoration:underline;text-underline-offset:4px}.text-button{border:0;background:none;padding:.5rem 0;margin-top:.75rem}
@media(min-width:1800px){.hero-content{max-width:1920px;margin:auto}.hero{min-height:430px}}
@media(max-width:1100px){.hero:after{display:none}.site-header{gap:2rem}.main-nav{gap:1.7rem}.header-end{gap:.8rem}.hero-photo{right:1%;height:125%}.hero h1{max-width:68%;font-size:1.5rem}.about-section{width:80%}.about-grid{gap:44px}.about-grid>p,.about-grid>div>p{font-size:1rem}}
@media(max-width:850px){.site-header{gap:1.3rem;padding-inline:4%}.signature img{width:125px}.main-nav{gap:1.1rem}.header-end{gap:.3rem}.hero h1{max-width:65%;font-size:1.3rem}.hero-content{padding-inline:6%}.hero .button{min-width:0}.hero-actions{max-width:58%;gap:.7rem}.hero-actions .button{font-size:.82rem;padding-inline:1rem}.hero-photo{right:-8%}.about-section{width:84%}.about-grid{gap:32px}}
@media(max-width:680px){:root{--header-height:74px}.site-header{padding-inline:5%;gap:.5rem}.signature img{width:128px}.header-end{gap:.15rem}.social-link{min-width:28px}.social-link .icon{width:19px;height:19px}.menu-toggle{display:block;padding:8px}.menu-toggle .icon{width:22px;height:22px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:.8rem 6% 1.2rem;background:var(--paper);box-shadow:0 10px 18px #221b1010}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-link{font-size:1rem;padding:.7rem 0}.nav-link.active:after{right:auto;width:2rem;bottom:3px}.hero{display:block;min-height:0;background:var(--paper)}.hero:before{height:330px;background-size:260% auto;background-position:left 43%}.hero-photo{height:360px;top:0;right:-6%;mask-image:linear-gradient(90deg,transparent,black 12%,black 93%,transparent)}.hero-shade{background:linear-gradient(0deg,var(--paper) 0%,var(--paper) 31%,#faf8f4e6 40%,#faf8f400 76%)}.hero-content{padding:280px 6% 2.2rem}.hero h1{max-width:100%;font-size:clamp(1.15rem,3.75vw,1.65rem);line-height:1.12;text-wrap:initial}.profession{font-size:1.35rem;margin-top:.6rem}.hero-actions{max-width:none;margin-top:1.3rem}.hero-actions .button{min-height:46px;font-size:.85rem;padding:.75rem 1.15rem}.about-section{width:88%;padding:30px 0 48px}.about-section h2{font-size:2.25rem;margin-bottom:18px}.about-grid{grid-template-columns:1fr;gap:22px}.about-grid>p,.about-grid>div>p{max-width:none;font-size:1.025rem;line-height:1.6}.about-more{max-width:none}.about-more summary{font-size:.9rem}}
@media(max-width:375px){.signature img{width:112px}.social-link{min-width:25px}.header-end{gap:0}.menu-toggle{padding:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.portfolio-section{padding:56px 2.25% 48px;min-height:calc(100svh - var(--header-height));scroll-margin-top:-24px;border-top:1px solid #eee9e2}.portfolio-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4% 36px;gap:2rem}.portfolio-heading h2{font-size:clamp(3rem,4.7vw,5rem);font-weight:800;letter-spacing:-.045em;line-height:1.08}.portfolio-heading h2:before{content:'';display:block;width:41px;height:3px;background:var(--orange);margin-bottom:12px}.portfolio-subtitle{font-size:clamp(1.25rem,1.9vw,2rem);line-height:1.4;color:var(--bronze);margin-top:4px}.portfolio-note{font-size:1.075rem;line-height:1.4;color:var(--bronze);margin-right:2%}.portfolio-note:after{content:'';display:block;width:44px;height:1px;background:var(--bronze);margin-top:22px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 22px}.portfolio-grid a{display:block;overflow:hidden;border-radius:5px;background:#eee9e2;aspect-ratio:1.37}.portfolio-grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-grid a:hover img{transform:scale(1.035)}.portfolio-grid a:focus-visible{outline-offset:4px}
@media(max-width:850px){.portfolio-section{padding:38px 4%}.portfolio-heading{padding:0 0 26px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portfolio-note{font-size:.95rem;margin:0}}
@media(max-width:480px){.portfolio-section{padding:30px 5%}.portfolio-heading{align-items:flex-start;gap:1rem}.portfolio-heading h2{font-size:2.65rem}.portfolio-subtitle{font-size:1.15rem}.portfolio-note{display:none}.portfolio-grid{gap:12px}.portfolio-grid a{aspect-ratio:1.15}}
@media(prefers-reduced-motion:reduce){.portfolio-grid img{transition:none}}
/* Shared title and subtitle sizes for every section. */
:root{--title-size:clamp(1.3rem,2.2vw,2.35rem);--subtitle-size:clamp(1.35rem,1.75vw,1.85rem)}
.hero h1,.about-section h2,.portfolio-heading h2,.inline-panel h3{font-size:var(--title-size)}
.profession,.portfolio-subtitle{font-size:var(--subtitle-size)}
@media(max-width:1100px){:root{--title-size:1.5rem}}
@media(max-width:850px){:root{--title-size:1.3rem}}
@media(max-width:680px){:root{--title-size:clamp(1.15rem,3.75vw,1.65rem);--subtitle-size:1.35rem}}
.illustration-section .portfolio-heading{padding-bottom:18px}.illustration-intro{max-width:740px;margin:0 4% 32px;color:var(--muted);font-size:1.075rem;line-height:1.6}.illustration-grid a{aspect-ratio:4/5;background:#faf8f4}.illustration-grid img{object-fit:contain}.illustration-grid a:hover img{transform:none}
@media(max-width:850px){.illustration-intro{margin:0 0 26px;font-size:1rem}}
@media(max-width:480px){.illustration-section .portfolio-heading{flex-direction:column}.illustration-section .portfolio-note{display:block}.illustration-section .portfolio-note br{display:none}.illustration-section .portfolio-note:after{display:none}}
.illustration-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:850px){.illustration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Illustration layout: header, copy and two image rows fit below the fixed navigation. */
.illustration-section{scroll-margin-top:0;padding:24px 4%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);height:calc(100svh - var(--header-height) - 24px);gap:0}
.illustration-section .portfolio-heading{width:100%;padding:0 0 12px;align-items:flex-start}
.illustration-intro{margin:0 0 18px;max-width:900px;font-size:1rem;line-height:1.45}
.illustration-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,calc((100svh - var(--header-height) - 250px)*1.9));height:100%;min-height:0;aspect-ratio:auto;justify-self:center;align-self:stretch}
.illustration-grid a{position:relative;aspect-ratio:auto;min-width:0;min-height:0;border-radius:4px;background:transparent}
.illustration-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.illustration-section .portfolio-note{flex-shrink:0}.illustration-section .portfolio-note:after{margin-top:12px}
@media(max-width:850px){.illustration-section{height:auto;display:block;padding:28px 5%}.illustration-grid{width:100%;height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px}.illustration-grid a{aspect-ratio:4/5}.illustration-section .portfolio-heading{flex-direction:column;gap:10px}.illustration-section .portfolio-note{display:block;font-size:.9rem}.illustration-section .portfolio-note br{display:none}.illustration-section .portfolio-note:after{display:none}.illustration-intro{font-size:.95rem;margin-bottom:20px}}
.awards-section{padding:40px 6% 56px;scroll-margin-top:0}.awards-section .portfolio-heading{padding:0 0 28px}.awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.award-card a{display:block;overflow:hidden;border-radius:5px}.award-card img{width:100%;aspect-ratio:1.37;height:auto;object-fit:cover}.award-card h3{font-size:var(--subtitle-size);font-weight:500;line-height:1.3;color:var(--bronze);margin:18px 0 9px}.award-card p{font-size:1rem;line-height:1.6;color:var(--muted);max-width:440px}
@media(max-width:680px){.awards-section{padding:30px 5% 40px}.awards-grid{grid-template-columns:1fr;gap:32px}}
.contact-section{min-height:0;padding:48px 6% 60px;scroll-margin-top:0}.contact-section .portfolio-heading{padding:0 0 20px}.contact-socials,.footer-socials{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.contact-email{color:var(--bronze);text-underline-offset:5px}.contact-email:hover{text-decoration:underline}.site-footer{padding:24px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e7dfd4;font-size:.9rem;color:var(--muted)}.site-footer p a{color:var(--bronze)}.footer-socials{gap:15px}.footer-socials .icon{width:19px;height:19px}@media(max-width:680px){.site-footer{flex-direction:column;align-items:flex-start;padding:24px 5%}.contact-section{padding:35px 5% 40px}.contact-socials{gap:16px}.contact-socials .contact-email{flex-basis:100%}}