/* Circolo dei Bardi: identità fantasy editoriale, mobile-first senza dipendenze JS */
.bardi-page{--ink:#eaf2f6;--muted:#b2cbd7;--dark:#091622;--deep:#07121d;--gold:#c9a254;--blue:#6fc0df;background:#091622;color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow:hidden}
.bardi-container{max-width:1320px;width:100%;padding-inline:clamp(20px,5vw,76px);margin-inline:auto;box-sizing:border-box}
.bardi-page *{box-sizing:border-box}.bardi-page a{color:inherit}.bardi-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse 55% 60% at 88% 27%,#1b62807a,transparent),radial-gradient(circle at 13% 92%,#5661814d,transparent 50%),linear-gradient(125deg,#081621,#0c2736 74%,#112a3e);overflow:hidden}
.bardi-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.1;pointer-events:none;background-image:repeating-linear-gradient(8deg,transparent 0px,transparent 36px,#c1bca030 37px,#e3d6b21f 38px)}
.bardi-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(20px,5vw,88px);align-items:center;min-height:650px;padding-block:clamp(50px,7vw,95px)}
.bardi-overline,.bardi-small{display:inline-block;font-weight:800;font-size:11px;line-height:1.5;letter-spacing:.16em;color:#a5dfed;text-transform:uppercase}
.bardi-hero h1{font-size:clamp(48px,5.6vw,92px);line-height:1.08;letter-spacing:-.055em;margin:20px 0 24px;font-weight:800;max-width:790px}
.bardi-hero h1 em,.bardi-page h2 em{font-family:Fraunces,Georgia,serif;font-weight:500;font-style:italic;letter-spacing:-.035em;color:#a1dfec}
.bardi-hero-copy>p:not(.bardi-hand){font-size:clamp(15px,1.25vw,18px);line-height:1.86;color:#c9dce4;max-width:590px;margin:0}
.bardi-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px 30px;margin-top:30px}
.bardi-cta{background:#b5ecf7;color:#102c3c!important;border:1px solid #b5ecf7;border-radius:999px;padding:15px 23px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex;gap:12px;align-items:center;transition:transform .26s,box-shadow .26s}
.bardi-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #68b9d63f}
.bardi-text-link{font-size:14px;font-weight:750;color:#ddf7fc!important;text-decoration:none;border-bottom:1px solid #7dbdce;padding-bottom:6px}
.bardi-hand{font-family:'Caveat','Bradley Hand','Segoe Print',cursive;font-size:clamp(21px,2vw,31px);transform:rotate(-3deg);display:inline-block;color:#f1d599!important;margin-top:24px!important}
.bardi-hero-art{position:relative;display:grid;place-items:center;min-height:590px;isolation:isolate}
.bardi-hero-art img{position:relative;z-index:2;width:min(87%,415px);height:auto;filter:drop-shadow(0 28px 30px #020a1288);animation:bardiFloat 8s ease-in-out infinite}
.bardi-moon{position:absolute;inset:11% 11%;border:1px solid #e3b35c6f;border-radius:48% 52% 44% 56%;transform:rotate(16deg);background:radial-gradient(circle,#d5ae5b1b,transparent 65%)}
.bardi-orbit{position:absolute;inset:7% 5%;border:1px dashed #95c5d14e;border-radius:50%;transform:rotate(-24deg)}
.bardi-hero-edge{position:absolute;left:0;bottom:0;width:100%;height:10px;background:linear-gradient(90deg,transparent,#6cb7d4,#c69c52,#8fd9ee,transparent)}
.bardi-section{padding-block:clamp(60px,8vw,110px)}.bardi-small{margin:0 0 22px}.bardi-title-row{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,6vw,90px);align-items:end;margin-bottom:40px}
.bardi-page h2{font-size:clamp(39px,4.5vw,70px);line-height:1.12;font-weight:780;letter-spacing:-.05em;margin:0}
.bardi-title-row p{color:#b7d2dd;font-size:clamp(15px,1.35vw,18px);line-height:1.8;max-width:470px;margin:0}
.bardi-intro{background:linear-gradient(130deg,#0e2535,#0b1a29)}
.bardi-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.bardi-feature{position:relative;border:1px solid #4c7b8c7d;border-radius:25px;padding:clamp(20px,3vw,39px);min-height:286px;background:linear-gradient(155deg,#173b4c,#102738);transition:transform .25s,border-color .25s}
.bardi-feature:hover{transform:translateY(-7px);border-color:#9bdae9}.bardi-icon{display:grid;place-items:center;width:56px;height:56px;background:#c1eaf1;color:#153444;border-radius:16px;font-family:Georgia,serif;font-size:34px;transform:rotate(-8deg)}
.bardi-feature h3{font-size:24px;margin:28px 0 12px;color:#fff}.bardi-feature p{margin:0;font-size:14px;color:#b7d1dd;line-height:1.75}
.bardi-videos{background:radial-gradient(ellipse at 15% 25%,#123c504d,transparent 60%),linear-gradient(145deg,#101b2a,#071520)}
.bardi-phones{display:flex;justify-content:center;align-items:start;gap:clamp(20px,5vw,90px);margin-top:48px;flex-wrap:wrap}
.bardi-video-card{width:min(100%,310px);text-align:left;position:relative}.bardi-phone{position:relative;aspect-ratio:9/17.8;border:8px solid #1e2a38;border-radius:39px;padding:12px 6px 15px;background:#060b10;box-shadow:0 0 0 2px #8b94996b,17px 25px 45px #0008;overflow:hidden;isolation:isolate}
.bardi-phone-top{width:27%;height:18px;background:#05080b;position:absolute;top:10px;left:36.5%;z-index:3;border-radius:0 0 18px 18px}.bardi-phone-bottom{position:absolute;bottom:8px;left:38%;width:24%;height:4px;border-radius:999px;background:#e0e0e0b4;z-index:3}
.bardi-video-stage{position:relative;border-radius:25px;overflow:hidden;width:100%;height:100%;background:radial-gradient(circle at 52% 40%,#3b7894,#0a2238 75%);display:grid;place-items:center;isolation:isolate}
.bardi-video-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.79;filter:saturate(.9)}
.bardi-video-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#04172400 25%,#051320bb 90%);pointer-events:none}
.bardi-play{position:relative;z-index:2;display:grid;justify-items:center;gap:7px;border:none;background:#0b2738db;border-radius:22px;padding:21px 18px;color:#fff;font-size:13px;font-weight:750;cursor:pointer;min-width:155px;box-shadow:0 12px 24px #0006;transition:transform .2s,background .2s}
.bardi-play:hover,.bardi-play:focus-visible{transform:scale(1.05);background:#154560}.bardi-play svg{width:45px;height:45px;fill:#a8e9f6}
.bardi-video-stage iframe{width:100%;height:100%;border:0;display:block;background:#111}
.bardi-video-caption{padding:21px 8px}.bardi-video-caption strong{font-size:19px}.bardi-video-caption p{font-size:13px;color:#b6cddb;line-height:1.6;margin:9px 0}.bardi-video-caption a{font-size:12px;color:#9cdcec;text-decoration:underline;text-underline-offset:4px}
.bardi-video-note{max-width:700px;margin:30px auto 0;color:#aec7d1;text-align:center;font-size:12px;line-height:1.6}
.bardi-values{background:#0b2635}.bardi-values-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(25px,7vw,120px)}.bardi-values-grid>div:last-child p{font-size:clamp(16px,1.35vw,20px);line-height:1.9;color:#c0d8e1}
.bardi-doodle{display:inline-block;font:italic 26px 'Caveat','Bradley Hand',cursive;color:#efcf95;transform:rotate(-4deg);margin-top:22px}
.bardi-collaborazioni{background:radial-gradient(circle at 85% 44%,#215f764e,transparent 40%),#0c1724}
.bardi-collab-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.bardi-collab-inner h2{margin:10px 0 21px}.bardi-collab-inner p:not(.bardi-small){max-width:560px;font-size:16px;line-height:1.8;color:#bed4dd}.bardi-collab-symbol{position:relative;min-height:340px;border:1px dashed #68a4bb6b;border-radius:46% 54% 53% 47%;transform:rotate(-8deg);display:grid;place-items:center}
.bardi-collab-symbol span{position:absolute;font-family:Georgia,serif;font-size:90px;color:#d3ad69}.bardi-collab-symbol span:nth-child(2){transform:translate(-90px,70px);color:#a1dae8;font-size:75px}.bardi-collab-symbol span:nth-child(3){transform:translate(70px,-70px);font-size:50px}
.bardi-back{background:#081622;padding:24px 0 45px}.bardi-back .bardi-container{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.bardi-back a{font-size:13px;font-weight:750;color:#aedfe9;text-decoration:underline;text-underline-offset:4px}
.bardi-why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding-block:80px 100px}
.bardi-why h2{font-family:Fraunces,Georgia,serif;font-size:clamp(48px,5vw,75px);line-height:1.15;margin:10px 0 25px;color:#163c54}.bardi-why p{font-family:Manrope,Arial,sans-serif;max-width:450px;line-height:1.75;color:#477085}.bardi-why a{display:inline-block;color:#075375;font-weight:850;border-bottom:1px solid #46a5c9;text-decoration:none;margin-top:14px}.bardi-why-phone{width:min(100%,270px);justify-self:center}.bardi-why .bardi-phone{border-color:#19384b}
@keyframes bardiFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@media(max-width:900px){.bardi-hero-grid{grid-template-columns:1fr .8fr;min-height:550px}.bardi-hero-art{min-height:440px}.bardi-hero h1{font-size:clamp(45px,6vw,70px)}}
@media(max-width:700px){.bardi-container{padding-inline:20px}.bardi-hero-grid{grid-template-columns:1fr;gap:5px;min-height:0;padding-block:60px 35px}.bardi-hero h1{font-size:clamp(42px,9.2vw,63px)}.bardi-hero-art{min-height:300px;max-height:380px}.bardi-hero-art img{width:min(56%,220px)}.bardi-hero-art .bardi-moon{inset:5% 24%}.bardi-hero-art .bardi-orbit{inset:5% 19%}.bardi-title-row,.bardi-values-grid,.bardi-collab-inner,.bardi-why{grid-template-columns:1fr}.bardi-title-row{gap:18px}.bardi-feature{min-height:235px}.bardi-features{grid-template-columns:1fr}.bardi-phone{max-width:288px;margin-inline:auto}.bardi-video-card{max-width:290px}.bardi-phones{gap:32px}.bardi-hero .bardi-actions{margin-top:25px}.bardi-collab-symbol{display:none}.bardi-why{gap:32px;padding-block:60px 80px}.bardi-why-phone{max-width:260px}}
@media(prefers-reduced-motion:reduce){.bardi-hero-art img{animation:none}.bardi-feature,.bardi-cta{transition:none}}

.bardi-video-stage:before{content:"✦";font:italic 70px Georgia,serif;color:#5a9db6;position:absolute;z-index:-1}
.bardi-video-stage img[hidden]{display:none}