*{box-sizing:border-box}body{margin:0;background:#fff;color:#1d1d1f;font-family:Arial,Helvetica,sans-serif}main{max-width:1200px;margin:auto;padding:64px 32px;text-align:center}h1{font-size:clamp(40px,5.5vw,76px);line-height:1.06;letter-spacing:-.035em;margin:0 0 20px;font-weight:600}p{font-size:17px;color:#626267;line-height:1.5}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0 28px}.product{appearance:none;border:0;background:white;color:inherit;cursor:pointer;padding:0 0 20px;border-radius:28px;font:inherit}.product:focus-visible,#replay:focus-visible{outline:3px solid #d30b2f;outline-offset:5px}.product>strong{display:block;font-size:26px;margin:24px 0 10px;font-weight:600}.product>span:last-child{font-size:15px;color:#626267}.scene{display:flex;height:300px;align-items:center;justify-content:center;perspective:1000px;overflow:visible}.deck{position:relative;width:134px;height:190px;transform:rotate(-6deg)}.deck i{display:block;position:absolute;inset:0;background:white url(assets/card-streetroyal.webp) center/cover;border:3px solid white;border-radius:10px;outline:1px solid #d6d6d6;transform-origin:50% 95%;transform:translate(calc(var(--n)*3px),calc(var(--n)*-2px));transition:transform .85s cubic-bezier(.16,1,.3,1)}.product:is(:hover,:focus-visible,.play,[aria-pressed=true]) .deck i{transform:translateX(calc(var(--n)*14px)) rotate(calc(var(--n)*16deg))}.book{position:relative;width:155px;height:218px;transform:rotateY(-18deg) rotateZ(7deg);transform-style:preserve-3d}.book i{position:absolute;inset:0;border-radius:2px 7px 7px 2px;transform-origin:left center}.paper{background:#fafafc;border:1px solid #d6d6d6;transform:translateZ(-5px)}.leaf{background:white;border:1px solid #e8e8ed;transform:translateZ(-2px);transition:transform 1s cubic-bezier(.16,1,.3,1)}.cover{background:#dce7dd url(assets/cover-geografia.webp) right center/200% 100%;border:1px solid #c4ceca;backface-visibility:visible;transition:transform 1s cubic-bezier(.16,1,.3,1)}.spine{width:7px;background:#627c6a;transform:translateZ(1px)}.product:is(:hover,:focus-visible,.play,[aria-pressed=true]) .cover{transform:rotateY(-125deg)}.product:is(:hover,:focus-visible,.play,[aria-pressed=true]) .leaf{transform:rotateY(-35deg)}.calendar{display:block;position:relative;width:136px;height:274px;background:#f5f5f7;border-radius:3px;transform:rotateY(-10deg) rotateZ(-4deg);transform-style:preserve-3d}.hole{position:absolute;top:5px;left:65px;width:5px;height:5px;border-radius:50%;background:#999}.cal-photo{display:block;height:82px;margin-top:12px;background:url(assets/cover-geografia.webp) center/cover}.month{display:block;height:58px;margin:2px 5px;background:white;text-align:left;font-size:8px;padding:5px;letter-spacing:.04em;color:#555;border-top:2px solid #aaa;transform-origin:top;backface-visibility:hidden}.month b{float:right;font-weight:400}.days{display:grid;grid-template-columns:repeat(7,1fr);font-size:6px;line-height:8px;gap:0;text-align:center;margin-top:3px}.days em{font-style:normal}.days em:nth-child(7n){color:#d30b2f}.flip{transition:transform 1s cubic-bezier(.16,1,.3,1)}.product:is(:hover,:focus-visible,.play,[aria-pressed=true]) .flip{transform:rotateX(145deg)}.hint{font-size:14px;margin:40px 0 0}#selection{min-height:26px;font-size:15px}#replay{border:0;border-radius:980px;background:#f5f5f7;color:#1d1d1f;font:inherit;padding:13px 24px;cursor:pointer}::selection{background:#f6cad4}@media(max-width:700px){main{padding:40px 20px}.products{grid-template-columns:1fr;gap:32px}.scene{height:290px}.product{background:#fafafc;padding:20px 0 24px}.product>strong{margin-top:10px}.hint{margin-top:20px}}@media(prefers-reduced-motion:reduce){.deck i,.cover,.leaf,.flip{transition:none!important}.product:is(:hover,:focus-visible,.play,[aria-pressed=true]) .flip{transform:none}.product:is(:hover,:focus-visible,.play,[aria-pressed=true]) .cover{transform:rotateY(-25deg)}}.book .cover{background:none;transform-style:preserve-3d;border:0}.cover::before,.cover::after{content:"";position:absolute;inset:0;border-radius:2px 7px 7px 2px;backface-visibility:hidden;border:1px solid #c4ceca}.cover::before{background:#dce7dd url(assets/cover-geografia.webp) right center/200% 100%}.cover::after{background:#fafafc;transform:rotateY(180deg)}

/* Actual PolishDruk small three-part calendar, cropped in layout only. */
.calendar-real{display:block;position:relative;width:112px;height:278px;transform:rotateY(-9deg) rotateZ(-3deg);transform-style:preserve-3d}.calendar-real>img{position:absolute;width:193.7759%;height:117.0569%;max-width:none;left:-46.0581%;top:-5.6856%;clip-path:inset(4.8571% 24.6253% 9.7143% 23.7687%)}.real-sheet{position:absolute;left:2.49%;top:51.67%;width:93.78%;height:17.56%;background:white url(assets/kalendarz-polishdruk.jpg);background-size:206.637% 666.667%;background-position:48.55% 57.647%;transform-origin:center top;backface-visibility:hidden;transition:transform 1s cubic-bezier(.16,1,.3,1)}.product:is(:hover,:focus-visible,.play,[aria-pressed=true]) .real-sheet{transform:rotateX(135deg)}@media(prefers-reduced-motion:reduce){.real-sheet{transition:none!important}.product:is(:hover,:focus-visible,.play,[aria-pressed=true]) .real-sheet{transform:none}}

/* Reference layout: quiet product navigation above a single generous hero. */
.site-head{height:64px;max-width:1200px;padding:10px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between}.site-head img{width:72px;height:44px;object-fit:contain}.site-head>span{font-size:13px;color:#626267}main{max-width:none;padding:0}.products{display:flex;justify-content:center;gap:48px;margin:0;padding:14px 24px 20px;background:#fafafc}.products>.product{width:124px;flex:0 0 124px;border-radius:0;padding:0 0 10px;background:none;position:relative}.products .scene{height:68px;transform:scale(.22);transform-origin:center center;pointer-events:none}.products .product>strong{font-size:13px;line-height:1.4;margin:8px 0 0;font-weight:400}.products .product>span:last-child{display:none}.products .product[aria-pressed=true]::after{content:"";position:absolute;bottom:0;left:40px;right:40px;height:2px;background:#1d1d1f}.showcase{padding:32px 24px 12px;overflow:hidden;text-align:center}.product-name{margin:0 0 12px;color:#1d1d1f;font-size:17px}h1{font-size:clamp(44px,6vw,80px);font-weight:600;margin:0;line-height:1.04}#hero-copy{margin:18px auto 22px;max-width:550px;font-size:17px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}#design-link{background:#d30b2f;color:#fff;border-radius:980px;padding:12px 22px;font-size:16px;text-decoration:none}#replay{background:none;padding:10px 0;color:#626267;font-size:15px}.hero-product{display:block;margin:18px auto 0;width:100%;max-width:720px;height:365px;padding:0;background:none!important;cursor:pointer}.hero-product .scene{height:365px}.hero-product .scene>span{zoom:1.22}.hero-product .deck{transform:rotate(-6deg)}.hero-product .deck i{transform:translateX(calc(var(--n)*10px)) rotate(calc(var(--n)*8deg))}.hero-product.play .deck i,.hero-product:hover .deck i,.hero-product:focus-visible .deck i{transform:translateX(calc(var(--n)*18px)) rotate(calc(var(--n)*20deg))}.hero-product .calendar-real{zoom:1.12}.hero-product .book{zoom:1.26}.paper,.leaf{background-color:#fff;background-image:linear-gradient(#b5c8d580 1px,transparent 1px),linear-gradient(90deg,#b5c8d580 1px,transparent 1px);background-size:8px 8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-product:focus-visible{outline-offset:-5px}.showcase.switching .hero-product{opacity:.6;transform:translateY(8px)}.hero-product{transition:opacity .2s,transform .35s cubic-bezier(.16,1,.3,1)}
@media(max-width:700px){.site-head{padding:10px 20px}.products{gap:6px;padding:10px 12px 16px;justify-content:center}.products>.product{width:104px;flex-basis:104px}.products .scene{height:60px}.products .product>strong{font-size:12px}.showcase{padding:30px 16px 8px}h1{font-size:46px}#hero-copy{max-width:320px;font-size:16px}.hero-product,.hero-product .scene{height:320px}.hero-product .scene>span{zoom:.96}.hero-product .calendar-real{zoom:1}.hero-product .book{zoom:1.1}.hero-product .deck i{transform:translateX(calc(var(--n)*8px)) rotate(calc(var(--n)*8deg))}.hero-product.play .deck i,.hero-product:hover .deck i{transform:translateX(calc(var(--n)*10px)) rotate(calc(var(--n)*16deg))}}@media(prefers-reduced-motion:reduce){.hero-product{transition:none}.showcase.switching .hero-product{transform:none;opacity:1}}
.hero-product:not(.play) .deck i{transform:translateX(calc(var(--n)*10px)) rotate(calc(var(--n)*8deg))}.hero-product:not(.play) .cover{transform:rotateY(0)}.hero-product:not(.play) .leaf{transform:translateZ(-2px)}.hero-product:not(.play) .real-sheet{transform:none}@media(max-width:700px){.hero-product:not(.play) .deck i{transform:translateX(calc(var(--n)*8px)) rotate(calc(var(--n)*8deg))}}
@media(max-width:360px){.products>.product{flex:1 1 0;min-width:0;width:auto}.products{gap:4px;padding-left:8px;padding-right:8px}.products .product[aria-pressed=true]::after{left:30px;right:30px}}