/* Hallmark · genre: editorial · macrostructure: illustrated cinematic / photographic rhythm · theme: Atelier-inspired
 * nav: N9 edge-aligned · footer: Ft6 letter close · enrichment: original sprite-gen illustration
 * audience: adults · use: first-person life game landing · tone: intimate, nostalgic, restrained
 * pre-emit critique: Philosophy 5 · Hierarchy 4 · Execution 4 · Specificity 5 · Restraint 5 · Variety 4
 */
:root{
 --paper:#f4f0e7;--paper-light:#faf7f0;--paper-deep:#eae8dc;--ink:#293c31;--ink-soft:#596155;--accent:#455e4a;--accent-ink:#fff9ef;--rule:#d7d8ca;--night:#18251d;--cream:#fff4df;--gold:#c8a778;--shadow:rgb(25 41 29 / .15);--clear:transparent;
 --display:"Gowun Batang","Batang","Songti SC",serif;--body:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--ease:cubic-bezier(.22,.61,.36,1);--max:1280px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.85;overflow-x:clip}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:var(--clear)}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--gold);color:var(--night)}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-style:normal;font-weight:400;overflow-wrap:anywhere;min-width:0}h1,h2,h3{font-family:var(--display)}.content-width{width:min(var(--max),calc(100% - 144px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:15px;z-index:100;background:var(--paper);padding:8px 14px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 5.3%;gap:24px}.wordmark{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.05em;display:flex;align-items:center;white-space:nowrap}.brand-mark{font-family:var(--body);font-size:27px;font-weight:400;margin-right:11px;line-height:1}.wordmark-dots{margin-left:1px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px}.site-header nav a{position:relative;white-space:nowrap}.site-header nav a::after{content:"";position:absolute;height:1px;bottom:-4px;left:0;right:100%;background:currentColor;transition:right .25s var(--ease)}.site-header nav a:hover::after{right:0}.nav-cta{display:flex;gap:20px;align-items:center;border:1px solid color-mix(in srgb,var(--ink) 35%,var(--clear));padding:10px 18px;background:var(--clear);font-size:12px;white-space:nowrap;transition:background .25s,color .25s}.nav-cta:hover{background:var(--ink);color:var(--cream)}
.hero{min-height:810px;height:min(980px,100svh);position:relative;isolation:isolate;display:flex;align-items:center}.hero-art{position:absolute;inset:0;z-index:-2;overflow:clip;background:var(--paper-deep)}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:62% 38%}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 97%,var(--clear)) 0%,color-mix(in srgb,var(--paper) 78%,var(--clear)) 23%,color-mix(in srgb,var(--paper) 12%,var(--clear)) 51%,var(--clear) 70%),linear-gradient(0deg,var(--paper) 0%,color-mix(in srgb,var(--paper) 60%,var(--clear)) 7%,var(--clear) 24%)}.hero-copy{margin-left:8.2%;padding-top:35px;max-width:540px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.12em;margin-bottom:28px;color:var(--ink-soft)}.small-line{width:26px;height:1px;background:var(--ink-soft)}h1{font-size:clamp(60px,5.4vw,86px);line-height:1.24;letter-spacing:-.07em;margin-bottom:28px}h1>span{display:block;white-space:nowrap}.title-dots{font-size:.85em;letter-spacing:-.09em}.hero-intro{font-family:var(--display);font-size:23px;line-height:1.7;letter-spacing:-.045em;margin-bottom:16px}.hero-description{font-size:13px;line-height:1.9;color:var(--ink-soft)}.primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:58px;padding:15px 23px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);font-size:14px;margin-top:30px;transition:background .25s,transform .25s;white-space:nowrap}.primary-cta:hover{background:var(--ink);transform:translateY(-2px)}.primary-cta:active{transform:translateY(0)}.primary-cta svg{width:20px;height:20px;transition:transform .25s}.primary-cta:hover svg{transform:translateX(4px)}.preview-note{font-size:11px;margin-top:12px;color:var(--ink-soft);letter-spacing:.015em}.hero-dialogue{position:absolute;right:15.4%;top:69%;font-family:var(--display);font-size:23px;color:var(--cream);text-shadow:0 2px 16px var(--night);transform:rotate(-2deg);letter-spacing:-.035em}.hero-bottom{position:absolute;left:5.3%;right:5.3%;bottom:30px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px;font-size:11px;color:var(--ink-soft)}.hero-bottom>p{letter-spacing:.06em}.scroll-cue{justify-self:center;display:flex;gap:12px;align-items:center}.scroll-cue svg{width:15px;height:20px}.development{justify-self:end;display:flex;gap:8px;align-items:center;white-space:nowrap}.development i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.introduction{display:grid;grid-template-columns:1.18fr 1fr;gap:9%;padding-block:132px 140px}.section-kicker{font-size:11px;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:23px}h2{font-size:clamp(30px,3vw,44px);line-height:1.62;letter-spacing:-.055em}.intro-body{padding-top:46px;font-size:15px;line-height:2.05;color:var(--ink-soft)}.intro-body p+p{margin-top:22px}.memories{background:var(--paper-deep);padding-block:95px}.memory-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:8%;align-items:center}.memory-image{min-width:0}.memory-image img{width:100%;height:auto;aspect-ratio:1.16;object-fit:cover;display:block;object-position:50% 50%;transition:opacity .22s}.memory-image figcaption{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--ink-soft);margin-top:14px;letter-spacing:.02em}.memory-copy h2{font-size:35px;line-height:1.7;margin-bottom:28px}.memory-text{font-size:13px;line-height:2;color:var(--ink-soft);min-height:210px}.memory-text p+p{margin-top:17px}.memory-last{color:var(--ink)}.memory-tabs{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px}.memory-tabs button{border:0;border-bottom:1px solid var(--clear);background:var(--clear);padding:9px 0;font-size:11px;color:var(--ink-soft);white-space:nowrap;transition:border-color .2s,color .2s}.memory-tabs button[aria-pressed="true"]{border-color:var(--ink);color:var(--ink);font-weight:500}.memory-tabs button:hover{color:var(--ink)}
.reality{padding-block:132px 120px}.reality-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:64px}.reality-heading>p{font-size:13px;color:var(--ink-soft);line-height:2;max-width:340px;padding-bottom:9px}.reality-row{display:grid;grid-template-columns:150px minmax(0,1.1fr) minmax(0,1fr) 100px;gap:24px;align-items:center;border-top:1px solid var(--rule);padding:29px 0}.row-label{font-size:11px;color:var(--ink-soft)}.reality-row h3{font-size:23px;line-height:1.7;letter-spacing:-.045em}.reality-row p{font-size:12px;color:var(--ink-soft);line-height:1.9}.row-tag{font-size:10px;color:var(--ink-soft);justify-self:end;letter-spacing:.02em;white-space:nowrap}.source-details{margin-top:23px;border-block:1px solid var(--rule)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.source-details summary{display:flex;align-items:center;justify-content:space-between;padding:19px 0;font-size:12px;color:var(--ink-soft)}.details-mark{font-size:20px;line-height:1;transition:transform .2s}.source-details[open] .details-mark{transform:rotate(45deg)}.source-content{font-size:12px;color:var(--ink-soft);max-width:820px;padding:5px 0 27px;line-height:1.95}.source-content ul{list-style:none;padding:0;margin:22px 0}.source-content li{margin:12px 0}.source-content li a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.source-content small{display:block;font-size:11px;margin-top:5px}.source-note{font-size:11px}
.invitation{position:relative;isolation:isolate;overflow:clip;background:var(--paper-deep);text-align:center;padding:100px 24px 94px}.invitation-light{position:absolute;inset:-80%;z-index:-1;transform:rotate(-27deg);background:linear-gradient(90deg,var(--clear) 39%,color-mix(in srgb,var(--cream) 65%,var(--clear)) 42%,var(--clear) 49%,color-mix(in srgb,var(--cream) 55%,var(--clear)) 52%,var(--clear) 61%)}.invitation .section-kicker{margin-bottom:18px}.invitation h2{font-size:37px;line-height:1.8;letter-spacing:-.06em}.invitation .primary-cta{margin-top:29px;text-align:left;min-width:263px}.invitation-note{font-size:11px;line-height:2;color:var(--ink-soft);margin-top:19px}.questions{display:grid;grid-template-columns:1fr 1.45fr;gap:10%;padding-block:98px 110px}.questions h2{font-family:var(--body);font-size:17px;line-height:1.7;font-weight:500;letter-spacing:-.035em;padding-top:13px}.question-list details{border-bottom:1px solid var(--rule)}.question-list summary{display:flex;justify-content:space-between;gap:18px;padding:18px 0;font-size:12px;line-height:1.7}.question-list summary span{font-size:17px;flex-shrink:0}.question-list details[open] summary span{transform:rotate(45deg)}.question-list details p{font-size:12px;line-height:1.95;color:var(--ink-soft);padding:0 25px 22px 0}.site-footer{display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--rule);padding-block:43px 50px}.footer-brand{font-family:var(--display);font-size:24px;letter-spacing:-.05em}.footer-brand p{font-family:var(--body);font-size:11px;letter-spacing:0;color:var(--ink-soft);margin-top:10px}.footer-meta{display:flex;flex-direction:column;align-items:end;gap:5px;font-size:10px;color:var(--ink-soft)}.footer-meta a{margin-top:9px;text-decoration:underline;text-underline-offset:4px}
.birth-preview{border:0;padding:0;margin:0;width:100dvw;height:100dvh;max-width:none;max-height:none;background:var(--night);color:var(--cream);overflow:clip}.birth-preview::backdrop{background:var(--night)}.preview-stage{position:relative;width:100%;height:100%;isolation:isolate;overflow:clip}.preview-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 38%;transition:transform 1.5s var(--ease),filter 1.5s}.preview-vignette{position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--night) 96%,var(--clear)) 0%,color-mix(in srgb,var(--night) 65%,var(--clear)) 22%,var(--clear) 65%),linear-gradient(180deg,color-mix(in srgb,var(--night) 50%,var(--clear)) 0%,var(--clear) 18%)}.eye-mask{position:absolute;z-index:4;left:-10%;right:-10%;height:51%;background:var(--night);pointer-events:none}.eye-top{top:0;border-radius:0 0 50% 50%/0 0 10% 10%;transform-origin:50% 0}.eye-bottom{bottom:0;border-radius:50% 50% 0 0/10% 10% 0 0;transform-origin:50% 100%}.birth-preview.opening .eye-top{animation:eye-open-top 2.6s var(--ease) both}.birth-preview.opening .eye-bottom{animation:eye-open-bottom 2.6s var(--ease) both}.birth-preview:not(.opening) .eye-mask{transform:scaleY(0)}@keyframes eye-open-top{0%,10%{transform:scaleY(1)}35%{transform:scaleY(.67)}48%{transform:scaleY(.96)}100%{transform:scaleY(0)}}@keyframes eye-open-bottom{0%,10%{transform:scaleY(1)}35%{transform:scaleY(.67)}48%{transform:scaleY(.96)}100%{transform:scaleY(0)}}.preview-top{position:absolute;left:5%;right:4%;top:4%;display:flex;align-items:start;justify-content:space-between;gap:20px;z-index:5}.preview-label{font-size:10px;letter-spacing:.13em;opacity:.75}.preview-top h2{font-size:19px;line-height:1.7;letter-spacing:-.04em;margin-top:4px}.preview-controls{display:flex;align-items:center;gap:14px}.icon-button{display:flex;align-items:center;gap:8px;color:var(--cream);background:var(--clear);border:0;font-size:11px;min-height:44px;padding:8px;white-space:nowrap}.icon-button svg{width:20px;height:20px}.icon-button:hover{opacity:.75}.close-button{width:44px;justify-content:center}.preview-copy{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);width:min(720px,90%);text-align:center;z-index:3}.preview-narration,.scene-choices>p,.scene-reaction{font-family:var(--display);font-size:26px;line-height:1.85;letter-spacing:-.04em}.scene-continue{color:var(--cream);background:var(--clear);border:0;border-bottom:1px solid color-mix(in srgb,var(--cream) 50%,var(--clear));font-size:12px;line-height:1.6;padding:13px 5px;margin-top:24px;white-space:nowrap}.scene-continue>span{margin-left:28px}.scene-choices small{font-family:var(--body);font-size:12px;letter-spacing:0;opacity:.8}.scene-choices>div{display:flex;justify-content:center;gap:12px;margin-top:22px}.scene-choices button{background:color-mix(in srgb,var(--night) 25%,var(--clear));border:1px solid color-mix(in srgb,var(--cream) 50%,var(--clear));color:var(--cream);font-size:12px;padding:13px 22px;min-height:47px;white-space:nowrap;transition:background .2s,border-color .2s}.scene-choices button:hover{background:var(--cream);border-color:var(--cream);color:var(--night)}.preview-ending{margin-top:24px}.preview-ending>p{font-family:var(--display);font-size:17px;letter-spacing:-.04em;margin-bottom:8px}.preview-ending>span{font-size:10px;line-height:1.7;opacity:.7;display:block}.preview-ending>button{color:var(--cream);border:0;border-bottom:1px solid color-mix(in srgb,var(--cream) 45%,var(--clear));background:var(--clear);font-size:12px;padding:14px 0;margin-top:16px;white-space:nowrap}.preview-ending>button span{margin-left:24px}.preview-progress{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);width:80px;height:1px;background:color-mix(in srgb,var(--cream) 25%,var(--clear))}.preview-progress i{display:block;height:100%;width:20%;background:var(--cream);transition:width .5s}.birth-preview.choosing .preview-progress i{width:55%}.birth-preview.remembering .preview-progress i{width:100%}.birth-preview.face .preview-art{transform:scale(1.045);transform-origin:60% 35%}.birth-preview.listen .preview-art{filter:blur(3px) brightness(.87)}.hand-light{position:absolute;z-index:1;left:34%;right:20%;bottom:-30%;height:60%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--cream) 42%,var(--clear)),var(--clear) 65%);opacity:0;transition:opacity 1.2s}.birth-preview.hand .hand-light{opacity:1}body.preview-active{overflow-y:hidden}.birth-preview :focus-visible{outline-color:var(--cream)}
@media(min-width:1600px){.hero-copy{margin-left:max(8%,calc((100vw - 1360px)/2))}.hero-art>img{object-position:center 38%}}@media(max-width:1100px){.content-width{width:calc(100% - 88px)}.hero-copy{margin-left:6.5%}.hero-description{max-width:350px;font-size:12px}.hero-intro{font-size:21px}.hero{min-height:770px}.hero-art>img{object-position:65% 38%}.hero-wash{background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 97%,var(--clear)),color-mix(in srgb,var(--paper) 70%,var(--clear)) 27%,var(--clear) 72%),linear-gradient(0deg,var(--paper),var(--clear) 20%)}.reality-row{grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);gap:20px}.row-tag{display:none}.reality-row h3{font-size:21px}.reality-heading>p{max-width:270px}.memory-copy h2{font-size:30px}.memory-tabs{gap:15px}.introduction{gap:6%}.intro-body{font-size:13px}.hero-dialogue{right:8%}}
@media(max-width:760px){.content-width{width:calc(100% - 44px)}.site-header{padding:22px;gap:15px}.wordmark{font-size:15px}.brand-mark{font-size:23px;margin-right:8px}.site-header nav{gap:18px;font-size:11px}.nav-cta{display:none}.hero{height:940px;min-height:0;align-items:initial}.hero-art{height:600px}.hero-art>img{object-position:71% 10%;object-fit:cover}.hero-wash{background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 55%,var(--clear)) 0%,var(--clear) 18%,var(--clear) 62%,var(--paper) 95%)}.hero-copy{position:absolute;top:450px;margin:0;padding:0 25px;max-width:none;width:100%}.eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:18px;gap:10px}.small-line{width:18px}h1{font-size:clamp(44px,13vw,62px);line-height:1.27;margin-bottom:21px;letter-spacing:-.065em}.hero-intro{font-size:20px;line-height:1.65;margin-bottom:13px}.hero-description{font-size:12px;line-height:1.9}.primary-cta{font-size:12px;min-height:53px;padding:14px 19px;gap:40px;margin-top:24px}.preview-note{font-size:10px;margin-top:10px}.hero-dialogue{display:none}.hero-bottom{left:25px;right:25px;bottom:23px;grid-template-columns:1fr 1fr;font-size:10px}.hero-bottom>p{display:none}.scroll-cue{justify-self:start}.development{justify-self:end}.introduction{display:block;padding-block:70px 77px}.section-kicker{font-size:10px;margin-bottom:18px}h2{font-size:29px;line-height:1.65}.intro-body{padding-top:29px;font-size:13px;line-height:2.05}.intro-body p+p{margin-top:19px}.memories{padding-block:55px 58px}.memory-layout{display:flex;flex-direction:column;gap:37px}.memory-image{width:100%}.memory-image img{aspect-ratio:1.2}.memory-image figcaption{font-size:9px;margin-top:11px}.memory-copy{width:100%}.memory-copy h2{font-size:29px;margin-bottom:23px}.memory-text{font-size:12px;min-height:205px}.memory-tabs{gap:23px;margin-top:22px}.memory-tabs button{font-size:10px;min-height:44px}.reality{padding-block:76px 70px}.reality-heading{display:block;margin-bottom:38px}.reality-heading>p{padding:0;margin-top:24px;font-size:12px;max-width:none;line-height:1.95}.reality-row{grid-template-columns:1fr;padding:23px 0;gap:8px}.row-label{font-size:10px}.reality-row h3{font-size:22px}.reality-row p{font-size:12px}.row-tag{display:none}.source-details{margin-top:8px}.source-details summary{font-size:11px;padding:17px 0;gap:15px}.source-content{font-size:11px;padding-bottom:20px}.source-content small,.source-note{font-size:10px}.invitation{padding:72px 20px 65px}.invitation h2{font-size:27px;line-height:1.8}.invitation .primary-cta{min-width:245px}.invitation-note{font-size:10px;margin-top:17px}.questions{display:block;padding-block:65px 70px}.questions h2{font-size:16px;padding:0;margin-bottom:17px}.question-list summary{font-size:11px;gap:14px;min-height:56px}.question-list details p{font-size:11px}.site-footer{display:block;padding-block:30px 33px}.footer-brand{font-size:23px}.footer-brand p{font-size:10px;margin-top:8px}.footer-meta{align-items:start;margin-top:24px;font-size:9px;gap:5px}.footer-meta a{font-size:10px;margin-top:9px;min-height:32px}.preview-art{height:72%;object-position:71% 10%}.preview-vignette{background:linear-gradient(0deg,var(--night) 0%,color-mix(in srgb,var(--night) 96%,var(--clear)) 23%,color-mix(in srgb,var(--night) 48%,var(--clear)) 43%,var(--clear) 73%),linear-gradient(180deg,color-mix(in srgb,var(--night) 55%,var(--clear)),var(--clear) 18%)}.preview-top{top:20px;left:20px;right:12px}.preview-top h2{font-size:15px}.preview-label{font-size:9px}.preview-controls{gap:3px}.icon-button{font-size:10px;gap:5px;padding:6px}.icon-button svg{width:18px;height:18px}.preview-copy{bottom:7%;width:calc(100% - 40px)}.preview-narration,.scene-choices>p,.scene-reaction{font-size:21px;line-height:1.85}.scene-continue{font-size:11px;margin-top:18px;min-height:44px}.scene-choices small{font-size:10px}.scene-choices>div{flex-direction:column;gap:9px;margin-top:18px}.scene-choices button{font-size:11px;min-height:46px;padding:11px 18px}.preview-ending{margin-top:19px}.preview-ending>p{font-size:15px}.preview-ending>span{font-size:9px;max-width:300px;margin:auto}.preview-ending>button{font-size:10px;min-height:44px;margin-top:12px}.preview-ending>button span{margin-left:14px}.preview-progress{bottom:3%}}
@media(max-width:360px){.site-header{padding-inline:20px}.wordmark{font-size:14px}.site-header nav{gap:12px;font-size:10px}.brand-mark{margin-right:6px;font-size:20px}.hero-copy{padding-inline:22px}.hero{height:925px}.hero-art{height:560px}.hero-copy{top:425px}.hero-description{font-size:11px}.hero-bottom{left:22px;right:22px}.memory-tabs{gap:18px}.preview-narration,.scene-choices>p,.scene-reaction{font-size:18px}.preview-top h2{font-size:13px}.preview-label{font-size:8px}.icon-button span{display:none}}
/* Soft, curved eyelid shadows leave the faces and choices unobscured. */
@media(min-width:761px){.site-header nav{color:var(--cream);text-shadow:0 1px 8px rgb(0 0 0 / .5)}.site-header .nav-cta{border-color:rgb(255 244 223 / .55);background:rgb(24 37 29 / .2)}}
.family-controls{position:absolute;right:5.3%;bottom:76px;display:flex;align-items:center;gap:9px;color:var(--ink);font-size:10px;letter-spacing:.08em;z-index:2}
.family-controls>span{margin-right:8px;font-variant-numeric:tabular-nums}
.family-controls button{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgb(41 60 49 / .3);border-radius:50%;background:rgb(244 240 231 / .35);font-size:17px;line-height:1;transition:background .2s}
.family-controls button:hover{background:var(--paper-light)}
.family-lid{position:absolute;z-index:3;left:-8%;right:-8%;height:53%;background:#15120f;pointer-events:none;transform:scaleY(0)}
.family-lid-top{top:0;transform-origin:50% 0;border-radius:0 0 50% 50% / 0 0 13% 13%}
.family-lid-bottom{bottom:0;transform-origin:50% 100%;border-radius:50% 50% 0 0 / 13% 13% 0 0}
.family-lid,.eye-mask{background:rgb(25 22 19 / .68);filter:blur(12px)}
.family-lid-top,.eye-top{mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%)}
.family-lid-bottom,.eye-bottom{mask-image:linear-gradient(to top,#000 0%,#000 70%,transparent 100%)}
.hero-art>img{position:absolute;inset:0;animation:portrait-breath 17s ease-in-out infinite alternate}
.hero-art>.family-previous{opacity:0;pointer-events:none}
.family-aura{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 23% 43% at 63% 45%,rgb(255 217 154 / .25),transparent 80%),radial-gradient(ellipse 18% 40% at 86% 33%,rgb(255 229 181 / .24),transparent 80%);filter:blur(24px);animation:family-light 7.5s ease-in-out infinite alternate}
@keyframes portrait-breath{from{transform:scale(1)}to{transform:scale(1.018)}}
@keyframes family-light{from{opacity:.35;transform:scale(.99)}to{opacity:.8;transform:scale(1.025)}}
.hero.family-blinking .family-lid{animation:family-blink 3.2s cubic-bezier(.4,0,.2,1) both}
@keyframes family-blink{0%,100%{transform:scaleY(0)}36%,58%{transform:scaleY(1)}}
.hero-art::after,.preview-stage::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse 85% 62% at 50% 50%,transparent 64%,rgb(18 15 13 / .68) 100%);
}
.hero-art::after{mask-image:linear-gradient(#000 0%,#000 73%,transparent 100%)}
.preview-stage::after{z-index:2}
@media(max-width:760px){.hero-art::after{height:420px;mask-image:linear-gradient(#000 0%,#000 50%,transparent 100%)}.family-aura{height:430px;background:radial-gradient(ellipse 55% 70% at 58% 46%,rgb(255 223 166 / .25),transparent 85%)}.family-controls{top:368px;bottom:auto;right:23px}.family-controls button{width:38px;height:38px}.hero-art>img[src$="hero-grandparents.webp"]{height:420px;object-position:100% 0;mask-image:linear-gradient(#000 75%,transparent 100%)}.preview-art[src$="hero-grandparents.webp"]{height:50dvh;object-position:100% 0;mask-image:linear-gradient(#000 70%,transparent 100%)}}
@media(max-width:360px){.family-controls{top:346px;right:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.eye-mask{transform:scaleY(0)!important}.hero-art img,.preview-art{transform:none!important}.birth-preview.listen .preview-art{filter:none}.primary-cta:hover{transform:none}}