:root{--cream:#fff4e6;--pink:#f9c8d0;--lavender:#d9c5f2;--mint:#cdedd6;--aqua:#cbeff3;--peach:#ffd6b5;--ink:#613963;--muted:#745f73}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fffaf4;color:var(--ink);font-family:Quicksand,Arial,sans-serif;font-weight:500}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #9d4d88;outline-offset:6px}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:5px}header{height:104px;padding:15px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #61396313;background:#fffaf4e8;position:relative;z-index:3}.brand img{width:205px;height:70px;object-fit:contain}nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:700}.nav-contact{border:1px solid #61396340;border-radius:30px;padding:13px 22px}.nav-contact span{margin-left:20px}.hero{position:relative;min-height:740px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;padding:65px 6% 95px;overflow:hidden;background:radial-gradient(ellipse at 95% 70%,#f4dbe5 0,transparent 49%),radial-gradient(ellipse at 60% 0,#ede4f5 0,transparent 50%),#fff4e6}.hero-copy{z-index:1}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;display:inline-flex;align-items:center;gap:9px}.eyebrow i,.status i{width:6px;height:6px;border-radius:50%;background:#b976a4;display:inline-block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Baloo 2',Arial,sans-serif;font-weight:500;line-height:1.02;letter-spacing:-2px}h1{font-size:clamp(58px,6.3vw,96px);margin:25px 0;position:relative}em{font-family:Georgia,serif;font-weight:400;color:#a15d8d}h1 em{font-size:.95em}.spark{font:42px Georgia;color:#c78ab9;vertical-align:top;margin-left:15px;display:inline-block}p{line-height:1.9;color:var(--muted);font-size:15px}.hero-copy>p{max-width:425px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:28px;border-radius:40px;background:var(--ink);color:#fffaf4;padding:17px 25px;font-size:13px;font-weight:700;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#82517d}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #61396340;padding-bottom:5px}.hero-note{font-size:11px;letter-spacing:.3px;margin-top:31px;color:var(--muted)}.hero-note>span{font-size:20px;margin-right:7px}.scene{position:relative;height:550px;perspective:1000px}.orb{position:absolute;width:470px;height:470px;border-radius:50%;left:5%;top:25px;background:linear-gradient(145deg,#e5d6f4,#f6d1db);box-shadow:inset 0 0 90px #fff5;opacity:.8}.book{position:absolute;width:295px;height:390px;left:23%;top:65px;background:#fffaf4;border-radius:4px 13px 13px 4px;transform:rotate(-10deg) rotateY(-14deg);box-shadow:8px 9px 0 #e1d3db,12px 14px 0 #fffaf4,18px 26px 32px #68456530;animation:float 7s ease-in-out infinite}.binding{width:18px;height:100%;position:absolute;left:0;border-right:1px solid #b08ca74a;background:linear-gradient(90deg,#b394bf40,#ffffff50)}.book-inner{margin:15px 15px 15px 27px;border:1px solid #bf95b670;height:calc(100% - 30px);text-align:center;padding:20px 10px 10px;background:radial-gradient(circle at 80% 20%,#f9c8d04a,transparent 50%),radial-gradient(circle at 0 90%,#d9c5f26b,transparent 40%)}.book-label{font-size:7px;letter-spacing:1.4px}.book img{display:block;width:150px;height:150px;object-fit:contain;margin:5px auto}.book-title{font-family:'Baloo 2',sans-serif;font-size:33px;line-height:1}.book-title b{font-weight:500;color:#b26b99}.book-caption{display:block;font-size:8px;margin-top:10px}.book-bottom{display:flex;justify-content:space-around;font-size:6px;letter-spacing:1px;margin-top:25px}.scene-star{position:absolute;font-size:60px;color:#b78fc1}.star-one{right:7%;top:36px;transform:rotate(15deg)}.star-two{left:7%;bottom:57px;color:#b78fc1}.floating-note{position:absolute;right:-8px;top:170px;z-index:2;background:#fffaf4e8;border:1px solid #e6d6df;padding:20px 25px;border-radius:60% 50% 60% 40%;transform:rotate(10deg);font-size:13px;box-shadow:0 8px 30px #6139630b}.floating-note strong{font-family:Georgia;font-style:italic;font-weight:400;font-size:22px}.floating-note span{display:block;text-align:center;font-size:25px;color:#bf7da0}.pencil{position:absolute;bottom:15px;width:16px;height:190px;background:linear-gradient(90deg,#ac8fc1 0 28%,#d9c5f2 28% 70%,#b99acc 70%);border-radius:3px;transform:rotate(33deg);right:15%;box-shadow:5px 6px 10px #61396317}.pencil:after{content:'';position:absolute;top:-31px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:32px solid #d4b69b}.pencil:before{content:'';position:absolute;top:-31px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:12px solid #613963;left:5px;z-index:1}.pencil-two{right:7%;bottom:10px;height:160px;transform:rotate(40deg);background:linear-gradient(90deg,#dc9fb4 0 28%,#f9c8d0 28% 70%,#e9b0c1 70%)}.concept{position:absolute;bottom:-24px;width:100%;text-align:center;font-size:9px;color:#806e81}.scroll-note{position:absolute;bottom:24px;left:6%;font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:30px}.scroll-note span{font-size:20px}.ribbon{display:flex;align-items:center;justify-content:space-around;gap:25px;padding:22px 3%;background:var(--lavender);font-size:19px;color:#714a7b}.ribbon span{font-family:'Baloo 2';font-size:19px;white-space:nowrap}.section{padding:110px 8%}.section-heading{text-align:center;max-width:630px;margin:auto}.section h2{font-size:clamp(42px,4.5vw,64px);margin:20px 0}.section-heading p{max-width:550px;margin:0 auto}.moments{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}.moment{border-radius:140px 140px 12px 12px;padding:40px 30px 30px;text-align:center}.pink{background:#f9c8d04d}.lavender{background:#d9c5f24d}.mint{background:#cdedd65c}.number{font-size:9px;letter-spacing:1.5px}.moment h3{font-size:25px;line-height:1.15;letter-spacing:-.6px;margin-bottom:15px}.moment p{font-size:13px;line-height:1.8}.line-art,.name-art,.color-art{height:150px;display:flex;justify-content:center;align-items:center}.line-art{font-size:32px;gap:12px;color:#a9688f}.line-art span{font-size:85px;transform:rotate(-15deg)}.name-art{flex-direction:column;transform:rotate(-7deg)}.name-art small{font-size:8px;letter-spacing:1px}.name-art span{font:italic 44px Georgia;color:#926798}.color-art{gap:9px;transform:rotate(8deg)}.color-art i{width:14px;height:70px;background:#b49aca;border-radius:4px 4px 2px 2px}.color-art i:nth-child(2){background:#e9a9bd;height:85px}.color-art i:nth-child(3){background:#eac993;height:100px}.color-art i:nth-child(4){background:#9ecab9;height:85px}.color-art i:nth-child(5){background:#a5ced6}.gallery-note{text-align:center;font-size:12px;margin-top:25px}.custom{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.custom-art{position:relative;padding:30px 15px}.paper{padding:50px 35px;background:#fffcf7;box-shadow:0 20px 50px #61396312;transform:rotate(-7deg);border:1px solid #eee3df;max-width:390px;margin:auto}.paper:before{content:'';width:110px;height:30px;background:#d9c5f290;position:absolute;top:-13px;left:35%;transform:rotate(3deg)}.paper>span{font-family:'Baloo 2';font-size:30px;line-height:1.15;display:block;margin-bottom:25px}.paper p{padding:12px 0;border-bottom:1px solid #61396315;font-size:13px}.paper>div{font:italic 28px Georgia;color:#b6779e;margin-top:25px}.sticker{background:var(--pink);position:absolute;border-radius:50%;bottom:0;right:0;transform:rotate(12deg);padding:25px;font-size:16px;text-align:center;font-weight:700;box-shadow:0 0 0 7px #fff4e6}.custom-copy p{margin-bottom:17px;max-width:430px}.custom-copy .button{margin-top:12px}.small-note{display:block;font-size:10px;margin-top:15px}.shop{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;border-bottom:1px solid #61396320}.shop>div>p{max-width:420px}.status{display:inline-flex;align-items:center;gap:9px;border:1px solid #61396335;border-radius:30px;padding:12px 20px;font-size:12px;margin-top:23px}.status i{background:#aa789e}.shop .shop-note{font-size:11px;margin-top:16px}.contact{text-align:center;background:radial-gradient(ellipse at 50% 100%,#d9c5f24f,transparent 70%)}.contact h2{font-size:clamp(48px,6vw,84px)}.contact h2>span{color:#c88aa8;font-family:Georgia;font-size:.6em}.contact p{margin:25px 0}.email{font-size:clamp(14px,2.2vw,26px);border-bottom:1px solid #b88aa7;padding-bottom:8px;display:inline-block;font-weight:600}.email span{margin-left:15px}#copy-email{display:block;margin:20px auto 0;border:0;background:none;font:600 11px Quicksand;color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:4px}#copy-status{display:block;min-height:25px;font-size:11px;margin-top:10px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 6%;gap:20px;border-top:1px solid #61396315;font-size:10px}footer img{object-fit:contain;width:170px;height:60px}footer p{font-size:11px}.reveal{opacity:1;transition:opacity .8s,transform .8s}.js-motion .reveal.pending{opacity:0;transform:translateY(25px)}@keyframes float{0%,100%{transform:translateY(0) rotate(-10deg) rotateY(-14deg)}50%{transform:translateY(-12px) rotate(-8deg) rotateY(-10deg)}}@media(min-width:1600px){.hero{padding-left:12%;padding-right:12%}header{padding-left:10%;padding-right:10%}}@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;padding-left:5%;padding-right:5%}.scene{transform:scale(.85);transform-origin:center}.book{left:14%}.orb{left:-7%}.actions{gap:20px}.section{padding:85px 6%}.moment{padding:35px 20px 25px}.floating-note{right:-40px}}@media(max-width:760px){header{height:85px;padding:10px 5%}.brand img{width:160px;height:55px}nav{gap:0}nav>a:not(.nav-contact){display:none}.nav-contact{padding:10px 14px;font-size:11px}.nav-contact span{margin-left:8px}.hero{grid-template-columns:1fr;padding:45px 7% 65px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:64px;margin:22px 0}.hero-copy>p{font-size:14px;max-width:350px}.actions{gap:22px}.hero-note{margin-top:22px}.scene{height:500px;margin:0 -15px;transform:scale(.87);transform-origin:center center}.orb{width:390px;height:390px;left:calc(50% - 195px);top:40px}.book{left:calc(50% - 147px);top:55px}.floating-note{right:-5px;top:170px;padding:15px}.pencil{right:9%;bottom:15px}.pencil-two{right:2%}.star-one{right:0;top:10px}.star-two{left:0;bottom:15px}.concept{bottom:-13px;font-size:9px}.scroll-note{bottom:19px;left:7%}.ribbon{overflow:hidden;justify-content:flex-start;padding:18px 25px;gap:25px}.ribbon span{font-size:17px}.section{padding:70px 7%}.section h2{font-size:45px;letter-spacing:-1.5px}.section-heading p{font-size:14px}.moments{grid-template-columns:1fr;gap:20px;max-width:380px;margin:35px auto 0}.moment{padding:30px 35px;border-radius:120px 120px 12px 12px}.moment h3{font-size:28px}.moment p{font-size:14px}.custom{grid-template-columns:1fr;gap:60px}.custom-art{max-width:420px;width:100%;margin:auto}.paper{padding:45px 25px}.sticker{font-size:13px;padding:23px;right:-5px}.custom-copy h2{font-size:55px}.shop{grid-template-columns:1fr;gap:15px}.shop h2{margin-bottom:10px}.contact .email{font-size:15px;letter-spacing:-.2px}.email span{margin-left:5px}.contact h2{font-size:60px}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:25px 7%;gap:12px 25px}footer>a:first-child{flex-basis:100%}footer p{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal.pending{opacity:1;transform:none}}
