html{scroll-behavior:smooth;scroll-padding-top:100px}.gallery-page{font-size:15px}.gallery-header{position:sticky;top:0;z-index:10}.gallery-header nav{display:flex;gap:30px}.gallery-header nav a,.gallery-footer>a:last-child{color:#83776d;text-decoration:none;font-size:13px}.gallery-header nav a:hover{color:var(--berry)}.gallery-page .button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:14px;height:46px;padding:0 23px;font-size:13px}.gallery-main{max-width:1200px;margin:auto;padding:0 42px}.gallery-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;min-height:680px;align-items:center}.gallery-page .eyebrow{font-size:10px;letter-spacing:2px;color:#a96b64}.hero-copy{animation:slidein .7s both}.gallery-page h1{font:500 clamp(40px,4.7vw,65px)/1.07 Georgia,serif;letter-spacing:-2px;margin:25px 0}.gallery-page em{font-weight:400;color:var(--berry)}.hero-description{max-width:430px;font-size:16px;line-height:1.8;color:#8b7f75}.hero-actions{display:flex;align-items:center;gap:25px;margin:29px 0}.hero-secondary{font-size:12px;color:#8d5f58;text-decoration:none}.hero-note{font-size:11px;color:#a1978d;line-height:1.6}.hero-display{height:520px;position:relative;animation:canvasenter .9s both}.hero-halo{position:absolute;inset:45px -15px;border-radius:50%;background:radial-gradient(ellipse,#efd8c4aa,transparent 69%)}.hero-print{position:absolute;width:235px;padding:9px;background:#fffdfa;border-radius:3px;box-shadow:0 20px 40px #58442d26;transition:transform .35s}.hero-print img{display:block;width:100%;height:auto}.print-back{left:1%;top:42px;transform:rotate(-10deg)}.print-front{right:0;top:112px;transform:rotate(8deg)}.print-back:hover{transform:rotate(-5deg) translateY(-9px)}.print-front:hover{transform:rotate(3deg) translateY(-9px)}.hero-sticker{position:absolute;left:0;bottom:24px;background:#e9d3b1;color:#86603e;transform:rotate(-7deg);font:18px/1.3 Georgia,serif;padding:19px 26px;border-radius:50%;box-shadow:0 5px 20px #4f342410}.hero-sticker em{color:#86603e}.floating-spark{position:absolute;color:#b3864e;animation:floatSpark 4s ease-in-out infinite}.spark-one{right:22px;top:20px;font-size:34px}.spark-two{left:15px;bottom:155px;font-size:40px;animation-delay:1s}.gallery-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.gallery-page h2{font:500 42px/1.12 Georgia,serif;letter-spacing:-1px;margin:14px 0}.gallery-section-head>p{font-size:13px;line-height:1.7;color:#95887c;margin-bottom:8px}.design-library{padding:48px 0 80px;scroll-margin-top:80px}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.design-card{display:block;padding:18px;background:#fffdfa;border:1px solid #e9ded4;border-radius:17px;color:var(--ink);text-decoration:none;transition:transform .3s,box-shadow .3s}.design-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #64503a14}.design-art{position:relative;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;height:410px;padding:28px;background:linear-gradient(135deg,#eee4d9,#f8f1e9)}.design-card:nth-child(2) .design-art{background:linear-gradient(135deg,#eddce0,#f6eeea)}.design-art img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 10px 25px #51443924;transition:transform .45s}.design-card:hover .design-art img{transform:scale(1.03)}.design-badge{position:absolute;top:14px;left:14px;background:#fffdfae8;color:#947769;padding:7px 10px;border-radius:15px;font-size:8px;letter-spacing:1px}.design-hover{position:absolute;bottom:20px;left:50%;transform:translate(-50%,8px);opacity:0;background:#9c4a54;color:white;border-radius:25px;padding:12px 20px;font-size:12px;white-space:nowrap;transition:.25s}.design-card:hover .design-hover,.design-card:focus-visible .design-hover{opacity:1;transform:translate(-50%,0)}.design-card-copy{display:flex;align-items:center;justify-content:space-between;padding:22px 4px 10px}.design-category{font-size:8px;letter-spacing:1.6px;color:#b18c73}.design-card h3{font:500 26px Georgia,serif;margin:9px 0}.design-card p{font-size:12px;color:#94867a;line-height:1.7;margin:0}.card-arrow{font-size:22px;color:#aa666c;margin-left:15px}.design-tags{display:flex;gap:8px;flex-wrap:wrap;margin:10px 4px 2px}.design-tags span{font-size:9px;border:1px solid #ece1d8;border-radius:20px;padding:6px 10px;color:#978373}.gallery-how{padding:65px 0;border-top:1px solid var(--line)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.how-grid article{position:relative;padding:27px;background:#fffdfa;border:1px solid #ece1d7;border-radius:14px}.how-number{position:absolute;right:23px;top:24px;color:#d7bda9;font:italic 28px Georgia,serif}.how-icon{width:44px;height:44px;background:#f4e7df;border-radius:12px;display:grid;place-items:center;color:#a45f67;font-size:24px}.how-grid h3{font:500 22px Georgia,serif;margin:23px 0 12px}.how-grid p{font-size:13px;color:#95877b;line-height:1.8;margin:0}.gallery-faq{padding:65px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:60px;border-top:1px solid var(--line)}.faq-list details{padding:19px 0;border-bottom:1px solid #e8ddd2}.faq-list summary{cursor:pointer;font-size:14px;color:#6b554c;line-height:1.5}.faq-list p{font-size:13px;color:#93867a;line-height:1.8;margin:15px 0 0}.gallery-closing{padding:60px 20px;text-align:center;border:1px solid #ead9ce;border-radius:25px;background:radial-gradient(ellipse at 50% 30%,#faeadd,#f6eee6);margin:20px 0 75px}.gallery-closing>span{font-size:34px;color:#bc9262;display:block}.gallery-closing h2{font-size:48px;margin:22px 0 28px}.gallery-footer{padding:35px 42px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffdfa}.gallery-footer p{font-size:12px;color:#a09385}.gallery-page a:focus-visible{outline:3px solid #b97579;outline-offset:6px}.editor-gallery-link{color:#9a555a;text-decoration:none;font-size:11px;padding:7px 10px;border:1px solid #e5d7ce;border-radius:6px}.editor-gallery-link:hover{background:#fff4ef}.template-card{text-decoration:none;color:inherit}
@keyframes floatSpark{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(12deg)}}
@media(max-width:950px){.gallery-header nav{gap:16px}.gallery-main{padding:0 25px}.gallery-hero{min-height:580px}.hero-display{height:450px}.hero-print{width:190px}.hero-sticker{font-size:15px}.design-art{height:350px}.gallery-faq{gap:30px}.gallery-page h2{font-size:36px}}
@media(max-width:680px){.gallery-header{height:auto;min-height:76px;padding:15px;flex-wrap:wrap;gap:15px}.gallery-header nav{order:3;width:100%;justify-content:center}.gallery-page .button{height:40px;padding:0 16px;font-size:11px}.gallery-main{padding:0 20px}.gallery-hero{grid-template-columns:1fr;gap:0;padding:45px 0 15px}.gallery-page h1{font-size:48px}.hero-description{font-size:14px}.hero-display{height:440px;max-width:420px;width:100%;margin:auto}.hero-print{width:185px}.hero-sticker{bottom:0}.design-grid{grid-template-columns:1fr}.gallery-section-head{display:block}.gallery-section-head>p{margin-top:20px}.design-art{height:400px}.design-library{padding:30px 0 50px}.how-grid{grid-template-columns:1fr}.gallery-faq{grid-template-columns:1fr;gap:15px}.gallery-how,.gallery-faq{padding:40px 0}.gallery-closing h2{font-size:39px}.gallery-footer{flex-direction:column;align-items:start;padding:30px 20px}.editor-gallery-link{font-size:9px;padding:6px}.gallery-page .hero-actions{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery-page *{animation:none!important;transition:none!important}}
