/* [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 progetti. 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}}
.page-hero{padding:10rem 0 5rem;background:var(--ink);position:relative;overflow:hidden}
.page-hero-bg{position:absolute;inset:0;background:linear-gradient(150deg,#2A2018,#1C1916 50%,#110E0C)}
.page-hero-blob{position:absolute;inset:0}
.page-hero-blob::before{content:'';position:absolute;bottom:-10%;right:-5%;width:55%;aspect-ratio:1; background:radial-gradient(ellipse 60% 70% at 60% 50%,rgba(192,67,42,.12),transparent 65%); border-radius:45% 55% 50% 50%/50% 45% 55% 50%;animation:morphBlob 14s ease-in-out infinite alternate}
.page-hero-content{position:relative;z-index:2}
.page-eyebrow{font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase; color:var(--red-lt);margin-bottom:1rem;opacity:0;animation:fadeUp .7s var(--ease) .1s forwards}
.page-title{font-family:var(--ff-serif);font-size:clamp(3.5rem,8vw,8rem);font-weight:300; line-height:.92;letter-spacing:-.02em;color:var(--cream); opacity:0;animation:fadeUp .9s var(--ease) .25s forwards}
.page-title em{font-style:italic;color:rgba(217,89,62,.85)}
.projects-section{padding:5rem 0 7rem;background:var(--warm)}
.proj-card{display:grid;grid-template-columns:280px 1fr auto;gap:3rem;align-items:start; padding:3rem 0;border-top:1px solid var(--sand);text-decoration:none; transition:all .25s}
.proj-card:last-child{border-bottom:1px solid var(--sand)}
.proj-card:hover .proj-card-title{color:var(--red)}
.proj-card-thumb{border-radius:2px;overflow:hidden;position:relative;flex-shrink:0}
.proj-card-num{font-family:var(--ff-serif);font-size:1.05rem;color:var(--red); letter-spacing:.08em;margin-bottom:.5rem}
.proj-card-title{font-family:var(--ff-serif);font-size:1.9rem;font-weight:300;font-style:italic; color:var(--ink);line-height:1.1;margin-bottom:.8rem;transition:color .25s}
.proj-card-meta{font-size:1.05rem;color:var(--ink-mid);letter-spacing:.06em;margin-bottom:1rem}
.proj-card-desc{font-size:1.15rem;color:var(--ink-mid);line-height:1.8;max-width:52ch}
.proj-card-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem}
.proj-tag-pill{display:inline-block;padding:.25rem .75rem;background:var(--cream); border:1px solid var(--sand-lt);font-size:1.05rem;letter-spacing:.08em; text-transform:uppercase;color:var(--ink-mid);border-radius:2px}
.proj-card:hover .proj-tag-pill{background:var(--red-pale);border-color:rgba(192,67,42,.2);color:var(--red)}
.proj-card-arrow{width:44px;height:44px;border:1px solid var(--sand);border-radius:50%; display:flex;align-items:center;justify-content:center;flex-shrink:0; color:var(--ink-lt);align-self:center;transition:all .25s}
.proj-card:hover .proj-card-arrow{background:var(--red);border-color:var(--red);color:#fff}
.proj-card-arrow svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}
@media(max-width:960px){ .proj-card{grid-template-columns:1fr;gap:1.5rem} .proj-card-thumb{max-width:260px} .proj-card-arrow{display:none} }