/*
Theme Name: Sergio Grasso Atelier
Text Domain: sergio-grasso-atelier
Description: Sergio Grasso — Pietra, materia, progetto.
Version: 1.1.0
Requires PHP: 7.4
*/
:root{--ink:#171614;--paper:#f4f1eb;--cream:#e7e0d5;--line:#c8c0b4;--muted:#69635c;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin-top:0}.wrap{width:min(1440px,calc(100% - 9vw));margin:0 auto}
.sg-head{position:absolute;top:0;left:0;right:0;z-index:50;height:96px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.24)}
.sg-logo img{width:150px;height:auto;max-height:62px;object-fit:contain}.sg-head button{display:none;background:none;border:0;color:#fff;font-size:30px}.sg-nav{display:flex;align-items:center;gap:21px}.sg-nav>a,.sg-menu-group>a{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;white-space:nowrap}.sg-menu-group{position:relative}.sg-submenu{position:absolute;top:28px;left:-20px;min-width:220px;background:#171614;padding:17px 20px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}.sg-menu-group:hover .sg-submenu{opacity:1;visibility:visible;transform:none}.sg-submenu a{display:block;color:#fff;font-size:11px;padding:7px 0;letter-spacing:.04em}.sg-shop-nav{padding:10px 13px;border:1px solid rgba(255,255,255,.7)}
.hero{position:relative;min-height:100svh;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.hero-slides{position:absolute;inset:0}.hero-bg{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}.hero-bg.is-active{opacity:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.72),rgba(10,10,9,.24) 65%,rgba(10,10,9,.1)),linear-gradient(0deg,rgba(10,10,9,.52),transparent 50%)}.hero-copy{position:relative;z-index:2;padding-bottom:10vh}.eyebrow,.section-index{font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.hero h1,.story h2,.materials h2,.projects h2,.method h2,.visit h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.04em;line-height:.94}.hero h1{font-size:clamp(62px,8.6vw,145px);margin:18px 0 28px;max-width:1050px}.hero h1 em,.story h2 em,.materials h2 em,.projects h2 em,.visit h2 em{font-weight:400;color:#d7cec1}.lead{font-size:clamp(17px,1.3vw,22px);max-width:620px;color:rgba(255,255,255,.88)}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;border:1px solid}.btn.light{border-color:#fff;color:#fff}.btn.dark{border-color:#171614;background:#171614;color:#fff}.text-link{display:inline-block;padding-bottom:4px;border-bottom:1px solid;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.light-link{color:#fff}.hero-slider-ui{position:absolute;left:4.5vw;bottom:4.2vh;z-index:3;display:flex;align-items:center;gap:9px}.hero-slider-ui button{width:9px;height:9px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:transparent;cursor:pointer}.hero-slider-ui button.is-active{background:#fff}.hero-slider-ui .pause{width:auto;height:auto;border:0;border-radius:0;color:#fff;font-size:12px;margin-left:7px;background:transparent}.hero-meta{position:absolute;right:4.5vw;bottom:4.5vh;z-index:2;text-align:right}.hero-meta span{display:block;font-size:9px;letter-spacing:.18em}.hero-meta strong{font-family:Georgia,serif;font-size:20px;font-weight:400}
.story{padding:130px 0;display:grid;grid-template-columns:.48fr 1.4fr .48fr;gap:6vw;align-items:start}.story h2,.materials h2,.projects h2,.method h2,.visit h2{font-size:clamp(46px,6vw,86px);margin:0 0 28px}.body-lg{font-size:18px;max-width:720px;color:var(--muted)}.year-card{border-top:1px solid var(--ink);padding-top:18px}.year-card strong{display:block;font-family:Georgia,serif;font-size:72px;font-weight:400}.year-card span{font-size:10px;letter-spacing:.14em}
.materials{background:#171614;color:#fff;padding:120px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:55px}.section-head>p{max-width:430px;color:#bdb5aa}.material-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:18px}.material-card{position:relative;height:560px;overflow:hidden;background:#2a2723}.material-card img{height:100%;object-fit:cover;opacity:.72;transition:.5s}.material-card:hover img{transform:scale(1.025);opacity:.9}.material-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 58%)}.material-card .num{position:absolute;z-index:2;top:22px;left:22px;font-size:10px;letter-spacing:.15em}.material-card div{position:absolute;z-index:2;left:25px;right:25px;bottom:25px}.material-card small{font-size:9px;letter-spacing:.17em}.material-card h3{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:8px 0}.material-card div>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.material-links{display:flex;gap:28px;align-items:center;margin-top:28px;font-size:11px;letter-spacing:.1em}.material-links .text-link{margin-left:auto}
.projects{padding:125px 0}.section-head.compact{align-items:center}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-grid article img{height:600px;object-fit:cover}.project-grid article p{font-size:10px;letter-spacing:.15em;margin:18px 0 7px}.project-grid h3{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:0}
.method{background:#ded6ca;padding:120px 0}.method h2{margin-bottom:50px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #9f9689}.method-grid>div{padding:25px 26px 10px 0;border-right:1px solid #b8afa3;min-height:220px}.method-grid>div+div{padding-left:26px}.method-grid span{font-size:10px;letter-spacing:.15em}.method-grid h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:45px 0 10px}.method-grid p{font-size:14px;color:#5c564f}
.visit{display:grid;grid-template-columns:1.1fr .9fr;min-height:760px}.visit>img{height:100%;object-fit:cover}.visit-copy{background:#171614;color:#fff;padding:9vw 7vw}.visit-copy p:not(.section-index){color:#c7c0b7;max-width:540px}.visit-copy small{display:block;margin-top:30px;color:#aaa298;line-height:1.7}
.sg-footer{background:#0f0e0d;color:#d8d2ca;padding:70px 5vw 30px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px}.sg-footer strong{font-family:Georgia,serif;font-size:30px;color:#fff}.sg-footer>div>span{font-size:9px;letter-spacing:.16em;color:#8f8981}.sg-footer p{font-size:14px}.sg-footer-bottom{grid-column:1/-1;border-top:1px solid #302e2b;padding-top:24px;color:#817b74;font-size:12px}.sg-socials{display:flex;gap:10px;margin-top:22px}.sg-socials a,.sg-socials span{width:38px;height:38px;border:1px solid #4d4944;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.sg-socials svg{width:17px;height:17px;fill:currentColor}
@media(max-width:1080px){.sg-nav{gap:13px}.sg-nav>a,.sg-menu-group>a{font-size:9px}.sg-logo img{width:175px}}
@media(max-width:900px){.wrap{width:min(100% - 42px,1440px)}.sg-head{height:78px;padding:0 21px;background:rgba(15,14,13,.88)}.sg-logo img{width:165px}.sg-head button{display:block}.sg-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#151412;padding:22px;flex-direction:column;align-items:flex-start;gap:15px}.sg-nav.open{display:flex}.sg-nav>a,.sg-menu-group>a{font-size:12px}.sg-menu-group{width:100%}.sg-submenu{position:static;opacity:1;visibility:visible;transform:none;background:transparent;padding:6px 0 0 14px}.sg-submenu a{color:#bbb3aa}.hero{min-height:90svh}.hero-copy{padding-bottom:65px}.hero h1{font-size:clamp(54px,16vw,88px)}.hero-meta{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.story{grid-template-columns:1fr;padding:85px 0;gap:28px}.year-card{max-width:250px}.section-head{display:block}.material-grid{grid-template-columns:1fr}.material-card{height:430px}.material-links{flex-direction:column;align-items:flex-start}.material-links .text-link{margin-left:0}.projects{padding:85px 0}.project-grid{grid-template-columns:1fr}.project-grid article img{height:430px}.method{padding:85px 0}.method-grid{grid-template-columns:1fr}.method-grid>div,.method-grid>div+div{padding:22px 0;border-right:0;border-bottom:1px solid #b8afa3;min-height:0}.method-grid h3{margin:18px 0 8px}.visit{grid-template-columns:1fr}.visit>img{height:420px}.visit-copy{padding:75px 24px}.sg-footer{grid-template-columns:1fr;padding:55px 24px 28px;gap:28px}}