.landing-page{--ink:#204a47;--muted:#60756b;color:var(--ink);background:#f8f3e5;font-family:LetterTripSans,Arial,sans-serif;overflow:clip}.landing-page *{box-sizing:border-box}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p,.landing-page figure{margin:0}.landing-page a{text-decoration:none}.landing-page button,.landing-page a{-webkit-tap-highlight-color:transparent}.landing-page :focus-visible{outline-offset:5px;outline:3px solid #b67538}.landing-header{justify-content:space-between;align-items:center;gap:18px;max-width:1280px;margin:auto;padding:28px 48px;display:flex}.landing-brand{align-items:center;gap:11px;font:26px Georgia,serif;display:flex}.landing-brand svg{color:#a47649;width:36px;height:36px}.landing-header nav{gap:4px;display:flex}.landing-header button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:24px;padding:12px 13px;font-size:12px}.landing-header button[aria-pressed=true]{color:var(--ink);background:#e6ebdf}.landing-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;max-width:1280px;min-height:640px;margin:30px auto 70px;padding:0 48px;display:grid}.landing-eyebrow{letter-spacing:.2em;align-items:center;gap:10px;font-size:10px;font-weight:600;line-height:1.7;display:flex}.landing-eyebrow>span{background:#bf8151;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 5px #bf815115}.landing-intro h1{letter-spacing:-.055em;margin:28px 0;font:clamp(52px,5.4vw,80px)/1.06 Georgia,serif}.landing-intro h1 em{color:#338180;font-weight:400}.landing-description{max-width:420px;color:var(--muted);font-size:17px;line-height:1.85}.landing-download{color:#254942;background:#f4d17d;border-radius:17px;align-items:center;gap:13px;margin-top:32px;padding:16px 23px;display:inline-flex;box-shadow:0 4px #d1ad5f}.landing-download small{letter-spacing:.12em;margin-bottom:5px;font-size:8px;display:block}.landing-download strong{font-size:18px}.landing-note{color:var(--muted);font-size:12px;line-height:1.6;margin-top:21px!important}.landing-explore{border-bottom:1px solid #a6b4a5;align-items:center;gap:12px;margin-top:33px;padding-bottom:8px;font-size:12px;display:inline-flex}.landing-stage{justify-content:center;align-items:center;height:650px;display:flex;position:relative}.landing-orbit{background:radial-gradient(at 40% 30%,#e1ebdc,#cbded355 65%,#d6e4d400);border:1px solid #718e711a;border-radius:50%;width:540px;height:540px;position:absolute}.landing-orbit:after{content:"";border:1px dashed #859d7930;border-radius:50%;position:absolute;inset:-20px}.landing-phone{z-index:2;background:#243e3a;border-radius:43px;width:280px;height:574px;padding:7px;position:relative;transform:rotate(5deg);box-shadow:0 30px 65px #214d4438,0 3px #49635a,inset 0 0 0 2px #658076}.phone-screen{background:linear-gradient(#9ccfd03a,#102f3335),url(/images/postcards/sonderborg-gouache.jpg) 50%/cover;border-radius:36px;height:100%;position:relative;overflow:hidden}.phone-island{background:#20352f;border-radius:20px;width:78px;height:21px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone-status{color:#244e50;justify-content:space-between;padding:17px 21px;font-size:10px;font-weight:700;display:flex}.phone-place{text-align:center;color:#fff8dc;text-shadow:0 1px 5px #244b4b40;margin-top:19px}.phone-place small{letter-spacing:.2em;font-size:8px}.phone-place h2{margin-top:6px;font:34px Georgia,serif}.phone-progress{justify-content:center;gap:7px;margin-top:15px;display:flex}.phone-progress>span{background:#fcf5e6e8;border-radius:16px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;display:flex}.phone-progress i{background:#e8bc55;border-radius:4px;width:27px;height:4px}.preview-board{perspective:500px;justify-content:center;gap:5px;margin-top:29px;display:flex}.preview-tile{width:42px;height:44px;animation:7s infinite tile-reveal;animation-delay:calc(var(--i)*.16s);background:#fff8e6;border-radius:8px;place-items:center;font-size:27px;font-weight:600;display:grid;box-shadow:0 3px #bbab7c}.preview-tile b{animation:7s infinite letter-reveal;animation-delay:calc(var(--i)*.16s);font-weight:500}.preview-found{color:#fff8df;background:#244b47dc;border-radius:12px;width:max-content;margin:19px auto 0;padding:7px 15px;font-size:12px;animation:7s infinite found-reveal}.preview-wheel{background:#fff8e4f5;border-radius:50%;width:207px;height:207px;position:absolute;bottom:62px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #28544925}.preview-wheel svg:not(.wheel-shuffle){width:100%;height:100%;position:absolute;inset:0}.preview-wheel>svg:not(.wheel-shuffle) path{fill:none;stroke:#d8b35d;stroke-width:13px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;animation:7s infinite word-trace}.wheel-letter{z-index:1;isolation:isolate;color:#173d3e;place-items:center;width:54px;height:54px;font-size:42px;font-weight:600;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.wheel-letter:before{content:"";z-index:-1;opacity:0;background:#e6b54b;border-radius:50%;animation:7s infinite wheel-select-first;position:absolute;inset:0}.letter-0{top:16.8182%;left:50%}.letter-1{top:67.2727%;left:79.0909%}.letter-2{top:67.2727%;left:20.9091%}.letter-1:before{animation-name:wheel-select-second}.letter-2:before{animation-name:wheel-select-third}@keyframes wheel-select-first{0%,15%,65%,to{opacity:0;transform:scale(.88)}18%,55%{opacity:1;transform:scale(1)}}@keyframes wheel-select-second{0%,26%,65%,to{opacity:0;transform:scale(.88)}29%,55%{opacity:1;transform:scale(1)}}@keyframes wheel-select-third{0%,37%,65%,to{opacity:0;transform:scale(.88)}40%,55%{opacity:1;transform:scale(1)}}.wheel-shuffle{color:#6e8976;position:absolute;top:93px;left:91px}.phone-bottom{color:#fff8e4;white-space:nowrap;background:#214942ba;border-radius:12px;padding:8px 14px;font-size:10px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.phone-home{background:#fff5d8;border-radius:3px;width:87px;height:3px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.landing-floating-card{background:#fffaf0;border:1px solid #e1d7c2;width:210px;padding:9px 9px 15px;position:absolute;top:68px;left:-25px;transform:rotate(-13deg);box-shadow:0 16px 30px #214d4420}.landing-floating-card img{object-fit:cover;width:100%;height:235px}.landing-floating-card figcaption{padding-top:13px;font:italic 19px Georgia,serif}.landing-floating-card figcaption span{letter-spacing:.13em;margin-top:7px;font:8px Arial,sans-serif;display:block}.landing-stamp{z-index:3;color:#5e603e;text-align:center;background:#f5d789;border:1px dashed #a99254;border-radius:50%;outline:6px solid #f5d789;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:125px;height:125px;padding:10px;font:italic 12px/1.3 Georgia,serif;display:flex;position:absolute;bottom:66px;right:-12px;transform:rotate(-9deg)}.landing-stamp>span{font:36px Georgia,serif}.preview-toggle{white-space:nowrap;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #9cad9c;padding:7px;font-size:10px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.landing-journey{background:#e9ede2;padding:70px 48px 80px}.journey-heading{text-align:center;max-width:650px;margin:0 auto}.journey-heading .landing-eyebrow{justify-content:center}.journey-heading h2,.landing-outro h2{letter-spacing:-.035em;margin:18px 0;font:clamp(32px,3.2vw,45px)/1.2 Georgia,serif}.journey-heading>p:last-child{color:var(--muted);max-width:510px;margin:auto;font-size:15px;line-height:1.8}.journey-cards{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1100px;margin:43px auto 0;display:grid}.journey-image{border-radius:5px;position:relative;overflow:hidden}.journey-image img{object-fit:cover;width:100%;height:270px;transition:transform .6s;display:block}.journey-cards article:hover img{transform:scale(1.04)}.journey-image>span{background:#fff8e6e8;border-radius:20px;align-items:center;gap:5px;padding:7px 11px;font-size:10px;display:flex;position:absolute;bottom:12px;left:12px}.journey-cards article>small{color:#9b8359;letter-spacing:.15em;margin-top:22px;font-size:10px;display:block}.journey-cards h3{margin:9px 0;font:25px Georgia,serif}.journey-cards p{color:var(--muted);max-width:290px;font-size:13px;line-height:1.8}.landing-outro{text-align:center;padding:76px 24px}.landing-outro>svg{color:#a47b4a;margin:auto}.landing-outro p{color:var(--muted);font-size:14px}.landing-footer{max-width:1184px;color:var(--muted);border-top:1px solid #dce0d0;justify-content:space-between;gap:20px;margin:auto;padding:28px 0;font-size:11px;display:flex}.landing-footer nav{flex-wrap:wrap;gap:22px;display:flex}.landing-footer a{align-items:center;gap:4px;display:flex}.motion-paused *,.motion-paused :before{animation-play-state:paused!important}@keyframes word-trace{0%,12%{stroke-dashoffset:260px;opacity:0}18%{opacity:1;stroke-dashoffset:260px}40%,55%{stroke-dashoffset:0;opacity:1}65%,to{stroke-dashoffset:0;opacity:0}}@keyframes tile-reveal{0%,39%{transform:rotateX(0)}43%{transform:rotateX(90deg)}48%,to{transform:rotateX(0)}}@keyframes letter-reveal{0%,43%{opacity:0}44%,87%{opacity:1}96%,to{opacity:0}}@keyframes found-reveal{0%,50%,96%,to{opacity:0;transform:translateY(4px)}58%,86%{opacity:1;transform:translateY(0)}}@media (width<=1000px){.landing-hero{gap:20px;padding:0 32px}.landing-stage{transform-origin:50%;transform:scale(.88)}.landing-floating-card{left:-10px}.landing-intro h1{font-size:58px}.landing-stamp{right:-5px}.landing-footer{margin:0 32px}}@media (width<=720px){.landing-header{padding:22px 20px}.landing-brand{font-size:22px}.landing-brand svg{width:28px}.landing-header button{padding:11px 8px;font-size:10px}.landing-hero{grid-template-columns:1fr;gap:0;margin:30px auto 36px;padding:0 24px}.landing-intro{text-align:center}.landing-eyebrow{justify-content:center;font-size:9px}.landing-intro h1{margin:23px 0;font-size:clamp(47px,11vw,64px)}.landing-description{max-width:390px;font-size:15px;margin:auto!important}.landing-download{margin-top:25px}.landing-explore{margin-top:22px}.landing-stage{width:100%;max-width:440px;height:650px;margin:-4px auto -35px;transform:scale(.85)}.landing-floating-card{width:180px;left:-10px}.landing-floating-card img{height:210px}.landing-stamp{right:-8px}.landing-journey{padding:48px 24px}.journey-cards{grid-template-columns:1fr;gap:34px;max-width:420px}.journey-image img{height:280px}.journey-cards p{max-width:none}.landing-outro{padding:56px 24px}.landing-footer{flex-direction:column;margin:0 24px;font-size:10px}.landing-footer nav{gap:18px}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before{transition:none!important;animation:none!important}.preview-wheel>svg:not(.wheel-shuffle) path{stroke-dashoffset:0;opacity:.65}.wheel-letter:before{opacity:1}.preview-toggle{display:none}}.store-badges{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.store-badge{color:#fff9e9;background:#24443f;border:1px solid #516b58;border-radius:12px;align-items:center;gap:11px;min-width:166px;padding:12px 17px;display:flex}.store-badge small{letter-spacing:.02em;margin-bottom:3px;font-size:9px;display:block}.store-badge strong{white-space:nowrap;font-size:19px;font-weight:500}.store-qr-note{color:var(--muted);align-items:center;gap:8px;font-size:10px;line-height:1.6;display:flex;margin-top:15px!important}.store-qr-note svg{flex-shrink:0}.landing-download-dialog{width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);text-align:center;background:#f8f3e5;border:1px solid #d3d8c8;border-radius:24px;margin:auto;padding:42px 28px 28px;box-shadow:0 24px 80px #102d3540}.landing-download-dialog[open]{justify-items:center;gap:18px;display:grid}.landing-download-dialog::backdrop{background:#173c3ac4}.landing-download-dialog h2{font:28px/1.15 Georgia,serif}.landing-download-dialog p{color:var(--muted);font-size:14px;line-height:1.6}.download-close{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.download-qr{background:#fff;border-radius:12px;width:min(224px,100%);height:auto}.landing-download-dialog .download-store-link{color:var(--ink);text-underline-offset:3px;align-items:center;gap:5px;font-size:12px;text-decoration:underline;display:inline-flex}@media (width<=720px){.store-badges,.store-qr-note{justify-content:center}.store-badge{text-align:left;gap:8px;min-width:140px;padding:12px}.store-badge strong{font-size:17px}}
