.viewfinder[data-astro-cid-ypgok5rd]{pointer-events:none;color:var(--amber);position:absolute;inset:10%}i[data-astro-cid-ypgok5rd]{border-style:solid;border-color:currentColor;width:1.75rem;height:1.75rem;position:absolute}.tl[data-astro-cid-ypgok5rd]{border-width:2px 0 0 2px;top:0;left:0}.tr[data-astro-cid-ypgok5rd]{border-width:2px 2px 0 0;top:0;right:0}.bl[data-astro-cid-ypgok5rd]{border-width:0 0 2px 2px;bottom:0;left:0}.br[data-astro-cid-ypgok5rd]{border-width:0 2px 2px 0;bottom:0;right:0}span[data-astro-cid-ypgok5rd]{background:currentColor;border:2px solid #fff8;border-radius:50%;width:.7rem;height:.7rem;font-size:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-wrap[data-astro-cid-pdb4utfb]{background:linear-gradient(145deg,#4b4741,#151412 48%,#58524a);border-radius:2.75rem;width:min(76vw,22rem);margin:auto;padding:.6rem;box-shadow:0 2rem 4rem #1c1b1a3b}.phone[data-astro-cid-pdb4utfb]{background:#080808;border-radius:2.25rem;padding:.38rem}.camera-screen[data-astro-cid-pdb4utfb]{aspect-ratio:.485;background:#aaa;border-radius:1.9rem;position:relative;overflow:hidden}img[data-astro-cid-pdb4utfb]{object-fit:cover;width:100%;height:100%}.island[data-astro-cid-pdb4utfb]{z-index:2;background:#060606;border-radius:0 0 1rem 1rem;width:5.8rem;height:1.25rem;position:absolute;left:50%;transform:translate(-50%)}.camera-top[data-astro-cid-pdb4utfb],.camera-bottom[data-astro-cid-pdb4utfb]{color:#fff;letter-spacing:.06em;text-shadow:0 1px 5px #000;justify-content:space-between;align-items:center;padding:1.2rem 1rem;font:500 .6rem/1 ui-sans-serif,system-ui;display:flex;position:absolute;left:0;right:0}.camera-top[data-astro-cid-pdb4utfb]{top:0}.camera-bottom[data-astro-cid-pdb4utfb]{grid-template-columns:1fr auto 1fr;align-items:center;display:grid;bottom:0}.camera-bottom[data-astro-cid-pdb4utfb]>[data-astro-cid-pdb4utfb]:last-child{justify-self:end}.shutter[data-astro-cid-pdb4utfb]{background:0 0;border:3px solid #fff;border-radius:50%;width:3.1rem;height:3.1rem;box-shadow:inset 0 0 0 3px #0003}.mode[data-astro-cid-pdb4utfb]{color:#f2c568}.tip[data-astro-cid-pdb4utfb]{color:#fff;white-space:nowrap;backdrop-filter:blur(8px);background:#1c1b1ad9;border-radius:2rem;align-items:center;gap:.4rem;padding:.55rem .8rem .55rem .55rem;font:500 .66rem/1 ui-sans-serif,system-ui;display:flex;position:absolute;bottom:23%;left:50%;transform:translate(-50%)}.tip[data-astro-cid-pdb4utfb] em[data-astro-cid-pdb4utfb]{background:var(--amber);border-radius:50%;width:.45rem;height:.45rem}.phone-finder[data-astro-cid-pdb4utfb]{color:#fff;inset:18% 12% 28%}.phone-finder[data-astro-cid-pdb4utfb] span[data-astro-cid-pdb4utfb]{background:var(--amber)}:root{--ink:#1c1b1a;--paper:#f5f1e9;--cream:#e8e0d4;--amber:#d68c45;--line:#c9beb0;--pad:clamp(1.25rem,4vw,4.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.052em;font-weight:400;line-height:.94}h1,h2{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}i{font-weight:400}img{display:block}.site-header{height:5.3rem;padding:0 var(--pad);background:var(--paper);z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.site-header nav{align-items:center;gap:clamp(.9rem,2vw,2rem);font-size:.78rem;display:flex}.site-header nav>a:not(.nav-cta){opacity:.72}.nav-cta{background:var(--ink);color:#fff;border-radius:99px;padding:.7rem 1rem}.nav-cta span,.button span{color:var(--amber);margin-left:.3rem}.hero{color:#fff;height:52rem;min-height:min(52rem,100svh);position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-wash{background:linear-gradient(90deg,#16130f9b 0%,#1c1b1a40 46%,#0000 80%);position:absolute;inset:0}.hero-copy{z-index:1;left:var(--pad);max-width:46rem;position:absolute;bottom:clamp(4.5rem,10vh,7rem)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem;font-size:.65rem;font-weight:650}.light{color:#f8f2e9}.hero h1{font-size:clamp(3.5rem,8.3vw,8.2rem)}.hero h1 i{color:#f3c58d}.hero-intro{max-width:25rem;margin:1.8rem 0;font-size:1rem;line-height:1.55}.button{background:var(--ink);color:#fff;border-radius:99px;align-items:center;gap:.25rem;padding:.92rem 1.25rem;font-size:.8rem;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#393632;transform:translateY(-2px)}.button-light{color:var(--ink);background:#f6f1e9}.hero-caption{right:var(--pad);letter-spacing:.05em;opacity:.78;font-size:.66rem;position:absolute;bottom:1.8rem}.hero-caption span{color:var(--amber);margin:0 .5rem}.hero-finder{color:#fff9;inset:15% 8%}.hero-finder span{display:none}.section{padding:clamp(5rem,12vw,10rem) var(--pad)}.manifesto{max-width:76rem;margin:auto}.manifesto h2,.composition h2,.app-story h2,.principles h2,.learning h2,.final-cta h2{font-size:clamp(2.8rem,5.8vw,6rem)}.manifesto h2{max-width:57rem}.manifesto h2 i,.composition h2 i,.app-story h2 i,.principles h2 i,.learning h2 i,.final-cta h2 i{color:#a75d28}.manifesto-copy{grid-template-columns:1fr 1fr;gap:2rem;max-width:40rem;margin:4rem 0 0 auto;font-size:.92rem;line-height:1.6;display:grid}.composition{background:var(--cream);padding:clamp(5rem,10vw,9rem) var(--pad);grid-template-columns:minmax(17rem,.85fr) minmax(22rem,1.15fr);align-items:center;gap:clamp(2.5rem,8vw,10rem);display:grid}.composition-copy>p:not(.eyebrow),.story-copy>p:not(.eyebrow),.learning-copy>p:not(.eyebrow){max-width:23rem;margin-top:1.7rem;font-size:.94rem;line-height:1.65}.composition-image{aspect-ratio:1.1;background:#bab0a2;position:relative;overflow:hidden}.composition-image>img{object-fit:cover;object-position:67% center;width:100%;height:100%;transition:object-position 1.25s cubic-bezier(.2,.8,.2,1),scale 1.25s}.composition-image.is-framed>img{object-position:49% center;scale:1.04}.rule-grid{opacity:0;background:linear-gradient(90deg,#0000 33.2%,#fff8 33.4%,#0000 33.6% 66.4%,#fff8 66.6%,#0000 66.8%),linear-gradient(#0000 33.2%,#fff8 33.4%,#0000 33.6% 66.4%,#fff8 66.6%,#0000 66.8%);transition:opacity .5s;position:absolute;inset:0}.is-framed .rule-grid{opacity:1}.demo-finder{color:#fff;opacity:0;transition:opacity .5s,transform .5s;inset:14%;transform:scale(1.04)}.is-framed .demo-finder{opacity:1;transform:none}.guidance{color:#fff;background:#1c1b1ad9;border-radius:99px;align-items:center;gap:.5rem;padding:.7rem .9rem;font-size:.72rem;transition:background .4s;display:flex;position:absolute;bottom:1.4rem;left:1.4rem}.guidance span{background:var(--amber);border-radius:50%;width:.48rem;height:.48rem}.is-framed .guidance{color:var(--ink);background:#f7f2eadf}.guidance b:after{content:""}.is-framed .guidance b:after{content:"That’s the frame.";font-size:.72rem}.frame-note{color:#fff;opacity:0;max-width:7rem;font:italic 1.1rem Iowan Old Style,Georgia,serif;transition:opacity .5s .35s;position:absolute;top:1.1rem;right:1.1rem}.is-framed .frame-note{opacity:1}.composition-steps{gap:1rem;margin-top:2.5rem;display:flex}.composition-steps button{border:0;border-bottom:1px solid var(--line);cursor:pointer;color:#756f67;background:0 0;padding:0 0 .55rem;font-size:.7rem}.composition-steps button.active{color:var(--ink);border-color:var(--ink)}.app-story{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:76rem;margin:auto;display:grid}.quote{border-top:1px solid var(--line);grid-template-columns:2rem 1fr;column-gap:1rem;margin-top:3.3rem;padding-top:1rem;display:grid}.quote p{font:italic 1.4rem Georgia,serif}.quote small{text-transform:uppercase;letter-spacing:.1em;color:#70675d;grid-column:2;margin-top:.5rem;font-size:.65rem}.sound{color:var(--amber);font-size:1.8rem}.principles{background:var(--ink);color:var(--paper);padding:clamp(5rem,10vw,9rem) var(--pad)}.principles-heading{max-width:76rem;margin:auto}.principles h2 i{color:#e6ac72}.principle-list{border-top:1px solid #ffffff38;grid-template-columns:repeat(3,1fr);max-width:76rem;margin:5rem auto 0;display:grid}.principle-list article{border-right:1px solid #ffffff38;min-height:16rem;padding:1.5rem 2rem 1rem 0}.principle-list article+article{padding-left:2rem}.principle-list article:last-child{border:0}.principle-list span{color:var(--amber);font-size:.68rem}.principle-list h3{letter-spacing:-.04em;max-width:13rem;margin:2.5rem 0 1rem;font:400 clamp(1.5rem,2.2vw,2.2rem)/1.04 Iowan Old Style,Georgia,serif}.principle-list p{color:#c7c0b8;max-width:16rem;font-size:.82rem;line-height:1.6}.learning{grid-template-columns:1.1fr .9fr;min-height:46rem;display:grid}.learning-photo{min-height:30rem;position:relative;overflow:hidden}.learning-photo img{object-fit:cover;object-position:70% center;width:100%;height:100%}.learning-photo .viewfinder{color:#fff;inset:14%}.learning-copy{padding:clamp(4rem,9vw,8rem) var(--pad);flex-direction:column;justify-content:center;display:flex}.learning-copy blockquote{border-left:2px solid var(--amber);max-width:23rem;margin:2.8rem 0 0;padding:.2rem 0 .2rem 1.1rem;font:italic 1.1rem/1.45 Georgia,serif}.eventually{color:#a75d28;font:italic 1.25rem Georgia,serif;margin-top:2.4rem!important}.pro{color:var(--paper);padding:clamp(5rem,9vw,8rem) var(--pad);text-align:center;background:#a63}.pro h2{font-family:Iowan Old Style,Georgia,serif;font-size:clamp(3rem,7vw,6.5rem)}.pro h2 i{color:#f5d4a5}.pro>p:not(.eyebrow){max-width:34rem;margin:1.8rem auto;line-height:1.6}.text-link{border-bottom:1px solid #f5f1e999;padding-bottom:.45rem;font-size:.82rem;font-weight:600}.text-link span{margin-left:.5rem}.final-cta{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:35rem;display:flex;position:relative;overflow:hidden}.final-cta h2{z-index:1;position:relative}.final-finder{color:#d68c4559;inset:18% 34%}.final-cta .button{z-index:1;margin-top:2.2rem}.apple{font-size:.65rem;color:#fff!important;margin:0!important}.available{color:#756f67;margin-top:1rem;font-size:.68rem}@media (width<=700px){.site-header{height:4.4rem}.site-header nav>a:not(.nav-cta){display:none}.brand{width:8.3rem}.hero{height:44rem;min-height:100svh}.hero-image{object-position:58% center}.hero-wash{background:linear-gradient(#0000 30%,#16130fae 100%)}.hero-copy{bottom:5.2rem}.hero h1{font-size:clamp(3.25rem,13.3vw,5rem)}.hero-intro{max-width:20rem;margin:1.3rem 0;font-size:.92rem}.hero-caption{display:none}.hero-finder{inset:12% 9% 30%}.manifesto-copy{grid-template-columns:1fr;gap:1rem;margin-top:2.4rem}.composition,.app-story,.learning{grid-template-columns:1fr}.composition{gap:3rem}.composition-image{aspect-ratio:.95}.composition-steps{margin-top:2rem}.app-story{gap:3.5rem}.app-story .phone-wrap{grid-row:1}.principle-list{grid-template-columns:1fr;margin-top:3rem}.principle-list article,.principle-list article+article{border-bottom:1px solid #ffffff38;border-right:0;min-height:0;padding:1.3rem 0}.principle-list h3{margin:1.3rem 0 .8rem}.learning{min-height:0}.learning-photo{min-height:27rem}.learning-copy{padding-block:5rem}.final-cta{min-height:31rem}.final-finder{inset:14% 16%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.is-framed .guidance b{font-size:.72rem}.is-framed .guidance b:after{content:none}@media (prefers-reduced-motion:no-preference){:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-soft:cubic-bezier(.2,.75,.25,1)}.site-header{animation:header-arrive .6s var(--ease-out) both}.hero-image{animation:hero-reveal 1.1s var(--ease-out) both}.hero-wash{animation:.8s ease-out both fade-in}.hero-finder{animation:finder-settle .9s .25s var(--ease-out) both}.hero-copy>*{animation:copy-arrive .72s var(--ease-out) both}.hero-copy .eyebrow{animation-delay:.16s}.hero-copy h1{animation-delay:.24s}.hero-copy .hero-intro{animation-delay:.36s}.hero-copy .button{animation-delay:.44s}.hero-caption{animation:.6s .55s both fade-in}.js-motion [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transform:translateY(1.5rem)}.js-motion [data-reveal].is-visible{opacity:1;transform:none}.js-motion .composition-image,.js-motion .learning-photo{clip-path:inset(0 0 100%);transition:clip-path .9s var(--ease-out) .12s}.js-motion .is-visible .composition-image,.js-motion .is-visible .learning-photo{clip-path:inset(0)}.js-motion .principle-list article{opacity:0;transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);transform:translateY(1rem)}.js-motion .principles.is-visible .principle-list article{opacity:1;transform:none}.js-motion .principles.is-visible article:nth-child(2){transition-delay:.1s}.js-motion .principles.is-visible article:nth-child(3){transition-delay:.2s}.composition-image.is-guiding .guidance{animation:guidance-arrive .45s var(--ease-out) both}.composition-image.is-guiding .rule-grid{opacity:.35}.composition-image.is-guiding .demo-finder{opacity:.55;transform:scale(1.02)}.button,.nav-cta{transition:transform .18s,background .22s,box-shadow .22s}.button:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 .55rem 1.2rem #1c1b1a20}.button:active,.nav-cta:active{box-shadow:none;transform:translateY(0)scale(.98)}.composition-steps button{transition:color .2s,border-color .2s}.composition-steps button:hover{color:var(--ink);border-color:var(--ink)}.text-link{transition:color .18s,border-color .18s}.text-link:hover{color:#f7d1a6;border-color:#f7d1a6}.button.button-light:hover{background:var(--amber);color:var(--ink);box-shadow:0 .7rem 1.6rem #0e0c0938}.button.button-light:hover span{color:var(--ink)}.app-story.is-visible .phone-wrap{animation:phone-arrive .85s var(--ease-out) both}.app-story.is-visible .tip{animation:tip-settle .65s .62s var(--ease-out) both}.app-story.is-visible .phone-finder i{animation:bracket-settle .65s .52s var(--ease-out) both}.learning.is-visible .learning-photo .viewfinder{animation:finder-settle .8s .38s var(--ease-out) both}.final-cta.is-visible .final-finder{animation:finder-settle .85s var(--ease-out) both}@keyframes hero-reveal{0%{clip-path:inset(0 0 100%);transform:scale(1.03)}to{clip-path:inset(0);transform:scale(1)}}@keyframes header-arrive{0%{opacity:0;transform:translateY(-.7rem)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes copy-arrive{0%{opacity:0;transform:translateY(1.1rem)}to{opacity:1;transform:none}}@keyframes finder-settle{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes guidance-arrive{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes phone-arrive{0%{opacity:0;transform:translateY(2rem)rotate(1.5deg)}to{opacity:1;transform:none}}@keyframes tip-settle{0%{opacity:0;transform:translate(-50%,.45rem)}to{opacity:1;transform:translate(-50%)}}@keyframes bracket-settle{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}}