/* Volume 02 — editorial motion system inspired by the supplied Italia Prima sample. */
:root{--ink:#050505;--paper:#f5f5f2;--ash:#989895;--accent:#fff}
body{background:#050505;color:var(--paper)}
.v2-header{position:sticky;top:0;background:rgba(5,5,5,.66);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .35s,border-color .35s}
.v2-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:scaleX(.16);transform-origin:left;animation:header-scan 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes header-scan{to{transform:scaleX(1);opacity:.35}}
.hero-v2{min-height:calc(100svh - 76px);background:radial-gradient(ellipse at 78% 43%,rgba(255,255,255,.11),transparent 34%),linear-gradient(180deg,#080808,#030303)}
.hero-v2:before{opacity:.2;background:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,transparent 1px 5px);mask-image:linear-gradient(180deg,transparent 3%,#000 22%,#000 80%,transparent)}
.hero-meta,.hero-bottom{color:#d2d2d2}.hero-bottom{position:relative;overflow:hidden}.hero-bottom:after{content:"";position:absolute;bottom:0;left:0;width:30%;height:1px;background:white;box-shadow:0 0 14px rgba(255,255,255,.7);animation:read-line 5s ease-in-out infinite alternate;transform-origin:left}
@keyframes read-line{to{transform:translateX(220%);opacity:.25}}
.hero-copy-v2 .eyebrow{color:#fff}.hero-copy-v2 h1{font-size:clamp(100px,15.7vw,232px);line-height:.68;letter-spacing:-.045em;margin:38px 0 27px}
.hero-title-line{display:block;overflow:hidden;padding-bottom:.06em}.hero-title-line i{display:block;font-style:normal;transform:translateY(115%);animation:headline-rise 1.05s cubic-bezier(.16,1,.3,1) forwards}.hero-title-line:nth-child(2) i{animation-delay:.14s}
@keyframes headline-rise{to{transform:translateY(0)}}
.hero-title-outline i{color:transparent;-webkit-text-stroke:1.5px #f5f5f2;text-shadow:0 0 28px rgba(255,255,255,.12)}.title-period{color:#fff;-webkit-text-stroke:0}
.hero-art-v2{border-color:rgba(255,255,255,.28);background:radial-gradient(ellipse at var(--pointer-x,52%) var(--pointer-y,44%),rgba(255,255,255,.2),transparent 22%),radial-gradient(ellipse at 53% 47%,rgba(80,80,80,.8),transparent 55%),linear-gradient(135deg,#232323,#090909 68%,#202020);box-shadow:0 36px 110px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05)}
.hero-art-v2:after{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-130%);animation:film-glint 7s ease-in-out infinite}
@keyframes film-glint{45%,100%{transform:translateX(130%)}}
.art-record{animation:record-drift 24s linear infinite}.art-record:after{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:ring-breathe 4s ease-in-out infinite alternate}
@keyframes ring-breathe{to{inset:2%;opacity:.15}}
.art-wave{opacity:.75}.art-wave i{box-shadow:0 0 7px rgba(255,255,255,.32)}
.ticker{background:#080808;border-block-color:rgba(255,255,255,.2);padding-block:14px}.ticker-track{animation-duration:42s}.ticker-track span{font:800 clamp(22px,4.4vw,54px)/1 var(--display);color:#f4f4f2;letter-spacing:.015em}.ticker-track b{font-size:.52em;color:#fff;text-shadow:0 0 14px rgba(255,255,255,.8)}
.editorial-intro,.journal-section{background:#080808}.editorial-intro-grid{position:relative}.editorial-intro-grid:before{content:"";position:absolute;left:-2vw;top:-12%;width:1px;height:120%;background:linear-gradient(transparent,rgba(255,255,255,.5),transparent);transform-origin:top;animation:column-scan 6s ease-in-out infinite alternate}
@keyframes column-scan{to{transform:scaleY(.18);opacity:.25}}
.feature-art{overflow:hidden;isolation:isolate}.feature-art:after{content:"";position:absolute;inset:-20%;z-index:4;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);transform:translateX(-100%);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.feature-story:hover .feature-art:after{transform:translateX(100%)}
.world-card{background:linear-gradient(145deg,#141414,#080808);transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .3s,background .4s}.world-card:hover{border-color:rgba(255,255,255,.8);background:#171717}.world-card:before{background:radial-gradient(circle at var(--mx,50%) var(--my,40%),rgba(255,255,255,.22),transparent 42%)}
.card-symbol{filter:grayscale(1);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s}.world-card:hover .card-symbol{transform:translateY(-8px) scale(1.06);filter:grayscale(0) brightness(1.3)}
.timeline{position:relative}.timeline-line{position:relative;overflow:hidden;background:rgba(255,255,255,.2);box-shadow:none}.timeline-line:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--line-progress,0%);background:linear-gradient(90deg,#777,#fff);box-shadow:0 0 13px rgba(255,255,255,.7);transition:width .2s linear}.step-dot{transition:transform .35s,box-shadow .35s,background .35s;background:#777}.timeline article.is-active .step-dot{transform:scale(1.55);background:#fff;box-shadow:0 0 20px rgba(255,255,255,.9)}.timeline article h3{transition:color .3s,transform .4s}.timeline article.is-active h3{color:#fff;transform:translateX(7px)}.timeline article.is-active p{color:#eee}
.journal-cover{filter:grayscale(1);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s,border-color .3s}.journal-card:hover .journal-cover{filter:grayscale(0) contrast(1.18);transform:translateY(-8px) scale(.985)}.journal-cover:before{inset:9%;transform:rotate(-6deg);transition:transform .7s}.journal-card:hover .journal-cover:before{transform:rotate(0) scale(.94)}
.subhero:not(.subhero-audio):not(.subhero-visual):not(.subhero-dogslife):not(.subhero-shop):not(.contact-hero):after{animation:poster-float 9s ease-in-out infinite alternate;background-blend-mode:screen,normal,normal,normal}
@keyframes poster-float{to{transform:translateY(-12px) rotate(.6deg);box-shadow:0 35px 100px rgba(0,0,0,.7),inset 0 0 90px rgba(255,255,255,.1)}}
.project-grid article:before{filter:grayscale(1);background-color:#111;transition:filter .5s,transform .7s}.project-grid article:hover:before{filter:grayscale(0) brightness(1.35);transform:scale(1.035)}
.button,.text-link,.nav a{transition:color .25s,background .3s,border-color .3s,transform .35s}.button:hover{transform:translateY(-3px)}
.js .reveal{transition-duration:.9s}.js .reveal:nth-child(2){transition-delay:.08s}.js .reveal:nth-child(3){transition-delay:.16s}.js .reveal:nth-child(4){transition-delay:.24s}
@media(max-width:800px){.hero-v2{min-height:calc(100svh - 68px)}.hero-copy-v2 h1{font-size:clamp(94px,17.5vw,156px)}.editorial-intro-grid:before{display:none}.ticker-track span{font-size:clamp(24px,6vw,42px)}.timeline-line:after{left:0;top:0;width:100%;height:var(--line-progress,0%);background:linear-gradient(180deg,#777,#fff)}}
@media(max-width:560px){.hero-copy-v2 h1{font-size:clamp(88px,19vw,128px);line-height:.72}.hero-art-v2:after{animation-duration:9s}.ticker{padding-block:11px}.ticker-track{animation-duration:34s}.world-card:hover .card-symbol{transform:none}.hero-art-v2{border-width:1px}}
@media(prefers-reduced-motion:reduce){.v2-header:after,.hero-bottom:after,.hero-title-line i,.hero-art-v2:after,.art-record:after,.editorial-intro-grid:before,.feature-art:after,.subhero:after{animation:none!important}.hero-title-line i{transform:none}.timeline-line:after{transition:none}.world-card,.journal-cover{transition:none}}
/* Palette e tipografia del sito: bianco, nero e grigi neutri. */
:root{--blue:#f4f3ef;--blue2:#c4c4c0;--acid:#f4f3ef;--accent:#f4f3ef;--paper:#f2f2ee;--muted:#a0a09c;--sans:'Instrument Sans',Arial,sans-serif;--display:'Big Shoulders Display','Arial Narrow',Impact,sans-serif}
.hero-copy-v2 .eyebrow,.hero-copy-v2 .eyebrow-dot,.hero-bottom b,.ticker-track b,.step-dot,.timeline small,.dropcap{color:var(--accent)}
.hero-copy-v2 .eyebrow-dot,.step-dot{background:var(--accent);box-shadow:0 0 18px rgba(255,255,255,.8)}
.hero-title-outline i{-webkit-text-stroke-color:#f2f2ee}.title-period{color:var(--accent)}
.hero-art-v2{background:radial-gradient(ellipse at var(--pointer-x,52%) var(--pointer-y,44%),rgba(255,255,255,.22),transparent 22%),radial-gradient(ellipse at 53% 47%,rgba(80,80,80,.8),transparent 55%),linear-gradient(135deg,#232323,#090909 68%,#202020)}
.art-wave i{background:linear-gradient(#f2f2ee,var(--accent));box-shadow:0 0 9px rgba(255,255,255,.55)}
.ticker-track b{color:var(--accent);text-shadow:0 0 18px rgba(255,255,255,.95)}
.timeline-line:after{background:linear-gradient(90deg,#f4f3ef,rgba(255,255,255,.16));box-shadow:0 0 16px rgba(255,255,255,.95)}.timeline article.is-active .step-dot{background:var(--accent);box-shadow:0 0 21px rgba(255,255,255,.95)}.timeline article.is-active h3{color:#fff}
.button-primary{box-shadow:0 0 0 1px rgba(255,255,255,.22),0 0 30px rgba(255,255,255,.13)}
.hero-copy-v2 .hero-lede,.hero-copy-v2 .hero-actions{position:relative;z-index:4;visibility:visible;opacity:1}.hero-copy-v2 .hero-lede{display:block}.hero-copy-v2 .hero-actions{display:flex;flex-wrap:wrap;align-items:center}
@media(max-width:560px){.hero-copy-v2 .hero-actions{flex-direction:column;align-items:flex-start}.hero-copy-v2 h1{font-size:clamp(84px,18vw,126px)}}