/* [ALESENSO] AS3.5 — estratto da CSS inline, 20260923-1 */
/* Consolidamento del 23/09/2026: barra, menu e pie' di pagina sono
   stati tolti da qui e vivono solo in base.css. I valori della scala
   tipografica e dei contrasti sono stati scritti dentro le regole a
   cui appartengono, al posto delle correzioni che base.css imponeva
   con selettori gonfiati. */

/* Regole specifiche di index. Caricato DOPO base.css e comune.css. */
body{background:var(--cream);color:var(--ink);font-family:var(--ff-sans);font-weight:300;line-height:1.65;overflow-x:hidden}
.section-label{display:flex;align-items:center;gap:1rem; font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:1.3rem}
.section-label::after{content:'';flex:0 0 34px;height:1px;background:var(--red)}
h2.s-title{font-family:var(--ff-serif);font-size:clamp(2rem,3.6vw,3.8rem); font-weight:300;line-height:1.05;letter-spacing:-.015em}
h2.s-title em{font-style:italic;color:var(--red)}
.btn-primary:hover{background:var(--red-lt);transform:translateY(-1px);box-shadow:0 6px 18px rgba(192,67,42,.28)}
.btn-outline-light{background:transparent;color:rgba(247,243,238,.75);border:1px solid rgba(247,243,238,.2)}
.arr-right{transform:rotate(0)}
.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.work-card{cursor:pointer;display:flex;flex-direction:column;text-decoration:none;transition:transform .3s var(--ease)}
.work-card:hover{transform:translateY(-4px)}
.wc-thumb{position:relative;overflow:hidden;border-radius:2px;background:var(--sand)}
.wc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wc-overlay{position:absolute;inset:0;background:rgba(28,25,22,0); display:flex;align-items:center;justify-content:center;transition:background .3s}
.work-card:hover .wc-overlay{background:rgba(28,25,22,.32)}
.ov-icon{opacity:0;transform:scale(.8);transition:all .28s var(--ease);width:44px;height:44px; background:rgba(247,243,238,.12);backdrop-filter:blur(6px);border-radius:50%; display:flex;align-items:center;justify-content:center}
.ov-icon svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.5}
.work-card:hover .ov-icon{opacity:1;transform:scale(1)}
.wc-caption{padding:.8rem 0 .2rem}
.wc-title{font-family:var(--ff-serif);font-size:1.45rem;font-weight:300;font-style:italic; color:var(--ink);line-height:1.2;margin-bottom:.22rem;transition:color .22s}
.work-card:hover .wc-title{color:var(--red)}
.wc-meta{font-size:1.05rem;color:var(--ink-mid);line-height:1.5}
.wc-author{font-size:1.05rem;color:var(--red);margin-top:.2rem}
.wc-badge{position:absolute;top:.7rem;right:.7rem;padding:.2rem .6rem; background:rgba(192,67,42,.82);color:#fff;font-size:1.05rem; letter-spacing:.1em;text-transform:uppercase;border-radius:2px}
.filters-bar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:2.8rem}
.f-btn{padding:.36rem .9rem;font-family:var(--ff-sans);font-size:1.05rem;letter-spacing:.1em; text-transform:uppercase;background:transparent;border:1px solid var(--sand); color:var(--ink-mid);cursor:pointer;border-radius:2px;transition:all .22s}
.f-btn.active,.f-btn:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.f-sep{width:1px;height:18px;background:var(--sand);margin:0 .3rem;flex-shrink:0}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rd4{transition-delay:.32s}
@keyframes morphBlob{ 0%{border-radius:40% 60% 55% 45%/50% 40% 60% 50%;transform:rotate(0deg)} 50%{border-radius:55% 45% 45% 55%/40% 60% 40% 60%} 100%{border-radius:45% 55% 60% 40%/55% 45% 55% 45%;transform:rotate(6deg)} }
@media(max-width:960px){ .container{padding:0 1.5rem} .works-grid{grid-template-columns:repeat(2,1fr);gap:1.1rem} }
@media(max-width:540px){.works-grid{grid-template-columns:1fr}}
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}
.hero-text{display:flex;flex-direction:column;justify-content:flex-end;padding:8rem 3.5rem 6rem;position:relative;z-index:2}
.hero-eyebrow{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red); margin-bottom:1.2rem;opacity:0;animation:fadeUp .8s var(--ease) .3s forwards}
.hero-title{font-family:var(--ff-serif);font-size:clamp(3.8rem,7vw,8rem);font-weight:300; line-height:.92;letter-spacing:-.015em;color:var(--ink); opacity:0;animation:fadeUp .9s var(--ease) .5s forwards}
.hero-title em{font-style:italic;color:var(--red)}
.hero-sub{margin-top:1.8rem;font-size:1.15rem;color:var(--ink-mid);max-width:36ch;line-height:1.8; opacity:0;animation:fadeUp .9s var(--ease) .7s forwards}
.hero-cta{margin-top:2.8rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap; opacity:0;animation:fadeUp .9s var(--ease) .9s forwards}
.hero-visual{position:relative;overflow:hidden;background:var(--warm)}
.hero-blob{position:absolute;inset:0}
.hero-blob::before{content:'';position:absolute;top:10%;right:-8%;width:75%;aspect-ratio:1; background:radial-gradient(ellipse 70% 90% at 60% 40%,rgba(192,67,42,.13) 0%,rgba(216,206,188,.4) 45%,transparent 70%); border-radius:40% 60% 55% 45%/50% 40% 60% 50%;animation:morphBlob 12s ease-in-out infinite alternate}
.hero-blob::after{content:'';position:absolute;bottom:5%;left:10%;width:55%;aspect-ratio:1; background:radial-gradient(ellipse 60% 80% at 40% 60%,rgba(192,67,42,.07) 0%,rgba(237,231,220,.6) 50%,transparent 70%); border-radius:55% 45% 40% 60%/45% 55% 45% 55%;animation:morphBlob 14s ease-in-out 2s infinite alternate}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;display:block}
.hero-tag{position:absolute;bottom:3rem;right:3rem;font-family:var(--ff-serif);font-size:.75rem; font-style:italic;color:var(--ink-mid);writing-mode:vertical-rl;letter-spacing:.1em;z-index:2; text-shadow:0 1px 2px rgba(247,243,238,.6)}
.hero-visual.has-hero-img .hero-tag{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.multipli-strip{background:var(--ink);padding:5rem 0}
.multipli-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4rem}
.multipli-eyebrow{font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase; color:var(--red-lt);margin-bottom:.8rem}
.multipli-title{font-family:var(--ff-serif);font-size:clamp(2rem,3.5vw,3.2rem);font-weight:300; color:var(--cream);line-height:1.1}
.multipli-title em{font-style:italic;color:var(--red-lt)}
.multipli-text{font-size:1.15rem;color:rgba(247,243,238,.8);max-width:44ch;line-height:1.8;margin-top:1rem}
.section-dark{background:var(--ink);padding:6rem 0}
.section-dark .section-label{color:var(--red-lt)}
.section-dark .section-label::after{background:var(--red-lt)}
.section-dark h2.s-title{color:var(--cream)}
.section-dark h2.s-title em{color:var(--red-lt)}
.section-dark p.section-intro{color:rgba(247,243,238,.8)}
.section-dark .wc-title{color:rgba(247,243,238,.92)}
.section-dark .work-card:hover .wc-title{color:var(--red-lt)}
.section-dark .wc-meta{color:rgba(247,243,238,.8)}
.section-dark .wc-thumb{background:rgba(247,243,238,.06)}
.multipli-samples{display:flex;gap:1rem}
.multipli-sample{width:90px;aspect-ratio:3/4;border-radius:2px;overflow:hidden;position:relative}
.ms-1{background:linear-gradient(135deg,#2E231C,#1A1410)}
.ms-2{background:linear-gradient(135deg,#231E18,#120E0C)}
.ms-3{background:linear-gradient(135deg,#281E16,#160E0A)}
.ms-1::before,.ms-2::before,.ms-3::before{content:'';position:absolute;inset:0; background:radial-gradient(ellipse 60% 70% at 55% 40%,rgba(192,67,42,.3),transparent 70%)}
.about-strip{background:var(--warm);padding:5.5rem 0}
.about-strip-inner{display:grid;grid-template-columns:280px 1fr auto;gap:4rem;align-items:center}
.about-photo{aspect-ratio:3/4;border-radius:2px;background:var(--sand);overflow:hidden;position:relative}
.about-photo::before{content:'';position:absolute;inset:0; background:radial-gradient(ellipse 60% 80% at 50% 30%,rgba(192,67,42,.14),transparent 65%)}
.about-photo-svg{position:absolute;inset:0;width:100%;height:100%;opacity:.2}
.about-bio-label{font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:.8rem}
.about-bio-name{font-family:var(--ff-serif);font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:300;margin-bottom:1.2rem}
.about-bio-text{font-size:1.15rem;color:var(--ink-mid);line-height:1.85;max-width:50ch}
.about-bio-stats{display:flex;gap:2.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--sand)}
.stat-n{font-family:var(--ff-serif);font-size:2.6rem;font-weight:300;color:var(--red);line-height:1}
.stat-l{font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid);margin-top:.3rem}
.progetti-preview{background:var(--cream);padding:5.5rem 0}
.proj-list{margin-top:3rem}
.proj-item{display:grid;grid-template-columns:120px 1fr 1fr auto;align-items:center;gap:2rem; padding:1.8rem 0;border-top:1px solid var(--sand);cursor:pointer; text-decoration:none;transition:background .2s}
.proj-item:last-child{border-bottom:1px solid var(--sand)}
.proj-n{font-family:var(--ff-serif);font-size:2.2rem;font-weight:300;color:var(--sand-lt);line-height:1}
.proj-title{font-family:var(--ff-serif);font-size:1.55rem;font-weight:300;color:var(--ink); transition:color .22s;font-style:italic}
.proj-item:hover .proj-title{color:var(--red)}
.proj-desc{font-size:1.15rem;color:var(--ink-mid);line-height:1.65}
.proj-tag{display:inline-block;padding:.28rem .75rem;background:var(--warm);border:1px solid var(--sand); font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mid);border-radius:2px}
.proj-item:hover .proj-tag{background:var(--red-pale);border-color:rgba(192,67,42,.2);color:var(--red)}
.contatti-strip{background:var(--red);padding:5rem 0}
.contatti-inner{display:flex;justify-content:space-between;align-items:center;gap:3rem;flex-wrap:wrap}
.contatti-text{font-family:var(--ff-serif);font-size:clamp(1.8rem,3vw,3rem);font-weight:300; font-style:italic;color:var(--cream)}
.wc-price{font-family:var(--ff-serif);font-size:1rem;font-weight:300;color:var(--red);margin-top:.3rem}
@media(max-width:960px){ .hero{grid-template-columns:1fr;grid-template-rows:1fr auto} .hero-text{padding:7rem 1.5rem 4rem} .hero-visual{display:none} .hero-visual.has-hero-img{display:block;min-height:60vh} .hero-visual.has-hero-img .hero-tag{bottom:1.5rem;right:1.5rem} .hero.has-hero-img-parent .hero-text{ background:linear-gradient(180deg, rgba(247,243,238,.92) 0%, rgba(247,243,238,.82) 55%, rgba(247,243,238,.50) 100%)} .multipli-inner{grid-template-columns:1fr}.multipli-samples{display:none} .about-strip-inner{grid-template-columns:1fr;gap:2rem} .about-photo{display:none} .proj-item{grid-template-columns:120px 1fr} .proj-desc,.proj-tag{display:none} .contatti-inner{flex-direction:column;text-align:center} }