@font-face{font-family:Newsreader;src:url("../fonts/Newsreader.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url("../fonts/Newsreader-Italic.ttf") format("truetype");font-style:italic;font-weight:200 800;font-display:swap}
@font-face{font-family:Instrument;src:url("../fonts/InstrumentSans.ttf") format("truetype");font-style:normal;font-weight:300 800;font-display:swap}

:root{
  --ink:#171210;
  --wine:#4c101d;
  --wine-bright:#711729;
  --ivory:#f2ece3;
  --sand:#cbb8a1;
  --blush:#e3b49b;
  --olive:#6b6f3a;
  --line:rgba(242,236,227,.2);
  --page-x:clamp(22px,5vw,76px);
  color:var(--ivory);
  background:var(--ink);
  font-family:Instrument,Arial,sans-serif;
  font-synthesis:none;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--ivory)}
body::selection{background:var(--blush);color:var(--wine)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img,video{display:block;width:100%}
h1,h2,h3,p,blockquote,figure{margin:0}
em{font-family:Newsreader,serif;font-weight:310}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html{scrollbar-color:var(--wine-bright) #0d0b0a;scrollbar-width:thin}
*::selection{background:var(--blush);color:var(--wine)}
:focus-visible{outline:2px solid var(--blush);outline-offset:5px}
.scroll-progress{position:fixed;z-index:60;top:50%;right:18px;width:1px;height:116px;transform:translateY(-50%);background:rgba(242,236,227,.2)}
.scroll-progress i{position:absolute;top:0;left:0;width:1px;height:100%;background:var(--ivory);transform:scaleY(0);transform-origin:top}

.site-header{position:absolute;z-index:50;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:25px var(--page-x);font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.brand{display:flex;gap:12px;align-items:center;width:max-content;font-family:Newsreader,serif;font-size:21px;font-style:italic;font-weight:330;letter-spacing:-.02em;text-transform:none}
.brand img{width:36px;height:29px;object-fit:contain}
.site-header nav{display:flex;gap:30px;color:rgba(242,236,227,.68)}
.site-header nav a,.header-cta{transition:color .25s ease}
.site-header nav a:hover,.header-cta:hover{color:var(--blush)}
.header-cta{justify-self:end;padding-bottom:5px;border-bottom:1px solid rgba(242,236,227,.48)}
.header-cta span{margin-left:12px}

.hero{position:relative;display:flex;min-height:100svh;align-items:flex-end;isolation:isolate;overflow:hidden;padding:150px var(--page-x) 78px}
.hero-media,.starting-media{position:absolute;z-index:-4;inset:0;height:100%;object-fit:cover}
.hero-media{--look-x:0px;--look-y:0px;--hero-scroll:0px;width:108%;height:108%;inset:-4%;object-position:center 58%;filter:saturate(.68) contrast(1.05);transform:translate3d(var(--look-x),calc(var(--look-y) + var(--hero-scroll)),0) scale(1.04);transition:transform .65s cubic-bezier(.16,1,.3,1)}
.hero.is-looking .hero-media{will-change:transform}
.hero-shade{position:absolute;z-index:-3;inset:0;background:linear-gradient(180deg,rgba(13,9,8,.5),rgba(13,9,8,.08) 30%,rgba(21,8,11,.32) 58%,rgba(23,18,16,.97) 100%),linear-gradient(90deg,rgba(40,7,14,.58),transparent 72%)}
.hero-copy{width:min(930px,86vw)}
.hero h1{max-width:12ch;font-family:Newsreader,serif;font-size:clamp(58px,7.8vw,96px);font-weight:350;line-height:.88;letter-spacing:-.04em;text-wrap:balance}
.hero h1 em{display:block;color:var(--blush);font-size:.75em;line-height:.95}
.hero-intro{width:min(530px,78vw);margin:29px 0 0 9.8vw;color:rgba(242,236,227,.75);font-family:Newsreader,serif;font-size:clamp(17px,1.45vw,23px);font-weight:320;line-height:1.45}
.journey-button{display:flex;width:190px;align-items:center;justify-content:space-between;margin:34px 0 0 9.8vw;padding:13px 0;border-bottom:1px solid rgba(242,236,227,.55);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.journey-button i{font-size:17px;font-style:normal;transition:transform .3s ease}
.journey-button:hover i{transform:translateY(5px)}
.hero-foot{position:absolute;right:var(--page-x);bottom:25px;display:flex;width:min(260px,38vw);gap:15px;align-items:center;color:rgba(242,236,227,.5);font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.hero-foot-line{height:1px;flex:1;background:rgba(242,236,227,.25)}

.manifesto{position:relative;display:grid;min-height:1300px;grid-template-columns:1.15fr .8fr;gap:4vw;padding:180px var(--page-x);background:radial-gradient(circle at 22% 30%,#3e1019 0,rgba(62,16,25,.35) 28%,transparent 55%),var(--ink)}
.manifesto-main{position:relative;z-index:3;grid-column:1;padding-top:72px}
.manifesto h2,.threshold h2,.journey-intro h2,.local-knowledge h2,.app-story h2,.starting-point h2{font-family:Newsreader,serif;font-weight:340;letter-spacing:-.045em}
.manifesto h2{max-width:11ch;font-size:clamp(52px,6.3vw,96px);line-height:.91}
.manifesto h2 em{display:block;color:var(--blush)}
.manifesto-copy{width:min(485px,92%);margin:48px 0 0 13vw;color:rgba(242,236,227,.65);font-family:Newsreader,serif;font-size:clamp(18px,1.65vw,26px);font-weight:320;line-height:1.5}
.manifesto-landscape{position:absolute;right:-4vw;bottom:105px;width:min(53vw,780px);overflow:hidden}
.manifesto-landscape img{height:640px;object-fit:cover;filter:saturate(.72) contrast(1.05) brightness(.64)}
.manifesto-landscape::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(23,18,16,.88))}
.manifesto-landscape figcaption{position:absolute;z-index:2;right:28px;bottom:22px;left:28px;display:flex;align-items:center;justify-content:space-between;color:rgba(242,236,227,.65);font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.manifesto-note{position:absolute;z-index:4;bottom:270px;left:var(--page-x);width:min(390px,38vw);padding:26px 28px;border-top:1px solid rgba(227,180,155,.55);background:rgba(36,15,17,.34);font-family:Newsreader,serif;font-size:clamp(23px,2.25vw,36px);font-style:italic;font-weight:300;line-height:1.14;backdrop-filter:blur(12px)}
.manifesto-note cite{display:block;margin-top:18px;color:rgba(242,236,227,.52);font-family:Instrument,sans-serif;font-size:9px;font-style:normal;letter-spacing:.06em}

.threshold{position:relative;display:flex;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:140px var(--page-x);text-align:center;background:#0e0d0b}
.threshold-image{position:absolute;z-index:0;width:min(34vw,490px);overflow:hidden;transform:rotate(-5deg);filter:saturate(.72) brightness(.68)}
.threshold-image::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(76,16,29,.1),rgba(14,13,11,.35))}
.threshold p,.threshold h2{position:relative;z-index:2;text-shadow:0 3px 25px #000}
.threshold p{margin-bottom:30px;color:var(--blush);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.threshold h2{max-width:12ch;font-size:clamp(56px,8vw,128px);line-height:.87}
.threshold h2 em{color:var(--blush)}

.journey{position:relative;background:linear-gradient(180deg,#0e0d0b,var(--ink) 10%)}
.journey-intro{display:grid;min-height:72vh;place-content:center;padding:130px var(--page-x);text-align:center}
.journey-intro h2{max-width:11ch;font-size:clamp(52px,6.7vw,96px);line-height:.9}
.journey-sticky{position:relative;height:420vh}
.journey-visuals{position:sticky;top:0;height:100svh;overflow:hidden}
.journey-visual{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity .75s ease,transform 1.15s cubic-bezier(.2,.7,.2,1)}
.journey-visual.is-active{opacity:1;transform:scale(1)}
.journey-visual video,.journey-visual img{height:110%;object-fit:cover;filter:saturate(.7) brightness(.46) contrast(1.05);transform:translate3d(0,var(--journey-shift,0px),0) scale(1.04);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.journey-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,18,16,.96) 0%,rgba(23,18,16,.74) 35%,rgba(23,18,16,.1) 76%),linear-gradient(0deg,rgba(23,18,16,.72),transparent 40%)}
.journey-chapters{position:absolute;z-index:3;top:0;right:0;left:0}
.journey-chapter{display:flex;min-height:105vh;width:min(570px,74vw);flex-direction:column;justify-content:center;margin-left:11vw;padding:80px 0;opacity:.22;transition:opacity .45s ease,transform .55s ease;transform:translateY(25px)}
.journey-chapter.is-active{opacity:1;transform:none}
.chapter-number{color:rgba(242,236,227,.46);font-size:9px;letter-spacing:.16em}
.chapter-label{margin-top:12px;color:var(--blush);font-size:10px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}
.journey-chapter h3{max-width:9ch;margin-top:20px;font-family:Newsreader,serif;font-size:clamp(53px,6vw,96px);font-weight:330;line-height:.9;letter-spacing:-.05em}
.journey-chapter>p:not(.chapter-label):not(.chapter-example){max-width:450px;margin-top:31px;color:rgba(242,236,227,.68);font-family:Newsreader,serif;font-size:clamp(17px,1.4vw,22px);font-weight:320;line-height:1.5}
.chapter-example{width:max-content;margin-top:30px;padding-top:12px;border-top:1px solid rgba(242,236,227,.32);color:rgba(242,236,227,.52);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.journey-rail{position:sticky;z-index:5;top:24vh;left:var(--page-x);width:1px;height:52vh;margin-bottom:-52vh;background:rgba(242,236,227,.18)}
.journey-rail i{display:block;width:1px;height:100%;background:var(--blush);transform:scaleY(0);transform-origin:top}

.local-knowledge{position:relative;display:grid;min-height:1150px;grid-template-columns:.9fr 1fr;align-items:center;overflow:hidden;padding:180px var(--page-x);background:radial-gradient(circle at 70% 48%,#50111f 0,rgba(80,17,31,.36) 27%,transparent 55%),var(--ink)}
.knowledge-photo{position:absolute;overflow:hidden;box-shadow:0 45px 120px rgba(0,0,0,.42)}
.knowledge-photo img{height:100%;object-fit:cover;filter:saturate(.72) brightness(.65)}
.knowledge-photo-main{top:200px;left:-4vw;width:42vw;height:710px;transform:rotate(-1.5deg)}
.knowledge-photo-main img{object-position:54% center}
.knowledge-copy{position:relative;z-index:4;grid-column:2;width:min(650px,100%);padding-left:5vw}
.local-knowledge h2{font-size:clamp(52px,6vw,94px);line-height:.9}
.local-knowledge h2 em{display:block;color:var(--blush);font-size:.7em;line-height:1.04}
.knowledge-copy>p:not(.eyebrow){max-width:510px;margin-top:36px;color:rgba(242,236,227,.65);font-family:Newsreader,serif;font-size:clamp(17px,1.4vw,22px);line-height:1.5}
.voice-card{width:min(540px,90%);margin:70px 0 0 -7vw;padding:28px 0;border-top:1px solid rgba(227,180,155,.58);border-bottom:1px solid rgba(242,236,227,.16);backdrop-filter:blur(8px)}
.voice-card>span{color:var(--blush);font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.voice-card blockquote{margin-top:17px;font-family:Newsreader,serif;font-size:clamp(24px,2.5vw,38px);font-style:italic;font-weight:300;line-height:1.16}
.voice-card p{margin-top:19px;color:rgba(242,236,227,.49);font-size:9px}

.app-story{--phone-travel:2200px;position:relative;min-height:calc(100svh + var(--phone-travel));overflow:clip;overflow-anchor:none;background:#240a11;color:var(--ivory)}
.app-sticky{position:sticky;top:0;isolation:isolate;display:grid;height:100svh;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;overflow:hidden;padding:clamp(54px,7vh,88px) var(--page-x)}
.app-backdrop{position:absolute;z-index:-3;top:-8%;right:-5%;width:68%;height:116%;object-fit:cover;object-position:54% center;filter:saturate(.54) brightness(.34) contrast(1.08);mask-image:linear-gradient(90deg,transparent 0,#000 32%,#000 100%)}
.app-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#240a11 0%,rgba(36,10,17,.94) 32%,rgba(36,10,17,.42) 70%,rgba(19,8,11,.35) 100%),linear-gradient(180deg,rgba(23,18,16,.28),rgba(23,18,16,.72))}
.app-copy{position:relative;z-index:2;padding-left:5vw}
.app-story h2{max-width:8.5ch;font-size:clamp(55px,6.2vw,96px);line-height:.88}
.app-copy>p:not(.eyebrow){max-width:490px;margin-top:37px;color:rgba(242,236,227,.7);font-family:Newsreader,serif;font-size:clamp(17px,1.35vw,21px);line-height:1.5}
.app-copy ul{display:grid;gap:0;max-width:500px;margin:50px 0 0;padding:0;list-style:none;border-top:1px solid rgba(242,236,227,.24)}
.app-copy li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid rgba(242,236,227,.18);color:rgba(242,236,227,.82);font-family:Newsreader,serif;font-size:17px}
.app-copy li span{color:var(--blush);font-family:Instrument,sans-serif;font-size:9px;letter-spacing:.12em}
.phone-track{display:grid;height:100%;min-width:0;place-items:center}
.phone-scene{--tilt-x:0deg;--tilt-y:0deg;position:relative;display:grid;width:100%;height:100%;min-height:0;place-items:center;perspective:1200px;transform:rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transform-style:preserve-3d;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.phone-scene[data-reveal].is-visible{transform:rotateX(var(--tilt-y)) rotateY(var(--tilt-x))}
.phone-scene.is-tilting{will-change:transform}
.phone-place{position:absolute;z-index:1;top:9%;right:2%;left:4%;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;color:rgba(242,236,227,.5);font-size:8px;letter-spacing:.18em;text-transform:uppercase;transform:translateZ(-40px)}
.phone-place i{height:1px;background:rgba(242,236,227,.24)}
.phone-frame{position:relative;z-index:2;width:min(352px,65vw,calc((100svh - 98px)*.513));aspect-ratio:478/932;overflow:hidden;border:6px solid #17100f;border-radius:50px;background:#2b1518;box-shadow:0 55px 110px rgba(0,0,0,.48);transform:translateZ(48px) rotate(1.5deg);transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease}
.phone-scene.is-tilting .phone-frame{box-shadow:0 70px 130px rgba(0,0,0,.55)}
.phone-screen{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;background:#160f0d;color:var(--ivory);scrollbar-width:none;touch-action:pan-y}
.phone-screen::-webkit-scrollbar,.mini-rail::-webkit-scrollbar{display:none}
.mini-progress{position:sticky;z-index:9;top:0;height:2px;margin-bottom:-2px;background:rgba(242,236,227,.12)}
.mini-progress i{display:block;width:100%;height:100%;background:var(--blush);transform:scaleX(0);transform-origin:left}
.mini-topbar{position:absolute;z-index:8;top:2px;right:0;left:0;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;padding:14px 14px;color:rgba(242,236,227,.92);font-size:7px;font-weight:650;letter-spacing:.18em;text-align:center;text-shadow:0 1px 14px #000;text-transform:uppercase}
.mini-topbar button{display:grid;width:34px;height:34px;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(21,12,10,.28);color:var(--ivory);cursor:pointer;backdrop-filter:blur(10px)}
.mini-topbar button:hover{background:rgba(76,16,29,.66)}
.mini-topbar svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.mini-topbar .mini-save.is-saved svg{fill:var(--blush);stroke:var(--blush)}
.mini-hero{position:relative;height:540px;min-height:76%;overflow:hidden}
.mini-hero>img{height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.72) contrast(1.07)}
.mini-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,7,6,.1),rgba(12,7,6,.04) 35%,rgba(22,15,13,.28) 58%,#160f0d 100%)}
.mini-hero-copy{position:absolute;right:20px;bottom:32px;left:20px;text-shadow:0 2px 18px rgba(0,0,0,.8)}
.mini-hero-copy p,.mini-intro>p,.mini-heading p,.mini-card span,.mini-wine-feature p,.mini-moment-card span{color:var(--blush);font-size:7px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}
.mini-hero-copy h3{max-width:8ch;margin-top:7px;font-family:Newsreader,serif;font-size:41px;font-weight:360;line-height:.86;letter-spacing:-.04em}
.mini-hero-copy span{display:block;max-width:30ch;margin-top:13px;color:rgba(242,236,227,.72);font-family:Newsreader,serif;font-size:11px;line-height:1.4}
.mini-nav{position:sticky;z-index:7;top:2px;display:flex;gap:6px;padding:10px 13px;background:rgba(22,15,13,.8);backdrop-filter:blur(16px)}
.mini-nav button{flex:1;padding:8px 4px;border:1px solid rgba(242,236,227,.13);border-radius:99px;background:rgba(242,236,227,.04);color:rgba(242,236,227,.72);font-size:6.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.mini-nav button:hover,.mini-nav button.is-active{border-color:rgba(227,180,155,.55);background:rgba(113,23,41,.35);color:var(--ivory)}
.mini-intro{padding:37px 20px 45px;background:radial-gradient(circle at 90% 0,rgba(113,23,41,.38),transparent 54%)}
.mini-intro h4{max-width:11ch;margin-top:9px;font-family:Newsreader,serif;font-size:30px;font-weight:340;line-height:.92;letter-spacing:-.035em}
.mini-intro span{display:block;margin-top:17px;color:rgba(242,236,227,.58);font-family:Newsreader,serif;font-size:11px;line-height:1.48}
.mini-section{scroll-margin-top:55px;padding:34px 0 40px;border-top:1px solid rgba(242,236,227,.1)}
.mini-heading{display:flex;align-items:end;justify-content:space-between;padding:0 20px 17px}
.mini-heading h4{max-width:13ch;margin-top:6px;font-family:Newsreader,serif;font-size:23px;font-weight:340;line-height:.94;letter-spacing:-.025em}
.mini-heading>span{padding-bottom:2px;color:rgba(242,236,227,.34);font-size:6px;letter-spacing:.14em;text-transform:uppercase}
.mini-rail{display:flex;gap:10px;overflow-x:auto;padding:0 20px 7px;cursor:grab;scroll-padding:20px;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x}
.mini-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.mini-card{position:relative;flex:0 0 78%;overflow:hidden;background:#261714;scroll-snap-align:start}
.mini-card>img{height:185px;object-fit:cover;filter:saturate(.72) contrast(1.04)}
.mini-card>div{padding:15px 15px 17px}
.mini-card h5,.mini-wine-feature h5,.mini-wine-card h5{margin:6px 0 0;font-family:Newsreader,serif;font-size:21px;font-weight:360;line-height:1;letter-spacing:-.02em}
.mini-card p,.mini-wine-card p{margin-top:9px;color:rgba(242,236,227,.56);font-family:Newsreader,serif;font-size:9.5px;line-height:1.42}
.mini-wine-feature{position:relative;height:250px;margin:0 20px 12px;overflow:hidden}
.mini-wine-feature img{height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.62) brightness(.72)}
.mini-wine-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(15,9,8,.92))}
.mini-wine-feature div{position:absolute;z-index:1;right:15px;bottom:16px;left:15px}
.mini-rail-text{gap:8px}
.mini-wine-card{flex:0 0 56%;min-height:136px;padding:16px;background:rgba(242,236,227,.055);scroll-snap-align:start}
.mini-wine-card>span{color:rgba(227,180,155,.56);font-size:7px;letter-spacing:.14em}
.mini-moment-card{flex-basis:86%}
.mini-moment-card>img{height:210px}
.mini-voices{padding-bottom:28px}
.mini-voice-card{margin:0 20px;padding-bottom:21px;border-bottom:1px solid rgba(242,236,227,.12)}
.mini-voice-card img{height:174px;object-fit:cover;filter:saturate(.64) brightness(.7)}
.mini-voice-card blockquote{margin-top:20px;font-family:Newsreader,serif;font-size:19px;font-style:italic;font-weight:290;line-height:1.18}
.mini-voice-card p{margin-top:13px;color:rgba(242,236,227,.39);font-size:6.5px;letter-spacing:.07em;text-transform:uppercase}
.mini-cta{display:flex;align-items:center;justify-content:space-between;margin:0 20px;padding:17px 0;border-top:1px solid rgba(227,180,155,.54);border-bottom:1px solid rgba(227,180,155,.54);color:var(--ivory);font-family:Newsreader,serif;font-size:16px}
.mini-cta i{font-size:17px;font-style:normal}
.mini-prototype-note{padding:15px 20px 28px;color:rgba(242,236,227,.28);font-size:6px;letter-spacing:.07em;text-align:center;text-transform:uppercase}
.phone-caption{position:absolute;z-index:3;width:max-content;padding:12px 0;border-top:1px solid rgba(227,180,155,.7);color:rgba(242,236,227,.74);font-size:8px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.caption-one{top:27%;left:0;transform:translateZ(75px) rotate(-4deg)}
.caption-two{right:-2%;bottom:24%;transform:translateZ(82px) rotate(3deg)}

.starting-point{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden;padding:140px var(--page-x);isolation:isolate;text-align:center}
.starting-media{width:110%;height:110%;inset:-5%;object-position:center 56%;filter:saturate(.64) brightness(.78)}
.starting-shade{position:absolute;z-index:-3;inset:0;background:linear-gradient(180deg,rgba(20,8,11,.58),rgba(25,8,13,.84)),radial-gradient(circle at 50% 35%,transparent,#171210 80%)}
.starting-copy{width:min(900px,100%)}
.starting-point h2{max-width:11ch;margin:0 auto;font-size:clamp(57px,7.7vw,96px);line-height:.88}
.starting-point h2 em{display:block;color:var(--blush)}
.place-search{display:grid;width:min(650px,90vw);grid-template-columns:1fr auto;margin:60px auto 0;border-bottom:1px solid rgba(242,236,227,.55)}
.place-search input{min-width:0;padding:18px 0;border:0;outline:0;background:transparent;color:var(--ivory);font-family:Newsreader,serif;font-size:clamp(19px,2vw,29px)}
.place-search input::placeholder{color:rgba(242,236,227,.55)}
.place-search button{display:flex;gap:30px;align-items:center;padding:0 4px 0 28px;border:0;background:transparent;font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.place-search button i{font-family:Newsreader,serif;font-size:24px;font-style:normal}
.suggestions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:22px}
.suggestions button{padding:7px 12px;border:1px solid rgba(242,236,227,.2);border-radius:99px;background:rgba(23,18,16,.16);color:rgba(242,236,227,.66);font-size:9px;cursor:pointer;backdrop-filter:blur(8px)}
.suggestions button:hover{border-color:var(--blush);color:var(--ivory)}
.search-note{margin-top:22px;color:rgba(242,236,227,.45);font-size:9px;letter-spacing:.05em}

footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding:60px var(--page-x);border-top:1px solid rgba(242,236,227,.12);background:#0d0b0a;color:rgba(242,236,227,.5);font-size:9px;letter-spacing:.07em;text-transform:uppercase}
.footer-brand{color:var(--ivory);font-size:18px}
footer>p{text-align:center}
footer>div{display:flex;gap:20px;justify-self:end}

[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.65,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}
[data-drift]>img,[data-drift].app-backdrop,[data-drift].starting-media{--drift-y:0px;transform:translate3d(0,var(--drift-y),0) scale(1.08);transition:transform .3s linear}
.manifesto-landscape[data-reveal],.knowledge-photo[data-reveal]{clip-path:inset(0 0 12% 0);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1),clip-path 1.2s cubic-bezier(.16,1,.3,1)}
.manifesto-landscape[data-reveal].is-visible,.knowledge-photo[data-reveal].is-visible{clip-path:inset(0)}

@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.header-cta{font-size:9px}
  .hero{padding-bottom:82px}.hero-copy{width:100%}.hero-intro,.journey-button{margin-left:0}
  .manifesto{min-height:1280px;grid-template-columns:1fr;padding-top:140px}.manifesto-main{padding-top:0}.manifesto-copy{margin-left:10vw}.manifesto-landscape{right:-18vw;bottom:80px;width:82vw}.manifesto-landscape img{height:580px}.manifesto-note{bottom:250px;left:7vw;width:62vw}
  .journey-chapter{margin-left:12vw}.journey-visual::after{background:linear-gradient(90deg,rgba(23,18,16,.96),rgba(23,18,16,.55) 75%,rgba(23,18,16,.28))}
  .local-knowledge{min-height:1260px;grid-template-columns:1fr;align-items:start;padding-top:150px}.knowledge-copy{grid-column:1;padding-left:6vw}.knowledge-photo-main{top:680px;width:72vw;height:520px}.voice-card{margin-left:0}
  .app-story{min-height:0;overflow:visible}.app-sticky{position:relative;display:block;height:auto;min-height:100%;overflow:clip;padding:130px var(--page-x) 0}.app-backdrop{top:34%;right:-18%;width:118%;height:66%;mask-image:linear-gradient(180deg,transparent,#000 18%,#000)}.app-shade{background:linear-gradient(180deg,#240a11 0%,rgba(36,10,17,.92) 34%,rgba(36,10,17,.36) 68%,#19090d 100%)}.app-copy{padding-left:0}.phone-track{position:relative;display:block;height:calc(100svh + var(--phone-travel));margin-top:62px}.phone-scene{position:sticky;top:0;height:100svh;min-height:0}.caption-one{left:5%}.caption-two{right:3%}
  footer{grid-template-columns:1fr;gap:22px;text-align:left}footer>p{text-align:left}footer>div{justify-self:start}
}

@media(max-width:560px){
  :root{--page-x:20px}.scroll-progress{display:none}.site-header{padding-top:18px}.brand{font-size:17px}.brand img{width:31px}.header-cta{padding-bottom:3px}.header-cta span{display:none}
  .hero{padding-top:120px}.hero h1{font-size:55px;line-height:.89}.hero h1 em{margin-top:5px;font-size:.8em}.hero-intro{width:92%;font-size:17px}.hero-foot{font-size:7px}
  .manifesto{min-height:1110px;padding-top:120px}.manifesto h2{font-size:49px}.manifesto-copy{width:90%;margin:33px 0 0 8vw;font-size:17px}.manifesto-landscape{right:-25vw;bottom:40px;width:100vw}.manifesto-landscape img{height:460px}.manifesto-note{bottom:230px;left:20px;width:78vw;padding:20px;font-size:23px}
  .threshold{min-height:800px}.threshold-image{width:70vw}.threshold h2{font-size:52px}
  .journey-intro{min-height:64vh}.journey-intro h2{font-size:49px}.journey-sticky{height:400vh}.journey-chapter{width:82vw;margin-left:11vw}.journey-chapter h3{font-size:53px}.journey-chapter>p:not(.chapter-label):not(.chapter-example){font-size:17px}.journey-rail{left:20px}
  .local-knowledge{min-height:1200px;padding-top:120px}.local-knowledge h2{font-size:47px}.knowledge-copy{padding-left:0}.knowledge-copy>p{font-size:17px}.voice-card{width:100%;margin-top:48px}.voice-card blockquote{font-size:25px}.knowledge-photo-main{top:690px;left:-16vw;width:102vw;height:440px}
  .app-sticky{padding-top:110px}.app-story h2{font-size:52px}.phone-track{margin-top:48px}.phone-frame{width:min(278px,calc((100svh - 92px)*.513))}.phone-caption{display:none}.phone-place{top:5%;right:0;left:0}
  .starting-point h2{font-size:51px}.place-search{width:100%;margin-top:44px}.place-search button span{display:none}.place-search button{padding-left:15px}.suggestions{justify-content:flex-start}.search-note{text-align:left}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.journey-visual{transition:none}[data-parallax]{transform:none!important}.hero-media,[data-drift]>img,[data-drift].app-backdrop,[data-drift].starting-media,.journey-visual video,.journey-visual img,.phone-scene{transform:none!important;transition:none!important}
}