/* Scuola Concreta | Stili responsive del portale didattico.
 * Data: 2026-11-05 | Release: non definita | Licenza: non definita.
 * Autore: Leonardo Teatini.
 */
:root{color-scheme:light;--ink:#173c33;--green:#174f43;--paper:#f6f8f0;--lime:#d7e99b;--line:#cbd5c6;--muted:#4c665c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit}a:focus-visible{outline:3px solid #cf6e38;outline-offset:5px}.wrap{width:min(100% - 80px,1360px);margin-inline:auto}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:2;background:#fff;padding:1rem}.skip-link:focus{top:1rem}.header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:800;line-height:.92;letter-spacing:-.05em}.brand-mark{width:42px;height:42px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:24px;letter-spacing:-.12em;padding-right:3px}.brand-mark span{color:var(--lime)}.brand-dot{color:#769f3e}.header nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:700}.header nav a{text-decoration:none}.nav-link{border-bottom:1px solid var(--ink);padding-bottom:6px}.nav-link span{margin-left:12px}.hero{display:grid;grid-template-columns:1fr 1fr;column-gap:7%;padding-top:96px}.hero-copy{padding:20px 0 85px}.eyebrow,.section-number{font-size:11px;letter-spacing:.14em;font-weight:800}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow span{width:8px;height:8px;background:#729d41;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(4rem,6.7vw,7.2rem);line-height:.96;letter-spacing:-.075em;margin:30px 0;max-width:720px}h1 em{font-style:normal;color:#709847}.hero-text{font-size:18px;line-height:1.6;max-width:490px;color:var(--muted)}.actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap;margin-top:36px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--green);color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:19px 21px;min-height:56px;transition:background .2s}.button:hover{background:#286c58}.button span{font-size:20px}.text-link,.inline-link{text-decoration:none;font-size:14px;font-weight:700}.text-link span,.inline-link span{margin-left:8px}.hero-art{background:#dce8c9;min-height:445px;display:flex;flex-direction:column;padding:25px;position:relative;overflow:hidden}.art-top,.art-bottom,.art-caption{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:800;letter-spacing:.12em}.art-top,.art-bottom{position:relative;z-index:1}.art-content{display:flex;flex-direction:column;justify-content:center;flex:1;max-width:100%;padding:25px}.art-label{font-size:13px;font-weight:700;margin-bottom:32px}.equation{display:flex;align-items:center;gap:clamp(6px,1.2vw,18px)}.tile{display:grid;place-items:center;width:clamp(52px,7vw,100px);aspect-ratio:1;font-size:clamp(2rem,4.5vw,4.5rem);font-weight:700;line-height:1}.tile-x{background:#1d5e4e;color:#fff}.tile-one{background:#f5f8ec;color:var(--ink)}.tile-three{background:#afd478;color:var(--ink)}.plus,.equals{font-size:clamp(1.4rem,2.5vw,2.6rem);font-weight:400}.art-caption{margin-top:30px;border-top:1px solid #a8c094;padding-top:14px}.art-bottom{margin-top:auto}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 25px;font-size:10px;letter-spacing:.11em;font-weight:700;color:var(--muted)}.intro{background:#e7efdc;padding:100px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.section-number{color:#668b49;margin-bottom:29px}h2{font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:-.065em;line-height:1.03}.intro h2{margin-bottom:0}.intro-copy{padding-top:42px}.intro-copy p{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.48;letter-spacing:-.025em;max-width:550px}.inline-link{display:inline-block;margin-top:16px;border-bottom:1px solid;padding-bottom:7px}.path{padding-top:112px;padding-bottom:120px}.path-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.path-heading h2{margin-bottom:45px}.path-heading>p{max-width:255px;color:var(--muted);font-size:15px;line-height:1.55;margin-bottom:50px}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.steps li{padding:26px 32px 0 0;display:flex;gap:25px}.steps li+li{border-left:1px solid var(--line);padding-left:30px}.step-number{font-size:11px;font-weight:800;color:#72944e;padding-top:5px}.steps h3{font-size:22px;letter-spacing:-.04em;margin-bottom:12px}.steps p{font-size:15px;line-height:1.6;color:var(--muted);max-width:300px}.invitation{background:var(--green);color:#fff}.invitation-inner{min-height:340px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:65px;padding-bottom:65px}.invitation .section-number{color:#c5df9b}.invitation h2{margin-bottom:20px}.invitation p:last-child{color:#d3e2d7;margin:0}.button-light{background:var(--lime);color:var(--ink)}.button-light:hover{background:#edf4c8}.footer{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-top:45px;padding-bottom:55px}.footer strong{font-size:18px;letter-spacing:-.06em}.footer strong span{color:#729d41}.footer p{font-size:12px;line-height:1.5;color:var(--muted);max-width:300px;margin:8px 0 0}.footer a{font-size:12px;font-weight:700;white-space:nowrap}
@media(max-width:800px){.wrap{width:min(100% - 40px,1360px)}.header{height:78px}.header nav{gap:20px}.header nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{padding:0 0 40px}h1{font-size:clamp(3.8rem,12vw,6rem)}.hero-art{min-height:340px}.art-content{padding:30px 12px}.tile{width:clamp(50px,14vw,90px);font-size:clamp(2rem,8vw,4rem)}.plus,.equals{font-size:clamp(1.4rem,5vw,2.4rem)}.hero-foot{margin-top:30px}.hero-foot span:first-child{display:none}.hero-foot{justify-content:flex-end}.intro{padding:75px 0}.intro-grid{grid-template-columns:1fr;gap:0}.intro-copy{padding-top:35px}.path{padding-top:75px;padding-bottom:80px}.path-heading{display:block}.path-heading h2{margin-bottom:20px}.path-heading>p{margin-bottom:35px}.steps{grid-template-columns:1fr}.steps li,.steps li+li{border-left:0;border-bottom:1px solid var(--line);padding:22px 0 14px}.invitation-inner{align-items:flex-start;flex-direction:column}.footer{flex-wrap:wrap}.footer p{max-width:260px}}@media(max-width:390px){.header nav{font-size:12px}.brand{font-size:15px}.brand-mark{width:38px;height:38px}.hero-art{padding:17px}.art-content{padding-inline:0}.equation{gap:6px}.tile{width:48px}.art-top,.art-caption{font-size:8px}.actions{align-items:flex-start;flex-direction:column}.hero-text{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}