@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{--cream:#f2eee3;--navy:#18223a;--gold:#d2a52c;--forest:#2f5945;--ink:#102039}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:var(--navy)}body{font-family:DM Sans,sans-serif}.film{position:relative;width:100vw;height:100vh;max-width:56.25vh;margin:auto;overflow:hidden;background:var(--cream);color:var(--navy);isolation:isolate}.grain{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:.13;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topline{position:absolute;z-index:30;top:4.3%;left:8%;right:8%;display:flex;justify-content:space-between;font:500 2.1vw DM Mono,monospace;letter-spacing:.12em;color:var(--cream);mix-blend-mode:difference}.scene{position:absolute;inset:0;overflow:hidden;animation:sceneCycle 24s infinite both}.scene-one{animation-delay:0s}.scene-two{animation-delay:6s}.scene-three{animation-delay:12s}.scene-four{animation-delay:18s}.scene-copy{position:absolute;z-index:4}.eyebrow{font:500 2.25vw DM Mono,monospace;letter-spacing:.16em;line-height:1.3}.scene h1,.scene h2{font: 20vw/.8 "Instrument Serif",serif;letter-spacing:-.055em;margin:5vw 0 0}.scene em{color:var(--gold);font-style:italic}.deck{font-size:4vw;line-height:1.3;max-width:67%;margin-top:8vw;color:var(--forest);font-weight:600}.intro-copy{left:8%;top:16%;width:90%;animation:copyIn 24s infinite both;animation-delay:.4s}.photo{position:absolute;overflow:hidden;box-shadow:0 20px 40px #1020392e}.photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.83) contrast(1.03)}.photo-hero{right:-12%;bottom:8%;width:78%;height:48%;transform:rotate(-7deg);animation:heroPhoto 6s ease-in-out infinite alternate}.stamp{position:absolute;right:8%;top:18%;z-index:5;border:1px solid var(--gold);padding:2.5vw;color:var(--gold);font:500 2.5vw/1.2 DM Mono,monospace;transform:rotate(8deg);animation:stamp 1.4s cubic-bezier(.16,1,.3,1) both}.stamp b{font: 7vw "Instrument Serif",serif;color:var(--cream)}.scene-two{background:var(--forest)}.photo-wide{top:0;left:0;width:100%;height:61%;clip-path:polygon(0 0,100% 0,100% 87%,0 100%);animation:photoPush 6s ease-in-out infinite alternate}.expedition-copy{left:8%;bottom:10%;color:var(--cream);animation:copyIn 24s infinite both;animation-delay:6.4s}.expedition-copy h2{font-size:21vw;margin-top:4vw}.location{display:flex;gap:3vw;align-items:flex-start;margin-top:6vw;font:3.2vw/1.35 DM Mono,monospace;color:#f2eee3cc}.location b{font-family:DM Sans;font-size:3.2vw;color:var(--gold)}.pin{color:var(--gold);font-size:6vw}.vertical-note{position:absolute;right:6%;bottom:14%;writing-mode:vertical-rl;color:var(--gold);font:2.2vw DM Mono;letter-spacing:.13em}.scene-three{background:var(--gold)}.rhythm-copy{left:8%;top:13%;animation:copyIn 24s infinite both;animation-delay:12.4s}.rhythm-copy h2{font-size:19vw;color:var(--navy);margin-top:5vw}.rhythm-copy em{color:var(--forest)}.rhythm-list{position:absolute;left:8%;bottom:9%;z-index:5;display:grid;gap:2.2vw;color:var(--navy);font:500 2.8vw DM Mono;letter-spacing:.09em}.photo-small{right:-4%;top:37%;width:45%;height:23%;transform:rotate(5deg);animation:floatPic 2.7s ease-in-out infinite alternate}.photo-small.two{right:14%;top:55%;transform:rotate(-7deg);animation-delay:.4s}.scene-four{background:var(--navy);color:var(--cream)}.photo-final{inset:0;opacity:.64;animation:finalPhoto 6s ease-in-out infinite alternate}.final-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,34,58,.18) 20%,rgba(24,34,58,.92) 76%,var(--navy) 100%);z-index:2}.final-copy{left:8%;right:8%;bottom:8%;z-index:5;animation:copyIn 24s infinite both;animation-delay:18.4s}.final-copy h2{font-size:16vw;margin:4vw 0 8vw}.date{font:500 2.7vw DM Mono;letter-spacing:.08em;color:var(--gold)}.rule{height:1px;background:#f2eee366;margin:5vw 0 3vw}.footer-copy{font-size:3vw;color:#f2eee3b8}.wordmark{position:absolute;right:0;bottom:0;text-align:right;font: 8vw/.72 "Instrument Serif";color:var(--cream)}.wordmark span{font:500 2.2vw DM Mono;text-transform:uppercase;letter-spacing:.18em;color:var(--gold)}.orb{position:absolute;z-index:1;border-radius:50%;filter:blur(1px);opacity:.25;animation:orb 11s ease-in-out infinite alternate}.orb-one{width:50vw;height:50vw;background:var(--gold);top:-18%;right:-20%}.orb-two{width:42vw;height:42vw;background:var(--forest);bottom:-18%;left:-20%;animation-delay:-4s}.mountain-lines{position:absolute;z-index:1;inset:0;opacity:.12;background:linear-gradient(145deg,transparent 60%,var(--navy) 60.2%,transparent 60.4%),linear-gradient(32deg,transparent 68%,var(--navy) 68.2%,transparent 68.4%);background-size:100% 100%}@keyframes sceneCycle{0%,22%{opacity:1;transform:scale(1)}24%,to{opacity:0;transform:scale(1.04)}}@keyframes copyIn{0%,2%{opacity:0;transform:translateY(5vw);filter:blur(8px)}7%,20%{opacity:1;transform:none;filter:blur(0)}23%,to{opacity:0;transform:translateY(-3vw);filter:blur(7px)}}@keyframes heroPhoto{to{transform:rotate(-4deg) scale(1.04) translate(-2%,-2%)}}@keyframes stamp{0%{opacity:0;transform:rotate(18deg) scale(.7)}to{opacity:1;transform:rotate(8deg) scale(1)}}@keyframes photoPush{to{transform:scale(1.08) translateY(-2%)}}@keyframes floatPic{to{transform:rotate(1deg) translateY(-2vw)}}@keyframes finalPhoto{to{transform:scale(1.08)}}@keyframes orb{to{transform:translate(8vw,5vw) scale(1.12)}}@media(min-aspect-ratio:9/16){.film{height:100vh;width:56.25vh}.topline{font-size:1.1vh}.eyebrow{font-size:1.2vh}.scene h1,.scene h2{font-size:11vh}.deck{font-size:2.1vh}.stamp{font-size:1.3vh}.stamp b{font-size:4vh}.location,.location b{font-size:1.7vh}.pin{font-size:3vh}.vertical-note{font-size:1.1vh}.rhythm-list{font-size:1.5vh}.date{font-size:1.35vh}.footer-copy{font-size:1.5vh}.wordmark{font-size:4vh}.wordmark span{font-size:1.1vh}}