/* Open the Hill — a seven-second shutter sequence, followed by three interactive worlds. */
.hill-hero{--hill-x:0px;--hill-y:0px;--hill-scroll:0px;--hill-accent:#dcb533;position:relative;isolation:isolate;background:#13231b;color:#f7f1e0;min-height:740px;height:calc(100dvh - 146px);max-height:1100px;overflow:hidden;padding:29px 4.5% 30px;display:flex;flex-direction:column}
.hill-worlds,.hill-world,.hill-shade,.hill-lines,.hill-intro,.hill-shutters,.hill-shutter-face{position:absolute;inset:0}.hill-worlds{z-index:-3}.hill-world{opacity:0;transition:opacity .85s ease,filter .85s;overflow:hidden}.hill-world.is-current{opacity:1}.hill-world img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transform:translate3d(var(--hill-x),calc(var(--hill-y) + var(--hill-scroll)),0) scale(1.09);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.hill-world[data-hill-image=create] img{object-position:65% center}.hill-world[data-hill-image=gather] img{object-position:70% center}.hill-shade{z-index:-2;background:linear-gradient(90deg,rgba(7,20,16,.81),rgba(7,20,16,.25) 70%),linear-gradient(0deg,rgba(7,20,16,.92),transparent 48%,rgba(7,20,16,.28));pointer-events:none}.hill-lines{z-index:-1;display:flex;justify-content:space-evenly;pointer-events:none;opacity:.45}.hill-lines i{width:1px;background:linear-gradient(transparent 15%,#fff3 50%,transparent 90%)}
.hill-top{position:relative;z-index:6;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.hill-top p{font-size:14px;font-weight:700;line-height:1.6;letter-spacing:.13em;margin:0}.hill-top p span{display:block;font-size:12px;font-weight:400;letter-spacing:.19em;margin-top:6px;color:#edece0c9}.hill-play-control{display:flex;gap:10px;align-items:center;font-size:14px;letter-spacing:.03em;min-height:42px;padding:8px 12px;border:1px solid #ffffff50;border-radius:30px;background:#10241c7a;backdrop-filter:blur(8px)}.hill-play-control:hover{background:#dcb533;color:#15271e}.hill-control-icon{font-size:22px;line-height:1}.hill-main{margin:auto 0;position:relative;z-index:2;padding-block:35px 25px;max-width:1000px}.hill-eyebrow{font-size:12px;letter-spacing:.15em;margin-bottom:20px;color:var(--hill-accent)}.hill-main h1{font-size:clamp(82px,10.8cqw,164px);letter-spacing:-.028em;line-height:.83;font-weight:800;margin:0}.hill-headline-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.015em}.hill-headline-line>span{display:block;transform-origin:left bottom}.hill-main h1 em{font-style:normal;color:var(--hill-accent)}.hill-outline{color:transparent;-webkit-text-stroke:1.1px #f7f1e0}.hill-invite{display:flex;align-items:center;gap:15px;padding-top:23px}.hill-invite p{font-size:14px;line-height:1.55;margin:0;color:#f7f1e0d9}.hill-plus{font:400 40px/1 var(--display);color:var(--hill-accent)}.hill-coordinate{position:absolute;right:27px;top:48%;writing-mode:vertical-rl;letter-spacing:.2em;font-size:12px;color:#f7f1e0b0}
.hill-bottom{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr) 70px;gap:35px;align-items:end;padding-top:22px;border-top:1px solid #fff5}.hill-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-self:stretch}.hill-choices button{text-align:left;position:relative;padding:0 0 12px;min-width:0;opacity:.62;transition:opacity .25s}.hill-choices button>span{font:600 clamp(28px,3cqw,46px)/1 var(--display);display:flex;justify-content:space-between;align-items:center;gap:5px}.hill-choices b{font-size:24px;font-weight:400;transform:translate(-4px,4px);opacity:0;transition:opacity .25s,transform .25s}.hill-choices small{display:block;font-size:12px;letter-spacing:.12em;margin-top:12px;line-height:1.5}.hill-choices button:after{content:'';height:3px;background:var(--hill-accent);position:absolute;bottom:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hill-choices button[aria-selected=true],.hill-choices button:hover{opacity:1}.hill-choices button[aria-selected=true]:after{transform:scaleX(1)}.hill-choices button[aria-selected=true] b{opacity:1;transform:none}.hill-choices button[aria-selected=true]>span{color:var(--hill-accent)}.hill-story{padding-bottom:8px}.hill-story p{font-size:14px;line-height:1.5;max-width:300px;margin:0 0 13px;color:#fffaecdd}.hill-destination{font-size:14px;font-weight:700;border-bottom:1px solid #ffffff80;padding-bottom:5px;display:inline-flex;gap:20px;align-items:center}.hill-destination span{font-size:21px;line-height:1}.hill-destination:hover{color:var(--hill-accent)}.hill-scroll{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;padding-bottom:10px}.hill-scroll>span{font-size:28px}.hill-scroll small{font-size:12px;letter-spacing:.13em;line-height:1.5}.hill-scroll:hover{color:var(--hill-accent)}.hill-hero[data-world=create]{--hill-accent:#ffd5b3}.hill-hero[data-world=gather]{--hill-accent:#dcb533}
.hill-intro{z-index:4;pointer-events:none;display:none}.intro-playing .hill-intro{display:block;animation:hill-intro-complete 7s linear both}.hill-shutters{display:grid;grid-template-columns:repeat(6,1fr);perspective:1200px;transform-style:preserve-3d}.hill-shutter{position:relative;transform-origin:left center;transform-style:preserve-3d;animation:hill-shutter-open 1.6s cubic-bezier(.76,0,.18,1) both;animation-delay:calc(3.25s + var(--panel)*.13s)}.hill-shutter-face{overflow:hidden;backface-visibility:hidden;background:#12261e;border-right:1px solid #8aa88d3d}.hill-shutter-face img{position:absolute;max-width:none;width:600%;height:100%;left:calc(var(--panel)*-100%);object-fit:cover;object-position:center 55%;filter:grayscale(1);opacity:.16;transform:scale(1.08)}.hill-shutter-face i{position:absolute;inset:0;background:linear-gradient(120deg,#071912cc,#173d2b55)}.hill-portal-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#dcb533;stroke-width:1;opacity:.6;animation:hill-lines-out 5s both}.hill-portal-lines path{stroke-dasharray:1;stroke-dashoffset:1;animation:hill-line-draw 2.8s .15s cubic-bezier(.25,.5,.2,1) forwards}.hill-portal-lines .hill-portal-axis{stroke:#dcb53344;animation-delay:.4s}.hill-intro-type{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:0 4%}.hill-intro-word{grid-area:1/1;overflow:hidden;font:800 clamp(75px,17cqw,245px)/.95 var(--display);letter-spacing:-.04em;width:100%;padding:14px 0}.hill-intro-word>span{display:block;opacity:0}.word-remember>span{color:#f7f1e0;animation:hill-word-first 2.1s .15s cubic-bezier(.16,1,.3,1) both}.word-reimagine>span{color:var(--hill-accent);animation:hill-word-second 2.2s 1.65s cubic-bezier(.16,1,.3,1) both}.word-inside>span{color:#f7f1e0;animation:hill-word-third 2.2s 3.25s cubic-bezier(.16,1,.3,1) both}.hill-intro-caption{position:absolute;bottom:18%;width:100%;text-align:center;font-size:12px;letter-spacing:.25em;color:#dcb533;animation:hill-caption 4.2s both}.hill-intro-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff2}.hill-intro-progress span{display:block;width:100%;height:100%;background:#dcb533;transform:scaleX(0);transform-origin:left;animation:hill-progress 7s linear forwards}
.intro-playing .hill-eyebrow{animation:hill-content-in .8s 4.8s both}.intro-playing .hill-headline-line>span{animation:hill-title-in 1.15s cubic-bezier(.16,1,.3,1) both;animation-delay:4.65s}.intro-playing .hill-headline-line:nth-child(2)>span{animation-delay:4.8s}.intro-playing .hill-headline-line:nth-child(3)>span{animation-delay:4.95s}.intro-playing .hill-invite{animation:hill-content-in 1s 5.25s both}.intro-playing .hill-bottom{animation:hill-content-in .95s 5.5s both}.intro-playing .hill-coordinate{animation:hill-content-in .8s 5.2s both}.intro-playing .hill-world.is-current img{animation:hill-landscape-in 7s cubic-bezier(.16,1,.3,1) both}
@keyframes hill-shutter-open{0%{transform:rotateY(0deg) translateX(0);opacity:1}80%{opacity:1}100%{transform:rotateY(-105deg) translateX(-50%);opacity:0}}
@keyframes hill-word-first{0%{transform:translateY(115%) rotate(4deg);opacity:0}18%,66%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(-115%) rotate(-3deg);opacity:0}}
@keyframes hill-word-second{0%{transform:translateY(115%) scaleX(.85);opacity:0}20%,64%{transform:translateY(0) scaleX(1);opacity:1}100%{transform:translateY(-115%) scaleX(1.08);opacity:0}}
@keyframes hill-word-third{0%{transform:translateY(115%) scale(.9);opacity:0}20%,57%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-30%) scale(1.2);opacity:0}}
@keyframes hill-line-draw{to{stroke-dashoffset:0}}@keyframes hill-lines-out{0%,60%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(1.2)}}@keyframes hill-caption{0%{opacity:0;transform:translateY(10px)}20%,70%{opacity:1;transform:none}100%{opacity:0}}
@keyframes hill-progress{to{transform:scaleX(1)}}@keyframes hill-intro-complete{0%,99.9%{visibility:visible}100%{visibility:hidden}}@keyframes hill-title-in{from{transform:translateY(115%) skewY(4deg);opacity:0}to{transform:none;opacity:1}}@keyframes hill-content-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes hill-landscape-in{0%{transform:scale(1.25)}100%{transform:scale(1.09)}}
.motion-off .hill-intro,.wireframe .hill-intro{display:none!important}.motion-off .hill-world img,.wireframe .hill-world img{transform:none!important}.motion-off .hill-main *,.motion-off .hill-bottom,.motion-off .hill-coordinate,.wireframe .hill-main *,.wireframe .hill-bottom,.wireframe .hill-coordinate{opacity:1!important;transform:none!important}.wireframe .hill-hero{background:#e2e2db;color:var(--ink)}.wireframe .hill-worlds{opacity:.12}.wireframe .hill-shade{display:none}.wireframe .hill-top span,.wireframe .hill-eyebrow,.wireframe .hill-invite p,.wireframe .hill-story p,.wireframe .hill-coordinate{color:var(--ink)}.wireframe .hill-outline{color:var(--ink);-webkit-text-stroke:0}.wireframe .hill-choices button[aria-selected=true]>span,.wireframe .hill-main h1 em{color:var(--ink)}.wireframe .hill-play-control{background:#ccc;color:var(--ink)}.wireframe .hill-choices button:after{background:var(--ink)}
@container(max-width:1050px){.hill-hero{min-height:700px}.hill-main h1{font-size:12.5cqw}.hill-main{padding-top:45px}.hill-bottom{grid-template-columns:1.5fr 1fr;gap:25px}.hill-scroll{display:none}.hill-choices{gap:13px}.hill-choices button>span{font-size:4cqw}.hill-story p{font-size:14px}.hill-coordinate{right:16px}}
@container(max-width:700px){.hill-hero{min-height:800px;height:calc(100svh - 140px);max-height:none;padding:24px 22px 25px}.hill-top p{font-size:12px}.hill-top p span{font-size:12px;letter-spacing:.12em;margin-top:5px;max-width:175px}.hill-play-control{font-size:12px;gap:6px;padding:7px 10px;min-height:38px}.hill-control-icon{font-size:20px}.hill-main{padding-block:55px 40px;margin:auto 0}.hill-main h1{font-size:17cqw;line-height:.89;letter-spacing:-.025em}.hill-eyebrow{font-size:12px;letter-spacing:.1em;max-width:245px;line-height:1.6;margin-bottom:25px}.hill-invite{padding-top:23px}.hill-invite p{font-size:14px}.hill-coordinate{display:none}.hill-bottom{grid-template-columns:1fr;gap:22px;padding-top:23px}.hill-choices{gap:17px}.hill-choices button>span{font-size:7.7cqw}.hill-choices small{font-size:12px;letter-spacing:.07em;margin-top:10px}.hill-choices b{font-size:18px}.hill-story{padding-bottom:0;display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.hill-story p{font-size:14px;line-height:1.6;max-width:47%;margin:0}.hill-destination{font-size:14px;line-height:1.5;gap:12px;max-width:47%}.hill-world img{object-position:62% center}.hill-shade{background:linear-gradient(90deg,#071410c9,#07141020),linear-gradient(0deg,#071410f0,transparent 60%,#07141080)}.hill-intro-word{font-size:18cqw;letter-spacing:-.04em}.hill-intro-caption{font-size:12px;bottom:25%;letter-spacing:.15em}.hill-portal-lines{opacity:.35}.hill-shutter:nth-child(even) .hill-shutter-face{border-right:0}.hill-hero{scroll-margin-top:0}}
@media(prefers-reduced-motion:reduce){.hill-intro{display:none!important}.hill-main *,.hill-bottom,.hill-coordinate{opacity:1!important;transform:none!important}.hill-world img{transform:none!important}}
@media print{.hill-intro,.hill-play-control{display:none!important}.hill-hero{height:auto;min-height:700px}.hill-worlds{opacity:.35}.hill-main *,.hill-bottom{transform:none!important;opacity:1!important}}
