/* A paced, image-led gallery; the artwork files remain untouched. */
.hero{min-height:min(690px,90vh)!important;grid-template-columns:minmax(0,1fr) minmax(245px,390px)!important;gap:clamp(35px,7vw,110px)!important}
.hero-painting{max-width:350px!important;transform:rotate(1deg)}
.hero-painting a{text-decoration:none}.hero-painting img{max-height:510px;object-fit:contain;background:#1b3039;box-shadow:16px 18px 0 #b9ac96!important}
.hero-painting span{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}
.hero h1{font-size:clamp(4rem,8vw,8.5rem)!important}
.hero p{font-size:clamp(1.05rem,1.6vw,1.32rem)!important;line-height:1.5}
.gallery{background:#e6e8e4!important}.gallery .lead{max-width:580px;font-size:1rem}
.works{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,48px) clamp(18px,2.2vw,34px)!important;margin-top:50px!important}
.works .work{background:transparent!important;border:0!important;padding:0!important;min-height:0!important;display:block;grid-row:auto!important;transform:none!important}
.works .work[hidden]{display:none!important}
.works .work>a:first-child{background:#d5d9d5;padding:clamp(12px,1.7vw,25px);overflow:hidden}
.works .work>a:first-child img,.works .work.featured>a:first-child img{height:clamp(275px,31vw,390px)!important;width:100%;object-fit:contain!important;background:transparent!important;transition:transform .45s ease}
.works .work>a:first-child:hover img{transform:scale(1.035)}
.works .work>div{padding:17px 0 0!important}.works .work h3{font-size:clamp(1.3rem,2vw,1.9rem)!important;margin:0 0 7px!important}
.works .work h3 a{text-decoration:none}.works .work small{font-size:.78rem!important;line-height:1.5;color:#4c5553}
.works .work p{padding:0!important;margin:7px 0 0!important}.works .work p a{font-size:.82rem;padding:0!important;text-decoration:none;border-bottom:1px solid currentColor}
.works .work.trio{grid-column:span 2;background:#243940!important;color:#f4f2eb!important;display:grid;grid-template-columns:1fr 1fr!important;align-items:center!important;margin:12px 0}
.works .work.trio>img{width:100%;height:100%;min-height:280px;object-fit:cover}.works .work.trio>div{padding:30px!important}.works .work.trio h3{color:inherit}
.works .work.trio p{font-size:.9rem!important}.works .work.trio a{color:inherit!important}
.show-all{display:block;margin:55px auto 0;background:#243940;color:white;border:1px solid #243940;padding:16px 27px;font:700 .9rem Arial,sans-serif;cursor:pointer}
.show-all:hover{background:transparent;color:#243940}.show-all:focus-visible{outline:3px solid #486c75;outline-offset:4px}
.journal-grid{gap:clamp(24px,4vw,60px)}
@media(max-width:900px){.works{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:minmax(0,1fr) 32%!important}.hero-painting img{max-height:420px}}
@media(max-width:780px){.hero{display:grid;grid-template-columns:1fr 40%!important;gap:16px!important;padding:55px 24px 58px!important;min-height:0!important}.hero h1{font-size:clamp(3.15rem,11vw,5rem)!important}.hero-painting{margin:0!important;align-self:center}.hero-painting img{max-height:320px}.hero-painting span{font-size:.68rem}.works{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 14px!important}.works .work>a:first-child img,.works .work.featured>a:first-child img{height:250px!important}.works .work.trio{grid-column:1/-1;grid-template-columns:1fr!important}.works .work.trio>img{height:250px;min-height:0}.works .work small{font-size:.73rem!important}}
@media(max-width:540px){.hero{grid-template-columns:1fr!important}.hero-painting{width:44%;max-width:190px!important;margin:-22px 0 0 auto!important}.hero-painting img{max-height:245px}.hero h1{font-size:clamp(3.5rem,14vw,5.2rem)!important}.hero p{max-width:85%}.works{grid-template-columns:1fr!important;gap:37px!important}.works .work>a:first-child img,.works .work.featured>a:first-child img{height:360px!important}.works .work.trio{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.works .work>a:first-child img{transition:none}.works .work>a:first-child:hover img{transform:none}}
/* The first screen and gallery remain compact on narrow phones. */
@media(max-width:600px){header{gap:14px!important}header strong{font-size:1rem!important}nav{gap:12px 18px!important}nav a{font-size:.76rem!important;min-height:28px;display:inline-flex;align-items:center}nav a[href="#practica"],nav a[href="#serii"]{display:none}.hero{padding-top:42px!important}.gallery{padding-top:58px!important}.gallery h2{margin-bottom:18px}.works .work>a:first-child{padding:12px!important}.works .work>a:first-child img,.works .work.featured>a:first-child img{height:min(78vw,360px)!important}}

/* Artwork leads the introduction without decorative backing. */
.hero{min-height:0!important;padding-top:56px!important;padding-bottom:56px!important;gap:48px!important}
.hero:before,.hero:after{display:none!important}
.hero-painting{transform:none!important;width:100%;max-width:390px!important;margin:0 auto!important}
.hero-painting img{box-shadow:none!important;background:transparent!important;max-height:490px;width:100%;height:auto;object-fit:contain}
.hero-painting span{font-size:.875rem!important;line-height:1.5;margin-top:16px}
.hero-detail{grid-template-columns:1fr 1fr!important}
.hero-detail .hero-painting{max-width:620px!important}
.hero-detail .hero-painting img{aspect-ratio:4/3;height:auto;max-height:none;object-fit:cover;object-position:center 55%}
@media(max-width:780px){.hero,.hero-detail{grid-template-columns:1fr!important;padding:36px 24px 40px!important;gap:26px!important}.hero h1{margin:18px 0!important;font-size:clamp(3.3rem,12vw,5rem)!important}.hero p{max-width:540px!important;margin:0;line-height:1.5}.hero-painting{width:100%!important;max-width:310px!important;margin:0 auto!important}.hero-painting img{max-height:350px}.hero-detail .hero-painting{max-width:620px!important}.hero-detail .hero-painting img{max-height:none;aspect-ratio:5/4}.hero .kicker:before{transform:none}}