:root{--green:#183c32;--orange:#e67945;--cream:#f8f6f0;--muted:#797c71}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#f4c3a7}.header{max-width:1440px;margin:auto;height:111px;padding:0 6.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #183c3214}.logo{font-family:'Manrope',sans-serif;font-weight:800;font-size:36px;letter-spacing:-2px;display:inline-flex;align-items:center;gap:5px}.logo span{color:var(--orange);font-size:36px;display:inline-block;animation:rotate 24s linear infinite}.header-note{font-size:10px;letter-spacing:2px;margin-left:35px}.header-link{font-size:12px;border-bottom:1px solid #a7afa5;padding:10px 0}.header-link span{margin-left:22px;font-size:19px}.hero{max-width:1440px;margin:auto;min-height:710px;padding:76px 6.1% 79px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #e6794512;animation:pulse 2s infinite}h1{font-family:'Manrope',sans-serif;letter-spacing:-4px;line-height:1.12;font-size:clamp(52px,5.3vw,79px);font-weight:500;margin:29px 0 25px;position:relative}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic}.heading-star{display:inline-block;font-size:57px;color:var(--orange);margin-left:17px;vertical-align:top;animation:rotate 30s linear infinite}.hero-copy>p{font-size:15px;line-height:1.8;margin:0 0 14px}.hero-copy .subcopy{font-size:12px;color:var(--muted);line-height:1.85}.primary{margin-top:15px;border:0;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 23px;border-radius:3px;font-size:12px;cursor:pointer;transition:background .25s,transform .25s}.primary:hover{background:#2f5948;transform:translateY(-3px)}.primary span{font-size:19px}.launch-note{font-size:10px;color:var(--muted);margin-top:20px;display:flex;align-items:center;gap:8px}.launch-note span{color:var(--orange);font-size:14px}.hero-copy{animation:enter 1s ease both}.hero-art{height:510px;position:relative;animation:enter 1.3s ease both;background:radial-gradient(ellipse at center,#e8e9dc95,transparent 65%)}.orbit{border:1px solid #183c3210;border-radius:50%;position:absolute;inset:38px 0;transform:rotate(-30deg)}.orbit-two{inset:65px -15px;transform:rotate(28deg)}.art-spark{position:absolute;color:var(--orange)}.spark-one{font-size:65px;right:32px;top:38px;animation:rotate 24s linear infinite}.spark-two{font-size:28px;left:40px;bottom:68px}.tiny-spark{position:absolute;left:35px;top:95px;color:#7b8b63;font-size:23px}.floating-note{position:absolute;z-index:4;background:#fffdf8;border:1px solid #e4e4d9;border-radius:5px;padding:13px 18px;font-size:11px;box-shadow:0 8px 25px #253f3007;animation:float 6s ease-in-out infinite}.floating-note span{color:var(--orange);font-size:20px;margin-right:8px;vertical-align:middle}.note-one{top:62px;left:20px;transform:rotate(-7deg)}.note-two{bottom:85px;right:-8px;animation-delay:-3s}.gift-scene{position:absolute;inset:0}.gift{width:280px;height:260px;position:absolute;left:50%;top:50%;transform:translate(-50%,-38%) rotate(-7deg);animation:giftFloat 6s ease-in-out infinite}.box-front{position:absolute;top:85px;left:0;width:220px;height:168px;background:linear-gradient(110deg,#325548,#173c31);clip-path:polygon(0 0,100% 10%,100% 100%,0 86%);box-shadow:inset 0 0 30px #0002}.box-side{position:absolute;top:62px;left:219px;width:65px;height:191px;background:#15382d;clip-path:polygon(0 20%,100% 0,100% 80%,0 100%)}.box-brand{position:absolute;bottom:43px;left:25px;transform:rotate(7deg);font-size:19px;font-weight:700;color:#eceddb;letter-spacing:-1px}.box-brand span{color:#e7a079;margin-left:2px}.ribbon-front{position:absolute;left:107px;top:95px;width:40px;height:149px;background:linear-gradient(90deg,#c46b3d,#efad76 45%,#d78852);transform:skewY(6deg)}.lid{position:absolute;inset:0;transition:transform .6s}.gift:hover .lid{transform:translateY(-18px) rotate(-3deg)}.lid-top{position:absolute;left:-8px;top:35px;width:299px;height:80px;background:linear-gradient(130deg,#69816a,#3b5d48);clip-path:polygon(23% 0,100% 30%,75% 100%,0 69%)}.lid-front{position:absolute;left:-8px;top:90px;width:224px;height:30px;background:#46634c;transform:skewY(6deg)}.lid-side{position:absolute;left:216px;top:78px;width:75px;height:29px;background:#284b37;transform:skewY(-29deg)}.ribbon-top{position:absolute;left:107px;top:45px;width:41px;height:68px;background:linear-gradient(90deg,#cf8550,#f0b37d,#dd945e);transform:skewX(-47deg) rotate(5deg)}.ribbon-lid{position:absolute;left:99px;top:101px;width:42px;height:30px;background:#e2a16c;transform:skewY(6deg)}.bow{position:absolute;top:3px;width:87px;height:49px;border:14px solid #e5a26c;border-radius:55% 60% 45% 50%;box-shadow:inset 2px 4px 5px #3a271c40,2px 3px 4px #0002}.bow-left{left:65px;transform:rotate(27deg)}.bow-right{left:140px;transform:rotate(-30deg)}.bow-knot{position:absolute;left:133px;top:34px;width:27px;height:25px;background:linear-gradient(90deg,#c6804c,#f1b27b,#dc945e);border-radius:8px;transform:rotate(8deg)}.tag{position:absolute;right:3px;top:140px;background:#eee8d6;width:77px;height:96px;transform:rotate(16deg);padding:20px 9px 10px;box-shadow:2px 5px 5px #0002;border-radius:3px;font-size:10px}.tag:before{content:'';position:absolute;width:1px;height:70px;background:#c7ac77;left:38px;top:-66px;transform:rotate(-15deg)}.tag:after{content:'';position:absolute;left:36px;top:7px;width:5px;height:5px;border-radius:50%;background:#7a7759}.tag em{font-family:Georgia,serif}.tag small{display:block;font-size:6px;letter-spacing:1px;margin-top:14px}.gift-shadow{position:absolute;left:19%;right:11%;height:40px;bottom:78px;background:#28422c20;border-radius:50%;filter:blur(16px)}.round-stamp{position:absolute;right:17px;bottom:163px;width:92px;height:92px;border:1px solid #87907b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:rotate(15deg);background:#f3f1e8}.round-stamp span{font-size:7px;letter-spacing:1.6px}.round-stamp b{font-size:33px;line-height:1}.art-caption{position:absolute;bottom:15px;text-align:center;width:100%;font-size:8px;letter-spacing:2px;color:#8d917f}.ticker{overflow:hidden;background:var(--green);color:#eeeada;padding:22px 0}.ticker-track{width:max-content;display:flex;align-items:center;gap:48px;animation:marquee 40s linear infinite}.ticker span{font-size:11px;letter-spacing:2px}.ticker b{font-size:24px;color:#d9a476;font-weight:400}.collection{max-width:1440px;margin:auto;padding:89px 6.1% 85px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-family:Manrope,sans-serif;font-size:40px;font-weight:500;letter-spacing:-1.5px;line-height:1.2;margin:18px 0 0}.section-top>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card-art{height:255px;position:relative;overflow:hidden;border-radius:4px;transition:transform .4s}.card:hover .card-art{transform:translateY(-5px)}.desk{background:#eae9df}.celebrate{background:#eadcd0}.connect{background:#e3e7dc}.art-number{position:absolute;left:19px;bottom:17px;font-size:8px;letter-spacing:1.7px;color:#60705f}.notebook{position:absolute;width:109px;height:145px;background:#385446;left:23%;top:39px;transform:rotate(-13deg);border-radius:3px 7px 7px 3px;box-shadow:5px 7px 0 #c7c9b8,11px 17px 17px #253a3020;border-left:5px solid #284939;display:grid;place-content:center}.notebook span{color:#e1d9b9;font:italic 15px Georgia;line-height:1.5}.pen{position:absolute;top:75px;left:64%;height:119px;width:6px;border-radius:4px;background:linear-gradient(90deg,#a5874e,#ead4a3,#987747);transform:rotate(17deg)}.cup{width:66px;height:66px;border:8px solid #f6f2e4;position:absolute;right:36px;top:35px;border-radius:50%;background:radial-gradient(circle,#513d2c,#7b5b40);box-shadow:5px 7px 12px #0002}.cup:after{content:'';position:absolute;right:-23px;top:17px;width:19px;height:12px;border:5px solid #f6f2e4;border-radius:9px;transform:rotate(-15deg)}.mini-box{width:132px;height:120px;background:#b97855;position:absolute;left:calc(50% - 66px);top:62px;transform:rotate(-13deg);box-shadow:10px 13px 0 #a86646,16px 22px 20px #69452b24;border-top:8px solid #c68b68;display:grid;place-items:center}.mini-box:after{content:'';position:absolute;left:55px;top:-8px;width:23px;height:128px;background:#efe0b7}.mini-box:before{content:'∞';position:absolute;left:40px;top:-53px;color:#f0dfb2;font-size:81px;z-index:1;font-family:Georgia}.mini-box span{color:#ecd6b9;position:absolute;left:15px;bottom:16px;font-size:25px}.confetti{position:absolute;background:#b48b55;width:7px;height:17px;transform:rotate(35deg)}.c1{left:40px;top:50px}.c2{right:45px;top:95px;transform:rotate(-30deg)}.c3{right:60px;bottom:49px;background:#fff3cf;transform:rotate(72deg)}.envelope{position:absolute;left:calc(50% - 90px);top:100px;width:180px;height:105px;background:#8c9b79;transform:rotate(8deg);box-shadow:5px 9px 16px #34432a24}.envelope:after{content:'';position:absolute;inset:0;background:#a8b397;clip-path:polygon(0 0,50% 65%,100% 0,100% 100%,0 100%)}.letter{position:absolute;left:calc(50% - 62px);top:35px;width:128px;height:135px;background:#f7f1df;padding:28px 20px;transform:rotate(-8deg);font:21px Georgia;box-shadow:0 4px 8px #0001}.letter span{position:absolute;right:13px;bottom:9px;font-size:23px;color:#c57d4c}.card-bottom{padding:19px 0;display:flex;justify-content:space-between;gap:8px}.card-bottom h3{margin:0 0 8px;font-size:14px;font-weight:500}.card-bottom p{font-size:11px;color:var(--muted);margin:0}.card-bottom>span{font-size:21px}.closing{position:relative;text-align:center;background:#edeee4;padding:66px 20px 43px;overflow:hidden}.closing .eyebrow{justify-content:center}.closing h2{font-size:46px}.closing>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:20px}.closing-star{position:absolute;left:12%;top:70px;font-size:100px;color:#d2d8c7;animation:rotate 40s linear infinite}.closing .surprise-message{min-height:22px;color:var(--green);margin-bottom:0}footer{padding:33px 6.1%;display:flex;align-items:center;gap:30px;max-width:1440px;margin:auto}footer .logo{font-size:28px}footer .logo span{font-size:28px}footer p{font-size:10px;color:var(--muted)}footer small{margin-left:auto;font-size:9px;color:var(--muted)}.back-top{border:1px solid #d3d8cb;padding:9px 14px}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}.joy-piece{position:fixed;left:50%;top:65%;z-index:20;pointer-events:none;width:9px;height:14px;background:var(--orange);animation:confetti 1.7s ease-out forwards}@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(600deg);opacity:0}}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{translate:0 -10px}}@keyframes giftFloat{50%{transform:translate(-50%,-42%) rotate(-4deg)}}@keyframes rotate{to{rotate:360deg}}@keyframes pulse{50%{box-shadow:0 0 0 8px #e6794508}}@keyframes marquee{to{transform:translateX(-50%)}}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1000px){.header{padding-inline:5%}.hero{padding:60px 5%;gap:10px}h1{font-size:59px}.heading-star{font-size:40px;margin-left:9px}.hero-art{scale:.88;transform-origin:center}.note-one{left:-15px}.note-two{right:-30px}.cards{gap:17px}.card-art{height:230px}.cup{right:15px}.card-bottom h3{font-size:12px}.card-bottom p{font-size:10px}}@media(max-width:720px){.header{height:85px}.header-note{display:none}.logo{font-size:31px}.hero{grid-template-columns:1fr;padding:47px 7% 20px;gap:0}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.7px}h1{font-size:58px;letter-spacing:-3px;line-height:1.07;margin:25px 0}.heading-star{font-size:38px}.hero-copy>p{font-size:14px}.hero-copy .subcopy{font-size:11px}.launch-note{justify-content:center}.hero-art{height:440px;width:100%;max-width:430px;justify-self:center;scale:.9;margin-top:10px}.note-one{left:0;top:35px}.note-two{right:-12px;bottom:50px}.gift-shadow{bottom:50px}.round-stamp{bottom:130px;right:-5px}.spark-one{right:0;top:15px}.art-caption{bottom:0}.collection{padding:55px 7% 40px}.section-top{display:block}.section-top>p{margin-top:20px}h2{font-size:33px}.cards{grid-template-columns:1fr;gap:19px}.card-art{height:270px}.notebook{left:30%;top:43px}.cup{right:17%;top:35px}.card-bottom h3{font-size:15px}.card-bottom p{font-size:12px}.card-bottom{padding:18px 0}.closing{padding-top:55px}.closing h2{font-size:37px}.closing .eyebrow{font-size:8px}.closing-star{left:-24px;top:88px;font-size:80px}footer{flex-wrap:wrap;padding:25px 7%;gap:12px}footer p{margin-left:auto;font-size:9px}footer small{margin-left:0;flex:1}.back-top{padding:7px 12px}.ticker-track{gap:30px}.ticker span{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}