
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;600;700;800&display=swap');
:root{--o:#f78b13;--c:#f7f2e9;--k:#121212}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c);color:var(--k);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,.display{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900;line-height:.86;letter-spacing:-.025em;text-transform:uppercase}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:8px 5%;position:sticky;top:0;background:rgba(247,242,233,.96);z-index:50;border-bottom:2px solid var(--k);backdrop-filter:blur(10px)}header img{height:72px}nav{display:flex;align-items:center;gap:27px;font-weight:900;text-transform:uppercase;font-size:13px}.pill{border:2px solid var(--k);border-radius:100px;padding:15px 24px;background:var(--k);color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;text-transform:uppercase;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-4px) rotate(-1deg);background:var(--o);color:var(--k)}.pill.light{background:var(--c);color:var(--k)}.pill.orange{background:var(--o);color:var(--k)}.hero{position:relative;min-height:760px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-bottom:3px solid var(--k)}.hero-copy{padding:95px 0 90px 7%;position:relative;z-index:2}.eyebrow{font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#d46d00;font-size:13px}.hero h1{font-size:clamp(100px,12vw,205px);margin:20px 0 18px}.hero h1 em{color:var(--o);font-style:normal;-webkit-text-stroke:2px var(--k)}.hero p{max-width:460px;font-size:19px;line-height:1.5}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-visual{position:relative;min-height:690px}.sun{position:absolute;width:740px;height:740px;background:var(--o);border-radius:50%;top:-90px;left:-25px}.hero-photo{position:absolute;object-fit:cover;border:8px solid var(--c);box-shadow:13px 14px 0 var(--k)}.hero-photo.main{width:66%;height:53%;left:6%;top:11%;border-radius:48% 52% 47% 53%;transform:rotate(-11deg)}.hero-photo.second{width:49%;height:39%;right:2%;bottom:11%;border-radius:50%;transform:rotate(10deg)}.burst{position:absolute;z-index:5;background:var(--k);color:white;border-radius:50%;width:150px;height:150px;display:grid;place-items:center;text-align:center;font-weight:900;transform:rotate(14deg);right:8%;top:9%;font-size:21px;line-height:1.05}.scribble{position:absolute;z-index:4;pointer-events:none}.s1{left:-7%;bottom:9%;width:170px;transform:rotate(-20deg)}.s2{right:0;bottom:2%;width:140px}.marquee{background:var(--k);color:var(--c);overflow:hidden;white-space:nowrap;padding:15px 0;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:33px}.marquee span{display:inline-block;animation:slide 28s linear infinite}@keyframes slide{to{transform:translateX(-50%)}}section{padding:100px 6%}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.sectionhead h2{font-size:clamp(70px,9vw,135px);margin:12px 0}.sectionhead p{max-width:330px;font-size:18px;line-height:1.5}.choice{background:var(--o);border-top:3px solid var(--k);border-bottom:3px solid var(--k)}.duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}.choicecard{position:relative;min-height:520px;background:var(--c);border:3px solid var(--k);overflow:hidden;isolation:isolate;cursor:pointer}.choicecard img{width:100%;height:520px;object-fit:cover;transition:transform .5s}.choicecard:hover img{transform:scale(1.07)}.choicecard:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.choicecard .caption{position:absolute;z-index:2;bottom:22px;left:25px;color:white}.choicecard h3{font-size:clamp(70px,8vw,120px);margin:0}.choicecard .tag{position:absolute;top:20px;left:20px;z-index:3;background:var(--o);border:2px solid var(--k);padding:10px 18px;font-weight:900;transform:rotate(-5deg)}.gallery{display:grid;grid-template-columns:1.25fr .8fr .9fr;gap:16px}.tile{position:relative;min-height:390px;overflow:hidden;background:#ddd;border:2px solid var(--k)}.tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .4s}.tile:hover img{transform:scale(1.05)}.tile strong{position:absolute;bottom:15px;left:15px;background:var(--c);padding:9px 15px;font-weight:900;transform:rotate(-3deg)}.statement{background:var(--k);color:var(--c);position:relative;overflow:hidden}.statement h2{font-size:clamp(90px,13vw,200px);max-width:1100px;margin:20px 0}.statement h2 b{color:var(--o)}.statement .ring{position:absolute;width:520px;height:520px;border:65px solid var(--o);border-radius:50%;right:-200px;top:-180px}.story{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.story img{width:100%;height:560px;object-fit:cover;border-radius:48% 52% 47% 53%;box-shadow:20px 20px 0 var(--o)}.story h2{font-size:clamp(75px,9vw,135px);margin:15px 0}.story p{font-size:19px;line-height:1.6}.menu{background:#eee7da;border-top:3px solid var(--k)}.tabs{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.tabs button{border:2px solid var(--k);background:transparent;padding:12px 19px;border-radius:50px;font-weight:900;text-transform:uppercase}.tabs button.active{background:var(--o)}.menulist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 40px}.menuitem{padding:19px 0;border-bottom:1px solid #aaa;display:flex;justify-content:space-between;gap:20px}.menuitem b{font-size:18px}.menuitem small{display:block;color:#555;margin-top:5px}.menuitem .price{white-space:nowrap;font-weight:900}.contact{background:var(--o);text-align:center;border-top:3px solid var(--k)}.contact h2{font-size:clamp(90px,13vw,190px);margin:0 0 30px}.contact p{font-size:19px}footer{background:var(--k);color:var(--c);padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer img{height:90px}.floating{position:fixed;bottom:22px;right:22px;z-index:40;box-shadow:5px 6px 0 var(--k)}.arrow{display:inline-block;transform:rotate(-35deg)}@media(max-width:850px){header{height:74px}header img{height:60px}nav a:not(.pill){display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:58px 6% 25px}.hero h1{font-size:clamp(92px,18vw,150px)}.hero-visual{min-height:520px}.sun{width:570px;height:570px;left:12%;top:0}.hero-photo.main{left:11%;width:65%;top:7%}.hero-photo.second{right:5%;bottom:8%}.burst{width:110px;height:110px;font-size:16px}.duo,.story{grid-template-columns:1fr}.choicecard,.choicecard img{height:430px;min-height:430px}.gallery{grid-template-columns:1fr 1fr}.gallery .tile:first-child{grid-column:span 2}.tile{min-height:290px}.sectionhead{display:block}.story img{height:420px}.menulist{grid-template-columns:1fr}section{padding:70px 5%}.floating{bottom:12px;right:12px;padding:12px 17px;font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* BRUSCÒ MOTION SYSTEM */
#scroll-progress{position:fixed;top:0;left:0;height:5px;background:var(--o);z-index:100;width:0;box-shadow:0 1px 0 #111;pointer-events:none}
.hero-copy{animation:heroIn .95s cubic-bezier(.18,.8,.2,1) both}.hero h1{animation:titleIn 1s .15s cubic-bezier(.18,.8,.2,1) both}.hero-photo.main{animation:photoOne 1.1s .15s cubic-bezier(.2,.8,.2,1) both}.hero-photo.second{animation:photoTwo 1.2s .3s cubic-bezier(.2,.8,.2,1) both}.sun{animation:sunRise 1.4s ease both}.burst{animation:popIn .8s .8s cubic-bezier(.2,1.4,.4,1) both}.scribble{animation:doodleFloat 5s ease-in-out infinite alternate}
@keyframes heroIn{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes titleIn{from{opacity:0;transform:translateY(65px) skewY(4deg)}to{opacity:1;transform:translateY(0) skewY(0)}}@keyframes photoOne{from{opacity:0;transform:translateY(90px) rotate(-23deg) scale(.7)}to{opacity:1;transform:translateY(0) rotate(-11deg) scale(1)}}@keyframes photoTwo{from{opacity:0;transform:translateY(110px) rotate(25deg) scale(.7)}to{opacity:1;transform:translateY(0) rotate(10deg) scale(1)}}@keyframes sunRise{from{opacity:0;transform:scale(.55) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes popIn{from{opacity:0;transform:scale(.1) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(14deg)}}@keyframes doodleFloat{to{translate:0 -12px}}
.brand-orbit{position:absolute;z-index:6;left:2%;top:4%;width:125px;height:125px;filter:drop-shadow(4px 5px 0 #111);animation:brandBob 5s ease-in-out infinite;pointer-events:none}.brand-orbit img{width:100%;height:100%;object-fit:contain}.brand-orbit .orbit-ring{position:absolute;inset:-13px;border:3px dashed #111;border-radius:50%;animation:spin 19s linear infinite}.hero-brand-sign{display:flex;align-items:center;gap:15px;margin:22px 0 0}.hero-brand-sign img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(3px 3px 0 #111)}.hero-brand-sign span{font-weight:900;font-size:12px;letter-spacing:.14em;line-height:1.7;text-transform:uppercase}.brand-stamp{position:absolute;right:5%;bottom:-70px;width:160px;height:160px;z-index:3;filter:drop-shadow(6px 7px 0 #111);transform:rotate(12deg)}.brand-stamp img{width:100%;height:100%;object-fit:contain}.brand-watermark{position:absolute;width:min(46vw,620px);right:-12%;bottom:-18%;opacity:.13;transform:rotate(-18deg);pointer-events:none}.statement{isolation:isolate}.statement h2,.statement a,.statement .eyebrow{position:relative;z-index:2}.logo-divider{background:var(--o);border-block:3px solid #111;padding:20px 5%;display:flex;justify-content:center;align-items:center;gap:25px;overflow:hidden}.logo-divider img{width:110px;height:110px;object-fit:contain;animation:brandBob 4s ease-in-out infinite}.logo-divider b{font:900 clamp(30px,5vw,70px)/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.logo-divider b:last-child{text-align:right}@keyframes brandBob{50%{transform:translateY(-10px) rotate(5deg)}}@keyframes spin{to{transform:rotate(360deg)}}
.reveal{opacity:0;transform:translateY(55px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.choicecard:hover .tag{transform:rotate(4deg) scale(1.08)}.choicecard .tag{transition:transform .3s}.tile strong{transition:transform .3s}.tile:hover strong{transform:rotate(3deg) translateY(-8px)}.pill{position:relative;overflow:hidden}.pill:active{transform:scale(.96)}.menuitem{animation:menuEntry .4s both}@keyframes menuEntry{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.brand-orbit{width:90px;height:90px;left:4%;top:1%}.hero-brand-sign img{width:65px;height:65px}.hero-brand-sign span{font-size:10px}.brand-stamp{width:100px;height:100px;bottom:-42px}.logo-divider img{width:70px;height:70px}.logo-divider{gap:12px}.logo-divider b{font-size:clamp(24px,6vw,45px)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.hero-copy,.hero h1,.hero-photo.main,.hero-photo.second,.sun,.burst,.scribble,.brand-orbit,.brand-orbit .orbit-ring,.logo-divider img{animation:none!important}}

/* Bruscò app showcase */
.app-section{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:center;background:#eee7da;border-top:3px solid #121212;min-height:750px}.app-bg-circle{position:absolute;width:650px;height:650px;background:#f78b13;border-radius:50%;right:-210px;top:-110px;opacity:.95}.app-copy{position:relative;z-index:2}.app-copy h2{font-size:clamp(70px,8vw,132px);margin:20px 0}.app-copy h2 span{color:#ed800b}.app-copy p{font-size:19px;line-height:1.55;max-width:490px}.app-note{margin-top:28px;font-weight:900;letter-spacing:.12em;font-size:12px}.app-phones{height:580px;position:relative;z-index:2}.app-phone{position:absolute;background:#111;padding:9px;border:3px solid #111;border-radius:30px;overflow:hidden;box-shadow:13px 17px 0 rgba(18,18,18,.16);transition:transform .35s}.app-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:19px;display:block}.app-phone.front{width:240px;height:520px;left:50%;top:15px;transform:translateX(-50%);z-index:3}.app-phone.left{width:205px;height:445px;left:3%;top:82px;transform:rotate(-11deg);z-index:1}.app-phone.right{width:205px;height:445px;right:2%;top:85px;transform:rotate(11deg);z-index:2}.app-phones:hover .app-phone.left{transform:translateX(-12px) rotate(-15deg)}.app-phones:hover .app-phone.right{transform:translateX(12px) rotate(15deg)}.app-stamp{position:absolute;z-index:4;right:0;bottom:2px;background:#121212;color:#fff;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:28px;line-height:.88;transform:rotate(13deg)}@media(max-width:900px){.app-section{grid-template-columns:1fr;gap:0}.app-bg-circle{width:420px;height:420px;top:auto;bottom:20px;right:-180px}.app-phones{height:510px;max-width:510px;width:100%;margin:auto}.app-phone.front{width:205px;height:440px}.app-phone.left,.app-phone.right{width:165px;height:360px;top:70px}.app-stamp{right:5%;bottom:0;width:105px;height:105px;font-size:23px}}@media(max-width:420px){.app-phones{height:440px}.app-phone.front{width:180px;height:390px}.app-phone.left,.app-phone.right{width:140px;height:310px}.app-phone.left{left:0}.app-phone.right{right:0}.app-stamp{width:88px;height:88px;font-size:20px}}@media(prefers-reduced-motion:reduce){.app-phone{transition:none}}
