@import url('base.css?v=1');

:root{--ink:#253a32;--cream:#f7f6ee;background:#dee6e8;color:var(--ink)}
.review-strip{background:#edf0ea;color:#69766c}.review-title{color:#526257}
.world{position:relative;isolation:isolate;min-height:680px;height:calc(100svh - 40px);max-height:1440px;overflow:hidden;background:#dbe5e8}
.landscape,.atmosphere{position:absolute;inset:0;z-index:-2}
.landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%;animation:world-arrives 1.8s cubic-bezier(.2,.7,.3,1) both}
.atmosphere{z-index:-1;pointer-events:none;background:linear-gradient(180deg,#e8eff014 0%,transparent 58%,transparent 76%,#182b2961 100%)}
.navigation{position:relative;width:min(760px,calc(100% - 96px));height:66px;padding:0 10px 0 26px;gap:24px;margin:28px auto 0;background:#f8faf380;backdrop-filter:blur(24px);border:1px solid #ffffffe0;border-radius:100px;box-shadow:0 3px 12px #344a3710;animation:rise .8s cubic-bezier(.2,.7,.3,1) both}
.wordmark{font-size:2.2rem;letter-spacing:-.085em}
.navigation nav{margin:0 4px 0 auto;gap:28px;font-size:.8125rem}.navigation nav a{white-space:nowrap}
.nav-cta{border:0;background:var(--ink);color:#fbfcf4;padding:13px 20px;gap:18px;white-space:nowrap;font-size:.75rem;min-height:44px}
.nav-cta:hover{border:0;background:#385146}
.hero-copy{position:absolute;top:17%;left:5%;right:5%;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1}
h1{font-size:clamp(3.8rem,5.6vw,6.2rem);font-weight:550;line-height:1.005;letter-spacing:-.067em;text-wrap:balance;animation:rise .9s .12s cubic-bezier(.2,.7,.3,1) both}
h1 span{font-weight:500}
.hero-copy>p{font-size:clamp(.9375rem,1.2vw,1.1875rem);line-height:1.55;letter-spacing:-.02em;color:#42594f;margin:24px 0 0;max-width:560px;animation:rise .9s .22s cubic-bezier(.2,.7,.3,1) both}
.actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:28px;animation:rise .9s .32s cubic-bezier(.2,.7,.3,1) both}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:16px 25px;border:1px solid #f9fff278;border-radius:100px;background:#f9fbf3;color:var(--ink);font-size:.875rem;font-weight:650;box-shadow:0 3px 9px #344a3710;transition:background .2s,box-shadow .2s,transform .2s}
.primary:hover{background:#fff;box-shadow:0 7px 20px #344a3724;transform:translateY(-2px)}
.primary>span,.secondary>span:first-of-type,.world-footer a>span:first-of-type{font-size:1.3rem;line-height:1;transition:transform .2s}
.primary:hover>span{transform:translate(2px,-2px)}
.secondary{display:inline-flex;align-items:center;gap:22px;font-size:.875rem;font-weight:650;padding:16px 2px;min-height:52px;transition:color .2s}
.secondary:hover{color:#0d291c}.secondary:hover>span:first-of-type{transform:translateX(4px)}
.world-footer{position:absolute;left:5%;right:5%;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#f7f8ed;animation:rise .9s .45s ease both}
.world-footer p{font-size:.8125rem;font-weight:500;text-shadow:0 1px 10px #17231c55}
.world-footer a{display:flex;align-items:center;gap:24px;padding:12px 18px;border:1px solid #eef9e847;border-radius:100px;font-size:.75rem;background:#f8fff019;backdrop-filter:blur(16px);transition:background .2s}
.world-footer a:hover{background:#f8fff035}.world-footer a:hover>span:first-of-type{transform:translate(2px,-2px)}
.artwork-info{position:absolute;right:16px;bottom:16px;padding:0;border:1px solid #edf2e24d;color:#f4f5eac2;border-radius:50%;width:19px;height:19px;font-size:.75rem;font-family:Georgia,serif;background:#20372a0f;transition:background .2s}.artwork-info:hover{background:#20372a55}
.dialog-copy .primary{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.notes-link{display:inline-flex;align-items:center;gap:20px;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
@keyframes world-arrives{from{transform:scale(1.035)}to{transform:scale(1)}}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1650px){.navigation{margin-top:36px;width:820px;height:74px;padding-left:30px;padding-right:13px}.navigation nav{font-size:.875rem;gap:36px;margin-right:12px}.nav-cta{padding:14px 22px;font-size:.8125rem}.hero-copy{top:18%}.hero-copy>p{margin-top:28px}.actions{margin-top:30px}.world-footer{bottom:36px}.world-footer p{font-size:.875rem}.world-footer a{font-size:.8125rem;padding:14px 23px}}
@media(max-height:760px) and (min-width:721px){.world{min-height:660px}.navigation{margin-top:20px;height:60px}.hero-copy{top:17%}h1{font-size:clamp(3.8rem,5.1vw,4.8rem)}.hero-copy>p{margin-top:19px}.actions{margin-top:22px}.primary{min-height:50px;padding:14px 23px}.world-footer{bottom:22px}}
@media(max-width:900px) and (min-width:721px){.navigation{width:calc(100% - 64px)}.hero-copy{top:20%}.landscape img{object-position:66% 55%}}
@media(max-width:720px){
  .review-strip{height:38px;padding:0 15px;gap:12px;font-size:.5625rem}.review-strip>a span,.mockup-label{display:none}.review-title{gap:7px}.review-title b{font-size:.5625rem}
  .world{height:calc(100svh - 38px);min-height:850px;max-height:none}.landscape img{object-position:85% center}.atmosphere{background:linear-gradient(180deg,#e5edf037 0%,#f5eade12 48%,transparent 70%,#1427218c 100%)}
  .navigation{margin-top:20px;width:calc(100% - 36px);padding:0 7px 0 18px;height:61px;gap:10px}.wordmark{font-size:2.02rem}.navigation nav{display:none}.nav-cta{margin-left:auto;padding:12px 15px;font-size:.6875rem;gap:12px;min-height:43px}
  .hero-copy{top:133px;left:22px;right:22px}h1{font-size:clamp(3.15rem,12.8vw,4.6rem);letter-spacing:-.064em;line-height:1.025}.hero-copy>p{font-size:.9375rem;line-height:1.55;margin-top:22px;max-width:345px;color:#344c42}.desktop-break{display:none}
  .actions{gap:20px;margin-top:26px}.primary{min-height:49px;font-size:.75rem;padding:14px 19px;gap:19px}.secondary{font-size:.75rem;gap:14px;min-height:49px}.primary>span,.secondary>span:first-of-type{font-size:1.15rem}
  .world-footer{bottom:25px;left:24px;right:24px;justify-content:center}.world-footer p{display:none}.world-footer a{font-size:.75rem;gap:28px;background:#eaf1e322;padding:13px 20px}.artwork-info{right:12px;bottom:12px}
  dialog{width:calc(100% - 28px);max-height:calc(100svh - 30px)}.dialog-header{padding:15px 18px;gap:12px}.dialog-header h2,.dialog-header>span{font-size:.75rem}.dialog-copy{padding:25px 25px 30px}.dialog-copy h2{font-size:2.15rem}.dialog-copy p{font-size:.875rem}.reference-image{height:52vh}dialog footer{padding:16px 18px;display:block}dialog footer a{display:inline-block;margin-top:12px}
}
@media(max-width:380px){.hero-copy{left:18px;right:18px}h1{font-size:3rem}.actions{gap:16px}.primary{padding-inline:16px;gap:13px}.secondary{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}