/* Home designer: composition only. All visual values come from _design. */
html { color-scheme: dark; }
:root { --max: 80rem; } /* Andrea: central container capped at 1280px with the default root size. */
body { overflow-x: visible; }
.wrap { max-width: var(--max); }
p { margin: 0 0 var(--sp-m); }
a { text-underline-offset: .2em; }
h1, h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }
em { font-style: normal; }
.topbar { border-bottom: var(--bordo) solid var(--line); }
.topbar > .wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-l); padding-block: var(--sp-m); }
.marca { font-family: var(--display); font-size: var(--fs-lead); font-weight: var(--peso-titoli); letter-spacing: var(--tracking-titoli); text-decoration: none; white-space: nowrap; }
.nav { display: flex; flex-wrap: wrap; gap: var(--sp-m); align-items: center; font-size: var(--fs-small); }
.nav a { text-decoration: none; }
.nav a:hover { color: var(--accent); }
.hero { padding-block: var(--sp-xxl) var(--sp-xl); }
.eyebrow, .tag, .meta { display: block; font-size: var(--fs-small); font-family: var(--body); font-weight: 600; color: var(--accent); }
.eyebrow { margin-bottom: var(--sp-l); }
.hero h1 { max-width: 25ch; line-height: 1.12; }
.neon-title { display: block; }
.neon-title .testo-ca6 { white-space: nowrap; }
.hero-support { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: var(--sp-xl); margin-top: var(--sp-xl); }
.sub { color: var(--muted); font-size: var(--fs-body); max-width: 48ch; }
.hero-art { min-width: 0; }
.ribbon-art { display: block; width: 100%; height: auto; }
.cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-m); margin-top: var(--sp-l); }
.btn { font-family: var(--body); font-size: var(--fs-small); padding: var(--sp-m) var(--sp-l); gap: var(--sp-s); }
.btn::before { display: none; }
.btn:not(.off)::after { content: '↗'; margin-left: var(--sp-s); }
.nav .btn { padding: var(--sp-s) var(--sp-m); }
.off { color: var(--muted); }
.bloc { padding-block: var(--sp-xxl); }
.bloc h2 { margin-bottom: var(--sp-m); }
.light-section { background: var(--at-soft-white); color: var(--at-ink); color-scheme: light; }
.light-section .muted, .light-section .meta { color: var(--at-muted-chiaro); }
.light-section .off { color: var(--at-muted-chiaro); border-color: var(--at-porcellana-bordo); }
.percorsi { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-l); margin-top: var(--sp-xl); }
.percorso { display: flex; flex-direction: column; align-items: start; gap: var(--sp-m); min-width: 0; }
.percorso .tag { color: var(--at-muted-chiaro); }
.percorso h3 { max-width: 14ch; }
.percorso p { color: var(--at-muted-chiaro); margin-bottom: var(--sp-m); }
.percorso .btn { margin-top: auto; }
#call .btn { background: transparent; box-shadow: none; }
.challenge-section { background: radial-gradient(ellipse at 80% 0%, var(--at-grafite-luce), transparent 60%), var(--at-grafite-sfondo); }
.challenge-section .wrap { display: grid; grid-template-columns: 1.4fr 1fr; column-gap: var(--sp-xxl); }
.challenge-section .wrap > p:first-child { grid-column: 1 / -1; }
.challenge-section h2 { line-height: 1.12; }
.challenge-section h2 em { display: block; margin-top: var(--sp-s); }
.challenge-section .wrap > p:last-child { align-self: end; color: var(--muted); }
.articles-section h2 { margin-bottom: var(--sp-m); }
.voci-home { margin-block: var(--sp-xl) var(--sp-l); }
.voce { display: grid; grid-template-columns: 1fr 2fr; column-gap: var(--sp-xl); text-decoration: none; }
.voce .meta { grid-column: 1; }
.voce h3 { grid-column: 2; grid-row: 1 / span 2; align-self: start; }
.voce p { grid-column: 1 / -1; max-width: 60ch; margin-top: var(--sp-l); margin-bottom: 0; color: var(--at-muted-chiaro); }
.voce:hover h3 { text-decoration: underline; text-decoration-thickness: var(--bordo); }
.chip { font-size: var(--fs-small); }
.about-section { background: var(--at-ink); }
.about-section .wrap { display: grid; grid-template-columns: 1fr 1.3fr; column-gap: var(--sp-xxl); }
.about-heading { grid-column: 1; grid-row: 1 / span 3; }
.about-heading h2 { margin-top: var(--sp-l); }
.avatar { width: calc(var(--sp-xxl) + var(--sp-xl)); height: auto; border-radius: var(--r-pill); border: var(--bordo) solid var(--at-aqua); box-shadow: 0 0 0 var(--bordo) var(--at-neon-violet); }
.about-section .wrap > p { grid-column: 2; color: var(--muted); }
.about-section .wrap > p:last-child { margin-top: var(--sp-m); }
footer { padding-block: var(--sp-l); color: var(--muted); border-top: var(--bordo) solid var(--line); font-size: var(--fs-small); }
footer .wrap { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-m); }
.social-pie { margin: 0 auto 0 0; }
a:focus-visible { outline: var(--bordo) solid var(--accent); outline-offset: var(--sp-xs); }
.light-section a:focus-visible { outline-color: var(--at-ink); }
@media (max-width: 760px) {
 .topbar > .wrap { align-items: start; flex-direction: column; gap: var(--sp-m); }
 .nav { width: 100%; gap: var(--sp-s) var(--sp-m); }
 .hero h1 { max-width: none; line-height: 1.16; }
 .hero-support { grid-template-columns: 1fr; gap: var(--sp-l); }
 .hero-art { width: 75%; margin-left: auto; }
 .hero { padding-bottom: var(--sp-l); }
 .cta { align-items: stretch; flex-direction: column; }
 .percorsi, .challenge-section .wrap, .about-section .wrap, .voce { grid-template-columns: 1fr; }
 .percorso h3 { max-width: none; }
 .percorso .btn { width: 100%; }
 .challenge-section .wrap > p:last-child { margin-top: var(--sp-l); }
 .voce h3 { grid-column: 1; grid-row: auto; margin-top: var(--sp-m); }
 .voce p { margin-top: var(--sp-m); }
 .about-heading { grid-row: auto; }
 .about-section .wrap > p { grid-column: 1; }
 .about-section .wrap > p:first-of-type { margin-top: var(--sp-m); }
}

/* Revision: Andrea's eight comments, 29 October 2026. */
.hero-layout { display: grid; grid-template-columns: 1.45fr 1fr; align-items: center; gap: var(--sp-xl); }
.hero-content { min-width: 0; }
.hero h1 { max-width: none; }
.hero-support { display: block; }
.hero-art { width: 100%; align-self: stretch; display: flex; align-items: center; }
.hero-art .ribbon-art { width: 100%; max-height: 100%; }
.hero .cta { align-items: flex-start; flex-direction: column; }
.challenge-section .wrap { grid-template-columns: 1.35fr 1fr; }
.challenge-section h2 em { display: inline; margin: 0; }
.challenge-gradient { background-size: 100% 100%; box-decoration-break: slice; -webkit-box-decoration-break: slice; }
.challenge-details { align-self: end; color: var(--muted); }
.challenge-timer { margin-block: var(--sp-l); padding-block: var(--sp-m); border-top: var(--bordo) solid var(--line); border-bottom: var(--bordo) solid var(--line); }
.timer-caption { font-size: var(--fs-small); margin-bottom: var(--sp-m); }
.challenge-timer .countdown { width: 100%; gap: var(--sp-s); }
.challenge-timer .countdown span { font-size: var(--fs-h3); color: var(--at-soft-white); text-shadow: none; }
.challenge-timer .countdown small { font-size: var(--fs-small); color: var(--muted); text-transform: none; letter-spacing: 0; padding: 0; }
.voce { grid-template-columns: 1fr 1.25fr; align-items: center; gap: var(--sp-l); }
.article-thumbnail { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-m); }
.article-copy { min-width: 0; }
.voce h3 { margin-top: var(--sp-m); }
.voce p { margin-top: var(--sp-m); }
.chip { display: inline-flex; align-items: center; gap: var(--sp-s); }
.chip span { transition: transform var(--dur-s) var(--ease); }
.chip:hover span { transform: translate(var(--bordo), calc(-1 * var(--bordo))); }
.about-section { background: var(--at-soft-white); }
.about-section > .wrap { display: block; }
.about-card { display: grid; grid-template-columns: 1fr 1.3fr; column-gap: var(--sp-xl); }
.about-card > p { grid-column: 2; color: var(--muted); }
.about-card > p:last-child { margin-top: var(--sp-m); }
@media(max-width: 760px) {
 .hero-layout { grid-template-columns: 1fr; gap: var(--sp-xl); }
 .hero-art { width: 100%; height: auto; max-height: none; justify-content: center; margin: 0; }
 .hero-art .ribbon-art { width: 80%; height: auto; max-height: calc(var(--sp-xxl) * 5); }
 .hero .cta { align-items: stretch; }
 .challenge-section .wrap { grid-template-columns: 1fr; }
 .challenge-details { margin-top: var(--sp-l); }
 .voce, .about-card { grid-template-columns: 1fr; }
 .about-card > p { grid-column: 1; }
 .about-card > p:first-of-type { margin-top: var(--sp-m); }
 .article-thumbnail { aspect-ratio: 16 / 10; }
}
@media(prefers-reduced-motion: reduce) { .chip span { transition: none; } }

.challenge-timer .countdown { width: fit-content; gap: var(--sp-l); }
.challenge-timer .countdown span { font-family: var(--body); font-size: var(--fs-lead); font-weight: 600; letter-spacing: 0; padding: 0; }

@media(max-width: 760px) { .hero-art { height: calc(var(--sp-xxl) * 4); } .hero-art .ribbon-art { width: 100%; height: 100%; max-height: none; } }

/* Hero aligned with the Brand Guide; Andrea's latest direction. */
.hero { background: var(--at-hero-background), var(--at-ink); padding-block: var(--sp-xxl); }
.hero-layout { display: block; }
.hero h1 { font-size: var(--fs-display); line-height: 1.03; letter-spacing: var(--tracking-titoli); }
.hero-support { margin-top: var(--sp-xl); }
.hero-copy { display: grid; grid-template-columns: 1fr auto; gap: var(--sp-xl); align-items: end; }
.hero-copy .sub { max-width: 40ch; margin: 0; }
.hero .cta { margin: 0; }
@media(max-width: 760px) {
 .hero-copy { grid-template-columns: 1fr; align-items: start; }
 .hero .cta { align-items: stretch; }
}

/* Newsletter hero from the current copy source. Preview fields deliberately blank. */
.hero-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--sp-xl);align-items:center}
.hero-pill{display:inline-flex;border:var(--bordo) solid var(--line);border-radius:var(--r-pill);padding:var(--sp-xs) var(--sp-m)}
.hero h1{font-size:var(--fs-display)}
.hero-rotation{position:relative;margin-top:var(--sp-l);padding-right:0}
.hero-rotation .scrittura__riga{font-size:var(--fs-lead);line-height:1.55;color:var(--muted)}
.newsletter-preview{min-width:0;border-top:var(--bordo) solid var(--line);padding-top:var(--sp-l)}
.newsletter-preview>p{font-size:var(--fs-lead);color:var(--at-soft-white)}
.newsletter-preview fieldset{border:0;padding:0;margin:0;display:grid;gap:var(--sp-m);min-width:0}
.newsletter-preview input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box;padding:var(--sp-m);border:var(--bordo) solid var(--line);border-radius:var(--r-m);background:var(--at-soft-white);color:var(--at-ink);font-family:var(--body);font-size:var(--fs-body)}
.consent-preview{display:flex;align-items:center;gap:var(--sp-s)}
.consent-preview input{accent-color:var(--at-aqua)}
.consent-placeholder{display:block;height:.65em;width:85%;border-radius:var(--r-pill);background:var(--line)}
.newsletter-preview .honeypot{display:none}
.newsletter-preview .btn{width:100%;opacity:.6;cursor:not-allowed}
.newsletter-preview .btn::after{display:none}
@media(max-width:1000px){.hero-layout{grid-template-columns:1fr}.newsletter-preview{max-width:42rem}.hero h1{max-width:none}}
@media(prefers-reduced-motion:reduce){.hero-rotation .scrittura__ch::after{animation:none!important}}

/* Andrea: newsletter below the title and rotating copy at every viewport. */
.hero-layout{grid-template-columns:minmax(0,1fr);gap:var(--sp-l);align-items:start}
.hero-rotation{max-width:48ch}
.newsletter-preview{width:100%;max-width:36rem;border-top:0;padding-top:0}
.newsletter-preview>p{font-size:var(--fs-body);margin-bottom:var(--sp-m)}
.newsletter-preview fieldset{gap:var(--sp-s)}
.newsletter-preview input:not([type=checkbox]){padding:var(--sp-s) var(--sp-m);border-radius:var(--r-pill);font-size:var(--fs-small)}
.newsletter-preview .btn{padding:var(--sp-s) var(--sp-m);border-radius:var(--r-pill);background:var(--btn-sfondo);color:var(--on-accent);opacity:1;box-shadow:none}

/* Local opt-in flips; shared library remains untouched. */
.local-flip{min-width:0;perspective:100rem}
.flip-rotor{display:grid;transform-style:preserve-3d;transition:transform var(--dur-l) var(--ease);height:100%}
.local-flip.is-flipped .flip-rotor{transform:rotateY(180deg)}
.flip-face{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flip-back{transform:rotateY(180deg);display:flex;flex-direction:column;gap:var(--sp-m)}
.flip-back h3{margin:0;font-size:var(--fs-h3);max-width:20ch}
.flip-back p{margin:0}
.flip-back .newsletter-preview{max-width:36rem}
.flip-back .newsletter-preview .btn{margin:0}
.flip-return{align-self:start;border:0;border-bottom:var(--bordo) solid currentColor;background:transparent;color:inherit;font-family:var(--body);font-size:var(--fs-small);padding:var(--sp-xs) 0;cursor:pointer;margin-top:auto}
#call button.btn{background:var(--btn-sfondo);color:var(--on-accent);cursor:pointer}
#call button.btn:disabled{cursor:not-allowed}
.flip-face button:focus-visible{outline:var(--bordo) solid var(--accent);outline-offset:var(--sp-xs)}
.light-section .flip-face button:focus-visible{outline-color:var(--at-ink)}
.about-card .avatar{width:calc(var(--sp-xxl)*2 + var(--sp-l));max-width:100%}
.about-card button.btn{cursor:pointer}
.voce{position:relative;transition:transform var(--dur-m) var(--ease)}
.article-copy{padding-bottom:var(--sp-l)}
.article-arrow{position:absolute;right:var(--sp-l);bottom:var(--sp-m);font-size:var(--fs-lead);line-height:1;transition:transform var(--dur-m) var(--ease)}
.voce:hover,.voce:focus-visible{transform:translateY(calc(-1*var(--sp-xs)))}
.voce:hover .article-arrow,.voce:focus-visible .article-arrow{transform:translate(var(--sp-xs),calc(-1*var(--sp-xs)))}
@media(prefers-reduced-motion:reduce){
 .flip-rotor,.local-flip.is-flipped .flip-rotor,.flip-back{transform:none;transition:none}
 .flip-face[aria-hidden=true]{visibility:hidden}
 .voce,.article-arrow{transition:none!important;transform:none!important}
}

/* Andrea: centered portrait, overlapping identity card, contextual Graphite inputs. */
.about-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.about-portrait-frame{width:100%;max-width:26rem;box-sizing:border-box;padding:.8%;border-radius:var(--r-pill);background:var(--at-spettro);aspect-ratio:1}
.about-card .about-portrait-frame .avatar{display:block;width:100%;max-width:none;height:100%;object-fit:cover;border:0;box-shadow:none;box-sizing:border-box}
.about-identity{position:relative;z-index:1;width:calc(100% - var(--sp-l));box-sizing:border-box;margin-top:calc(-1 * var(--sp-l));padding:var(--sp-m);text-align:center}
.about-identity h2{font-size:var(--fs-h3);margin:0 0 var(--sp-m);color:var(--at-ink)}
.about-socials{display:flex;align-items:center;justify-content:center;gap:var(--sp-m)}
.about-socials a,.about-socials button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--at-ink);padding:var(--sp-xs);border:var(--bordo) solid var(--at-porcellana-bordo);border-radius:var(--r-pill);font-size:var(--fs-lead);line-height:1;text-decoration:none}
.about-socials svg{width:1em;height:1em}
.about-socials button:disabled{opacity:.45;cursor:not-allowed}
.about-socials a:focus-visible{outline-color:var(--at-ink)}
.hero .newsletter-preview input:not([type=checkbox]),.superficie--grafite .newsletter-preview input:not([type=checkbox]){
 background:color-mix(in srgb,var(--at-ink) 80%,var(--at-graphite));
 color:var(--at-soft-white);border-color:var(--at-grafite-bordo);border-radius:var(--r-m);box-shadow:none;opacity:1;
}
@media(max-width:760px){.about-heading{margin-bottom:var(--sp-m)}.about-portrait-frame{max-width:23rem}.about-identity{padding:var(--sp-m)}}

/* Four-paragraph About bio: keep portrait centered across the text column. */
.about-heading{grid-row:1 / span 5}
@media(max-width:760px){.about-heading{grid-row:auto}}

/* About composition adapted from the approved Brand Guide web preview. */
.about-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:var(--sp-xl)}
.about-bio{min-width:0}
.about-bio h2{margin:0 0 var(--sp-l);font-size:var(--fs-h2)}
.about-bio>p{color:var(--muted);margin:0 0 var(--sp-m)}
.about-bio>p:last-child{margin:var(--sp-l) 0 0}
.about-poster{min-width:0;align-self:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-l);padding:var(--sp-l)}
.about-poster .poster-name{align-self:start;color:var(--at-ink);font-size:var(--fs-small);letter-spacing:.08em;margin:0}
.about-poster .about-portrait-frame{width:100%;max-width:23rem;padding:.8%;flex-shrink:0}
.about-poster .poster-socials{width:100%;padding-top:var(--sp-s)}
.about-poster .about-socials{justify-content:center;gap:var(--sp-l)}
@media(max-width:760px){.about-card{grid-template-columns:minmax(0,1fr);gap:var(--sp-xl)}.about-poster{width:100%;box-sizing:border-box}.about-bio h2{margin-bottom:var(--sp-m)}}

/* Opt-in card alignment and flat, clearly visible dark input wells. */
.flip-back{justify-content:center;align-items:center;text-align:center}
.flip-back h3{max-width:100%;width:100%}
.flip-back>p{max-width:48ch}
.flip-back .newsletter-preview{width:100%;margin-inline:auto;text-align:left}
.flip-back .flip-return{align-self:center;margin-top:var(--sp-s)}
.hero .newsletter-preview input:not([type=checkbox]),.superficie--grafite .newsletter-preview input:not([type=checkbox]){
 background:color-mix(in srgb,var(--at-soft-white) 18%,var(--at-ink));
 border-color:color-mix(in srgb,var(--at-silver) 26%,var(--at-ink));
 box-shadow:inset 0 var(--bordo) calc(var(--bordo)*3) color-mix(in srgb,var(--at-ink) 60%,transparent);
}

/* Live newsletter forms (subscribe.js): consent text, error line, enabled button. */
.newsletter-preview .consenso{align-items:flex-start;font-size:var(--fs-small);color:var(--muted);text-align:left}
.newsletter-preview .consenso input{margin-top:var(--sp-xs)}
.newsletter-preview .consenso a{color:inherit;text-decoration:underline}
.newsletter-preview .errore{margin:0;color:var(--at-peach,var(--text));font-size:var(--fs-small)}
.newsletter-preview .errore:empty{display:none}
.newsletter-preview .btn:disabled{opacity:.6;cursor:wait}
.newsletter-preview .btn[type=submit]{cursor:pointer}

/* About: Light Aqua surface from the Brand Guide "palette in action" (section 07), with section heading and nav strip. */
.about-section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--sp-l);margin-bottom:var(--sp-l)}
.about-section-head .kicker{font-size:var(--fs-small);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--at-ink);margin:0 0 var(--sp-s)}
.about-section-head h2{margin:0;font-size:var(--fs-h2);color:var(--at-ink)}
.about-section-head>p{margin:0;font-size:var(--fs-small);color:var(--muted);text-align:right}
.about-aqua{color:var(--at-ink);border:var(--bordo) solid color-mix(in srgb,var(--at-aqua) 60%,white);border-radius:var(--r-l);
 background:radial-gradient(ellipse at 25% 0%,color-mix(in srgb,var(--at-aqua) 50%,white),transparent 72%),linear-gradient(145deg,var(--at-aqua) 25%,color-mix(in srgb,var(--at-aqua) 65%,var(--at-neon-blue)) 100%);
 box-shadow:inset 1px 1px 2px #ffffff88,0 1rem 3rem #00000033}
.about-aqua .about-nav{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-m);padding-bottom:var(--sp-m);border-bottom:var(--bordo) solid color-mix(in srgb,var(--at-ink) 18%,transparent);font-size:var(--fs-small);letter-spacing:var(--tracking-wide)}
.about-aqua .about-logo{font-weight:700;letter-spacing:-.01em;font-size:var(--fs-lead);text-transform:lowercase}
.about-aqua .about-logo i{font-style:normal;color:var(--at-neon-blue)}
.about-aqua .about-bio>p{color:color-mix(in srgb,var(--at-ink) 82%,transparent)}
.about-aqua .btn{background:var(--at-ink);color:var(--at-soft-white);box-shadow:none}
@media(max-width:760px){.about-section-head{flex-direction:column;align-items:start}.about-section-head>p{text-align:left}.about-aqua .about-nav{letter-spacing:.06em}.about-aqua .about-nav span:nth-child(2){display:none}}
.about-aqua{padding:var(--sp-xl)}
.about-section-head>p{color:color-mix(in srgb,var(--at-ink) 70%,transparent)}
@media(max-width:760px){.about-aqua{padding:var(--sp-l)}}

/* Revision: light surface (Porcelain Light) with aqua as accent; the aqua gradient moves to the poster, as in the Brand Guide. */
.about-light{padding:var(--sp-xl);color:var(--at-ink)}
.about-light .about-nav{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-m);padding-bottom:var(--sp-m);border-bottom:var(--bordo) solid var(--at-porcellana-bordo);font-size:var(--fs-small);letter-spacing:var(--tracking-wide)}
.about-light .about-logo{font-weight:700;letter-spacing:-.01em;font-size:var(--fs-lead);text-transform:lowercase}

.about-light .about-bio>p{color:color-mix(in srgb,var(--at-ink) 78%,transparent)}
.about-poster-aqua{border-radius:var(--r-l);border:var(--bordo) solid color-mix(in srgb,var(--at-aqua) 60%,white);
 background:radial-gradient(ellipse at 25% 0%,color-mix(in srgb,var(--at-aqua) 50%,white),transparent 72%),linear-gradient(145deg,var(--at-aqua) 25%,color-mix(in srgb,var(--at-aqua) 65%,var(--at-neon-blue)) 100%);
 box-shadow:inset 1px 1px 2px #ffffff88,0 1rem 3rem #00000033}
@media(max-width:760px){.about-light{padding:var(--sp-l)}.about-light .about-nav span:nth-child(2){display:none}}
.about-explore{background:none;border:0;padding:var(--sp-xs) 0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}
.about-explore:hover{color:var(--at-neon-blue)}

/* Wordmark: lowercase "andrea tarroni" with a coloured full stop (proposed as the working logo, not yet approved as a brand mark). */
.logo-at{text-transform:lowercase;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.logo-at i{font-style:normal;color:var(--at-aqua)}
.light-section .logo-at i,.about-light .logo-at i{color:var(--at-neon-blue)}

/* About poster: label ARTIST / CREATOR / HUMAN, larger avatar relative to the card, social buttons with hover and focus feedback. */
:root{--tracking-wide:.12em} /* same value as the Brand Guide (identity-tokens.css); to propose for _design */
/* Values copied from the Brand Guide poster (layout.css/identity.css): padding --sp-l, label --fs-small with --tracking-wide; portrait scaled to the guide ratio (56% of the card). */
.about-poster{padding:var(--sp-l);gap:var(--sp-l)}
.about-poster .poster-name{font-size:var(--fs-small);letter-spacing:var(--tracking-wide);font-weight:inherit}
.about-poster .about-portrait-frame{width:min(100%,15rem);max-width:none}
.about-socials a{transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease,border-color .25s ease}
.about-socials a:hover,.about-socials a:focus-visible{transform:translateY(calc(-1 * var(--sp-xs))) scale(1.08);background:var(--at-gradiente-accento,var(--at-aqua));border-color:transparent;box-shadow:0 .5rem 1.25rem color-mix(in srgb,var(--at-aqua) 55%,transparent)}
.about-socials a:active{transform:scale(.96)}
@media(prefers-reduced-motion:reduce){.about-socials a{transition:none}.about-socials a:hover,.about-socials a:focus-visible{transform:none}}