/*
Theme Name: Stramondo Gutenberg Test v2
Theme URI: https://stramondo.example
Description: Tema leggero e indipendente per Stramondo.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: stramondo
*/
:root{--st-ink:#151515;--st-paper:#fff;--st-muted:#555;--st-radius:24px;--st-max:1400px}
*{box-sizing:border-box}body{margin:0;color:var(--st-ink);background:var(--st-paper);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}a{color:inherit}
.st-wrap{max-width:var(--st-max);margin:auto;padding:0 4vw}.st-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:14px;letter-spacing:.04em}.st-logo{font-weight:700}.st-social{font-size:13px;color:var(--st-muted)}.st-menu{font-size:26px;line-height:1}
.st-hero{min-height:560px;border-radius:var(--st-radius);padding:48px 24px 34px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(135deg,#c7b49c,#e5d0ae 45%,#91a1a0)}.st-hero h1{font-size:clamp(54px,8vw,128px);line-height:.9;margin:0 0 20px;letter-spacing:-.07em}.st-hero p{font-size:clamp(20px,2.4vw,34px);max-width:760px;line-height:1.15;margin:0}.st-intro{max-width:720px;margin:28px auto 42px;font-size:17px;line-height:1.55;color:#4f4f4f}.st-heading{font-size:21px;margin:0 0 16px}.st-heading a{text-decoration:none}.st-marquee{overflow:hidden;margin:0 -4vw 52px}.st-track{display:flex;gap:18px;width:max-content;animation:stroll 45s linear infinite}.st-card{width:190px;aspect-ratio:4/5;border-radius:18px;display:flex;align-items:flex-end;padding:16px;color:#fff;font-weight:600;background:linear-gradient(160deg,#6f7f82,#c7a67b)}.st-card:nth-child(2n){background:linear-gradient(160deg,#8c9d89,#c28d76)}.st-card:nth-child(3n){background:linear-gradient(160deg,#4b6177,#b4a177)}.st-card span{font-size:14px}.st-section{margin:0 0 48px}.st-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.st-grid .st-card{width:auto}.st-follow{text-align:center;padding:56px 0 72px;color:#555}.st-follow strong{display:block;color:var(--st-ink);font-size:22px;margin-bottom:10px}@keyframes stroll{to{transform:translateX(-50%)}}@media(max-width:700px){.st-nav{padding:18px 0}.st-hero{min-height:500px}.st-intro{font-size:16px}.st-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.st-card{width:150px}.st-grid .st-card{aspect-ratio:4/5}.st-marquee{margin-left:-4vw;margin-right:-4vw}}
