:root{--space-page:clamp(20px,4vw,72px);--space-section:clamp(72px,9vw,150px);--paper-soft:#e7e1d6;--ink-soft:#4c4a43;--red-bright:#c54d38;--ease:cubic-bezier(.22,1,.36,1)}
body{font-family:CulturaSans,Arial,Helvetica,sans-serif;overflow-x:hidden}em,h1,h2,.brand,.footer-brand,.referral-title{font-family:CulturaSerif,Georgia,serif}.demo-bar{padding-inline:var(--space-page)}header{margin-inline:var(--space-page);position:sticky;top:0;z-index:30;background:rgba(238,233,223,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}nav{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.nav-cta{transition:background .25s,color .25s,border-color .25s}.nav-cta:hover{background:var(--ink);color:var(--paper)}
.hero{padding-inline:var(--space-page)}.hero-layout{grid-template-columns:minmax(300px,.78fr) minmax(440px,1.25fr) minmax(150px,.42fr);gap:clamp(16px,2vw,38px);min-height:min(690px,73vh)}.hero-copy{align-self:center}.hero-copy .eyebrow{margin-bottom:18px}.hero h1{font-size:clamp(64px,6.2vw,108px);line-height:.9;letter-spacing:-.055em;text-wrap:balance}.hero .intro{max-width:310px;color:var(--ink-soft)}.artwork.is-3d{max-width:720px;justify-self:center}.artwork.is-3d .art-index{bottom:11%}.stage-panel{padding-left:0}.stages{gap:5px}.stages button{letter-spacing:.04em}.stages button span{letter-spacing:.16em}.scene-tools{left:50%;transform:translateX(-50%);bottom:1.5%}.scene-tools span{white-space:nowrap;letter-spacing:.14em}.hero-bottom{margin-top:20px}.section{padding:var(--space-section) var(--space-page)}.studio{grid-template-columns:minmax(0,1.08fr) minmax(300px,.7fr);gap:clamp(60px,12vw,190px)}.studio h2{max-width:740px}.studio-copy{justify-self:end}.section-heading{gap:clamp(50px,9vw,150px)}.concept-grid{gap:clamp(12px,1.8vw,28px)}.concept-card{position:relative;padding:clamp(16px,1.5vw,26px);transition:transform .55s var(--ease),border-color .3s,background .3s}.concept-card:after{content:'';position:absolute;inset:7px;border:1px solid transparent;pointer-events:none;transition:border-color .35s}.concept-card:hover:after,.concept-card:focus-visible:after{border-color:#ad37252d}.concept-card:hover{transform:translateY(-8px);background:#f2eee6}.concept-card img{transition:transform .7s var(--ease),filter .5s,opacity .5s}.concept-card:hover img{transform:scale(1.02)}
/* Referral / Passa il Segno */
.referral{position:relative;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(320px,.72fr) minmax(480px,1.15fr);gap:clamp(55px,8vw,135px);align-items:center;overflow:hidden;isolation:isolate}.referral:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(173,55,37,.08),transparent 46%);pointer-events:none}.referral-copy,.referral-visual{position:relative;z-index:2}.referral-title{font-size:clamp(60px,6.8vw,112px);font-weight:400;letter-spacing:-.055em;line-height:.88;margin:20px 0 28px}.referral-title em{display:block;color:var(--red-bright)}.referral-lead{max-width:500px;color:#c3beb4;font-size:15px;line-height:1.75;margin:0 0 34px}.referral-stage-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #5a5a51;border-bottom:1px solid #5a5a51;margin-top:36px}.referral-stage{border:0;border-right:1px solid #5a5a51;background:transparent;color:#9e9b92;text-align:left;padding:17px 12px;min-height:66px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:color .25s,background .25s}.referral-stage:first-child{padding-left:0}.referral-stage:last-child{border-right:0}.referral-stage[aria-pressed=true]{color:var(--paper);background:#ffffff05}.referral-stage[aria-pressed=true] span{color:var(--red-bright)}.referral-stage span{display:block;font-size:9px;margin-bottom:7px;color:#6f6d65}.referral-stage-copy{min-height:44px;color:#c3beb4;font-size:12px;line-height:1.55;margin:20px 0 12px}.referral-progress{height:1px;background:#55564e;overflow:hidden}.referral-progress span{display:block;width:33.333%;height:100%;background:var(--red-bright);transition:width .65s var(--ease)}.referral-share{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.referral-share button{border:1px solid #77766d;background:transparent;color:var(--paper);padding:13px 15px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;min-height:46px;transition:background .25s,color .25s,border-color .25s}.referral-share button:first-child{background:var(--paper);color:var(--ink);border-color:var(--paper)}.referral-share button:hover{border-color:var(--paper);background:var(--paper);color:var(--ink)}.share-status{font-size:10px;color:#918e85;min-height:18px;margin-top:10px}.referral-disclaimer{font-size:9px;line-height:1.55;color:#7f7c74;max-width:460px;margin-top:22px}.referral-visual{min-height:620px;display:grid;place-items:center}.referral-media{position:absolute;inset:8% 2% 8% 6%;overflow:hidden;border:1px solid #55564d;background:#2b2b25}.referral-media:before,.referral-media:after{content:'';position:absolute;z-index:3;pointer-events:none}.referral-media:before{inset:14px;border:1px solid #eee9df26}.referral-media:after{left:50%;top:0;width:1px;height:100%;background:#eee9df14}.referral-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;filter:grayscale(.35) contrast(1.08) saturate(.78);mix-blend-mode:screen}.referral-canvas-host{position:absolute;inset:0;z-index:2}.referral-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}.referral-canvas.is-dragging{cursor:grabbing}.referral-visual-meta{position:absolute;left:9%;right:5%;bottom:10%;z-index:4;display:flex;justify-content:space-between;gap:18px;font-size:8px;letter-spacing:.14em;color:#a9a59b;text-transform:uppercase}.referral-visual-meta span:last-child{color:var(--red-bright)}.referral[data-referral-stage='0'] .referral-media{transform:scale(.975)}.referral[data-referral-stage='1'] .referral-media{transform:scale(.988)}.referral[data-referral-stage='2'] .referral-media{transform:scale(1)}.referral-media{transition:transform .8s var(--ease)}
.contact{grid-template-columns:minmax(0,1.2fr) minmax(320px,.65fr)}.contact-details{max-width:520px;justify-self:end;width:100%}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1100px){.hero-layout{grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr)}.stage-panel{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-top:0}.stages{display:grid;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid var(--line)}.stages button{padding:14px 10px}.stage-description{margin:0}.referral{grid-template-columns:minmax(290px,.8fr) minmax(390px,1.2fr);gap:45px}.referral-visual{min-height:540px}}
@media(max-width:760px){html{scroll-padding-top:70px}.demo-bar{padding:8px 20px;gap:12px}.demo-bar span{max-width:210px}.nav-open{overflow:hidden}header{margin-inline:20px;padding:18px 0;background:rgba(238,233,223,.96)}.brand{font-size:29px}.menu-toggle{display:flex;min-width:80px;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid var(--line);padding:10px 0;text-transform:uppercase;letter-spacing:.08em}nav{display:flex!important;position:fixed;inset:0;top:0;z-index:-1;opacity:0;visibility:hidden;background:var(--paper);padding:112px 22px 36px;flex-direction:column;align-items:flex-start;gap:0;transform:translateY(-12px);transition:opacity .35s,transform .45s var(--ease),visibility .35s;pointer-events:none}nav.open{z-index:25;opacity:1;visibility:visible;transform:none;pointer-events:auto}nav a{width:100%;font-family:CulturaSerif,Georgia,serif;font-size:clamp(34px,10vw,50px);text-transform:none;letter-spacing:-.035em;padding:14px 0;border-bottom:1px solid var(--line)}nav .nav-cta{font-family:CulturaSans,Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ink);margin-top:24px;width:auto;padding:14px 18px}.hero{padding-inline:20px}.hero-top{padding:18px 0 12px}.hero-top>span:last-child{display:none}.hero-layout{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:18px 0 2px}.hero-copy .eyebrow{margin-bottom:15px}.hero h1{font-size:clamp(52px,15.5vw,68px);line-height:.9;letter-spacing:-.06em}.hero .intro{font-size:13px;line-height:1.6;margin:19px 0 20px;max-width:270px}.hero .button{padding:14px 17px}.artwork,.artwork.is-3d{width:calc(100% + 14px);margin:0 -7px 8px;aspect-ratio:1/1.05}.artwork.is-3d .art-index{bottom:12%}.scene-tools{bottom:0}.scene-tools button{width:44px;height:44px}.scene-tools span{font-size:7px}.stage-panel{display:flex!important;flex-direction:column;align-items:stretch;padding:0;gap:10px}.stage-panel>.eyebrow{display:none}.stages{order:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0}.stages button{border:1px solid var(--line);padding:10px 8px;min-height:54px;font-size:9px;text-align:center}.stages button[aria-pressed=true]:before{display:none}.stages button span{margin-bottom:4px}.stage-description{order:2;text-align:left;width:auto;font-size:10px;color:#706b62}.play-scene{order:3;margin:0 0 3px auto!important;padding:9px 0}.hero-bottom{margin-top:10px;padding:16px 0}.hero-bottom>span{display:none}.section{padding:70px 20px}.studio{grid-template-columns:1fr;gap:24px}.studio h2{font-size:clamp(42px,12vw,56px);line-height:.96}.studio-copy{justify-self:start;padding-top:0}.section-heading{display:block}.section-heading h2{font-size:clamp(42px,12vw,56px);line-height:.98}.concept-grid{grid-template-columns:1fr;gap:14px}.concept-card{padding:16px}.concept-card img{max-height:none}.referral{display:block;padding-top:78px;padding-bottom:72px}.referral-title{font-size:clamp(58px,16vw,74px);line-height:.88;margin:18px 0 22px}.referral-lead{font-size:13px;line-height:1.65;margin-bottom:26px}.referral-stage-nav{margin-top:28px}.referral-stage{padding:13px 7px;min-height:64px;font-size:8px;text-align:center}.referral-stage:first-child{padding-left:7px}.referral-stage span{font-size:8px}.referral-stage-copy{font-size:11px}.referral-share{gap:8px}.referral-share button{flex:1 1 calc(50% - 8px);padding-inline:10px}.referral-visual{min-height:auto;height:min(108vw,470px);margin:44px -20px -10px}.referral-media{inset:0 20px}.referral-visual-meta{left:30px;right:30px;bottom:20px;font-size:7px}.contact{grid-template-columns:1fr;gap:54px}.contact h2{font-size:clamp(58px,17vw,76px);line-height:.92}.contact-details{justify-self:start}.footer-brand{font-size:38px}dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:18px;display:none;grid-template-rows:auto 1fr auto}dialog[open]{display:grid}dialog img{max-height:calc(100dvh - 140px);margin:auto;object-fit:contain}.close-dialog{min-width:76px;min-height:44px}}
@media(max-width:360px){header{margin-inline:16px}.hero,.section{padding-left:16px;padding-right:16px}.hero h1{font-size:52px}.stages{gap:6px}.stages button{font-size:8px}.referral-visual{margin-left:-16px;margin-right:-16px}.referral-media{inset-inline:16px}.referral-share button{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}.referral-media{transition:none}.concept-card,.concept-card img{transition:none}}