:root{color-scheme:dark;--bg:#100d10;--ink:#eee4d8;--muted:#b4a8a1;--accent:#e6a07d;--line:rgba(233,209,191,.15);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Instrument Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#a36650;color:white}svg{display:block}p,h1,h2,h3{margin:0}main{overflow:clip}.skip-link{position:fixed;left:20px;top:12px;z-index:99;background:var(--ink);color:var(--bg);padding:14px;transform:translateY(-160%)}.skip-link:focus{transform:none}.section-width{width:min(1320px,88%);margin-inline:auto}
.site-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:27px 6%}.wordmark{display:inline-flex;align-items:baseline;white-space:nowrap;font-family:var(--serif);font-style:italic;font-size:49px;line-height:1;letter-spacing:-3px}.wordmark button{font:inherit;letter-spacing:inherit;line-height:inherit;padding:0;border:0;background:none;color:var(--muted);opacity:.62;transition:color .7s,opacity .3s}.wordmark button[aria-pressed=true]{color:var(--ink);opacity:1}.wordmark button:hover{color:var(--accent);opacity:1}.brand-dot{color:var(--accent);padding-inline:3px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px}.nav-about{color:#d0bfb3}.nav-about:hover{color:white}.language{border:0;background:none;font-size:10px;letter-spacing:1.5px;padding:12px 4px;color:#d2c0b5}.nav-download{display:flex;align-items:center;gap:28px;padding:13px 20px;border:1px solid #71594c80;border-radius:30px;background:#110e1020;backdrop-filter:blur(12px)}.nav-download:hover{border-color:var(--accent)}.nav-download>span:last-child{font-size:20px;line-height:14px}
.hero{position:relative;min-height:760px;height:100svh;max-height:1120px;isolation:isolate;background:#100d10}.portrait{position:absolute;inset:0;overflow:hidden;z-index:-3}.portrait-fallback{height:100%;width:100%;object-fit:cover;object-position:60% 48%;display:block}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 20%);pointer-events:none}#gaze-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.8s}#gaze-scene canvas{display:block;width:100%;height:100%}.scene-ready #gaze-scene{opacity:1}.scene-error #gaze-scene{opacity:0}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,13,16,.83) 0%,rgba(16,13,16,.65) 28%,rgba(16,13,16,.12) 55%,transparent 80%),linear-gradient(0deg,#100d10,transparent 27%,transparent 83%,#100d1055);pointer-events:none}.hero-content{position:absolute;left:6%;top:50%;width:55%;transform:translateY(-40%);max-width:750px}.eyebrow{text-transform:uppercase;letter-spacing:2.7px;font-size:9px;font-weight:500;color:#d5b7a4;display:flex;align-items:center;gap:12px;line-height:1.8}.signal{height:5px;width:5px;border-radius:50%;background:#e2a07f;box-shadow:0 0 12px #ec9e7b70}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(70px,7.7vw,128px);letter-spacing:-.045em;line-height:.97;margin:32px 0 28px}.hero h1 span,.hero h1 em{display:block;white-space:nowrap}.hero h1 em{font-weight:400;color:#e4ab8b;padding-bottom:.06em}.hero-description{font-size:13px;color:#c0b2aa;line-height:1.9;max-width:360px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;margin-top:30px;padding:17px 23px;background:#e7ad8b;color:#241712;border:1px solid transparent;border-radius:2px;font-size:12px;transition:background .25s,transform .25s}.primary-button:hover{background:#f5c4a4;transform:translateY(-2px)}.primary-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}.hero-note{color:#b39c8e;font-size:9px;letter-spacing:.35px;margin-top:15px}.hero-bottom{position:absolute;bottom:33px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.scroll-link{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:1.2px;color:#c2b3a8}.scroll-line{width:1px;height:30px;background:linear-gradient(0deg,#d0a183,#6b5043)}.scene-caption{font-family:var(--serif);font-style:italic;font-size:21px;color:#d4baa5;position:absolute;left:55%;display:flex;gap:16px;align-items:center}.caption-line{height:1px;width:27px;background:#98745a}.motion-toggle{height:34px;width:34px;border:1px solid #a8886938;background:rgba(16,13,16,.2);border-radius:50%;display:grid;place-items:center}.motion-toggle[hidden]{display:none}.motion-toggle svg{height:11px;width:11px;fill:none;stroke:#d2bba8;stroke-width:1.5}.motion-toggle .play-icon{display:none}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}
.about{padding:88px 0 72px}.about-intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.about-intro>.eyebrow{margin-top:12px}.about h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.3vw,51px);line-height:1.18;letter-spacing:-1px}.about h2 span,.about h2 em{display:block}.about h2 em{color:var(--accent);font-weight:400}.qualities{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:62px}.qualities article{border-top:1px solid var(--line);padding-top:23px}.quality-index{font-size:9px;color:#b1866e;letter-spacing:1px}.qualities h3{font-weight:400;font-size:16px;letter-spacing:-.3px;margin:20px 0 11px}.qualities p{font-size:12px;line-height:1.9;color:var(--muted);max-width:330px}.download{padding:45px 0 56px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}.download h2{font-family:var(--serif);font-weight:400;letter-spacing:-.8px;font-size:clamp(31px,3vw,47px);margin-top:13px}.download-note{font-size:11px;color:var(--muted);margin-top:11px;line-height:1.8}.store-links{display:flex;gap:12px}.store{display:flex;align-items:center;gap:12px;border:1px solid #70574b80;border-radius:3px;padding:13px 17px;min-width:170px;transition:border-color .25s,background .25s}.store:hover{border-color:var(--accent);background:#c78d6010}.store>svg{height:24px;width:23px;fill:#e6d0bc}.store small{display:block;color:#bcaaa0;font-size:8px;line-height:1.5}.store strong{font-weight:400;font-size:15px;line-height:1.4}.store-arrow{font-size:16px;color:#b08c72;margin-left:8px}.site-footer{border-top:1px solid var(--line);padding-block:25px 30px;display:flex;align-items:center;gap:28px;color:#b09b8e}.site-footer .wordmark{font-size:35px}.site-footer p{font-size:9px;color:#ac978a}.site-footer nav{margin-left:auto;display:flex;gap:25px;font-size:10px}.site-footer a:hover{color:var(--ink)}
#portrait-him{position:absolute;inset:0;opacity:0;transition:opacity .95s}html[data-companion=him] #portrait-him{opacity:1}body,.hero{transition:background-color .95s,color .95s}html[data-companion=him]{--bg:#080d14;--ink:#ebf4fc;--muted:#a7b8ca;--accent:#98badc;--line:rgba(152,186,220,.17)}html[data-companion=him] .hero{background:#080d14}html[data-companion=him] .hero-shade{background:linear-gradient(90deg,rgba(8,13,20,.83) 0%,rgba(8,13,20,.65) 28%,rgba(8,13,20,.12) 55%,transparent 80%),linear-gradient(0deg,#080d14,transparent 27%,transparent 83%,#080d1455)}html[data-companion=him] .hero h1 em{color:#98badc}html[data-companion=him] .eyebrow,html[data-companion=him] .nav-about,html[data-companion=him] .language{color:#b6cce2}html[data-companion=him] .signal{background:#98badc;box-shadow:0 0 12px #7098c470}html[data-companion=him] .hero-description{color:#b8c8d8}html[data-companion=him] .primary-button{background:#98badc;color:#101823}html[data-companion=him] .primary-button:hover{background:#ccdef2}html[data-companion=him] .hero-note,html[data-companion=him] .scroll-link,html[data-companion=him] .scene-caption,html[data-companion=him] .site-footer,html[data-companion=him] .site-footer p{color:#a5bcd3}html[data-companion=him] .caption-line{background:#7098c4}html[data-companion=him] .scroll-line{background:linear-gradient(0deg,#98badc,#4a6e98)}html[data-companion=him] .nav-download,html[data-companion=him] .motion-toggle{background:#10182330;border-color:#7098c455}html[data-companion=him] .motion-toggle svg{stroke:#ccdef2}html[data-companion=him] .quality-index,html[data-companion=him] .store-arrow{color:#7fa3c4}html[data-companion=him] .store{border-color:#7098c455}html[data-companion=him] .store:hover{border-color:#98badc;background:#7098c410}html[data-companion=him] .store>svg{fill:#ccdef2}html[data-companion=him] .store small{color:#a7b8ca}html[data-companion=him] ::selection{background:#4a6e98;color:#ebf4fc}

@media(min-width:1600px){.hero-content{left:max(6%,calc((100% - 1450px)/2))}.hero h1{font-size:128px}.portrait-fallback{object-position:center 44%}}
@media(max-width:1000px){.hero h1{font-size:8.5vw}.hero-content{width:65%}.hero-shade{background:linear-gradient(90deg,#100d10a0,transparent 85%),linear-gradient(0deg,#100d10,transparent 45%)}html[data-companion=him] .hero-shade{background:linear-gradient(90deg,#080d14a0,transparent 85%),linear-gradient(0deg,#080d14,transparent 45%)}.hero{min-height:720px}.portrait-fallback{object-position:60% 50%}.qualities{gap:28px}.download{align-items:flex-start;flex-direction:column}.scene-caption{left:52%;font-size:18px}}
@media(max-width:650px){.site-header{padding:21px 7%}.wordmark{font-size:37px}.site-header nav{gap:19px}.nav-about{display:none}.nav-download{font-size:10px;gap:16px;padding:11px 15px}.language{font-size:9px}.hero{height:100svh;min-height:790px;max-height:1000px}.portrait{height:72%;min-height:540px;inset:0 0 auto}.portrait-fallback{object-position:88% 40%}.hero-shade{background:linear-gradient(0deg,#100d10 0%,#100d10 12%,rgba(16,13,16,.88) 27%,rgba(16,13,16,.35) 48%,transparent 68%)}html[data-companion=him] .hero-shade{background:linear-gradient(0deg,#080d14 0%,#080d14 12%,rgba(8,13,20,.88) 27%,rgba(8,13,20,.35) 48%,transparent 68%)}.hero-content{left:7%;top:auto;bottom:102px;width:86%;max-width:none;transform:none}.hero h1{font-size:clamp(53px,11.9vw,77px);margin:23px 0 20px;line-height:1.01;letter-spacing:-.045em}.eyebrow{font-size:8px;letter-spacing:2px}.hero-description{font-size:12px;max-width:305px;line-height:1.8}.primary-button{margin-top:25px;padding:15px 20px;gap:30px;font-size:11px}.hero-note{font-size:8px;margin-top:12px}.hero-bottom{left:7%;right:7%;bottom:29px}.scene-caption{position:static;font-size:14px;margin-left:auto;gap:8px}.caption-line{display:none}.scroll-link{font-size:8px;letter-spacing:.5px;gap:10px}.motion-toggle{width:29px;height:29px;flex-shrink:0}.hero-bottom{gap:14px}.section-width{width:86%}.about{padding:48px 0 40px}.about-intro{display:block}.about-intro>.eyebrow{margin:0 0 23px}.about h2{font-size:34px;letter-spacing:-.8px}.qualities{grid-template-columns:1fr;gap:26px;margin-top:36px}.qualities article{display:grid;grid-template-columns:35px 1fr;column-gap:10px;padding-top:22px}.quality-index{grid-column:1;grid-row:1;padding-top:5px}.qualities h3{grid-column:2;grid-row:1;margin:0 0 9px;font-size:15px}.qualities p{grid-column:2;font-size:11px;max-width:100%}.download{padding:30px 0 39px;gap:24px}.download h2{font-size:34px;line-height:1.12;max-width:310px}.download-note{font-size:10px}.store-links{width:100%;gap:10px}.store{min-width:0;flex:1;padding:12px;gap:9px}.store>svg{width:19px;height:22px}.store strong{font-size:13px}.store-arrow{margin-left:auto;font-size:13px}.store small{font-size:7px}.site-footer{padding-block:22px;gap:17px;flex-wrap:wrap}.site-footer p{font-size:8px}.site-footer nav{gap:15px;font-size:9px}.site-footer .wordmark{font-size:30px}}
@media(max-width:360px){.site-header .wordmark{font-size:32px}.site-header nav{gap:13px}.nav-download{padding-inline:12px;gap:12px}.hero{min-height:760px}.hero-content{bottom:96px}.hero h1{font-size:49px}.scene-caption{display:none}.about h2{font-size:30px}.store{padding:10px 9px;gap:7px}.store-arrow{display:none}.site-footer nav{margin-left:0;width:100%;justify-content:space-between}.download h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.primary-button:hover{transform:none}}

/* Foreground lights sit above the image grading and below readable content. */
.gaze-lights{position:absolute;top:0;left:0;right:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.8s;overflow:hidden;mix-blend-mode:screen}.gaze-lights canvas{display:block;width:100%;height:100%}.scene-ready .gaze-lights{opacity:1}.scene-error .gaze-lights{opacity:0}