Theme Name: Maddalena Portfolio
Theme URI: https://maddalenacasadei.com/
Author: Maddalena Casadei
Description: Custom portfolio theme for Maddalena Casadei.
Version: 1.0.5
Text Domain: maddalena-portfolio

/* Maddalena Casadei Portfolio — approved visual system */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#111}
body{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.25}
a{color:inherit;text-decoration:none}
.header{height:66px;padding:25px 2.95vw 0;display:grid;grid-template-columns:1fr 1.4fr 1fr auto;align-items:start;column-gap:30px}
.brand{font-size:16px;line-height:1}.tagline{font-size:13px;text-align:center;line-height:1}.nav{display:flex;justify-content:flex-end;gap:34px;font-size:13px;line-height:1}.lang{font-size:13px;line-height:1;white-space:nowrap}
.home{padding:0 2.95vw 70px}.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2.2vw;align-items:start;margin-bottom:26px}
.row.three{grid-template-areas:"a a a a b b b b c c c c"}.row.three .card:nth-child(1){grid-area:a}.row.three .card:nth-child(2){grid-area:b}.row.three .card:nth-child(3){grid-area:c}
.row.two{grid-template-areas:"a a a a a a b b b b b b";margin-bottom:52px}.row.two .card:nth-child(1){grid-area:a}.row.two .card:nth-child(2){grid-area:b}
.card{min-width:0;position:relative;display:block}.image{width:100%;background:#fff;overflow:hidden}.row.three .card:nth-child(1) .image,.row.three .card:nth-child(3) .image{aspect-ratio:419/489}.row.three .card:nth-child(2) .image{aspect-ratio:412/402}.row.two .image{aspect-ratio:605/316}.image img{width:100%;height:100%;object-fit:contain;display:block}
.caption{font-size:13px;line-height:1.22;margin-top:10px;min-height:68px}.row.three .card:nth-child(1) .caption,.row.three .card:nth-child(3) .caption{position:absolute;top:calc(100% - 78px);margin:0}.row.three .card:nth-child(1) .caption{right:calc(100% + 12px);width:58px}.row.three .card:nth-child(3) .caption{left:calc(100% + 18px);width:70px}.row.two .caption{position:absolute;top:calc(100% - 78px);margin:0}.row.two .card:nth-child(1) .caption{right:calc(100% + 12px);width:58px}.row.two .card:nth-child(2) .caption{left:calc(100% + 18px);width:70px}.caption .index,.caption .name,.caption .type,.caption .year{display:block}
.page{padding:22px 5.2vw 34px}.back{font-size:13px;margin-bottom:18px;display:block}.top{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(360px,1fr);gap:4.7vw;align-items:start}.main-wrap{width:100%;display:flex;justify-content:flex-start}.main-wrap img{width:94%;height:auto;display:block}.info{padding-top:0;max-width:520px}.number{font-size:13px;margin-bottom:8px}.title{font-size:29px;font-weight:400;line-height:1;margin:0 0 12px;letter-spacing:-.03em}.meta{display:block;font-size:18px;line-height:1.28;margin:0 0 15px;padding:0;text-align:left;width:100%}.meta div{margin:0;padding:0}.rule{width:16px;border-top:1px solid #111;margin:0 0 31px}.description{font-size:16px;line-height:1.43;margin:0 0 38px;max-width:510px}.description p{margin:0 0 22px}.description a{text-decoration:underline;text-underline-offset:2px}.credits{display:grid;grid-template-columns:1fr 1.55fr;gap:10px;font-size:13px;line-height:1.45;max-width:510px}.gallery{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:20px}.thumb{border:0;padding:0;background:#f5f5f5;cursor:pointer;aspect-ratio:1/1;overflow:hidden;display:block}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-nav{border-top:1px solid #999;display:flex;justify-content:space-between;padding-top:28px;margin-top:44px;font-size:13px}
.about-page{padding:60px 8vw;display:grid;grid-template-columns:408px 1fr;gap:9vw;max-width:1200px;align-items:start}.about-page img{width:408px;height:auto;display:block}.about-text{font-size:16px;line-height:1.45}.about-text p{margin:0 0 22px}.contact-page{padding:60px 8vw;max-width:1200px}.contact-text{font-size:16px;line-height:1.45}.contact-text p{margin:0 0 8px}
@media(min-width:1101px) and (max-width:2000px){.home{padding-left:clamp(88px,6vw,100px);padding-right:clamp(88px,6vw,100px)}.row{column-gap:clamp(14px,2vw,24px)}}
@media(max-width:1100px){.home{padding:0 24px 40px}.row.three,.row.two{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:none;gap:30px 18px;margin-bottom:30px}.row.three .card,.row.two .card{grid-area:auto!important}.row.three .card .image,.row.two .card .image{aspect-ratio:4/3}.caption,.row.three .card .caption,.row.two .card .caption{position:static;width:auto;margin-top:9px;min-height:0}}
@media(max-width:900px){.header{height:auto;padding:20px 18px;grid-template-columns:1fr auto;row-gap:18px}.tagline{grid-column:1/-1;grid-row:2;text-align:left}.nav{grid-column:2;grid-row:1;gap:16px}.lang{grid-column:1;grid-row:3}.page{padding:20px 18px 40px}.top{grid-template-columns:1fr;gap:30px}.main-wrap img{width:100%}.info{max-width:none}.gallery{grid-template-columns:repeat(3,1fr);gap:10px}.about-page{padding:40px 18px;display:block}.about-page img{width:100%;max-width:408px;margin-bottom:34px}.contact-page{padding:40px 18px}}
@media(max-width:600px){.home{padding:0 18px 40px;width:100%;overflow:visible}.home .row.three,.home .row.two{display:block!important;width:100%;margin:0!important;padding:0!important;grid-template-columns:none!important;grid-template-areas:none!important;gap:0!important}.home .row.three .card,.home .row.two .card{display:block!important;width:min(100%,420px)!important;height:auto!important;position:relative!important;margin:0 auto 34px!important;padding:0!important;grid-area:auto!important}.home .row.three .card>.image,.home .row.two .card>.image{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important;margin:0!important;padding:0!important}.home .row.three .card>.image img,.home .row.two .card>.image img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;margin:0!important;padding:0!important}.home .row.three .card>.caption,.home .row.two .card>.caption{display:block!important;position:static!important;float:none!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;min-height:0!important;height:auto!important;margin:8px 0 0!important;padding:0!important;text-align:center!important;clear:both!important;}.home .caption .index,.home .caption .type{display:none!important}.home .caption .name,.home .caption .year{display:block!important}.about-page{padding:30px 18px}.about-page img{max-width:none;width:100%;margin-bottom:28px}.about-text{font-size:16px}.contact-page{padding:30px 18px}}