:root{--cream:#fff5dc;--ink:#183f43;--red:#de4338;--yellow:#f8bd40;--mint:#c8d9ba}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.announcement{text-align:center;background:var(--ink);color:var(--cream);padding:11px 16px;font-size:12px;letter-spacing:1px}.announcement span{color:var(--yellow);padding:0 18px}header{max-width:1380px;margin:auto;padding:23px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{width:190px;display:block}nav{display:flex;gap:32px;font-weight:700;font-size:14px}nav a:hover{color:var(--red)}.pill{display:inline-flex;gap:30px;align-items:center;border:2px solid var(--ink);background:var(--ink);color:var(--cream);border-radius:40px;padding:17px 25px;font-weight:bold;font-size:15px;box-shadow:3px 4px 0 var(--red);transition:transform .2s}.pill:hover{transform:translateY(-3px)}.pill.small{background:transparent;color:var(--ink);font-size:12px;padding:12px 18px;box-shadow:none}.hero{max-width:1380px;margin:auto;display:grid;grid-template-columns:1fr 1.12fr;padding:40px 5% 65px;min-height:650px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;margin:0 0 22px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;margin:0;letter-spacing:-2px}h1{font-size:clamp(62px,6.4vw,94px);line-height:.99;font-weight:900}em{font-style:normal;color:var(--red)}.intro{font-size:19px;line-height:1.5;margin:28px 0}.little{font-size:12px;margin-top:20px}.hero-art{position:relative;min-height:520px}.orbit{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:#ecdba3;top:0;right:0;background:repeating-conic-gradient(from 0deg,#f4e5b6 0deg 15deg,#efdda6 15deg 30deg)}.hero-telly{position:absolute;width:79%;right:0;top:30px;transform:rotate(8deg);filter:drop-shadow(0 24px 13px #183f4320)}.hero-snappy{position:absolute;width:40%;left:-20px;bottom:0;transform:rotate(-12deg);filter:drop-shadow(0 15px 12px #183f4322)}.rewind-badge{position:absolute;width:37%;right:-15px;bottom:0;transform:rotate(-8deg)}.spark{font-size:70px;color:var(--red);position:absolute}.s1{left:7%;top:3%}.s2{right:-4%;top:25%;color:var(--ink)}.handwritten{position:absolute;left:12%;top:45%;transform:rotate(-10deg);font-family:Georgia,serif;font-style:italic;font-size:18px}.ribbon{background:var(--red);color:var(--cream);padding:21px;text-align:center;font-size:19px;font-weight:900;letter-spacing:2px;overflow:hidden;white-space:nowrap;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.ribbon span{margin:0 35px;color:var(--yellow)}.section{padding:90px 6%;max-width:1440px;margin:auto}.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:42px}h2{font-size:clamp(38px,4.4vw,62px);line-height:1.05}h2 span{color:var(--red);margin-left:20px}.section-top>p{font-size:15px;line-height:1.6}.crew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.friend{border:1px solid #183f4340;border-radius:100px 100px 12px 12px;background:#f0e6c9;overflow:hidden;padding:25px 18px 18px;color:var(--ink);text-align:left;transition:transform .2s}.friend:nth-child(3n+2){background:#d9e3ce}.friend:nth-child(3n){background:#f3cfb7}.friend:hover{transform:translateY(-6px)}.friend img{width:100%;height:230px;object-fit:contain;transition:transform .25s}.friend:hover img{transform:rotate(-5deg) scale(1.04)}.friend-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 10px 0}.friend h3{font-size:31px;letter-spacing:-1px}.friend p{font-size:12px;margin:5px 0 0}.friend b{font-size:25px}.crew-note{text-align:center;font-size:12px;margin-top:26px}.unbox{border-top:1px solid #183f4330;text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.step-img{height:300px;display:flex;align-items:center;justify-content:center}.step-img img{width:95%;height:95%;object-fit:contain}.steps h3{font-size:27px;letter-spacing:-1px}.steps h3 span{font-family:Arial;font-size:12px;display:inline-flex;background:var(--red);color:white;border-radius:50%;width:27px;height:27px;align-items:center;justify-content:center;margin-right:8px}.steps p{font-size:14px;line-height:1.6}.story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#d8e2cd;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);max-width:none;padding:80px 10%}.story-art{position:relative}.story-art>img{width:100%;transform:rotate(-5deg);filter:drop-shadow(4px 12px 0 #183f4320)}.story-art .spark{bottom:-25px;right:-15px;color:var(--red)}.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:470px}.prompt{border-top:1px solid #183f4360;padding-top:22px;margin-top:25px}.prompt span{font-size:10px;letter-spacing:2px;font-weight:bold}.prompt p{font-family:Georgia;font-size:23px;line-height:1.4;margin-bottom:0}.closing{text-align:center;padding:75px 20px 90px}.closing>img{width:220px;margin-bottom:25px}.closing h2{margin-bottom:30px}footer{background:var(--ink);color:var(--cream);padding:45px 6%;display:flex;align-items:center;gap:35px;flex-wrap:wrap;border-top:8px solid var(--red)}footer img{width:160px}footer p{font-size:12px;flex:1}footer a{font-size:12px}footer small{width:100%;font-size:10px;opacity:.7}dialog{border:2px solid var(--ink);border-radius:24px;background:var(--cream);color:var(--ink);max-width:470px;width:90%;padding:28px;text-align:center}dialog::backdrop{background:#143134b3;backdrop-filter:blur(5px)}dialog img{width:100%;height:250px;object-fit:contain}dialog h2{font-size:48px}dialog p:not(.eyebrow){line-height:1.6}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:var(--ink);font-size:32px}.close:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #e69b00;outline-offset:5px}@media(max-width:750px){header{padding:20px 6%}.logo{width:145px}nav{gap:15px;font-size:12px}header>.pill{display:none}.hero{grid-template-columns:1fr;padding-top:22px;padding-bottom:35px}.hero-copy{z-index:1}h1{font-size:65px}.hero-art{min-height:390px;margin-top:25px}.hero-telly{width:70%;top:15px;right:8%}.orbit{width:85%;right:5%}.hero-snappy{width:36%;left:0}.rewind-badge{width:32%;right:0}.handwritten{font-size:15px;left:2%}.hero .eyebrow{font-size:9px}.intro{font-size:17px;margin:23px 0}.ribbon{font-size:13px;padding:16px}.section{padding:60px 6%}.section-top{display:block}.section-top>p{margin-top:20px}.crew-grid{grid-template-columns:repeat(2,1fr);gap:12px}.friend{padding:16px 8px 13px;border-radius:65px 65px 10px 10px}.friend img{height:150px}.friend h3{font-size:25px}.friend p{font-size:10px}.friend-bottom{padding:12px 4px 0}.steps{grid-template-columns:1fr;gap:24px}.step-img{height:260px}.steps p{margin-bottom:0}.story{grid-template-columns:1fr;gap:48px}.story-art{max-width:440px;margin:auto}.story-copy h2{font-size:51px}.closing h2{font-size:43px}footer{gap:20px}footer p{flex-basis:100%}.section-top h2 span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hidbox-row{width:100%;border-top:1px solid #ffffff35;margin-top:8px;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:24px}footer .hidbox-logo{width:150px;height:auto;display:block}.contact-button{display:inline-block;border:1px solid var(--cream);border-radius:40px;padding:13px 23px;font-weight:bold;background:transparent;transition:background .2s,color .2s}.contact-button:hover{background:var(--cream);color:var(--ink)}

.retail{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5%;border-top:1px solid #183f4330;padding-top:70px;padding-bottom:90px}.retail>img{width:100%;height:auto;display:block}.retail-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:450px}.retail-copy .retail-signoff{font-weight:bold;color:var(--red);margin-top:26px}@media(max-width:750px){.retail{grid-template-columns:1fr;gap:30px}.retail>img{max-width:600px;margin:auto}.retail-copy>p:not(.eyebrow){font-size:16px}}

.hero h1{font-size:clamp(40px,4.3vw,62px);line-height:1.08;letter-spacing:-2px}@media(max-width:750px){.hero h1{font-size:clamp(30px,7.2vw,53px);letter-spacing:-1px}}
