@font-face{font-family:customFont;src:url(../media/NordicPavilion_Book-s.p.15zwuhx1jws1a.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:customFont Fallback;src:local(Arial);ascent-override:76.56%;descent-override:21.14%;line-gap-override:0.0%;size-adjust:127.48%}.customfont_17e4f31c-module__-8xGWW__className{font-family:customFont,customFont Fallback}.customfont_17e4f31c-module__-8xGWW__variable{--font-custom:"customFont", "customFont Fallback"}
@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ffe566;min-height:100vh;margin:0;padding:0;font-family:serif}.container{max-width:1200px;min-height:100vh;margin:0 auto;position:relative}.border-line{z-index:10;background-color:#181715;position:absolute}.border-top,.border-bottom{width:0;height:1px;transition:width .4s ease-in-out}.border-top{top:0;left:0}.border-bottom{bottom:0;right:0}.border-top.drawn,.border-bottom.drawn{width:100%}.border-right,.border-left{width:1px;height:0;transition:height .4s ease-in-out}.border-left{bottom:0;left:0}.border-right{top:0;right:0}.border-left.drawn,.border-right.drawn{height:100%}header{opacity:0;border-bottom:1px solid #181715;padding:2rem 2rem 0;transition:opacity 1s ease-in-out}header.visible{opacity:1}.header-content{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.site-title{text-align:center;letter-spacing:-.01em;color:#181715;font-size:4.5rem;font-weight:600;font-family:var(--font-custom), serif;opacity:0;transition:opacity 1s ease-in-out}.site-title.visible{opacity:1}.text-reveal{display:inline-block;position:relative;overflow:hidden}.text-reveal:after{content:"";background-color:#181715;width:100%;height:100%;animation:1.2s ease-in-out forwards revealText;position:absolute;top:0;left:0;transform:translate(-101%)}@keyframes revealText{0%{transform:translate(-100%)}50%{transform:translate(0)}to{display:none;transform:translate(101%)}}.text-reveal.delay-1:after{animation-delay:.3s}.tagline{color:#181715;font-size:1.5rem;font-family:var(--font-custom), serif;opacity:0;transition:opacity 1s ease-in-out .5s}.tagline.visible{opacity:1}nav{opacity:0;justify-content:space-between;margin-bottom:1rem;padding:0 4rem;transition:opacity 1s ease-in-out;display:flex}nav.visible{opacity:1}nav button{text-transform:lowercase;color:#181715;cursor:pointer;opacity:0;background:0 0;border:none;padding:.5rem 0;font-family:serif;font-size:1.15rem;transition:opacity .5s ease-in-out,transform .5s ease-in-out;position:relative;transform:translateY(20px)}nav.visible button{opacity:1;transform:translateY(0)}.nav-button.delay-0{transition-delay:.1s}.nav-button.delay-1{transition-delay:.2s}.nav-button.delay-2{transition-delay:.3s}.nav-button.delay-3{transition-delay:.4s}nav button.active,nav button:hover:not(.active){text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.flip-card-container{perspective:1000px;justify-content:center;align-items:center;width:600px;height:400px;margin:4rem auto;display:flex}.flip-card{cursor:pointer;opacity:0;width:100%;height:100%;transition:opacity 1s ease-in-out,transform 1s ease-in-out;position:relative;transform:translateY(30px)}.flip-card.visible{opacity:1;transform:translateY(0)}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;background-color:#f6ebe6;border:1px solid #181715;border-radius:12px;transition:transform .7s;position:relative;box-shadow:0 4px 12px #00000014}.flip-card-inner:before{content:"";pointer-events:none;z-index:1;border:1px solid #181715;position:absolute;inset:20px}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;position:absolute}.flip-card-front{background-color:#0000}.flip-card-back{text-align:center;background-color:#0000;flex-direction:column;justify-content:center;display:flex;position:relative;transform:rotateY(180deg)}.flip-card-front h2{font-family:var(--font-custom), serif;color:#181715;margin:0;font-size:3.5rem;font-weight:400}.flip-card-back p{color:#181715;text-align:center;margin:0 0 60px;padding:5rem 2rem 2rem;font-family:serif;font-size:2rem;line-height:1.3}.icon-container{position:absolute;bottom:44px}.card-reflection,.card-connection,.card-growth,.card-gratitude{background-color:#f6ebe6}.footer{opacity:0;justify-content:space-between;max-width:1200px;margin:0 auto;padding:1.5rem 10rem;transition:opacity 1s ease-in-out;display:flex;position:fixed;bottom:0;left:0;right:0}.footer.visible{opacity:1}.footer-button{color:#181715;font-size:1rem;font-family:var(--font-custom), serif;cursor:pointer;opacity:0;background:0 0;border:none;padding:.5rem;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:translateY(10px)}.footer.visible .footer-button{opacity:1;transform:translateY(0)}.footer-button.delay-1{transition-delay:.2s}.footer-button.delay-2{transition-delay:.4s}.footer-button:hover{opacity:.7;text-underline-offset:4px;text-decoration:underline}.card-instructions,.card-whats-behind{background-color:#f6ebe6}.back-section{opacity:0;justify-content:space-around;margin-bottom:1rem;transition:opacity 1s ease-in-out;display:flex}.back-section.visible{opacity:1}.back-button{color:#181715;cursor:pointer;text-align:left;background:0 0;border:none;padding:.5rem 0;font-family:serif;font-size:1.15rem;position:relative}.back-button:hover{opacity:.8}.image-only-card{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.author-image{-o-object-fit:cover;object-fit:cover;filter:contrast(85%)brightness(105%)saturate(90%);opacity:.9;width:466px;height:317px;box-shadow:0 4px 8px #0000001a}@media (max-width:1024px){.header-content{padding:0 1rem}.site-title{font-size:3.5rem}.site-title:after,.text-reveal:after,.site-title.visible .text-reveal:after{display:none}.tagline{font-size:1.25rem}.flip-card-container{margin-bottom:10px}.footer{padding:1.5rem 5rem;position:relative}.author-image{width:90%;height:auto;max-height:250px}}@media (max-width:767px){header{padding:1.5rem 1rem 0}.header-content{flex-direction:column;gap:.5rem}.site-title{border:none;margin:.5rem 0;font-size:2.5rem}.text-reveal{overflow:visible}.text-reveal:after{display:none}.tagline{font-size:1rem}nav{flex-wrap:wrap;justify-content:center;gap:1rem;padding:0 1rem}nav button{margin:0 .5rem;padding:.5rem;font-size:1rem}.back-section{padding:0 1rem}.back-button{font-size:1rem}.flip-card-container{width:90%;height:350px;margin:2rem auto 6rem}.flip-card-front h2{font-size:2.5rem}.flip-card-back p{padding:3rem 1rem 2rem;font-size:1.5rem}.footer{background-color:#ffe566;border-top:1px solid #181715;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.author-image{width:90%;height:auto;max-height:200px}}@media (max-width:480px){.card-instructions .flip-card-back p,.card-whats-behind .flip-card-back p{padding:3rem 1rem 1.5rem;font-size:17px}.site-title{font-size:2.5rem}.flip-card-container{width:100%;height:auto;margin:0;padding-top:1rem;padding-bottom:1rem}.flip-card{width:302px;height:222px}.flip-card-front h2{font-size:2rem}.flip-card-back p{font-size:1.25rem}.icon-container{bottom:30px}.footer{position:relative}.author-image{max-height:160px}}@layer utilities{.text-balance{text-wrap:balance}}@keyframes subtle-pulse{0%{box-shadow:0 4px 12px #00000014}50%{box-shadow:0 6px 16px #0000001f}to{box-shadow:0 4px 12px #00000014}}.click-hint{font-family:var(--font-custom), serif;opacity:0;color:#18171580;pointer-events:none;align-items:center;gap:4px;font-size:15px;transition:opacity .5s;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.flip-card-front:hover .click-hint{opacity:1}.flip-card.visible .click-hint{animation:3s ease-in-out forwards fade-hint}@keyframes fade-hint{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.flip-card.visible .flip-card-inner{animation:2s ease-in-out subtle-pulse}@media (max-width:767px){.click-hint{font-size:.7rem;bottom:60px}}.first-visit-hint{color:#181715b3;opacity:0;pointer-events:none;background-color:#1817150f;border-radius:20px;padding:4px 10px;font-size:.75rem;transition:opacity .5s;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.first-visit-hint.visible{opacity:1;animation:5s ease-in-out forwards fade-out}@keyframes fade-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.next-section-hint{font-family:var(--font-custom), serif;opacity:0;color:rgba(24, 23);position:absolute;bottom:120px;left:50%;transform:translate(-50%)}
