:root{--red:#ff0000;--gogaj:#f20e1b;--ink:#171717;--surface:#eaeaea;--header:#fff;--header-h:88px;--font:Montserrat,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink)}body{background:var(--surface)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ff626a;outline-offset:4px}.icon{display:block;width:24px;height:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:white;padding:12px}.skip-link:focus{top:10px}.site-header{height:var(--header-h);background:var(--header);position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 60px;border-bottom:1px solid rgba(0,0,0,.035);transition:background .25s}.brand{display:block;line-height:0}.brand img{display:block;width:215px;height:auto}.header-actions{display:flex;align-items:center;gap:21px}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;border-radius:12px;color:var(--ink)}.icon-button .icon{width:32px;height:32px}.icon-button:hover{background:rgba(128,128,128,.12)}.ambient{position:fixed;inset:var(--header-h) 0 0;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;z-index:-1;background:#34312c}.ambient:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.4);transition:background .25s}.ambient-panel{background-size:cover;background-position:center;filter:blur(8px);transform:scale(1.04);animation:arrive-up .85s both cubic-bezier(.2,.65,.3,1)}.panel-one{background-image:url('assets/sanitari.webp')}.panel-two{background-image:url('assets/ndricim.webp');background-position:left center;animation-name:arrive-down;animation-delay:.1s}.panel-three{background-image:url('assets/garden.webp');animation-delay:.2s}.panel-four{background-image:url('assets/mobilieri.webp');animation-name:arrive-down;animation-delay:.3s}@keyframes arrive-up{from{opacity:0;transform:translateY(50px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1.04)}}@keyframes arrive-down{from{opacity:0;transform:translateY(-50px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1.04)}}.landing-content{min-height:calc(100svh - var(--header-h));padding:40px 30px 80px;text-align:center;color:#fff}.landing-heading h1{font-size:36px;line-height:44px;font-weight:600;margin:0;letter-spacing:.2px}.landing-heading p{font-size:18px;line-height:22px;margin:12px 0 0;font-weight:400}.campaign-list{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:56px 40px;margin:50px auto 0;max-width:1560px}.campaign-card{width:320px;max-width:100%;flex:0 0 320px;animation:card-in .4s both}.campaign-cover{display:block;background:transparent;cursor:pointer;border:0;padding:0;width:100%;aspect-ratio:4/5;box-shadow:0 8px 24px #0003;overflow:hidden}.campaign-cover img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}.campaign-cover:hover img{transform:scale(1.015)}.campaign-card h2{font-size:18px;line-height:22px;font-weight:600;margin:26px 0 0}.campaign-card .validity{font-size:14px;line-height:18px;margin:8px 0 0;min-height:18px}.cta{display:inline-flex;justify-content:center;align-items:center;background:var(--red);color:white;border:0;text-decoration:none;border-radius:15px;min-height:44px;min-width:220px;padding:12px 12px;font-size:16px;line-height:20px;font-weight:900;margin-top:16px;transition:background .2s,transform .2s}.cta:hover{background:#dc0010;transform:translateY(-1px)}.campaign-note{display:block;font-size:10px;line-height:16px;opacity:.85;margin:9px 0 0}.loading{padding:40px;color:inherit}.empty-state{padding:32px;border:1px solid #ffffff40;border-radius:14px;background:#0002;max-width:480px}.empty-state h2{font-size:20px;margin:0 0 8px}.empty-state p{font-size:14px;line-height:1.7}.reader-mode .ambient{display:none}.reader{position:relative;min-height:calc(100dvh - var(--header-h))}.reader-back{position:absolute;top:18px;left:40px;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);z-index:25;padding:8px;border-radius:8px;font-size:12px;opacity:.7}.reader-back .icon{width:16px;height:16px}.reader-back:hover{opacity:1;background:#8881}.reader-area{height:calc(100dvh - var(--header-h));min-height:460px;display:flex;justify-content:center;align-items:center;overflow:hidden}.book-frame{position:relative;padding:48px 0;flex:none;width:var(--spread-w,1280px);height:calc(var(--page-h,800px) + 96px);transition:width .25s}.book-stage{position:relative;width:100%;height:var(--page-h,800px);perspective:2200px;touch-action:pan-y;isolation:isolate}.book-leaf{position:absolute;top:0;width:var(--page-w,640px);height:var(--page-h,800px);background:white;box-shadow:0 5px 24px #0002;user-select:none;transform:translateZ(0)}.book-leaf img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.book-leaf.page-left:after,.book-leaf.page-right:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2}.book-leaf.page-left:after{background:linear-gradient(to left,#0002,transparent 2.5%)}.book-leaf.page-right:after{background:linear-gradient(to right,#0002,transparent 2.5%)}.book-leaf.single:after{display:none}.hotspots{position:absolute;inset:0;pointer-events:none;z-index:5}.hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:var(--hot-size,36px);height:var(--hot-size,36px);background:#fff;border:2px solid var(--gogaj);border-radius:50%;box-shadow:0 3px 12px #0004;color:var(--gogaj);text-decoration:none;pointer-events:auto;z-index:8}.hotspot:before{content:'';position:absolute;inset:-5px}.hotspot .icon{width:55%;height:55%;stroke-width:1.8}.hotspot:after{content:attr(data-label);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);max-width:220px;width:max-content;white-space:normal;background:#202124;color:white;border-radius:6px;font:500 11px/1.4 var(--font);padding:7px 9px;opacity:0;pointer-events:none;transition:opacity .15s}.hotspot:hover:after,.hotspot:focus-visible:after{opacity:1}.hotspot:hover{background:#fff;color:#d60917;border-color:#d60917;box-shadow:0 4px 16px #0005}.book-button{position:absolute;display:grid;place-items:center;background:transparent;color:var(--ink);border:0;border-radius:50%;z-index:25;width:44px;height:44px;padding:10px;transition:opacity .2s,background .2s}.book-button:hover:not(:disabled){background:#fff9}.book-button:disabled{opacity:.2}.step-prev,.step-next{top:calc(50% - 22px);width:52px;height:52px;padding:9px}.step-prev{left:-70px}.step-next{right:-70px}.step-prev .icon,.step-next .icon{width:34px;height:34px;stroke-width:1.9}.jump-first{top:0;left:-10px}.jump-last{top:0;right:-10px}.jump-first .icon,.jump-last .icon{width:23px;height:23px}.page-count{position:absolute;bottom:8px;left:0;width:100%;text-align:center;font-size:16px;line-height:22px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}.reader-loading{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:var(--surface);color:var(--ink);font-size:14px;text-align:center;padding:32px}.demo-notice{position:absolute;bottom:8px;width:100%;font-size:10px;text-align:center;opacity:.5;margin:0;pointer-events:none}.is-flipping .hotspots{visibility:hidden}.flip-sheet{position:absolute;top:0;width:var(--page-w);height:var(--page-h);transform-origin:0 50%;transform-style:preserve-3d;z-index:15;pointer-events:none}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;overflow:hidden;box-shadow:0 5px 25px #0004}.flip-face img{width:100%;height:100%;object-fit:contain}.flip-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 20%,#0001)}.flip-back{transform:rotateY(180deg)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);max-width:min(90vw,480px);background:#202020;color:white;padding:13px 20px;border-radius:10px;font-size:13px;line-height:1.5;z-index:100;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 6px 30px #0003}.toast.show{opacity:1;transform:translate(-50%,0)}.dark{--ink:#f3f3f3;--surface:#1c1d20;--header:#111215;color-scheme:dark}.dark .ambient:after{background:#000a}.dark .book-button:hover:not(:disabled){background:#ffffff16}.dark .site-header{border-bottom-color:#ffffff08}.dark .reader-back:hover{background:#fff1}.immersive .site-header{display:none}.immersive{--header-h:0px}.immersive-exit{position:fixed;top:8px;right:8px;z-index:100;background:#fff;border:0;padding:12px;border-radius:10px;color:#111}@keyframes card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:800px){:root{--header-h:80px}.site-header{padding:0 15px;justify-content:center}.brand img{width:140px;height:auto}.header-actions{position:absolute;right:10px;gap:0}.icon-button{width:36px;height:44px;padding:9px;border-radius:8px}.icon-button .icon{width:20px;height:20px}.landing-mode .site-header{background:rgba(255,255,255,.3)}.landing-mode.dark .site-header{background:rgba(18,18,18,.65)}.landing-mode .ambient{top:0}.ambient-panel{filter:none;transform:none}.ambient .panel-three{background-image:url('assets/mobilieri.webp')}.ambient .panel-four{background-image:url('assets/garden.webp')}.landing-content{padding:108px 24px 64px}.landing-heading h1{font-size:clamp(25px,8.35vw,36px);line-height:1.23;letter-spacing:-.8px;white-space:nowrap}.landing-heading p{font-size:clamp(13px,4.18vw,18px);line-height:22px}.campaign-list{gap:52px;margin-top:50px}.campaign-card{width:min(320px,100%);flex-basis:320px}.campaign-card h2{font-size:18px}.campaign-card .validity{font-size:13px}.cta{font-size:16px}.reader-area{min-height:420px}.book-frame{transform:translateY(-40px)}.reader-back{top:10px;left:9px;font-size:11px;padding:6px}.reader-back .icon{width:14px}.step-prev,.step-next{width:44px;height:44px;padding:13px;top:calc(50% - 22px);background:transparent}.step-prev{left:-19px}.step-next{right:-19px}.step-prev .icon,.step-next .icon{width:18px;height:18px;stroke-width:1.7}.jump-first,.jump-last{top:3px;width:44px;height:44px}.jump-first{left:-10px}.jump-last{right:-10px}.jump-first .icon,.jump-last .icon{width:18px;height:18px}.hotspot{width:min(var(--hot-size),32px);height:min(var(--hot-size),32px)}.page-count{font-weight:900}.demo-notice{bottom:20px}.toast{bottom:16px;font-size:12px}}
@media(max-width:374px){.brand img{width:110px}.header-actions{right:6px}.icon-button{width:33px}.landing-content{padding-top:72px;padding-left:20px;padding-right:20px}.campaign-card{flex-basis:100%}.landing-heading h1{font-size:25px}.landing-heading p{font-size:13px}.cta{font-size:14px}.campaign-card h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:800px){.ambient .panel-two{background-position:10% center}}
.book-leaf img,.flip-face img{object-fit:contain;background:#fff}.hotspot{background:#fff!important;border-color:#f20e1b!important;color:#f20e1b!important}.hotspot:hover{background:#fff!important;color:#c90917!important;border-color:#c90917!important}
