@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--chocolate: #422618;--gold: #a67f3c;--burnt-orange: #98582a;--rich-green: #33663d;--cream: #f9f6f2;--charcoal: #2a2320}body{font-family:Montserrat,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{text-decoration:none}.back-link{position:fixed;bottom:2rem;left:2rem;font-size:.9rem;font-weight:600;z-index:100;transition:color .3s ease,transform .2s ease}.back-link:hover{transform:translate(-3px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;background:var(--chocolate);transition:background 1s ease-in-out;height:100vh;overflow:hidden}body.inverted{background:#f5f0e8}:root{--top-diag-left: 18vh;--top-diag-right: 5vh;--bottom-diag-left: 88vh;--bottom-diag-right: 75vh;--stripe-width: 8px}@media(max-width:768px){:root{--stripe-width: 6px}}@media(max-aspect-ratio:3/4){:root{--top-diag-left: 22vh;--top-diag-right: 8vh;--bottom-diag-left: 82vh;--bottom-diag-right: 68vh;--stripe-width: 10px}.scroll-date{font-size:1.4rem}}.wood-bg{position:fixed;inset:0;z-index:-1;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}body.inverted .wood-bg{opacity:1}.wood-cream{position:absolute;inset:0;background:linear-gradient(#f5f0e8b3,#f5f0e8b3),url(/images/Cream_Wood_Grain_Texture.jpg) center/cover no-repeat}.wood-dark-top{position:absolute;inset:0;background:linear-gradient(#5a403580,#5a403580),url(/images/Dark_Wood_Grain_Texture.jpg) center/cover no-repeat;clip-path:polygon(0 0,100% 0,100% var(--top-diag-right),0 var(--top-diag-left))}.wood-dark-bottom{position:absolute;inset:0;background:linear-gradient(#5a403580,#5a403580),url(/images/Dark_Wood_Grain_Texture.jpg) center/cover no-repeat;clip-path:polygon(0 var(--bottom-diag-left),100% var(--bottom-diag-right),100% 100%,0 100%)}.stripe-top-green{position:absolute;inset:0;background:#33663d;clip-path:polygon(0 var(--top-diag-left),100% var(--top-diag-right),100% calc(var(--top-diag-right) + var(--stripe-width)),0 calc(var(--top-diag-left) + var(--stripe-width)))}.stripe-top-tan{position:absolute;inset:0;background:#a67f3c;clip-path:polygon(0 calc(var(--top-diag-left) + var(--stripe-width)),100% calc(var(--top-diag-right) + var(--stripe-width)),100% calc(var(--top-diag-right) + var(--stripe-width) * 2),0 calc(var(--top-diag-left) + var(--stripe-width) * 2))}.stripe-bottom-tan{position:absolute;inset:0;background:#a67f3c;clip-path:polygon(0 calc(var(--bottom-diag-left) - var(--stripe-width) * 2),100% calc(var(--bottom-diag-right) - var(--stripe-width) * 2),100% calc(var(--bottom-diag-right) - var(--stripe-width)),0 calc(var(--bottom-diag-left) - var(--stripe-width)))}.stripe-bottom-green{position:absolute;inset:0;background:#33663d;clip-path:polygon(0 calc(var(--bottom-diag-left) - var(--stripe-width)),100% calc(var(--bottom-diag-right) - var(--stripe-width)),100% var(--bottom-diag-right),0 var(--bottom-diag-left))}.page{height:calc(100vh - 50px);position:relative;overflow:hidden}.scroll-track{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;transform:translateY(100%);transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.scroll-track.pos-1{transform:translateY(0)}.scroll-track.pos-2{transform:translateY(calc(-100vh + 50px))}.scroll-track.pos-3{transform:translateY(calc(-200vh + 100px))}.scroll-track.pos-exit{transform:translateY(calc(-300vh + 150px))}.scroll-section{width:100%;height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;flex-shrink:0}.scroll-text{color:#f5f0e8d9;font-size:1.7rem;font-weight:600;line-height:1.45;max-width:700px;transition:color 1s ease-in-out}body.inverted .scroll-text{color:var(--chocolate)}.scroll-text strong{color:var(--gold);font-weight:700;transition:color 1s ease-in-out}body.inverted .scroll-text strong{color:var(--rich-green)}.card-section{justify-content:center;gap:2.5rem;position:relative}.scroll-date{position:absolute;top:2rem;left:50%;transform:translate(-50%);color:#f5f0e8;font-size:.9rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.gif-card{background:#fff;border:6px solid var(--rich-green);border-radius:24px;padding:2.5rem 1.5rem 1rem;box-shadow:0 12px 40px #42261826,0 0 0 1px #33663d14;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;align-items:center}.gif-card:active{transform:scale(.97);box-shadow:0 6px 24px #4226181f,0 0 0 1px #33663d14}.gif-inner{width:240px;max-width:60vw;animation:floatDream 4s ease-in-out infinite}.gif-inner img{width:100%;display:block}@keyframes floatDream{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-12px) rotate(1.5deg) scale(1.008)}50%{transform:translateY(-26px) rotate(0) scale(1.015)}75%{transform:translateY(-12px) rotate(-1.5deg) scale(1.008)}}.card-cta{color:var(--chocolate);font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin-top:auto;padding-top:1.5rem;text-align:center}.cream-footer{position:fixed;bottom:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:center;background:var(--chocolate);border-top:1px solid rgba(245,240,232,.1);transition:background 1s ease-in-out,border-color 1s ease-in-out}body.inverted .cream-footer{background:#f5f0e8;border-top:1px solid rgba(66,38,24,.1)}.footer-text{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.4rem;color:#f5f0e899;letter-spacing:.02em;transition:opacity .4s ease-in-out}body.inverted .footer-text{opacity:0;position:absolute;pointer-events:none}.footer-logo{opacity:0;width:140px;position:absolute;transition:opacity .4s ease-in-out .3s}body.inverted .footer-logo{opacity:1;position:static}.back-link{position:fixed;bottom:80px;left:1.5rem;color:#f5f0e84d;transition:color 1s ease-in-out}body.inverted .back-link{color:#42261859}.back-link:hover{color:var(--gold)}body.inverted .back-link:hover{color:var(--rich-green)}@media(max-width:768px){.scroll-text{font-size:1.3rem}.gif-card{padding:2rem 1rem 1rem;border-width:4px;border-radius:18px}.gif-inner{width:180px}.card-section{gap:1.5rem}.card-cta{font-size:1rem;padding-top:1rem}.scroll-date{font-size:.75rem;top:1.5rem}}