@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,700,60,1;1,9..144,700,60,1&display=swap');:root{--cream:#fff5e4;--ink:#2d241b;--green:#244e34;--mint:#d8e5ca;--tan:#e7bb8c;--orange:#c8844f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.24' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:absolute;top:0;left:0;right:0;z-index:5}.brand{font-size:19px;font-weight:800;letter-spacing:-.7px}.paw{font-size:30px;color:var(--green);vertical-align:middle}nav{display:flex;gap:45px}nav a,.toplink{font-size:12px;font-weight:800;letter-spacing:1.5px;transition:opacity .2s}nav a:hover,.toplink:hover{opacity:.55}.toplink{border-bottom:2px solid var(--ink);padding-bottom:7px}.hero{min-height:900px;height:100vh;max-height:1250px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 77% 46%,#f8d6aa 0,#f5dfc3 36%,#fff5e4 73%)}.hero-left{width:52%;padding-left:9%;position:relative;z-index:3;padding-top:60px}.eyebrow,.section-index{font-size:13px;font-weight:800;letter-spacing:2.2px}.dot{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:50%;margin-right:9px}.hero h1,h2{font-family:'Fraunces',Georgia,serif;letter-spacing:-.085em}.hero h1{font-size:clamp(100px,10vw,205px);line-height:.83;margin:42px 0 30px}.hero h1 em{color:var(--green);font-weight:700}.period{color:var(--orange)}.tagline{font-size:24px;line-height:1.45;font-weight:500}.hero-actions,.socials{display:flex;gap:15px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:62px;padding:0 29px;border-radius:100px;font-size:13px;font-weight:800;letter-spacing:1px;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-5px);box-shadow:0 10px 0 #2d241b1a}.btn:active{transform:translateY(1px)}.primary{background:var(--green);color:white}.outline{border:2px solid var(--ink)}.ticker{margin-top:55px;font-size:13px;font-weight:800;letter-spacing:2px}.star{color:var(--orange);padding:0 13px}.hero-art{width:55%;height:100%;position:absolute;right:-2%;top:0;display:flex;align-items:center;justify-content:center;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .3s ease-out}.sun{position:absolute;width:min(50vw,850px);height:min(50vw,850px);background:#eac295;border-radius:50%;box-shadow:inset 0 0 100px #f8dfbb}.orbit{position:absolute;border:2px dashed #aa754d66;border-radius:50%;width:92%;aspect-ratio:1}.orbit-two{width:72%;transform:rotate(20deg)}.puppy-frame{width:min(42vw,720px);aspect-ratio:1;position:relative;border-radius:48% 48% 46% 46%;overflow:hidden;box-shadow:0 35px 80px #79503035;animation:bob 6s ease-in-out infinite}.puppy-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}@keyframes bob{50%{transform:translateY(-17px) rotate(1deg)}}.float-note{position:absolute;z-index:2;color:var(--green);font-weight:800;letter-spacing:2px;transform:rotate(-12deg)}.n1{top:23%;right:8%;font-size:19px;text-align:center}.n2{font-size:90px;bottom:20%;left:5%}.stamp{position:absolute;bottom:13%;right:5%;width:135px;height:135px;border:3px solid var(--green);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:12px;line-height:1.6;letter-spacing:1.2px;font-weight:800;transform:rotate(13deg);background:#fff4dfc9}.scrollcue{position:absolute;bottom:33px;left:9%;font-size:11px;font-weight:800;letter-spacing:2px}.scrollcue span{padding-left:15px}.marquee{overflow:hidden;background:var(--green);color:#f9ead5;transform:rotate(-1.4deg);margin:-15px -10px 0;position:relative;z-index:4;white-space:nowrap;padding:22px 0;font-size:18px;font-weight:800;letter-spacing:5px}.marquee div{width:max-content;animation:marq 28s linear infinite}@keyframes marq{to{transform:translateX(-50%)}}section:not(.hero){position:relative}.story{padding:160px 10% 175px}.section-index{color:#936744}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.story h2,.rules h2,.community h2,.contract h2{font-size:clamp(85px,8vw,150px);line-height:.95;margin:45px 0}.story h2 i,.rules h2 i,.community h2 i,.contract h2 i{color:var(--green)}.story p{font-size:22px;line-height:1.65;max-width:580px}.text-link{display:inline-block;font-weight:800;font-size:14px;letter-spacing:1.5px;margin-top:35px;border-bottom:2px solid;padding-bottom:8px}.portrait{background:#e9c298;padding:25px 25px 20px;transform:rotate(4deg);box-shadow:15px 20px 0 #d5b18c}.portrait img{width:100%;display:block}.portrait-label{display:block;text-align:center;font-weight:800;letter-spacing:2px;font-size:11px;margin-top:20px}.rules{background:#dce6d2;padding:135px 12% 150px}.rules h2{margin-bottom:70px}.rule{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;border-top:2px solid #31543b55;padding:29px 0}.rule:last-child{border-bottom:2px solid #31543b55}.rule span{font-weight:800;color:#69846d}.rule strong{font-family:'Fraunces',Georgia,serif;font-size:clamp(26px,3vw,49px);letter-spacing:-2px}.rule b{font-size:36px;color:var(--green)}.tiny-note{font-size:11px;font-weight:800;letter-spacing:2px;margin-top:45px}.interlude{min-height:760px;background:#dfb388;display:flex;align-items:center;justify-content:center;gap:5%;overflow:hidden;padding:80px 10%}.interlude-image{width:38%;max-width:470px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:18px solid #fff1d7;box-shadow:0 20px 0 #c39062;cursor:pointer;transition:transform .3s}.interlude-image:hover{transform:rotate(-6deg) scale(1.04)}.interlude-image img{width:100%;height:100%;object-fit:cover}.interlude-copy{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(44px,5vw,90px);line-height:1.05;letter-spacing:-4px}.interlude-copy em{color:var(--green)}.interlude-copy small{display:block;font:600 20px 'DM Sans',sans-serif;letter-spacing:0;margin-top:32px}.spark{position:absolute;color:var(--green);font-size:90px}.s1{top:7%;left:13%}.s2{bottom:10%;right:9%}.community{text-align:center;padding:150px 10% 170px;background:#fff6e7}.community h2{margin:35px 0}.community p{font-size:24px;max-width:530px;line-height:1.6;margin:0 auto}.socials{justify-content:center}.contract{background:var(--green);color:#fff4df;text-align:center;padding:145px 12% 100px}.contract .section-index{color:#b9c8a9}.contract h2{margin:30px 0}.contract h2 i{color:#e3ba88}.contract p{font-size:22px}.ca-wrap{display:flex;align-items:center;justify-content:space-between;text-align:left;max-width:980px;margin:70px auto 140px;border:2px solid #f4e7d280;border-radius:18px;padding:22px 25px 22px 35px;gap:20px}.ca-wrap small{display:block;font-size:11px;letter-spacing:2px;margin-bottom:12px}.ca-wrap strong{font-size:clamp(16px,2vw,25px);overflow-wrap:anywhere}.ca-wrap button{border:0;border-radius:12px;background:#f5e4c9;color:var(--green);font-weight:800;letter-spacing:1px;padding:22px 30px;white-space:nowrap}.ca-wrap button:hover{background:white}.closing{font-size:13px;font-weight:800;letter-spacing:2px}.closing span{padding:0 20px}footer{background:#1b3a29;color:#e6dec8;padding:32px 6%;display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:1.5px}#toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,30px);background:#f5e4c9;color:var(--green);padding:17px 27px;border-radius:30px;z-index:200;font-weight:800;opacity:0;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;translate:0 35px;transition:opacity .8s,translate .8s}.reveal.visible{opacity:1;translate:0 0}@media(max-width:1250px){header{padding:0 4%}nav{gap:20px}.hero-left{padding-left:6%}.hero h1{font-size:10vw}.hero-art{right:-5%}.stamp{right:1%}.story{padding-left:7%;padding-right:7%}.story-layout{gap:6%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;translate:none}}