@font-face{font-family:Moff;src:url('assets/display.ttf')}@font-face{font-family:Body;src:url('assets/body.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:#292b28;background:#fcf7e8;font-family:Body,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #db807d;outline-offset:5px}header{height:90px;padding:0 5%;display:flex;align-items:center;gap:40px;background:#a5d6f1;border-bottom:2px solid #2c302d;position:relative;z-index:3}header .brand{margin-right:auto}.brand{font:48px/1 Moff;letter-spacing:-2px}nav{display:flex;align-items:center;gap:36px;font-size:15px}nav button{font:inherit;border:0;background:none;padding:12px 0}nav button:hover,nav a:hover{ text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;background:#f4ec9d;border:2px solid #292b28;box-shadow:4px 4px 0 #292b28;font:26px Moff;padding:13px 30px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #292b28}.button:active{transform:translate(4px,4px);box-shadow:none}.button.small{font-size:23px;padding:9px 25px}.hero{position:relative;height:min(760px,58vw);min-height:620px;overflow:hidden;background:#a5d6f1}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-copy{position:relative;z-index:1;padding:45px 0 70px 7%;width:49%}h1{font:clamp(110px,13vw,210px)/.95 Moff;margin:0 0 12px;letter-spacing:-7px}.tagline{font:clamp(42px,4.3vw,68px)/1.02 Moff;margin:0 0 20px}.intro{line-height:1.6;font-size:17px;margin:0 0 27px}.actions{display:flex;gap:28px;align-items:center}.text-link{font:23px Moff;background:none;border:0;padding:9px 0;display:inline-flex;align-items:center;gap:17px}.text-link:hover span{transform:translateX(5px)}.text-link span{display:inline-block;transition:transform .2s}.day-toggle{position:absolute;bottom:26px;right:5%;background:#fcf7e8;border:1.5px solid #292b28;padding:10px 17px;font:21px Moff;z-index:2}.scroll-cue{position:absolute;bottom:20px;left:7%;border:0;background:none;font-size:35px}.ribbon{overflow:hidden;border-block:2px solid #292b28;background:#f1c7c0;padding:16px 0;transform:rotate(-1deg);margin:-2px -0px 0;position:relative;z-index:2}.ribbon div{width:max-content;font:30px Moff;animation:marquee 35s linear infinite}.story{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center;padding:115px 7% 105px}.story h2,h2{font:clamp(46px,4.5vw,70px)/1.05 Moff;margin:0 0 25px;letter-spacing:-1px}.story p{font-size:17px;line-height:1.85;max-width:430px}.story .text-link{margin-top:10px}.nap-frame{position:relative}.nap-frame img{width:100%;display:block;mix-blend-mode:normal}.sleep{position:absolute;top:10%;right:12%;font:40px Moff;letter-spacing:15px;transform:rotate(-15deg);animation:float 4s ease-in-out infinite}.hangout{padding:75px 5% 80px;background:#dbe4c9;border-block:2px solid #292b28}.hangout-heading{text-align:center}.hangout-heading h2{margin-bottom:15px}.hangout-heading p{font-size:17px;line-height:1.7}.breeze-scene{max-width:1150px;height:510px;margin:35px auto 0;position:relative;overflow:hidden;border:2px solid #292b28}.breeze-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.breeze-scene>.button{position:absolute;left:35px;bottom:35px;z-index:2}.breeze-status{position:absolute;bottom:97px;left:35px;font:24px Moff;background:#fcf7e8;padding:4px 10px}.breeze-status:empty{display:none}.seed-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.seed{position:absolute;font:35px Moff;animation:drift 3s ease-out forwards;color:#fffef3;text-shadow:0 1px 2px #777}.join{padding:100px 8%;display:grid;grid-template-columns:.75fr 1fr;gap:9%;align-items:center;max-width:1440px;margin:auto}.join>img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid #292b28;transform:rotate(-4deg);box-shadow:10px 10px 0 #e9c3bc}.join p{font-size:17px;margin-bottom:30px}.contract{margin-top:35px;display:flex;border:1.5px solid #77796d;max-width:510px;align-items:center;font-size:12px;word-break:break-all}.contract span{padding:13px;flex:1}.contract button{align-self:stretch;border:0;border-left:1.5px solid #77796d;background:#eee9d7;font:20px Moff;padding:8px 18px}.contract button:disabled{opacity:.45;cursor:default}footer{padding:35px 5%;display:flex;align-items:center;gap:30px;border-top:2px solid #292b28;background:#a5d6f1}footer .brand{font-size:43px}footer p{flex:1;font-size:14px}footer>a:not(.brand){font-size:14px}.night .hero-copy,.night .scroll-cue{color:#fff9de}.night header,.night footer{background:#a1aec5}.night .hero{background:#38475d}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-10px) rotate(-15deg)}}@keyframes drift{0%{opacity:0;transform:translate(0,20px) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),-360px) rotate(100deg)}}
@media(min-width:1600px){.hero-copy{padding-top:65px}}@media(max-width:900px){nav{gap:20px}header{gap:20px}.hero{min-height:580px}.hero-copy{padding-top:55px}.hero-copy .actions{flex-direction:column;align-items:flex-start;gap:10px}h1{font-size:125px}.tagline{font-size:48px}.story{gap:2%;padding:80px 6%}.story h2{font-size:47px}.join{gap:6%;padding:80px 6%}.join h2{font-size:49px}.join .actions{gap:20px}.breeze-scene{height:440px}}@media(max-width:600px){header{height:76px;padding:0 6%;gap:15px}header .brand{font-size:40px}nav{display:none}.button.small{font-size:21px;padding:8px 20px}.hero{height:890px;min-height:0}.hero-art{height:100%;object-position:65% bottom;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(#a5d6f1 0%,#a5d6f1e6 28%,transparent 51%);pointer-events:none}.hero-copy{padding:26px 6%;width:100%;z-index:1}h1{font-size:122px;letter-spacing:-4px;margin-bottom:4px}.tagline{font-size:43px;line-height:1}.intro{font-size:15px;margin:15px 0 18px}.hero-copy .actions{flex-direction:row;align-items:center;gap:25px}.button{font-size:23px;padding:12px 24px}.text-link{font-size:21px;gap:9px}.day-toggle{bottom:21px;right:6%;font-size:19px}.scroll-cue{left:6%;z-index:2}.ribbon{padding:12px 0}.ribbon div{font-size:25px}.story{display:flex;flex-direction:column;padding:65px 7% 45px;gap:25px}.story h2,h2{font-size:45px}.story p{font-size:16px;line-height:1.75}.nap-frame{width:100%}.hangout{padding:55px 5%}.hangout-heading p{font-size:16px}.breeze-scene{height:430px;margin-top:25px}.breeze-scene>img{object-position:65% center}.breeze-scene>.button{left:20px;bottom:25px}.breeze-status{left:20px;bottom:86px}.join{display:flex;flex-direction:column;padding:65px 7%;gap:45px}.join>img{width:78%}.join>div{width:100%}.join h2{font-size:48px}.join .actions{gap:25px}.contract{margin-top:28px}footer{flex-wrap:wrap;gap:22px;padding:30px 7%}footer p{flex:1;min-width:180px}.night .hero:after{background:linear-gradient(#38475d 0%,#38475de6 28%,transparent 51%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:600px){.hero-art{height:510px;bottom:0;object-position:80% center}.hero:after{background:linear-gradient(#a5d6f1 0%,#a5d6f1 40%,transparent 62%)}.night .hero:after{background:linear-gradient(#38475d 0%,#38475d 40%,transparent 62%)}}
body{overflow-x:clip}.hero-art{object-position:center top}.breeze-scene>img{object-position:center top}@media(max-width:600px){.hero-art{width:768px;max-width:none;height:512px;right:-28px;object-fit:fill}.breeze-scene>img{position:absolute;width:645px;max-width:none;height:430px;right:-30px;object-fit:fill}}
.ribbon{transform:none}.hero{height:min(960px,66.6667vw)}.breeze-scene{height:auto;aspect-ratio:1.5}.breeze-scene>img{display:block}@media(max-width:900px){.hero{height:650px}}@media(max-width:600px){.hero{height:890px}.breeze-scene{height:430px;aspect-ratio:auto}}