/*
Theme Name: Masotti Studio
Author: Masotti & Associati
Description: Prima versione responsive per Masotti & Associati SA. Contenuti modificabili con l'editor WordPress.
Version: 0.1.1
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: masotti-studio
*/
:root{--ink:#202523;--muted:#5c625f;--line:#d8dcd7;--yellow:#ffce2c;--paper:#fff;--soft:#f2f4f1;--width:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-color:var(--yellow)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #927000;outline-offset:5px}img{max-width:100%;height:auto;display:block}button,summary{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(2.5rem,6.3vw,6rem)}h2{font-size:clamp(2rem,4vw,3.8rem)}h3{font-size:1.7rem}p{margin-bottom:1.3rem}.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;z-index:99;padding:12px}.site-head{padding:28px 0;border-bottom:1px solid var(--line)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;display:block}.brand img{width:273px;height:20px;object-fit:contain}.brand small{font-size:.75rem;letter-spacing:.18em;display:block;margin-top:9px}.desktop-nav{display:flex;gap:30px;font-size:.9rem}.desktop-nav a{text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{border-color:var(--yellow)}.mobile-menu{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:600;display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';height:9px;width:9px;background:var(--yellow);display:inline-block;flex:none}.intro{padding:70px 0 38px;display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:end}.intro h1{margin-bottom:0}.intro .lead{max-width:380px;justify-self:end;font-size:1.1rem;color:var(--muted);padding-bottom:9px}.arrow-link{display:inline-flex;gap:25px;align-items:center;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:7px;font-size:.9rem}.arrow-link span{font-size:1.5rem}.hero{position:relative;margin:0}.hero img{width:100%;height:clamp(300px,46vw,590px);object-fit:cover;object-position:center 60%}.hero figcaption{background:var(--ink);color:white;padding:18px 28px;display:flex;justify-content:space-between;gap:24px;font-size:.875rem}.hero figcaption a{text-decoration:none}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.section-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.card{text-decoration:none;display:block}.card .photo{overflow:hidden;background:var(--soft);margin-bottom:22px}.card img{width:100%;aspect-ratio:1.4;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.035)}.card .meta{font-size:.78rem;letter-spacing:.06em;color:var(--muted);margin-bottom:12px}.card h3{font-size:1.65rem;line-height:1.2;margin-bottom:10px}.card .card-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:13px;font-size:.9rem;color:var(--muted)}.studio-strip{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split p{max-width:580px}.big-year{font-size:clamp(4rem,9vw,8rem);line-height:1;letter-spacing:-.07em;margin:30px 0 15px}.contact-strip{border-top:1px solid var(--line)}.site-footer{background:var(--ink);color:white;padding:50px 0}.footer-row{display:flex;justify-content:space-between;gap:30px}.footer-row small{color:#d7dbd6}.site-footer a{color:white}.page-top{padding:65px 0 40px;max-width:1100px}.page-top h1{margin:25px 0}.page-top .summary{max-width:760px;font-size:1.2rem;color:var(--muted)}.page-content{max-width:850px;padding-bottom:80px}.page-content h2{font-size:2rem;margin:40px 0 20px}.page-content h3{font-size:1.5rem}.page-content p{max-width:750px}.page-content .wp-block-image{margin:36px 0}.page-content img{width:100%;height:auto}.page-content figcaption{font-size:.875rem;color:var(--muted)}.featured{margin:0 0 48px}.featured img{width:100%;max-height:680px;object-fit:cover}.project-info{display:grid;grid-template-columns:1fr 2fr;gap:65px}.project-info aside{border-top:3px solid var(--yellow);padding-top:20px}.project-info aside p{font-size:.9rem}.notice{background:var(--yellow);padding:8px 20px;text-align:center;color:#202523;font-size:.8rem}.wp-block-table{overflow:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table td{border-bottom:1px solid var(--line);padding:12px}body .is-layout-constrained>*{max-width:100%}iframe{max-width:100%}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.desktop-nav{gap:16px}.intro{grid-template-columns:1fr;gap:25px;padding-top:45px}.intro .lead{max-width:650px;justify-self:start}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{gap:35px}.project-info{gap:35px}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.site-head{padding:23px 0}.brand img{width:218px;height:16px}.brand small{font-size:.65rem}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:8px 12px;font-size:.85rem}.mobile-menu nav{position:absolute;right:0;top:50px;background:white;width:220px;padding:18px;box-shadow:0 8px 30px #0002;z-index:20;border-top:3px solid var(--yellow)}.mobile-menu nav a{display:block;padding:10px;text-decoration:none}.intro{padding:38px 0 28px}.intro h1{font-size:3rem}.hero img{height:340px}.hero figcaption{padding:16px;display:block}.hero figcaption span{display:block;margin-top:5px}.section{padding:58px 0}.section-head{display:block}.section-head .arrow-link{margin-top:20px}.grid,.split,.project-info{grid-template-columns:1fr;gap:35px}.card img{aspect-ratio:1.5}.footer-row{display:block}.footer-row>div{margin-bottom:25px}.page-top{padding-top:35px}.page-top h1{font-size:2.65rem}.page-content{padding-bottom:45px}.notice{font-size:.75rem}.hero{margin-inline:-18px}.hero figcaption{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img{transition:none}}