@import url("assets/home-base.css");

/* The regional delivery stylesheet alone enables account entries in full-site mode. */
.marketing-account{display:none!important}
.skip-link{position:fixed;top:-60px;left:20px;z-index:100;padding:10px 16px;background:var(--ink);color:var(--bg)}
.skip-link:focus{top:8px}

/* Content-led scenery. The accepted V07 product geometry stays read-only. */
:root{--scene-0:#fff;--scene-1:#f5f7fa;--scene-2:#f2f3f7;--scene-3:#f5f8f8;--artifact:#fff;--control:#f0f1f4;--hairline:#d8deea;--ambient-shadow:0 16px 44px #2536510d}
:root[data-theme=dark]{--scene-0:#101112;--scene-1:#14171c;--scene-2:#19191f;--scene-3:#131a1b;--artifact:#22262d;--control:#282b31;--hairline:#3e4756;--ambient-shadow:0 16px 44px #00000026}
.primary{padding:8px 4px;background:transparent;color:var(--ink);border-radius:0;gap:12px}
.primary:hover{background:transparent;color:var(--ink)}
.primary>svg{box-sizing:content-box;width:15px;height:15px;padding:7px;border-radius:50%;background:var(--ink);color:var(--bg);transition:translate .2s ease}
.primary:hover>svg{translate:3px 0}
.chapter-tabs{position:relative;padding:5px 4px 8px;border:0;border-radius:28px;background:var(--control);box-shadow:0 6px 20px #18243906}
.chapter-tabs::after{content:"";position:absolute;bottom:6px;left:calc((var(--step,0) + .5)*25% - 9px);height:2px;width:18px;background:var(--ink);border-radius:1px;transition:left .32s ease;pointer-events:none}
.chapter-tabs>button{position:relative;background:transparent;border-radius:22px}
.chapter-tabs>button[aria-selected=true]{background:transparent;color:var(--ink)}
.chapter-tabs>button:hover{color:var(--ink)}
.round-button{border:0;background:var(--surface)}
.round-button.blue{background:var(--tint);color:var(--blue)}
.scene-planes{position:absolute;inset:0;z-index:-2;pointer-events:none}
.scene-plane{position:absolute;inset:0;opacity:0;visibility:hidden}
.scene-plane:first-child{opacity:1;visibility:visible;background:var(--scene-0)}
.scene-plane:nth-child(2){background:var(--scene-1)}
.scene-plane:nth-child(3){background:var(--scene-2)}
.scene-plane:nth-child(4){background:var(--scene-3)}
.scene-drawing{position:absolute;inset:0;overflow:hidden}
.scene-drawing::before,.scene-drawing::after{content:"";position:absolute;pointer-events:none}
/* The ledger lines and branching path describe the content, not decorative particles. */
.ledger-drawing::before{left:calc(50% + 222px);top:72px;width:1px;height:460px;background:var(--hairline);opacity:.55}
.ledger-drawing::after{left:calc(50% + 211px);top:92px;width:23px;height:420px;background:repeating-linear-gradient(to bottom,var(--hairline) 0 1px,transparent 1px 84px);opacity:.6}
.branch-drawing::before{left:calc(50% + 160px);top:232px;width:88px;height:120px;border:1px solid var(--hairline);border-left:0;border-radius:0 8px 8px 0;opacity:.7}
.keep-drawing::before{left:calc(50% + 250px);top:76px;width:156px;height:452px;border-left:1px solid var(--hairline);border-right:1px solid var(--hairline);opacity:.38}
.context-cluster{position:absolute;left:calc(50% + 212px);top:150px;width:242px;z-index:2;pointer-events:none;opacity:0;visibility:hidden}
.context-cluster:first-of-type{opacity:1;visibility:visible}
.context-kicker{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-bottom:20px}
.context-kicker svg{width:15px;height:15px;color:var(--purple)}
.context-artifact{padding:18px 20px;background:var(--artifact);border-radius:8px;box-shadow:var(--ambient-shadow)}
.context-artifact+.context-artifact{margin-top:22px;margin-left:22px}
.context-artifact>header{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;line-height:1.7}
.context-artifact>header svg{width:14px;height:14px;color:var(--blue)}
.context-artifact>p{font-size:17px;font-weight:500;line-height:1.8;margin-top:10px}
.context-artifact>small{display:block;font-size:10px;color:var(--muted);margin-top:12px}
.context-artifact.quiet{background:transparent;box-shadow:none;padding-top:8px;padding-bottom:8px}
.context-artifact.quiet>p{font-size:14px}
.context-cluster[data-context="0"]{top:164px}
.context-cluster[data-context="1"]{top:122px}
.context-cluster[data-context="1"] .context-artifact{box-shadow:none;background:transparent;padding-left:24px;position:relative}
.context-cluster[data-context="1"] .context-artifact::before{content:"";position:absolute;top:26px;left:-3px;width:5px;height:5px;background:var(--blue);border-radius:50%}
.context-cluster[data-context="1"] .context-artifact+.context-artifact{margin-left:0;margin-top:18px}
.context-cluster[data-context="1"] .context-artifact>p{font-size:16px}
.context-cluster[data-context="2"]{top:176px}
.context-cluster[data-context="2"] .context-artifact+.context-artifact{margin-left:30px}
.context-cluster[data-context="3"]{top:130px}
.context-cluster .ambient-task{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:15px;line-height:1.7}
.ambient-task>svg{width:16px;height:16px;margin-top:5px;color:var(--purple)}
.ambient-task>span{min-width:0}
.context-cluster.is-done .ambient-task>span{text-decoration:line-through;color:var(--muted)}
.context-cluster.is-done .ambient-task>svg{color:var(--blue)}
.compact-context{display:none;position:absolute;left:0;right:0;top:calc(var(--device-top) + var(--phone-h) + 82px);text-align:center;pointer-events:none;color:var(--muted);font-size:11px}
.compact-context>span{display:inline-flex;align-items:center;gap:8px}
.compact-context svg{width:13px;height:13px;color:var(--purple)}
@media(max-width:1100px){.context-cluster{display:none}.ledger-drawing::before{left:calc(61% + 164px)}.ledger-drawing::after{left:calc(61% + 153px)}.branch-drawing::before{left:calc(61% + 152px);width:60px}.keep-drawing::before{left:calc(61% + 175px);width:90px}}
@media(max-width:760px){.chapter-tabs{padding:4px 3px 8px}.scene-drawing{opacity:.55}.ledger-drawing::before{left:calc(50% + 154px);top:126px;height:350px}.ledger-drawing::after{left:calc(50% + 147px);width:15px;top:152px;height:300px}.branch-drawing::before{left:calc(50% + 140px);top:238px;width:44px;height:100px}.keep-drawing::before{left:calc(50% + 154px);top:140px;width:36px;height:330px}.scene-disclosure{display:none}}
@media(max-width:760px) and (min-height:820px){.compact-context{display:block}}
@media(max-height:620px){.context-cluster{top:150px}.context-artifact{padding:14px 18px}.compact-context{display:none}}
@media print{.scene-planes,.context-cluster,.compact-context{display:none}}

/* Native media owns its status bar, text and dock. Never reconstruct or crop app controls. */
:root{--phone-w:calc((var(--phone-h) - 14px)*.46 + 14px)}
.native-device .device-screen{display:block}
.native-slide{position:absolute;inset:0;opacity:0;visibility:hidden;contain:layout paint;will-change:transform,opacity;margin:0}
.native-slide:first-child{opacity:1;visibility:visible}
.native-slide>img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.chapter-copy[data-chapter]{opacity:0;visibility:hidden}
.chapter-copy[data-chapter="0"]{opacity:1;visibility:visible}
.context-cluster[data-context="0"]{opacity:1;visibility:visible}
.chapter-copy h2{font-size:40px}
.story-track{height:330svh}
.chapter-tabs::after{content:none}
.tab-marker{position:absolute;left:0;bottom:6px;width:25%;height:2px;pointer-events:none;will-change:transform}
.tab-marker::after{content:"";display:block;width:18px;height:2px;margin:auto;background:var(--ink);border-radius:1px}
.scene-disclosure{font-size:9px}
.media-status{position:absolute;left:50%;top:250px;translate:-50% 0;z-index:6;width:220px;text-align:center;background:var(--bg);padding:16px;font-size:12px}
body[data-ready=false] .native-device{visibility:hidden}
@media(max-width:1100px) and (min-width:761px){.chapter-copy h2{font-size:34px}}
@media(max-width:760px){:root{--phone-w:calc((var(--phone-h) - 12px)*.46 + 12px)}.chapter-copy h2{font-size:23px;white-space:normal}.chapter-copy h2 br{display:none}.story-track{height:320svh}.scene-disclosure{display:block;font-size:9px;white-space:normal;line-height:1.7;max-width:320px;margin:10px auto 0}.story-controls{width:min(344px,calc(100% - 8px))}}
@media(max-width:360px){.chapter-copy h2{font-size:21px}}
@media(max-width:760px) and (max-height:760px){.scene-disclosure{display:none}}
@media(prefers-reduced-motion:reduce){.native-slide,.tab-marker{will-change:auto}}

/* Flighty reference: a clear canvas and a substantial product, not changing color scenes. */
:root{--bg:#fff;--scene-0:#fff;--scene-1:#fff;--scene-2:#fff;--scene-3:#fff;--ink:#17181c;--muted:#60646f;--surface:#f5f5f7;--artifact:#fff;--hairline:#e0e1e7;--control:#202126;--phone-h:min(640px,calc(100svh - 200px));--ambient-shadow:0 3px 5px #171c2905,0 10px 36px #171c290a}
:root[data-theme=dark]{--bg:#0e0f12;--scene-0:#0e0f12;--scene-1:#0e0f12;--scene-2:#0e0f12;--scene-3:#0e0f12;--ink:#f5f5f7;--muted:#b4b7c1;--surface:#1b1c21;--artifact:#1b1c21;--hairline:#35373f;--control:#24252c;--ambient-shadow:0 3px 5px #00000008,0 10px 36px #00000020}
.hero{padding-bottom:26px}
.hero-purpose{max-width:540px;margin-left:auto;margin-right:auto}
.story-track{height:330svh}
.device{box-shadow:0 0 0 1px #989ba4,0 18px 44px #171c2914}
.chapter-copy{top:156px;width:300px}
.chapter-copy h2{font-size:40px}
.context-cluster{left:calc(50% + 224px);width:250px}
.context-artifact{border-radius:8px;padding:16px 18px}
.context-artifact>p{font-size:18px}
.context-kicker{font-size:11px}
.context-artifact>header,.context-artifact>small{font-size:11px}
.chapter-tabs{background:var(--control);padding:5px;gap:3px;border-radius:28px;box-shadow:none}
.chapter-tabs>button{border-radius:23px;color:#c6c8d1;font-size:12px;padding:6px 12px}
.chapter-tabs>button:hover{color:#fff}
.chapter-tabs>button[aria-selected=true]{background:#3561e8;color:#fff}
.tab-marker{display:none}
.outro{border-top:0}
/* Native screens move edge-to-edge inside one fixed-size phone; text never dissolves into text. */
.native-slide{backface-visibility:hidden}
@media(max-width:1100px) and (min-width:761px){.chapter-copy{width:220px}.chapter-copy h2{font-size:34px}}
@media(max-width:760px){:root{--phone-h:min(568px,calc(100svh - 200px))}.chapter-copy{top:8px;width:100%}.chapter-copy h2{font-size:23px}.story-track{height:320svh}.chapter-tabs>button{padding:6px;font-size:11px}.chapter-tabs{gap:2px}}
@media(max-width:360px){.chapter-copy h2{font-size:21px}.chapter-tabs>button{font-size:10px}}
@media(max-height:620px){:root{--phone-h:500px}.chapter-copy{top:150px}.story-stage,body[data-static=true] .story-track{height:650px}}
@media(max-height:620px) and (max-width:760px){.chapter-copy{top:6px}.story-stage,body[data-static=true] .story-track{height:636px}}

/* One photographic handheld stage; coordinated chapter colors settle independently of scrolling. */
:root{--scene-0:#edf3ff;--scene-1:#eaf6f2;--scene-2:#f1ebfa;--scene-3:#e9f1f9;--feature-lilac:#f1edfa;--feature-mint:#eaf4f0;--feature-neutral:#f5f5f8}
:root[data-theme=dark]{--scene-0:#192235;--scene-1:#172b29;--scene-2:#292137;--scene-3:#1a2937;--feature-lilac:#211b2c;--feature-mint:#152725;--feature-neutral:#16171d}
.hero{background:var(--scene-0);padding-top:30px;padding-bottom:32px}
.story-stage{background:var(--scene-0);transition:background-color .6s ease}
.story-stage[data-step="1"]{background:var(--scene-1)}.story-stage[data-step="2"]{background:var(--scene-2)}.story-stage[data-step="3"]{background:var(--scene-3)}
.scene-plane,.scene-plane:first-child,.scene-plane:nth-child(2),.scene-plane:nth-child(3),.scene-plane:nth-child(4){background:transparent}
.scene-drawing{opacity:.6}.context-artifact{background:color-mix(in srgb,var(--bg) 85%,transparent)}
.handheld{position:absolute;left:50%;top:calc(var(--device-top) - var(--phone-h)*var(--screen-top-factor));translate:var(--hand-center-shift) 0;width:calc(var(--phone-h)*var(--hand-width-factor));height:auto;aspect-ratio:var(--hand-aspect);z-index:3;pointer-events:none;mask-image:none}
.hand-photo{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.handheld .device{left:54.3%;top:4.88%;width:calc(var(--phone-h)*.46);height:var(--phone-h);border:0;border-radius:calc(var(--phone-h)*.045);box-shadow:none;background:#000}
.handheld .device-screen{border-radius:inherit;background:#000}
/* Hardware dressing only; the original application controls and text are never redrawn. */
.handheld .device-screen::after{content:"";position:absolute;z-index:5;left:50%;translate:-50% 0;top:1.5%;width:31%;height:3.9%;border-radius:24px;background:#000;pointer-events:none}
.native-slide>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;background:#000;pointer-events:none}
.native-slide.is-playing>video{opacity:1}
.story-controls{top:calc(var(--device-top) + var(--phone-h) + 24px)}
.media-controls{display:flex;justify-content:center;gap:4px;margin-top:4px}.media-controls .icon-button{width:44px;height:44px;background:transparent;color:var(--muted)}.media-controls svg{width:17px;height:17px}
.scene-disclosure{margin-top:0;font-size:9px;white-space:normal;max-width:408px;line-height:1.7}
.story-stage{height:calc(100svh - var(--header-h));min-height:750px}
body[data-static=true] .story-track{height:max(750px,calc(100svh - var(--header-h)))}
.feature-section{padding:100px 0;overflow:hidden}.feature-inner{max-width:1120px;width:calc(100% - 64px);margin:auto}
.clarity-section{background:var(--feature-lilac)}.memory-section{background:var(--feature-mint)}.personal-section{background:var(--feature-neutral)}
.feature-eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--purple);margin-bottom:20px}.feature-eyebrow svg{width:19px;height:19px}
.feature-section h2{font-size:44px;line-height:1.4;white-space:pre-line}.feature-heading>p:last-child,.memory-heading>p:last-child{font-size:16px;color:var(--muted);max-width:500px;margin-top:22px;line-height:1.9}
.clarity-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:96px;align-items:center;margin-top:56px}.feature-points article{display:flex;gap:18px;align-items:flex-start;margin-top:34px}.feature-points article:first-child{margin-top:0}.feature-points article>svg{color:var(--purple);width:23px;height:23px;margin-top:3px}.feature-points h3{font-size:18px;line-height:1.6}.feature-points p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:7px;max-width:260px}.feature-link{display:inline-flex;gap:10px;align-items:center;min-height:44px;color:var(--ink);font-size:13px;font-weight:600;margin-top:32px}.feature-link svg{width:16px}
.detail-window{position:relative;overflow:hidden;background:var(--phone-bg);border-radius:8px;box-shadow:0 18px 48px #151b3510;aspect-ratio:1.05}
.detail-window>img,.detail-window>video{position:absolute;width:100%;height:auto;max-width:none;left:0;top:0;display:block;translate:0 -28.5%}.detail-window>video{opacity:0;pointer-events:none}.feature-native.is-playing video{opacity:1}
.feature-native figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-top:12px}.feature-native figcaption .icon-button{flex-shrink:0}
.memory-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 80px;align-items:end}.memory-heading>.feature-eyebrow{grid-column:1/-1}.memory-heading>p:last-child{margin-bottom:6px}
.memory-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:112px;align-items:center;margin-top:60px}.memory-native .detail-window{aspect-ratio:1.05}.memory-native .detail-window>img,.memory-native .detail-window>video{translate:0 -12.2%}
.memory-highlight>svg{color:var(--purple);width:25px;height:25px;margin-bottom:24px}.memory-highlight>p{font-size:30px;font-weight:600;line-height:1.6;white-space:pre-line}.memory-highlight>span{display:block;font-size:13px;line-height:1.9;color:var(--muted);margin-top:20px}.memory-reasons{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.memory-reasons>p{display:flex;align-items:center;gap:12px;font-size:13px;margin-top:16px}.memory-reasons svg{width:18px;height:18px;color:var(--blue)}
.personal-heading{text-align:center}.personal-heading>.feature-eyebrow{justify-content:center}.personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;margin-top:56px}.personal-grid article{min-width:0}.feature-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;margin-bottom:24px}.feature-icon svg{width:23px;height:23px}.feature-icon.blue{color:var(--blue);background:var(--tint)}.feature-icon.purple{color:var(--purple);background:color-mix(in srgb,var(--purple) 12%,transparent)}.feature-icon.teal{color:#11756c;background:#def0e9}:root[data-theme=dark] .feature-icon.teal{color:#88dccc;background:#223d38}.personal-grid h3{font-size:20px}.personal-grid p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:14px;max-width:270px}
.outro{background:var(--bg)}
@media(min-width:761px) and (max-height:850px){:root{--phone-h:min(560px,calc(100svh - 228px))}.story-stage{min-height:0}body[data-static=true] .story-track{height:calc(100svh - var(--header-h))}.scene-disclosure{display:none}.media-controls{margin-top:2px}}
@media(max-width:1100px) and (min-width:761px){.handheld{left:61%}.clarity-layout{gap:56px}.memory-layout{gap:64px}.feature-section h2{font-size:38px}.personal-grid{gap:40px}}
@media(max-width:760px){.hero{padding:24px 20px 28px}.handheld{left:50%}.story-stage{min-height:0}.story-controls{top:calc(var(--device-top) + var(--phone-h) + 16px)}body[data-static=true] .story-track{height:calc(100svh - var(--header-h))}.scene-disclosure{display:none}.feature-section{padding:64px 0}.feature-inner{width:calc(100% - 40px)}.feature-section h2{font-size:30px}.feature-eyebrow{font-size:12px;margin-bottom:16px}.feature-heading>p:last-child,.memory-heading>p:last-child{font-size:14px;margin-top:18px}.clarity-layout{grid-template-columns:1fr;gap:32px;margin-top:32px}.feature-points{display:grid;grid-template-columns:1fr;gap:22px}.feature-points article{margin:0;gap:14px}.feature-points h3{font-size:16px}.feature-points p{font-size:13px;max-width:none}.feature-link{margin-top:0}.detail-window{aspect-ratio:1.05}.memory-heading{grid-template-columns:1fr}.memory-layout{grid-template-columns:1fr;gap:32px;margin-top:32px}.memory-highlight>svg{margin-bottom:16px}.memory-highlight>p{font-size:26px}.memory-reasons{margin-top:24px}.personal-heading{text-align:left}.personal-heading>.feature-eyebrow{justify-content:flex-start}.personal-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.personal-grid article{display:grid;grid-template-columns:44px 1fr;gap:0 18px}.feature-icon{grid-row:1/3;margin:0}.personal-grid h3{font-size:18px}.personal-grid p{margin-top:8px;max-width:none;font-size:13px}}
@media(max-width:760px) and (max-height:760px){:root{--phone-h:calc(100svh - 248px)}}
@media(max-height:620px){:root{--phone-h:480px}.story-stage,body[data-static=true] .story-track{height:690px;min-height:0}.media-controls{display:flex}.story-controls{top:calc(var(--device-top) + var(--phone-h) + 20px)}}
@media(max-height:620px) and (max-width:760px){.story-stage,body[data-static=true] .story-track{height:700px}}
@media(prefers-reduced-motion:reduce){.story-stage{transition:none}}

/* Register the screen to the measured glass aperture, not a guessed CSS rounded rectangle. */
:root:not([data-theme=dark]){--muted:#575c67}
.handheld{mask-image:none;width:calc(var(--phone-h)*var(--hand-width-factor));height:auto;aspect-ratio:var(--hand-aspect);top:calc(var(--device-top) - var(--phone-h)*var(--screen-top-factor));translate:var(--hand-center-shift) 0}
.handheld .device{left:var(--glass-left);top:var(--glass-top);width:var(--glass-width);height:var(--glass-height);translate:0 0;border-radius:var(--glass-rx) / var(--glass-ry);clip-path:none;overflow:hidden;z-index:2}
.handheld .device-screen{border-radius:0}
/* Static edge blending is retained under Reduce Motion; only the photographic wrist is faded. */
.hand-photo{position:relative;z-index:0;height:auto;object-fit:contain;aspect-ratio:var(--hand-aspect);mask-image:linear-gradient(to bottom,#000 0%,#000 85.2%,#000b 90%,#0003 96%,transparent 100%),linear-gradient(to right,transparent 0%,#000 8%,#000 100%);mask-composite:intersect}
/* Hardware model: fixed metric proportions, even bezels and restrained dark metal rails. */
.iphone-shell{position:absolute;left:var(--shell-left);top:var(--shell-top);width:var(--shell-width);height:var(--shell-height);border-radius:var(--shell-rx) / var(--shell-ry);z-index:1;background:linear-gradient(115deg,#747b85,#30353d 18%,#555c66 49%,#252a31 82%,#858c95);box-shadow:0 0 0 .6px #2b2e34}
.iphone-shell::before{content:"";position:absolute;inset:1.4px;border-radius:inherit;background:#060709}
.side-key{position:absolute;left:-1.4px;width:2px;border-radius:1px;background:#535a64}.side-key.action{top:18%;height:3.4%}.side-key.volume-up{top:27%;height:5.5%}.side-key.volume-down{top:35%;height:5.5%}.side-key.power{left:auto;right:-1.4px;top:27%;height:8%}
.hero{padding-bottom:28px}
.workspace-entry{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;margin-top:28px;padding:10px 20px;border-radius:8px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:600}
.workspace-entry>svg{width:18px;height:18px}.workspace-entry:hover{opacity:.85}

/* Physical studio depth plus a quiet, content-specific foreground replaces flat color alone. */
.scene-render{position:absolute;inset:0;z-index:-3;pointer-events:none;background:url("assets/studio.png") center 60%/cover no-repeat;opacity:.34;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 87%,transparent 100%)}
:root[data-theme=dark] .scene-render{opacity:.3;mix-blend-mode:soft-light;filter:brightness(.7)}
.ambient-wave{position:absolute;left:0;bottom:12%;display:flex;align-items:center;gap:10px;height:140px;width:27%;opacity:.13;color:var(--blue)}.ambient-wave>span{height:var(--bar);width:7px;flex:1;border-radius:4px;background:currentColor}
.ambient-ledger{position:absolute;left:-30px;bottom:10%;width:28%;height:200px;border-block:1px solid var(--hairline);rotate:-8deg;opacity:.32;padding:22px 26px;color:var(--blue)}.ambient-ledger>svg{width:32px;height:32px;margin-bottom:12px}.ambient-ledger>span{display:block;height:1px;background:var(--hairline);margin-top:20px}.ambient-ledger>span:nth-child(3){width:78%}.ambient-ledger>span:nth-child(4){width:90%}
.ambient-summary{position:absolute;left:0;bottom:9%;width:26%;height:180px;rotate:-6deg;opacity:.22;color:var(--purple)}.ambient-summary>svg{width:34px;height:34px}.ambient-summary>span{display:block;width:84%;height:9px;margin-top:18px;background:currentColor;border-radius:2px;opacity:.45}.ambient-summary>span:nth-child(3){width:64%}.ambient-summary>span:nth-child(4){width:74%;height:2px}.ambient-summary>svg:last-child{position:absolute;right:0;bottom:0}
.ambient-knowledge{position:absolute;left:-20px;bottom:11%;display:flex;align-items:center;gap:14px;width:29%;opacity:.23;color:var(--purple);rotate:-8deg}.ambient-knowledge>svg{width:40px;height:40px;flex-shrink:0}.ambient-knowledge>span{height:1px;background:var(--hairline);flex:1}
.feature-section{position:relative;isolation:isolate}.feature-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("assets/studio.png") right bottom/cover no-repeat;opacity:.09;mix-blend-mode:multiply}.memory-section::before{background-position:left bottom}.personal-section::before{opacity:.06}:root[data-theme=dark] .feature-section::before{mix-blend-mode:soft-light;opacity:.12}
@media(max-width:1100px){.scene-render{background-position:55% center;opacity:.27}.ambient-wave,.ambient-ledger,.ambient-summary,.ambient-knowledge{width:24%}}
@media(max-width:760px){.scene-render{background-position:57% center;opacity:.25}.ambient-wave,.ambient-ledger,.ambient-summary,.ambient-knowledge{display:none}.feature-section::before{opacity:.05}}