@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}:root{--pink:#FFF3F2;--pink-darker:#f2e3e2;--paper:rgba(255,255,255,.8);--ink:#3f3737;--muted:#7d7070;--muted-light:#968888;--line:rgba(78, 57, 57, .1);--shadow:0 24px 70px rgba(97, 70, 70, .15);--rose:#c58b95;--rose-dark:#a66d78;--rose-light:#e2bdc3;--rose-dark-rgb:166, 109, 120;--rose-darker:#905965;--logo-text:#8f7766;--logo-background:#f7ede2}*{box-sizing:border-box}body,h1,html{margin:0}body{padding:30px 30px 50px;background:var(--pink);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;color:var(--ink)}.banner,.shell{border-radius:30px}.shell{width:min(1500px,100%);margin-inline:auto;overflow:visible;border:1px solid var(--pink-darker);background:var(--paper);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.banner{width:100%;overflow:hidden}.banner picture{display:block}.banner img,.brand-logo img{width:100%;height:auto;display:block}.content-container{padding:50px 60px;gap:50px;display:grid;grid-template-columns:minmax(0,1fr) 625px;align-items:start}.content{margin:0;padding:50px 0 0;display:flex;flex-direction:column;align-items:flex-start;position:relative}.content p a{color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){.content p a:hover{color:var(--rose-dark)}}h1{font-size:2rem;font-weight:600}h2{margin:5px 0 0;font-size:1.25rem;font-weight:500}p{margin:16px 0 0;font-size:1rem}.intro{margin:24px 0 0;font-size:1.12rem}.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:65px;height:65px;flex-shrink:0}.brand-logo img{height:100%;object-fit:contain}.brand-text{min-width:0}.button{margin-top:30px;display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:999px;color:#fff;background:var(--rose-dark);text-decoration:none;font-weight:500;font-size:1rem;letter-spacing:.03em;box-shadow:0 12px 28px rgba(var(--rose-dark-rgb),.25);transition:transform .2s ease,background .2s ease}@media (hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);background:var(--rose-darker)}}.button:focus-visible{outline:3px solid rgba(var(--rose-dark-rgb),.3);outline-offset:4px}.redirect{width:min(500px,100%);margin-top:30px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.81rem}.small{margin-top:16px;font-size:.75rem;color:var(--muted-light)}.redirect-row{display:flex;justify-content:space-between;gap:18px;margin-bottom:10px}.progress{height:5px;overflow:hidden;border-radius:999px;background:rgba(var(--rose-dark-rgb),.12)}.progress span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--rose);transform-origin:left center;animation-name:countdown;animation-timing-function:linear;animation-fill-mode:forwards}.photos{--min-image-width:200px;--thumb-ratio:1 / 1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--min-image-width),1fr));gap:14px;align-content:start;align-items:start;overflow:visible}.photo,.photo img{width:100%;border-radius:20px}.photo{margin:0;position:relative;aspect-ratio:var(--thumb-ratio);overflow:visible;z-index:1;cursor:pointer;text-decoration:none;color:inherit}@media (hover:hover) and (pointer:fine){.photo::after,.photo::before{position:absolute;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}.photo::before{content:"";top:var(--hover-frame-side, -15px);right:var(--hover-frame-side, -15px);bottom:var(--hover-frame-bottom, -40px);left:var(--hover-frame-side, -15px);background:rgba(255,255,255,.96);border:1px solid rgba(78,57,57,.08);border-radius:var(--hover-frame-radius, 10px);box-shadow:0 24px 56px rgba(78,57,57,.18);transform:translateY(8px) scale(.985);z-index:-1}.photo::after{content:attr(data-title);left:var(--hover-text-side, -12px);right:var(--hover-text-side, -12px);bottom:var(--hover-text-bottom, -30px);width:auto;color:var(--ink);font-size:.9rem;line-height:1.35;font-weight:500;text-align:center;transform:translateY(6px)}}.photo img{height:100%;display:block;object-fit:contain;background:var(--pink-darker);border:1px solid rgba(255,255,255,.76);box-shadow:0 12px 36px rgba(71,48,48,.12)}@media (hover:hover) and (pointer:fine){.photo{transition:transform .25s ease}.photo img{transition:padding .25s ease}.photo:hover{z-index:20;transform:scale(var(--hover-scale, 1.10))}.photo:hover::before{opacity:1;transform:translateY(0) scale(1)}.photo:hover img{padding:10px;border:0;box-shadow:none}.photo:hover::after{opacity:1;transform:translateY(0);font-size:var(--hover-font-size, .9rem)}}footer{padding:20px;background-color:var(--rose-light);border-radius:0 0 30px 30px}footer p{margin:0;text-align:center;font-size:14px}@media (max-width:1200px){body{padding:15px}.banner,.shell{border-radius:25px}footer{border-radius:0 0 25px 25px}.content-container{padding:25px 30px;gap:25px;grid-template-columns:minmax(0,1fr) 480px}.brand-logo{width:58px;height:58px}.brand{gap:14px}h1{font-size:1.8rem}h2{font-size:1.12rem}.intro{font-size:1rem}.button,p{font-size:.9rem}.redirect{font-size:.75rem}.small{font-size:.7rem}.photos{--min-image-width:150px}}@media (max-width:750px){.banner,.shell{border-radius:15px}footer{border-radius:0 0 15px 15px}.content-container{padding:0 25px 25px;gap:25px;grid-template-columns:1fr}.content{padding:25px 0;order:1}.photos{order:2}.brand{gap:12px}.brand-logo{width:50px;height:50px}h1{font-size:clamp(1.65rem,6vw,2rem)}h2{font-size:clamp(1.05rem,4vw,1.25rem)}p{line-height:1.55}.intro{font-size:clamp(1rem,4vw,1.12rem);line-height:1.5}.button,p{font-size:clamp(.9rem,3.6vw,1rem)}.redirect{font-size:clamp(.75rem,3vw,.81rem)}.small{font-size:clamp(.7rem,2.8vw,.75rem)}}