:root{--ink:#18231f;--forest:#243b32;--moss:#71806a;--paper:#f4f1e9;--cream:#e8e0d0;--gold:#b89b63;--muted:#68716b;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;padding-bottom:92px}a{color:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(244,241,233,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(24,35,31,.12);box-shadow:0 4px 18px #18231f0b}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}.mark{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--forest);font:27px Georgia,serif}.brand strong{display:block;font: bold 1.08rem Georgia,serif;letter-spacing:.13em}.brand small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-size:.86rem;color:#34423b;padding:9px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:#8b6d3e;border-color:var(--gold)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;background:var(--forest);color:white;text-decoration:none;padding:11px 17px;border-radius:2px;font-weight:650;font-size:.87rem}.nav-cta:hover,.button:hover{background:#405c4e}
main{min-height:calc(100vh - 190px)}.hero{position:relative;min-height:590px;display:flex;align-items:end;color:white;background:#18231f;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,20,17,.83),rgba(12,20,17,.42) 58%,rgba(12,20,17,.16)),linear-gradient(0deg,rgba(12,20,17,.45),transparent 55%),url("assets/hero-giappone.jpg") center 52%/cover}.hero-content{position:relative;padding:95px 0 78px;max-width:720px}.eyebrow,.kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#a58a5c;font-weight:750}.hero .eyebrow{color:#d6c49f}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.12}h1{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.035em;margin:20px 0}h2{font-size:clamp(2.2rem,4vw,3.7rem);margin:13px 0 22px}h3{font-size:1.5rem}.hero p{font-size:1.12rem;max-width:590px;color:#e7e7df}.button.light{background:var(--paper);color:var(--ink)}.button.outline{background:transparent;border:1px solid #fff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.page-hero{background:var(--forest);color:#f5f1e8;padding:64px 0 58px}.page-hero p{max-width:680px;color:#d0d7d0;margin-bottom:0}.content{padding:72px 0 86px}.content p{color:#56615a}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature-img{width:100%;max-height:480px;object-fit:cover}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{background:#fff;border:1px solid #e6e0d5;padding:25px}.card img{width:100%;height:205px;object-fit:cover;margin-bottom:12px}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff26;border:1px solid #ffffff26;margin-top:34px}.value{background:var(--forest);color:#f3f0e7;padding:25px}.value span{color:#c4aa78;font:1.8rem Georgia,serif}.value p{color:#cbd2c9;font-size:.9rem}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:230px;gap:13px}.gallery img{width:100%;height:100%;object-fit:cover}.contact-card{background:#fff;padding:28px;border:1px solid #ded6c7}.contact-card p{margin:8px 0}.contact-card a{text-decoration:none}.note{font-size:.8rem;color:#707a72}
.contact-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#111a16;color:#f5f1e8;border-top:2px solid var(--gold);box-shadow:0 -5px 22px #0002}.contact-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.contact-brand{font:1rem Georgia,serif;letter-spacing:.08em}.contact-links{display:flex;gap:24px;flex-wrap:wrap;font-size:.86rem}.contact-links a{color:#e5dfd1;text-decoration:none}.contact-links a:hover{color:#d5bd8c}.copyright{font-size:.75rem;color:#aeb8af}
@media(max-width:900px){.nav{align-items:flex-start;padding:14px 0;flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:space-between;gap:10px}.nav-cta{margin-left:auto}.two-col{grid-template-columns:1fr;gap:28px}.cards{grid-template-columns:1fr 1fr}.values{grid-template-columns:1fr 1fr}}
@media(max-width:580px){body{padding-bottom:116px}.wrap{width:calc(100% - 30px)}.brand strong{font-size:.92rem}.mark{width:42px;height:42px}.nav{gap:10px}.nav nav{overflow-x:auto;justify-content:flex-start;gap:18px;white-space:nowrap}.nav nav a{font-size:.8rem}.nav-cta{font-size:.76rem;padding:9px 11px}.hero{min-height:550px}.hero-content{padding:75px 0 60px}.page-hero{padding:48px 0}.content{padding:55px 0}.cards{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:160px;gap:8px}.contact-inner{padding:10px 0;display:block}.contact-brand{display:none}.contact-links{justify-content:center;gap:8px 18px;font-size:.78rem}.copyright{text-align:center;margin-top:5px}}

/* Menu a tendina "Il club" */
nav .dropdown{position:relative;display:inline-flex;align-items:center}
nav .dropdown-toggle{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-size:.86rem;color:#34423b;padding:9px 0;border-bottom:2px solid transparent}
nav .dropdown:hover .dropdown-toggle,nav .dropdown:focus-within .dropdown-toggle,nav .dropdown-toggle.active{color:#8b6d3e;border-color:var(--gold)}
nav .dropdown-menu{display:none;position:absolute;top:100%;left:-14px;min-width:190px;padding:9px;background:#fff;border:1px solid #e6e0d5;box-shadow:0 12px 28px #18231f20;flex-direction:column;align-items:stretch;gap:2px;z-index:40}
nav .dropdown:hover .dropdown-menu,nav .dropdown:focus-within .dropdown-menu{display:flex}
nav .dropdown-menu a{padding:9px 11px;border:0;white-space:nowrap}
nav .dropdown-menu a:hover{background:var(--paper)}
.document-list,.event-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}
.document-item,.event-item{background:#fff;border:1px solid #e6e0d5;padding:24px;display:flex;gap:16px;align-items:flex-start}
.document-icon,.event-date{flex:0 0 48px;height:48px;display:grid;place-items:center;background:var(--paper);color:var(--forest);font-weight:750}
.document-item h3,.event-item h3{margin:0 0 8px}
.document-item p,.event-item p{margin:0 0 12px}
.download-link{font-weight:700;color:#80643b;text-decoration:none}
.placeholder{display:inline-block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#68716b;background:#f1eee7;padding:4px 8px}
@media(max-width:900px){.document-list,.event-list{grid-template-columns:1fr}}
@media(max-width:580px){nav .dropdown-menu{position:fixed;left:15px;right:15px;top:auto;margin-top:4px}.nav nav{overflow:visible;flex-wrap:nowrap}}

/* Logo ufficiale Judo Club Tsuta */
.brand-logo{display:block;width:58px;height:58px;object-fit:contain;flex:0 0 58px}
@media(max-width:580px){.brand-logo{width:46px;height:46px;flex-basis:46px}.brand{gap:9px}}


/* Orari dei corsi */
.schedule-wrap{overflow-x:auto;margin:1.5rem 0 1rem;border:1px solid var(--line,#d9dfd8);border-radius:14px}
.schedule{width:100%;border-collapse:collapse;background:#fff}
.schedule th,.schedule td{padding:1rem 1.15rem;text-align:left;border-bottom:1px solid var(--line,#e2e7e1)}
.schedule th{background:#edf1e9;color:#26352d;font-weight:700}
.schedule tr:last-child td{border-bottom:0}
.schedule td:first-child{font-weight:700;white-space:nowrap}

/* Informazioni e download visita medico-sportiva ULSS 9 */
.medical-info{margin:34px 0 42px;padding:30px;background:#fff;border:1px solid #e6e0d5;border-top:3px solid var(--gold)}
.medical-info h3{margin:8px 0 16px}.medical-info h4{font:600 1rem system-ui,sans-serif;margin:24px 0 8px;color:var(--forest)}
.medical-info ul{padding-left:22px;color:#56615a;line-height:1.7}.medical-info li{margin:4px 0}.medical-documents{margin-top:24px}
.medical-documents h4{font:500 1.25rem Georgia,"Times New Roman",serif;margin:0 0 8px;color:var(--ink)}


.safeguarding-info{margin-top:42px}.safeguarding-documents{margin-top:22px}



/* Appuntamenti in evidenza */
.featured-events{margin:20px 0 38px}.featured-events .event-item{align-items:flex-start}
.event-poster{display:block;width:min(100%,420px);height:auto;margin:16px 0 0;border:1px solid #e6e0d5}