*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#233d43;background:#ffffff;font-family:'Google Sans Flex',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #07bdb5;outline-offset:5px}a{color:inherit;text-decoration:none}.mono{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.serif,h1,h2{font-family:'EB Garamond',serif;font-weight:400}nav{position:fixed;z-index:20;left:4%;right:4%;top:22px;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border:1px solid #ffffffb0;border-radius:40px;background:#ffffff65;backdrop-filter:blur(20px);box-shadow:inset 0 1px 1px white,0 8px 35px #254a4f08}.brand{font-family:'EB Garamond',serif;font-size:31px;letter-spacing:-2px}nav .links{display:flex;align-items:center;gap:30px;font-size:13px}.pill{border:1px solid #ffffffc0;border-radius:40px;padding:15px 27px;background:#ffffff90;color:#23454a;box-shadow:inset 0 2px 2px white,0 5px 20px #264e4710}.teal{background:#137f7d;color:white;border-color:#137f7d;box-shadow:inset 0 1px #ffffff30,0 6px 25px #158b8420}.arrival{height:1050px;min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 25% 25%,#e3efec99,transparent 55%),radial-gradient(ellipse at 80% 70%,#f8e9d880,transparent 50%),#ffffff}.question{position:absolute;top:36%;left:50%;width:min(650px,84%);text-align:center;transform:translateX(-50%);z-index:3;animation:appear 1s 1s both}.question h1{font-size:clamp(36px,4.1vw,62px);line-height:1.12;letter-spacing:-2px;margin:25px 0 34px}.answers{display:flex;justify-content:center;gap:12px}.answer{border-radius:50px;background:#fff8;border:1px solid #d0ddda;padding:14px 22px;color:#486063}.answer[aria-pressed=true]{background:#e0f4ee;border-color:#239c92}.choices{margin-top:22px;display:flex;justify-content:center;gap:15px;align-items:center;visibility:hidden;opacity:0;transition:.5s}.choices.show{visibility:visible;opacity:1}.quiet{font-size:12px;color:#71837f;margin-top:26px}.objects{position:absolute;inset:0;pointer-events:none}.object{position:absolute;left:50%;top:43%;width:160px;height:185px;border-radius:15px;background:#ffffffa8;border:1px solid white;box-shadow:inset 0 1px white,0 15px 30px #4259550c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r));transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .6s;animation:spread 1.7s cubic-bezier(.2,.8,.2,1) both}.object svg{width:76px;height:76px;fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.object span{font:italic 15px 'EB Garamond';color:#60736a}.gathered .object{transform:translate(calc(-50% + var(--line)),300px) rotate(0) scale(.62)}.scroll-note{position:absolute;bottom:65px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.12em;color:#7a8f88}.scroll-note:after{content:'';display:block;width:1px;height:35px;background:#bccdc7;margin:16px auto}.hero{height:100svh;min-height:800px;position:relative;background:url('/public/lake.webp') center 56%/cover;display:flex;align-items:flex-start;justify-content:center;text-align:center}.hero-content{padding-top:125px;width:min(750px,90%)}.hero h2{font-size:clamp(54px,6.5vw,92px);line-height:1.04;letter-spacing:-4px;margin:24px 0}.hero .intro{font-size:16px;line-height:1.7;max-width:470px;margin:0 auto 27px;color:#405a5b}.hero .caption{font:italic 17px 'EB Garamond';margin-top:24px}.hero-bottom{position:absolute;bottom:30px;font-size:11px;letter-spacing:.15em;color:#234e50}.features{padding:110px max(7vw,24px) 90px;background:#ffffff}.features>header{text-align:center}.features h2{font-size:clamp(36px,4vw,55px);letter-spacing:-1.5px;margin:22px 0 55px}.feature-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-tabs{display:flex;flex-direction:column;gap:5px}.tab{text-align:left;border:0;border-left:2px solid #dde6df;background:none;padding:22px 25px;color:#728480}.tab.active{border-color:#278e85;color:#234348;background:linear-gradient(90deg,#e9f2ea88,transparent)}.tab strong{display:block;font:26px 'EB Garamond';margin:10px 0}.tab p{font-size:14px;line-height:1.7;margin:0;max-width:300px}.device-stage{background:radial-gradient(ellipse,#daeae2,transparent 70%);padding:30px}.phone{width:280px;min-height:490px;margin:auto;background:#ffffffb8;border:6px solid #ffffffb0;border-radius:42px;padding:25px;box-shadow:inset 0 1px white,0 30px 60px #38575015;transform:rotate(3deg)}.phone .notch{width:62px;height:5px;border-radius:9px;background:#dce5df;margin:0 auto 42px}.phone h3{font:30px 'EB Garamond';line-height:1.15;margin:15px 0}.phone p{font-size:13px;line-height:1.7;color:#6c7f78}.input{padding:20px 14px;background:#f0f6f0;border-radius:15px;margin:28px 0;font-size:13px;color:#577468}.phone .pill{width:100%;margin-top:24px;font-size:13px}.preview-note{text-align:center;font-size:11px;color:#89988f;margin-top:32px}.footer{padding:25px;text-align:center;border-top:1px solid #e7eee7;font:italic 17px 'EB Garamond';color:#72857a}dialog{border:1px solid #d9e8e0;border-radius:24px;padding:30px;max-width:420px;box-shadow:0 20px 80px #163c3b30}dialog::backdrop{background:#173f4140;backdrop-filter:blur(6px)}dialog p{line-height:1.7;color:#627671}@keyframes spread{0%,20%{transform:translate(-50%,-50%) rotate(var(--r));opacity:0}30%{opacity:1}}@keyframes appear{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}@media(max-width:760px){nav{top:12px;left:12px;right:12px;padding:9px 15px}nav .links{gap:16px}nav .links a{display:none}.arrival{height:900px}.question{top:34%}.object{width:100px;height:118px}.object svg{width:48px;height:48px}.object span{font-size:11px}.object{transform:translate(calc(-50% + var(--x)*.48),calc(-50% + var(--y)*1.25)) rotate(var(--r))}.question h1{letter-spacing:-1.3px}.hero{min-height:730px}.hero-content{padding-top:130px}.hero h2{letter-spacing:-2px}.hero .intro{max-width:320px;font-size:14px}.feature-grid{grid-template-columns:1fr;gap:24px}.features{padding-top:75px}.features h2{margin-bottom:30px}.answers{gap:8px}.answer{padding:13px 15px;font-size:13px}.gathered .object{transform:translate(calc(-50% + var(--line)*.62),260px) scale(.65)}.choices{flex-direction:column}.device-stage{order:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Illustrated cutouts. A visible stack holds, spreads, then reveals the question. */
.objects{mix-blend-mode:multiply}.object{width:205px;height:205px;border:0;border-radius:0;background:transparent;box-shadow:none;display:block;animation:none;transform:translate(calc(-50% + var(--stack-x)),calc(-50% + var(--stack-y))) rotate(var(--r));transition:transform 1.15s cubic-bezier(.22,.75,.2,1)}.object svg{width:100%;height:100%;stroke:none;fill:none}.object:nth-child(1){--stack-x:-22px;--stack-y:-15px;z-index:5}.object:nth-child(2){--stack-x:18px;--stack-y:-3px;z-index:4}.object:nth-child(3){--stack-x:-8px;--stack-y:20px;z-index:3}.object:nth-child(4){--stack-x:27px;--stack-y:16px;z-index:2}.object:nth-child(5){--stack-x:0px;--stack-y:-24px;z-index:1}.spread .object{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r))}.gathered .object{transform:translate(calc(-50% + var(--line)),300px) rotate(0) scale(.62)}.question{opacity:0;visibility:hidden;animation:none;transition:opacity .7s,visibility .7s}.question-ready .question{opacity:1;visibility:visible}.arrival .scroll-note{opacity:0;transition:opacity .6s}.question-ready .scroll-note{opacity:1}@media(max-width:760px){.object{width:145px;height:145px}.spread .object{transform:translate(calc(-50% + var(--x)*.4),calc(-50% + var(--y)*1.17)) rotate(var(--r))}.gathered .object{transform:translate(calc(-50% + var(--line)*.6),300px) rotate(0) scale(.62)}}@media(prefers-reduced-motion:reduce){.object{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r))}.question{opacity:1;visibility:visible}.arrival .scroll-note{opacity:1}} 

.arrival[hidden]{display:none!important}

/* Let the lake dissolve into the following section, with a quiet irregular shoreline. */
.hero{isolation:isolate}.hero:after{content:'';position:absolute;inset:auto 0 0;height:190px;pointer-events:none;background:linear-gradient(180deg,rgba(197,231,223,0),rgba(211,238,228,.38) 40%,#e7f3eb 100%);z-index:-1}.hero-bottom{bottom:55px}.lake-flow{height:210px;position:relative;margin-bottom:-95px;overflow:hidden;pointer-events:none;background:linear-gradient(#e7f3eb,#ffffff);isolation:isolate}.lake-flow svg{position:absolute;width:112%;height:100%;left:-6%;top:0;overflow:visible}.flow-one,.flow-two,.flow-three{transform-origin:center;will-change:transform;animation:lake-drift 22s ease-in-out infinite alternate}.flow-two{animation-duration:29s;animation-delay:-9s}.flow-three{animation-duration:35s;animation-delay:-16s}.features{position:relative;background:radial-gradient(ellipse 70% 300px at 60% 0%,#deeee480,transparent 100%),#ffffff;padding-top:120px}.features>header{position:relative;z-index:1}@keyframes lake-drift{from{transform:translateX(-1.8%) scaleY(.93)}to{transform:translateX(1.8%) scaleY(1.07)}}@media(max-width:760px){.lake-flow{height:150px;margin-bottom:-65px}.hero:after{height:140px}.features{padding-top:95px}}@media(prefers-reduced-motion:reduce){.flow-one,.flow-two,.flow-three{animation:none;will-change:auto}}

/* One continuous lake image; no attached transition band. */
.hero{background:none;overflow:visible;z-index:0}.hero:after{display:none}.hero:before{content:'';position:absolute;inset:0 0 -210px;background:url('/public/lake.webp') center 54%/cover no-repeat;z-index:-1;pointer-events:none;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%221000%22%20viewBox%3D%220%200%201440%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22fade%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.95%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.58%22%2F%3E%3Cstop%20offset%3D%22.94%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22water%22%20x%3D%22-10%25%22%20y%3D%22-20%25%22%20width%3D%22120%25%22%20height%3D%22140%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.004%20.011%22%20numOctaves%3D%222%22%20seed%3D%227%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%2295%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%229%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20x%3D%22-100%22%20y%3D%22-150%22%20width%3D%221640%22%20height%3D%221170%22%20fill%3D%22url%28%23fade%29%22%20filter%3D%22url%28%23water%29%22%2F%3E%3C%2Fsvg%3E");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%221000%22%20viewBox%3D%220%200%201440%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22fade%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.62%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.95%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.58%22%2F%3E%3Cstop%20offset%3D%22.94%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22water%22%20x%3D%22-10%25%22%20y%3D%22-20%25%22%20width%3D%22120%25%22%20height%3D%22140%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.004%20.011%22%20numOctaves%3D%222%22%20seed%3D%227%22%20result%3D%22noise%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22noise%22%20scale%3D%2295%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%229%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20x%3D%22-100%22%20y%3D%22-150%22%20width%3D%221640%22%20height%3D%221170%22%20fill%3D%22url%28%23fade%29%22%20filter%3D%22url%28%23water%29%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.features{background:transparent;padding-top:140px;z-index:1}.hero-bottom{bottom:65px}@media(max-width:760px){.hero:before{bottom:-150px}.features{padding-top:110px}} 

/* Thea reference: upright screen left, progressive feature narrative right. */
.feature-grid{max-width:1040px;grid-template-columns:minmax(290px,400px) minmax(300px,1fr);gap:80px;align-items:center}.device-stage{grid-column:1;grid-row:1;padding:0;background:none}.feature-tabs{grid-column:2;grid-row:1;gap:0}.phone{width:100%;max-width:345px;min-height:610px;transform:none;border:1px solid #ffffffc9;border-radius:30px;padding:32px;background:linear-gradient(155deg,#e0f2ed,#eaf3ef 58%,#f5f5ec);box-shadow:inset 0 1px 2px white,0 18px 50px #476b6009;transition:background .65s}.phone .notch{width:72px;height:4px;margin:0 auto 70px;background:#9fbdb350}.phone h3{font-size:37px;line-height:1.12;margin:22px 0}.phone p{font-size:15px;line-height:1.65}.phone .input{background:#ffffff75;border:1px solid #ffffffb0;font-size:15px;padding:24px 18px;min-height:80px;margin:35px 0}.phone .pill{margin-top:40px}.tab{position:relative;border:0;padding:27px 0 27px 35px;background:none!important;color:#93a19b;min-height:145px;transition:color .4s}.tab:before,.tab:after{content:'';position:absolute;left:0;top:5px;bottom:5px;width:7px;border-radius:10px;background:#dce6df}.tab:after{background:#298b82;transform:scaleY(0);transform-origin:top;transition:none}.tab.active:after{transform:scaleY(var(--feature-progress,0))}.tab.visited:after{transform:scaleY(1)}.tab.active,.tab.visited{color:#233d43}.tab .mono{font-size:10px;letter-spacing:.14em}.tab strong{font-size:28px;margin:9px 0}.tab p{font-size:15px;line-height:1.55;max-width:370px}.feature-pause{display:block;margin:12px auto 0;background:none;border:0;padding:10px 16px;font-size:12px;color:#617e73;text-decoration:underline;text-underline-offset:4px}.preview-note{margin-top:19px}.phone.changing>*:not(.notch){animation:screen-change .5s ease both}@keyframes screen-change{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.feature-grid{grid-template-columns:minmax(0,1fr);gap:30px}.device-stage{grid-column:1;grid-row:1;order:initial}.feature-tabs{grid-column:1;grid-row:2;max-width:420px;width:100%;margin:auto}.phone{max-width:310px;min-height:530px}.phone .notch{margin-bottom:40px}.tab{min-height:130px;padding:20px 0 20px 29px}.tab strong{font-size:25px}.features h2{font-size:37px;margin-bottom:48px}}@media(prefers-reduced-motion:reduce){.phone.changing>*{animation:none}.tab.active:after{transform:scaleY(1)}}

.features{scroll-margin-top:100px}

/* iPhone-like hardware: tall viewport, continuous bezel, camera island, side keys. */
.iphone{position:relative;width:min(100%,330px);aspect-ratio:393/852;margin:0 auto;padding:9px;border-radius:53px;background:#161b1c;border:2px solid #858c8a;box-shadow:inset 0 0 0 2px #c5cbc7,inset 0 0 0 4px #343c3a,0 2px 4px #273e3520,0 25px 48px -15px #203a3438}.iphone:after{content:'';pointer-events:none;position:absolute;inset:3px;border:1px solid #dce1de66;border-radius:49px}.phone{position:relative;width:100%;max-width:none;height:100%;min-height:0;border:0;border-radius:42px;padding:99px 24px 42px;overflow:hidden;box-shadow:none;display:flex;flex-direction:column}.phone .notch{position:absolute;left:50%;top:11px;transform:translateX(-50%);width:94px;height:27px;border-radius:22px;background:#111617;margin:0;z-index:2}.notch i{position:absolute;width:8px;height:8px;right:10px;top:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#244656,#10191f 65%);box-shadow:0 0 0 2px #080d0e}.status-bar{position:absolute;left:23px;right:20px;top:18px;display:flex;justify-content:space-between;align-items:center;font:600 12px 'Google Sans Flex';color:#243c37}.status-symbols svg{width:47px;height:13px;display:block}.phone h3{font-size:31px;line-height:1.12;margin:21px 0 13px;letter-spacing:-.6px}.phone p{font-size:14px;line-height:1.6;margin:8px 0}.phone>.mono{font-size:9px;letter-spacing:.13em}.phone .input{margin:27px 0 19px;padding:20px 15px;min-height:78px;font-size:14px;line-height:1.5}.phone .pill{margin-top:auto;min-height:47px;padding:13px 10px;font-size:13px}.home-indicator{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);height:4px;width:105px;background:#172c26;border-radius:5px}.device-key{position:absolute;width:3px;background:linear-gradient(90deg,#77847f,#cbd1ce,#6c7773);border-radius:2px;left:-4px}.key-action{top:111px;height:21px}.key-volume{top:160px;height:71px;background:linear-gradient(#a5afaa 0 44%,transparent 44% 54%,#a5afaa 54%)}.key-power{left:auto;right:-4px;top:182px;height:57px}.phone.changing>.status-bar,.phone.changing>.home-indicator{animation:none}.feature-grid{grid-template-columns:minmax(290px,400px) minmax(300px,1fr)}@media(max-width:760px){.feature-grid{grid-template-columns:minmax(0,1fr)}.iphone{width:min(100%,310px)}.phone{max-width:none;min-height:0}.phone .notch{margin:0}.phone h3{font-size:29px}.phone .input{margin-top:22px}.phone .pill{margin-top:auto}}

/* Brand tokens and a two-column tablet/desktop feature composition. */
:root{--primary:#11D2CB;--primary-bright:#5FE6DF;--primary-strong:#07BDB5;--primary-tint:#DDF9F7;--accent:#FF4D97;--accent-text:#E0357F;--accent-tint:#FFE3EF;--ink:#16181C;--muted:#5C6470}.teal{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;font-size:15px;box-shadow:inset 0 1px #ffffff66,0 6px 22px #11d2cb22}.teal:hover{background:var(--primary-bright);border-color:var(--primary-bright)}.teal:active{background:var(--primary-strong);border-color:var(--primary-strong)}.tab:after{background:var(--primary)}.tab.active,.tab.visited{color:var(--ink)}.tab.active .mono{color:var(--muted)}.answer[aria-pressed=true]{background:var(--primary-tint);border-color:var(--primary);color:var(--ink)}.phone .pill{font-size:15px;font-weight:600}.phone{color:var(--ink)}.phone p{color:var(--muted)}.feature-pause{color:var(--muted)}
@media(min-width:600px) and (max-width:1000px){.features{padding-left:30px;padding-right:30px}.feature-grid{grid-template-columns:minmax(245px,.95fr) minmax(240px,1fr);gap:35px}.device-stage{grid-column:1;grid-row:1}.feature-tabs{grid-column:2;grid-row:1;max-width:none}.iphone{width:min(100%,310px)}.phone{padding:83px 20px 35px}.phone h3{font-size:28px}.phone p,.phone .input{font-size:13px}.tab{padding:20px 0 20px 23px;min-height:142px}.tab strong{font-size:25px}.tab p{font-size:14px}.tab:before,.tab:after{width:5px}.phone .input{margin:20px 0 14px;padding:17px 12px}.features h2{font-size:42px}}
@media(max-width:599px){.feature-grid{grid-template-columns:minmax(0,1fr)}.device-stage{grid-column:1;grid-row:1}.feature-tabs{grid-column:1;grid-row:2}}

/* Keep the feature composition proportional to both the window and the device. */
.features{padding:100px max(6vw,24px) 72px;scroll-margin-top:16px}
.features h2{font-size:clamp(34px,4vw,50px);line-height:1.14;margin:18px 0 46px}
.feature-grid{width:100%;max-width:940px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,80px);align-items:center}
.device-stage{grid-column:1;grid-row:1;min-width:0}
.feature-tabs{grid-column:2;grid-row:1;min-width:0;max-width:390px;margin:0}
.iphone{width:min(100%,290px,calc(60svh * 393 / 852));aspect-ratio:393/852;padding:6px;border:1px solid #8c9693;border-radius:42px;container-type:inline-size;background:#202725;box-shadow:inset 0 0 0 1px #d0d6d3,inset 0 0 0 3px #404945,0 18px 35px -14px #203a3435}
.iphone:after{inset:2px;border-radius:40px;border-color:#dce1de40}
.phone{padding:27cqw 7.5cqw 12cqw;border-radius:35px;max-width:none;min-height:0}
.phone .notch{top:3.5cqw;width:30cqw;height:8.5cqw;border-radius:20px;margin:0}
.notch i{width:2.5cqw;height:2.5cqw;right:3cqw;top:3cqw}
.status-bar{left:7cqw;right:6cqw;top:5.5cqw;font-size:3.8cqw}
.status-symbols svg{width:15cqw;height:4.2cqw}
.phone>.mono{font-size:2.9cqw;letter-spacing:.12em}
.phone h3{font-size:9.5cqw;line-height:1.14;margin:6cqw 0 3cqw;letter-spacing:-.4px}
.phone p{font-size:4.3cqw;line-height:1.6;margin:2.5cqw 0}
.phone .input{font-size:4.3cqw;line-height:1.5;padding:6cqw 4.5cqw;min-height:24cqw;margin:7cqw 0 5cqw;border-radius:12px}
.phone .pill{font-size:4.6cqw;min-height:15cqw;padding:4cqw 3cqw;margin-top:auto}
.home-indicator{bottom:3cqw;width:33cqw;height:3px}
.key-action{top:16%;height:3%}.key-volume{top:23%;height:10%}.key-power{top:27%;height:8%}
.tab{padding:19px 0 19px 25px;min-height:0}
.tab:before,.tab:after{width:4px;top:5px;bottom:5px}
.tab strong{font-size:clamp(22px,2.6vw,28px);line-height:1.2;margin:8px 0}
.tab p{font-size:14px;line-height:1.6;max-width:350px}
.preview-note{font-size:10px;margin:17px 0 0}.feature-pause{font-size:11px;margin:3px auto 0;padding:8px 12px}
@media(max-width:599px){.features{padding:80px 24px 55px}.features h2{font-size:34px;margin-bottom:35px}.feature-grid{grid-template-columns:1fr;gap:26px}.iphone{width:250px;max-width:100%}.feature-tabs{grid-column:1;grid-row:2;max-width:360px;margin:auto}.tab strong{font-size:24px}}


.types{position:relative;isolation:isolate;overflow:hidden;padding:105px 0 90px;min-height:760px;scroll-margin-top:0;background:#ffffff;--cloud1:#bcc5ef;--cloud2:#d7ccef;--cloud3:#b5dcd9;--cloud4:#f5dfcd}
.type-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.type-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff 0%,#ffffff00 22%,#ffffff10 55%,#ffffff 100%)}
.cloud{position:absolute;filter:blur(48px);opacity:.85;transition:background 1.4s ease;will-change:transform;border-radius:43% 57% 66% 34% / 60% 37% 63% 40%}
.cloud-a{width:75%;height:66%;left:-15%;top:9%;background:var(--cloud1);animation:cloud-a 19s ease-in-out infinite alternate}
.cloud-b{width:55%;height:80%;left:31%;top:-5%;background:var(--cloud2);animation:cloud-b 17s ease-in-out infinite alternate}
.cloud-c{width:64%;height:58%;right:-22%;top:17%;background:var(--cloud3);animation:cloud-a 22s -8s ease-in-out infinite alternate-reverse}
.cloud-d{width:28%;height:68%;left:45%;top:5%;background:var(--cloud4);opacity:.65;animation:cloud-b 13s -5s ease-in-out infinite alternate-reverse}
.cloud-light{position:absolute;inset:0;background:radial-gradient(ellipse 7% 36% at 32% 39%,#fff9,transparent),radial-gradient(ellipse 10% 29% at 73% 31%,#fff8,transparent);filter:blur(23px);animation:cloud-a 21s -9s ease-in-out infinite alternate}
.type-grain{position:absolute;inset:0;opacity:.045;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.types header{text-align:center;padding:0 24px}.types h2{font-size:clamp(35px,4.4vw,58px);line-height:1.1;letter-spacing:-1.6px;margin:18px 0}.types header p{font-size:14px;line-height:1.6;color:#5c6470;margin:0}
.type-rail{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:42px max(24px,calc(50% - 170px)) 28px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.type-rail::-webkit-scrollbar{display:none}
.type-pill{flex:none;white-space:nowrap;scroll-snap-align:center;background:#ffffff65;border:1px solid #ffffff60;border-radius:100px;padding:15px 33px;font:400 clamp(33px,4.6vw,62px)/1.12 'EB Garamond',serif;letter-spacing:-1.5px;color:#233d43;backdrop-filter:blur(22px);box-shadow:inset 0 1px #ffffff85;transition:background .6s,box-shadow .6s}.type-pill[aria-selected=true]{background:#fffffff0;box-shadow:inset 0 1px #fff,0 8px 30px #56696606}.type-pill:hover{background:#ffffffc0}
.type-detail{max-width:540px;min-height:190px;margin:8px auto 0;padding:0 26px;text-align:center}.type-detail blockquote{font:italic clamp(25px,3vw,34px)/1.28 'EB Garamond',serif;letter-spacing:-.5px;margin:20px 0 16px}.type-detail p{font-size:15px;line-height:1.7;color:#526366;margin:0 auto;max-width:440px}.type-detail.changing{animation:type-reveal .7s ease-out both}.type-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:6px 0 23px}.type-arrow{border:1px solid #b8cbc680;background:#ffffff70;border-radius:50%;width:38px;height:38px;color:#405955;font-size:20px}.type-count{font-size:11px;letter-spacing:.15em;color:#647a75}.type-cta{text-align:center}.type-cta p{font-size:12px;color:#6b7d77;margin:15px 0 0}
@keyframes cloud-a{from{transform:translate(-3%,-2%) scale(1.02) rotate(-7deg)}to{transform:translate(7%,5%) scale(1.12,.96) rotate(6deg)}}
@keyframes cloud-b{from{transform:translate(4%,-5%) scale(.97,1.06) rotate(8deg)}to{transform:translate(-6%,4%) scale(1.1,.95) rotate(-6deg)}}
@keyframes type-reveal{from{opacity:.78}to{opacity:1}}
@media(max-width:599px){.types{padding:85px 0 65px;min-height:700px}.type-pill{font-size:38px;padding:16px 27px}.type-rail{gap:12px;padding-top:34px}.type-detail{min-height:205px}.cloud{filter:blur(35px)}}
@media(prefers-reduced-motion:reduce){.cloud,.cloud-light{animation:none;will-change:auto}.cloud,.type-pill{transition:none}.type-detail.changing{animation:none}}

/* Layered moving light, with independent vertical folds and flowing highlights. */
.cloud{filter:blur(32px);opacity:.95}
.cloud-a{width:85%;height:85%;left:-25%;top:-5%;animation:light-field-one 16s linear infinite}
.cloud-b{width:70%;height:90%;left:20%;top:-10%;animation:light-field-two 19s linear infinite}
.cloud-c{width:80%;height:75%;right:-30%;top:7%;animation:light-field-one 23s -10s linear infinite reverse}
.cloud-d{width:35%;height:95%;left:40%;top:-15%;animation:light-field-two 14s -7s linear infinite reverse}
.cloud-light{inset:-20%;background:radial-gradient(ellipse 5% 38% at 29% 40%,#ffffffe0,transparent 85%),radial-gradient(ellipse 8% 32% at 65% 45%,#ffffffb0,transparent 85%),radial-gradient(ellipse 12% 18% at 48% 25%,#ffffff80,transparent);filter:blur(22px);mix-blend-mode:soft-light;animation:light-folds 13s linear infinite}
.type-atmosphere:before{content:'';position:absolute;inset:-15%;z-index:1;pointer-events:none;background:radial-gradient(ellipse 5% 40% at 40% 32%,#ffffffbb,transparent 90%),radial-gradient(ellipse 14% 24% at 76% 35%,#ffffff90,transparent);filter:blur(27px);animation:light-folds 18s -8s linear infinite reverse}
.type-atmosphere:after{z-index:2;background:linear-gradient(#ffffff 0%,#ffffff00 20%,#ffffff00 48%,#ffffff 100%)}
.type-grain{z-index:3}.type-play{background:none;border:0;font-size:12px;color:#526366;padding:9px 12px;text-decoration:underline;text-underline-offset:4px}
@keyframes light-field-one{0%,100%{transform:translate(-4%,-3%) rotate(-12deg) scale(1.05,.9)}33%{transform:translate(11%,4%) rotate(5deg) scale(.92,1.12)}66%{transform:translate(2%,-6%) rotate(15deg) scale(1.16,.96)}}
@keyframes light-field-two{0%,100%{transform:translate(5%,3%) rotate(10deg) scale(.9,1.1)}33%{transform:translate(-12%,-4%) rotate(-13deg) scale(1.15,.9)}66%{transform:translate(-3%,6%) rotate(-4deg) scale(1.04,1.15)}}
@keyframes light-folds{0%,100%{transform:translate(-7%,0) skewX(-12deg) scale(1,1.06)}33%{transform:translate(6%,-5%) skewX(14deg) scale(1.12,.93)}66%{transform:translate(1%,4%) skewX(-5deg) scale(.96,1.1)}}
.types.motion-paused .cloud,.types.motion-paused .cloud-light,.types.motion-paused .type-atmosphere:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.cloud,.cloud-light,.type-atmosphere:before{animation:none!important}.cloud{transition:none}}

.type-rail{position:relative;scroll-snap-type:none;padding-left:0;padding-right:0;cursor:grab;overflow-anchor:none;user-select:none;touch-action:pan-x pan-y}.type-rail.dragging{cursor:grabbing}.type-pill{scroll-snap-align:none;user-select:none}.type-detail{margin-bottom:24px}

.fluid-light{position:absolute;inset:0;width:100%;height:100%;filter:blur(14px);transform:scale(1.05)}.types.fluid-ready .cloud,.types.fluid-ready .cloud-light,.types.fluid-ready .type-atmosphere:before{display:none}.types.fluid-ready .type-atmosphere:after{background:linear-gradient(#ffffff 0%,#ffffff00 17%,#ffffff00 60%,#ffffff 100%)}.types.fluid-ready .type-grain{opacity:.06}

.type-detail{min-height:112px;margin-bottom:22px}.type-detail p[hidden],.type-resume[hidden],.type-hint[hidden]{display:none}.type-hint{display:block;font-size:11px;color:#65766f;margin-top:20px}.type-resume{border:0;background:none;color:#405b55;font:12px 'Google Sans Flex',sans-serif;text-decoration:underline;text-underline-offset:4px;padding:14px 10px;margin:8px 0 0;cursor:pointer}.reading-type .type-detail p{animation:reading-reveal .6s ease both}@keyframes reading-reveal{from{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.reading-type .type-detail p{animation:none}}

/* A quieter hierarchy across arrival, hero and types. Feature styling is preserved. */
nav .nav-test,.text-action{border:0;background:none;box-shadow:none;color:#405b5b;padding:12px 8px;font-size:13px;cursor:pointer}
nav .links{gap:22px}nav [data-download]{transition:opacity .25s}nav.hero-cta-visible [data-download]{display:none}
.arrival{height:max(760px,100svh);min-height:0}.question{top:39%}.question h1{margin:0 0 32px;max-width:680px}.arrival-actions{display:flex;align-items:center;justify-content:center;gap:24px;opacity:0;transition:opacity .8s .4s}.question-ready .arrival-actions{opacity:1}.object{width:175px;height:175px;top:46%}.spread .object{transform:translate(calc(-50% + var(--x)*.9),calc(-50% + var(--y)*.85)) rotate(var(--r))}.gathered .object{transform:translate(calc(-50% + var(--line)),240px) rotate(0) scale(.62)}
.hero-content{padding-top:clamp(145px,19svh,205px);width:min(780px,90%)}.hero h2{margin:0 0 28px}.hero .intro{max-width:470px;margin:0 auto 30px;font-size:16px;line-height:1.7}
.types{padding:90px 0 65px;min-height:620px}.types h2{margin:0 0 18px}.type-rail{padding-top:36px;padding-bottom:24px}.type-detail{position:relative;min-height:90px;margin:8px auto 20px;max-width:570px}.type-detail blockquote{margin:12px 0 18px}.type-detail p{padding:0 18px}.type-resume{position:absolute;right:0;top:0;width:36px;height:36px;padding:0;margin:0;text-decoration:none;font:25px/1 'Google Sans Flex';color:#5a706b;border-radius:50%;background:#ffffff50}.reading-type .type-detail{padding-bottom:12px}.type-play{position:absolute;right:24px;bottom:25px;width:36px;height:36px;padding:0;text-decoration:none;font:16px 'Google Sans Flex';border-radius:50%;background:#ffffff50;color:#5a706b}.type-cta{margin-top:8px}.footer{padding:22px;border-top:1px solid #e7eee7}.footer .brand{font-size:25px;font-style:normal}
@media(max-width:760px){.arrival{height:max(760px,100svh)}.object{width:130px;height:130px}.spread .object{transform:translate(calc(-50% + var(--x)*.37),calc(-50% + var(--y)*.95)) rotate(var(--r))}.gathered .object{transform:translate(calc(-50% + var(--line)*.6),240px) rotate(0) scale(.62)}.question{top:39%}.question h1{font-size:36px}.arrival-actions{gap:17px}.hero-content{padding-top:150px}.hero .intro{font-size:14px}.types{padding:75px 0 60px;min-height:590px}.type-detail{min-height:95px;margin-bottom:18px}.type-resume{right:10px;top:-7px}.type-detail blockquote{padding:0 16px}.type-play{right:16px;bottom:18px}}
nav.arrival-visible{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}nav.arrival-visible .links{visibility:hidden;pointer-events:none}.arrival .object:nth-child(5){--y:-225px!important}

.arrival .object{transition:transform 1.05s cubic-bezier(.22,.75,.2,1),top 1.05s cubic-bezier(.22,.75,.2,1)}
.arrival.gathered .object{top:calc(100% - 115px);transform:translate(calc(-50% + var(--line)),-50%) rotate(0) scale(.62)}
@media(max-width:760px){.arrival.gathered .object{top:calc(100% - 100px);transform:translate(calc(-50% + var(--line)*.6),-50%) rotate(0) scale(.62)}}

.arrival-intention{width:min(380px,88%);margin:0 auto;opacity:0;transition:opacity .8s .4s}.question-ready .arrival-intention{opacity:1}.question h1{font-size:clamp(36px,4.1vw,58px);line-height:1.13;margin-bottom:35px}
.glass-slider{--fill:0%;width:100%;padding:0 5px}.glass-slider input{display:block;appearance:none;-webkit-appearance:none;width:100%;height:14px;margin:17px 0 19px;border-radius:20px;border:1px solid #ffffffbc;background:linear-gradient(90deg,#11d2cb45 0 var(--fill),#ffffff40 var(--fill) 100%);box-shadow:inset 0 1px 3px #44665c15,0 1px 0 #ffffffb0;backdrop-filter:blur(16px);cursor:pointer;touch-action:pan-y}.glass-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:32px;border-radius:50%;border:1px solid #fffffff0;background:radial-gradient(circle at 30% 23%,#fff,#ffffff70 45%,#d6f2ed70);box-shadow:inset 0 1px 3px #fff,0 3px 10px #3c6c6120;transition:opacity .25s}.glass-slider input::-moz-range-thumb{width:30px;height:30px;border-radius:50%;border:1px solid white;background:#ffffffa0;box-shadow:0 3px 10px #3c6c6120}.glass-slider.unanswered input::-webkit-slider-thumb{opacity:0}.glass-slider.unanswered input::-moz-range-thumb{opacity:0}.glass-slider input:focus-visible{outline:2px solid #218c85;outline-offset:10px}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#506660;line-height:1.5}
.types{height:auto;min-height:100svh;padding:clamp(110px,17svh,180px) 0 75px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;scroll-margin-top:0}.types>header{flex:none}.types .type-rail{flex:none;padding-top:clamp(32px,6svh,65px);padding-bottom:24px}.type-detail{width:min(600px,92%);max-width:600px;min-height:100px;margin:8px auto 0}.type-detail blockquote{font-size:clamp(25px,3vw,34px);margin:12px 0 22px}.reflection-expand{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s cubic-bezier(.22,.75,.2,1),opacity .55s ease}.reflection-inner{min-height:0;overflow:hidden}.reading-type .reflection-expand{grid-template-rows:1fr;opacity:1}.reflection-inner .glass-slider{width:min(370px,90%);margin:30px auto 16px}.type-detail p{font-size:14px;line-height:1.65;max-width:445px}.reading-type .type-detail p{animation:none}.type-resume{right:-5px;top:4px}.types .type-play{bottom:25px}
@media(max-width:599px){.types{min-height:100svh;padding:115px 0 65px}.types h2{font-size:34px}.types .type-rail{padding-top:34px}.type-detail{padding:0 22px}.type-detail blockquote{font-size:25px}.type-detail p{padding:0 5px}.type-resume{right:0;top:-8px}.slider-labels{font-size:11px}.question h1{font-size:34px}.arrival-intention{width:300px;max-width:90%}}
@media(prefers-reduced-motion:reduce){.reflection-expand,.arrival-intention{transition:none}}

.types.fluid-ready .type-atmosphere:after{background:linear-gradient(#ffffff 0%,#ffffff00 14%,#ffffff00 85%,#ffffff 100%)}
.understand-mix{display:inline-block;background:none;border:0;padding:12px 8px;margin:15px 0 8px;color:#365951;font:13px 'Google Sans Flex',sans-serif;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.understand-mix span{display:inline-block;margin-left:5px;text-decoration:none}.intention-cue{display:block;margin-top:18px;font:11px 'Google Sans Flex',sans-serif;color:#71817a}.intention-cue[hidden]{display:none}
#intention-wrap.unanswered input::-webkit-slider-thumb{opacity:1}#intention-wrap.unanswered input::-moz-range-thumb{opacity:1}
#intention-wrap input::-webkit-slider-thumb{background:linear-gradient(90deg,transparent 40%,#718d8455 40% 44%,transparent 44% 56%,#718d8455 56% 60%,transparent 60%) center/18px 10px no-repeat,radial-gradient(circle at 30% 23%,#fff,#ffffff80 45%,#d6f2ed90)}
#intention-wrap input::-moz-range-thumb{background:linear-gradient(90deg,transparent 40%,#718d8455 40% 44%,transparent 44% 56%,#718d8455 56% 60%,transparent 60%) center/18px 10px no-repeat,#ffffffe0}

.types.fluid-ready .type-atmosphere:after{display:none}.types.fluid-ready .type-grain{mask-image:linear-gradient(transparent,#000 24%,#000 73%,transparent)}
.question-ready .intention-cue{animation:intention-pulse 1.8s ease-in-out .8s 2}
@keyframes intention-pulse{0%,100%{opacity:.72}50%{opacity:1;transform:translateY(-1px)}}
.question.cue-touched .intention-cue{animation:none}
@media(prefers-reduced-motion:reduce){.question-ready .intention-cue{animation:none}}

.small-start,.voices,.appa-faq{padding:110px max(6vw,24px);color:#233d43}.small-start>header,.voices>header{text-align:center}.small-start h2,.voices h2,.appa-faq h2,.closing h2{font:400 clamp(36px,4.5vw,58px)/1.1 'EB Garamond',serif;letter-spacing:-1.8px;margin:0 0 24px}.small-start header>p,.voices header>p{font-size:15px;line-height:1.7;color:#677975;margin:0}.example-picker{display:flex;justify-content:center;gap:30px;margin:36px auto 48px}.example-picker button{border:0;background:none;width:160px;padding:8px 12px 14px;border-radius:22px;color:#61746f;transition:background .3s}.example-picker button[aria-selected=true]{background:#e4eeea90;color:#233d43}.example-picker svg{display:block;width:95px;height:90px;margin:auto;mix-blend-mode:multiply}.example-picker span{display:block;font-size:12px;margin-top:9px}.example-composition{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;max-width:960px;margin:auto;align-items:center}.approach-position{font:34px/1.2 'EB Garamond',serif;margin:0 0 24px}.approach-position em{color:#60877e}.approach-spine>p:not(.approach-position){font-size:14px;line-height:1.8;color:#637771;max-width:310px}.example-label{font-size:10px;color:#7c8d86;display:block;margin-top:26px}.example-story{padding:30px;border:1px solid #fff;border-radius:30px;background:linear-gradient(145deg,#e1f2ed90,#fff9);box-shadow:inset 0 1px white,0 20px 60px #315a4407;min-height:465px}.example-user{max-width:85%;margin-left:auto;padding:16px 19px;background:#ffffffb0;border-radius:20px 20px 5px 20px;font-size:15px;line-height:1.5}.example-response{padding:24px 8px 12px}.example-speaker{font-size:10px;color:#648077;letter-spacing:.06em}.example-response p{font:23px/1.3 'EB Garamond',serif;margin:10px 0}.example-feeling{display:flex;align-items:center;gap:8px;font-size:12px;color:#698178;margin:2px 8px 24px}.example-dot{height:7px;width:7px;border-radius:50%;background:#11d2cb}.example-exercise{border-top:1px solid #bed6cb70;padding:20px 8px 0}.example-exercise p{font-size:14px;line-height:1.7;margin:9px 0}.example-step{display:flex;align-items:center;gap:12px;padding:8px;color:#315b50}.example-step p{font-size:13px;line-height:1.6}.example-story.swap{animation:example-soft .4s ease}@keyframes example-soft{from{opacity:.7}to{opacity:1}}
.voices{background:#eef3ef;text-align:center;padding-top:85px;padding-bottom:75px}.voices h2{font-size:clamp(34px,4vw,48px)}.voices header>p{font-size:12px}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:850px;margin:48px auto 32px;text-align:left}.voice-grid figure{margin:0}.voice-grid blockquote{font:italic 28px/1.4 'EB Garamond',serif;margin:0 0 24px}.voice-grid figcaption{font-size:12px;color:#4c685f}.voice-grid figcaption span{display:block;color:#7b8b84;font-size:10px;margin-top:6px}.quiet-link{font-size:12px;color:#5c776c;text-decoration:underline;text-underline-offset:4px}.appa-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;max-width:1150px;margin:auto}.appa-faq h2{font-size:clamp(32px,3.5vw,44px)}.faq-list details{border-bottom:1px solid #dce5df;padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:#7b9287}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;line-height:1.8;color:#65786e;margin:17px 20px 0 0}.closing{min-height:460px;display:grid;place-items:center;text-align:center;position:relative;isolation:isolate;padding:100px 24px}.closing:before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff,#ffffff50 50%,#ffffff60),url('/public/lake.webp') center 61%/cover;z-index:-1}.closing h2{margin-bottom:30px}.site-footer{padding:32px max(6vw,24px);display:flex;align-items:center;gap:35px;background:#ffffff}.footer-links{display:flex;flex-wrap:wrap;gap:22px;margin-left:auto;font-size:12px;color:#60776d}.footer-credit{font-size:10px;color:#84918a}
@media(max-width:650px){.small-start,.voices,.appa-faq{padding:75px 24px}.example-picker{gap:5px;margin:26px 0 30px}.example-picker button{width:33%;padding:6px}.example-picker svg{width:75px;height:75px}.example-picker span{font-size:10px}.example-composition{grid-template-columns:1fr;gap:25px}.approach-spine{text-align:center}.approach-position{font-size:28px}.approach-spine>p:not(.approach-position){max-width:360px;margin:auto}.example-label{margin-top:15px}.example-story{padding:22px;min-height:450px}.voice-grid{grid-template-columns:1fr;gap:38px;margin:32px auto}.voice-grid blockquote{font-size:25px}.appa-faq{grid-template-columns:1fr;gap:30px}.closing{min-height:410px}.site-footer{flex-wrap:wrap;gap:22px}.footer-links{width:100%;order:2;margin:0;gap:20px}.footer-credit{margin-left:auto}}

.feeling-story{height:260svh;background:radial-gradient(ellipse at 30% 45%,#e8efdf70,transparent 65%),#ffffff;position:relative}.feeling-stage{height:100svh;min-height:660px;position:sticky;top:0;padding:115px max(5vw,24px) 35px;display:flex;flex-direction:column;justify-content:space-between}.feeling-stage header{text-align:center}.feeling-stage h2{font:400 clamp(34px,4.1vw,54px)/1.08 'EB Garamond',serif;letter-spacing:-1.6px;margin:0}.feeling-scene{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;width:100%;max-width:1160px;margin:auto}.letter-stage{min-width:0}.letter-art{width:100%;display:block;overflow:visible}.envelope-body{transform:rotate(-7deg);transform-origin:310px 300px;transition:transform 1.2s ease}.letter-sheet{transform:translateY(100px);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.envelope-flap{transform-origin:310px 216px;transition:transform 1s,opacity .8s}.thread-tangle{transition:opacity 1s,transform 1.2s;transform-origin:310px 320px}.thread-loose{opacity:0;transition:opacity 1.2s,transform 1.4s;transform:translateY(-40px)}
.feeling-stage[data-moment="1"] .thread-tangle{transform:scale(1.12,.83) rotate(8deg)}.feeling-stage[data-moment="2"] .thread-tangle,.feeling-stage[data-moment="3"] .thread-tangle{opacity:0;transform:scale(1.25,.55) translateY(70px)}.feeling-stage[data-moment="2"] .thread-loose,.feeling-stage[data-moment="3"] .thread-loose{opacity:.7;transform:translateY(0)}.feeling-stage[data-moment="3"] .envelope-flap{transform:scaleY(-.7);opacity:.5}.feeling-stage[data-moment="3"] .letter-sheet{transform:translateY(-75px)}.feeling-stage[data-moment="3"] .envelope-body{transform:rotate(-2deg)}
.feeling-copy{position:relative;min-height:270px;display:grid;align-items:center}.feeling-moment{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s;padding:26px 20px;pointer-events:none}.feeling-moment.current{opacity:1;visibility:visible}.moment-number{font-size:10px;letter-spacing:.15em;color:#92a298}.feeling-moment h3{font:400 clamp(28px,3.2vw,43px)/1.18 'EB Garamond',serif;letter-spacing:-.8px;margin:22px 0}.feeling-moment p{font-size:13px;line-height:1.7;color:#6e8176;max-width:310px}.feeling-moment[data-moment="2"]{background:#ffffff65;border:1px solid #fff;border-radius:26px;backdrop-filter:blur(16px);box-shadow:inset 0 1px white,0 12px 40px #547d4906}.method-note{text-align:center;font-size:11px;color:#6d8275;margin:10px 0 0}.method-note span{display:block;font-size:9px;color:#99a69f;margin-top:9px}
@media(max-width:650px),(prefers-reduced-motion:reduce){.feeling-story{height:auto}.feeling-stage{height:auto;min-height:0;position:relative;padding:85px 24px 60px}.feeling-scene{display:block}.letter-stage{max-width:380px;margin:15px auto 0}.letter-art{max-height:300px}.feeling-copy{display:block;min-height:0}.feeling-moment{opacity:1;visibility:visible;pointer-events:auto;padding:25px 20px;max-width:520px;margin:0 auto 20px}.feeling-moment h3{font-size:29px;margin:13px 0}.feeling-moment p{max-width:400px}.method-note{margin-top:30px}.feeling-stage .thread-tangle{opacity:.7!important;transform:none!important}.feeling-stage .thread-loose{opacity:0!important}.feeling-stage .letter-sheet{transform:translateY(100px)!important}.feeling-stage .envelope-flap{transform:none!important;opacity:1!important}}

.founder-film{padding:110px max(6vw,24px) 95px;max-width:1260px;margin:auto}.founder-film header{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.founder-film h2,.member-voices h2{font:400 clamp(36px,4.5vw,57px)/1.08 'EB Garamond',serif;letter-spacing:-1.8px;margin:0}.founder-film header>p{font-size:14px;line-height:1.7;color:#6b8075;margin:0 0 5px}.founder-video-placeholder{aspect-ratio:16/9;position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#e6eee8b0,#c6d9d85c),url('/public/lake.webp') center 60%/cover;border:1px solid #ffffff90;box-shadow:inset 0 1px white}.film-wordmark{position:absolute;top:30px;left:35px;font:37px 'EB Garamond',serif;letter-spacing:-2px;color:#38564e}.film-title{position:absolute;left:7%;bottom:14%;color:#294e46}.film-title>span{font-size:11px;letter-spacing:.05em}.film-title p{font:clamp(27px,3.5vw,47px)/1.15 'EB Garamond',serif;margin:17px 0 0;letter-spacing:-1px}.film-status{position:absolute;right:28px;bottom:24px;font-size:11px;color:#4f7066;background:#ffffff88;padding:9px 14px;border-radius:30px}.appa-faq{padding-top:80px;padding-bottom:90px}.member-voices{display:grid;grid-template-columns:.8fr 1.4fr;gap:80px;padding:95px max(8vw,24px) 110px;background:#eaf0ea;align-items:start}.voices-intro p{font-size:12px;line-height:1.7;color:#6a8172;margin:22px 0}.voice-feature{max-width:650px;position:relative;padding-top:14px}.quote-mark{font:95px/.7 'EB Garamond',serif;color:#90b6a5;display:block;height:62px}.voice-feature blockquote{font:400 clamp(29px,3.5vw,45px)/1.22 'EB Garamond',serif;letter-spacing:-.9px;margin:0 0 36px;min-height:165px;color:#2c4b40}.member-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c5d5c9;padding-top:22px}.member-bottom>div>span{display:block;font-size:13px;color:#3f6151}#member-since{font-size:10px;color:#7f9387;margin-top:7px}.member-switch{display:flex;gap:7px}.member-switch button{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#809487;font-size:11px}.member-switch button[aria-pressed=true]{background:#ffffff99;color:#365b48}.member-source{display:inline-block;font-size:11px;color:#617c6b;margin-top:23px;text-decoration:underline;text-underline-offset:4px}.voice-feature.changing blockquote{animation:example-soft .5s ease}
@media(max-width:650px){.founder-film{padding:80px 24px 55px}.founder-film header{display:block;margin-bottom:28px}.founder-film header>p{margin-top:20px}.founder-video-placeholder{aspect-ratio:4/3}.film-wordmark{top:18px;left:20px;font-size:27px}.film-title{bottom:25%}.film-title>span{font-size:9px}.film-title p{font-size:27px}.film-status{right:15px;bottom:15px;font-size:10px}.member-voices{grid-template-columns:1fr;gap:30px;padding:65px 26px}.member-voices h2 br{display:none}.voices-intro p{margin:16px 0 0}.voice-feature blockquote{min-height:145px;font-size:32px}.quote-mark{height:45px;font-size:75px}}

body,.arrival,.site-footer,.member-voices{background-color:#fff}.arrival{background:#fff}.member-voices{background:#fff}

.member-stories{background:#fff;padding:100px max(7vw,24px) 90px;color:#233d43}.member-stories header{max-width:1050px;margin:0 auto 55px}.member-stories h2{font:400 clamp(36px,4.4vw,55px)/1.1 'EB Garamond',serif;letter-spacing:-1.7px;margin:0 0 22px}.member-stories header p{font-size:12px;line-height:1.7;color:#74857b;margin:0}.member-story-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;max-width:1050px;margin:0 auto;gap:0}.member-story-grid figure{margin:0;padding:0 30px;display:flex;flex-direction:column;border-left:1px solid #e2e9e5}.member-story-grid figure:first-child{border:0;padding-left:0;padding-right:38px}.member-story-grid figure:last-child{padding-right:0}.story-context{font-size:11px;color:#70897c;line-height:1.5}.member-story-grid blockquote{font:400 clamp(23px,2.6vw,32px)/1.35 'EB Garamond',serif;letter-spacing:-.4px;margin:22px 0 32px;flex:1}.member-story-grid .lead-story blockquote{font-size:clamp(26px,2.9vw,37px)}.member-story-grid figcaption{font-size:12px;color:#3c5b4b}.member-story-grid figcaption span{display:block;font-size:10px;color:#8b9991;margin-top:7px}.stories-source{display:block;width:fit-content;margin:38px auto 0;font-size:11px;color:#718578;text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.member-stories{padding:70px 26px}.member-stories header{margin-bottom:35px}.member-story-grid{grid-template-columns:1fr}.member-story-grid figure,.member-story-grid figure:first-child,.member-story-grid figure:last-child{border-left:0;padding:28px 0;border-bottom:1px solid #e2e9e5}.member-story-grid figure:first-child{padding-top:0}.member-story-grid figure:last-child{border-bottom:0}.member-story-grid blockquote,.member-story-grid .lead-story blockquote{font-size:28px;margin:15px 0 22px}.stories-source{margin-top:20px}}

/* Personal notes above a close crop of the alpine lake. */
.member-stories{position:relative;isolation:isolate;overflow:hidden;padding:100px max(5vw,24px) 85px;background:#fff;min-height:720px}.member-stories:before{content:'';position:absolute;z-index:-2;left:0;right:0;bottom:0;height:64%;background-image:url('/public/lake.webp');background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;mask-image:linear-gradient(transparent 0%,#000 27%,#000 75%,transparent 100%);opacity:.75}.member-stories:after{content:'';position:absolute;z-index:-1;inset:35% 0 0;background:linear-gradient(90deg,#fff 0%,#ffffff00 15%,#ffffff00 85%,#fff 100%);pointer-events:none}.member-stories header{max-width:1080px;margin-bottom:68px}.member-story-grid{max-width:1080px;grid-template-columns:1fr 1.16fr 1fr;gap:28px;align-items:start;padding-bottom:55px}.member-story-grid figure,.member-story-grid figure:first-child,.member-story-grid figure:last-child{position:relative;min-height:285px;margin:0;padding:32px 29px;border:1px solid #ffffffe0;border-radius:23px;background:linear-gradient(145deg,#ffffffc4,#ffffff75);backdrop-filter:blur(15px);box-shadow:inset 0 1px 1px white,0 18px 40px -22px #305e5c45;transform:rotate(-1.3deg)}.member-story-grid figure:nth-child(2){transform:translateY(-22px);min-height:300px;background:linear-gradient(145deg,#ffffffe0,#ffffff95)}.member-story-grid figure:nth-child(3){transform:rotate(1.3deg)}.member-story-grid figure:after{content:'';position:absolute;left:8%;right:8%;height:46px;bottom:-62px;border-radius:50%;background:linear-gradient(#83aaa93c,#c7e0da12);filter:blur(12px);transform:scaleY(.65);pointer-events:none}.member-story-grid blockquote,.member-story-grid .lead-story blockquote{font:400 clamp(25px,2.6vw,32px)/1.3 'EB Garamond',serif;margin:22px 0 27px;letter-spacing:-.5px}.member-story-grid figure:nth-child(2) blockquote{font-size:clamp(28px,2.9vw,36px)}.story-context{font-size:10px;color:#69857c}.member-story-grid figcaption{margin-top:auto}.stories-source{position:relative;margin:10px auto 0;color:#46695e}.member-stories header p{color:#7b8c83}
@media(max-width:650px){.member-stories{padding:70px 26px 55px;min-height:0}.member-stories header{margin-bottom:35px}.member-story-grid{grid-template-columns:1fr;gap:20px;padding-bottom:25px}.member-story-grid figure,.member-story-grid figure:first-child,.member-story-grid figure:nth-child(2),.member-story-grid figure:last-child{transform:none;min-height:0;padding:28px;border:1px solid #ffffffdd}.member-story-grid figure:after{display:none}.member-story-grid blockquote,.member-story-grid .lead-story blockquote,.member-story-grid figure:nth-child(2) blockquote{font-size:28px}.member-stories:before{height:70%;background-size:auto 150%;opacity:.55}.member-stories:after{background:linear-gradient(90deg,#ffffff75,transparent 20%,transparent 80%,#ffffff75)}.stories-source{margin-top:12px}}

.member-stories:before{background-size:auto 320%;background-position:center bottom}@media(max-width:650px){.member-stories:before{background-size:auto 330%}}