:root{color:#f3f0e9;background:var(--bg);--bg:#35291f;--cream:#f3f0e9;--muted:#c3c6c4;--line:#ffffff29;--header:88px;font-synthesis:none;scroll-padding-top:110px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p,figure{margin:0}img{max-width:100%;height:auto;display:block}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:6px;outline:2px solid #e5ebcf}h1:focus,h2:focus{outline:none}em{letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-weight:400}::selection{color:#16251e;background:#e4edcd}[hidden]{display:none!important}.skip{background:var(--cream);color:#18251d;z-index:100;padding:14px;position:fixed;top:-100px;left:20px}.skip:focus{top:15px}p{color:var(--muted);font-size:16px;line-height:1.75}.site-header{z-index:20;height:var(--header);background:var(--bg);background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff15;align-items:center;gap:36px;padding:16px 4.5%;display:flex;position:sticky;top:0}.brand{white-space:nowrap;letter-spacing:-.025em;align-items:center;gap:11px;font-size:14px;font-weight:600;display:flex}.brand img{background:var(--cream);border-radius:50%}.primary-nav{align-items:center;gap:25px;margin-left:auto;font-size:12px;display:flex}.primary-nav>a{padding:10px 0}.primary-nav a:hover{color:#fff}.mode-switch{white-space:nowrap;border:1px solid #ffffff30;border-radius:24px;padding:4px;font-size:11px;display:flex}.mode-switch a{color:#d0d3ce;border-radius:20px;padding:9px 13px}.mode-switch [aria-current]{color:#243025;background:#ecf0e5}.story{overflow-anchor:none;position:relative}.journey-viewport{position:relative}.scene-stage{pointer-events:none;position:absolute;inset:0;overflow:hidden}.canvas-host,.canvas-host canvas{width:100%;height:100%;display:block}.static-mode .scene-stage{display:none}.zoom-mode .story{height:740svh}.zoom-mode .journey-viewport{top:var(--header);height:calc(100svh - var(--header));position:sticky;overflow:clip}.story-section{min-height:calc(100svh - var(--header));align-items:center;gap:8%;padding:80px 7.5%;scroll-margin-top:0;display:flex;position:relative}.zoom-mode .story-section{opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 0;height:100%;min-height:0;position:absolute;top:0;left:0;overflow:visible}.zoom-mode .story-section.is-active{pointer-events:auto}.story-copy{width:46%;max-width:565px}.eyebrow{letter-spacing:.14em;color:#c2ccc4;margin-bottom:24px;font-size:10px;line-height:1.7}.hero h1{letter-spacing:-.065em;font-size:clamp(68px,7.8vw,120px);font-weight:450;line-height:.99}.story-section h2{letter-spacing:-.06em;font-size:clamp(48px,6.1vw,88px);font-weight:450;line-height:1.04}.story-copy>p{max-width:390px;margin-top:26px}.chapter-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:28px;display:flex}.button{border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:27px;min-height:48px;padding:16px 22px;font-size:12px;font-weight:600;transition:background .2s;display:inline-flex}.button.light{color:#1b2f23;background:#e7edda}.button.light:hover{background:#f4f6ed}.text-link{border-bottom:1px solid #d8ded566;align-items:center;margin-top:23px;padding:12px 0;font-size:12px;display:inline-flex}.text-link:hover{color:#fff;border-color:#fff}.chapter-actions .text-link{margin:0}.hero-meta{letter-spacing:.11em;color:#bdc3b9;margin-top:29px;font-size:9px;line-height:1.7}.chapter-photo{width:36%;height:74%;max-height:620px;margin-left:auto}.chapter-photo img{aspect-ratio:3/4;object-fit:contain;border-radius:5px;width:100%;height:100%}.portrait{width:38%;max-height:670px}.portrait img{object-fit:cover;object-position:center 30%}.experience-facts{gap:38px;margin-top:28px;display:flex}.experience-facts strong{letter-spacing:-.05em;font-size:38px;font-weight:450}.experience-facts span{color:#b8c5c8;max-width:130px;margin-top:7px;font-size:10px;line-height:1.55;display:block}.story-copy .project-role{color:#bcc8c0;margin-top:23px;font-size:12px;line-height:1.7}.story-copy .project-tagline{letter-spacing:-.045em;color:#f0f1e6;max-width:510px;margin-top:24px;font-size:clamp(25px,3.1vw,44px);line-height:1.15}.project-tagline em{color:#cee6b9}.clarity-static{object-fit:contain;width:31%;height:40%;position:absolute;top:8%;right:8%}.zoom-mode .clarity-static,.zoom-mode .fate-static{display:none}.fate-static{justify-content:center;align-items:center;width:38%;height:65%;display:flex;position:absolute;right:8%}.fate-static img{object-fit:contain;width:100%;height:100%}.fate .project-role{margin-top:18px}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:43%;height:25%;display:grid;position:absolute;top:56%;right:7.5%}.feature-preview{min-width:0}.feature-preview figcaption{letter-spacing:.08em;color:#d5e2cf;margin-bottom:12px;font-size:10px}.mini-screen{color:#d7e8d4;background:#081c16b5;border:1px solid #9dd29433;border-radius:12px;height:100%;max-height:185px;padding:16px 12px;overflow:hidden}.mini-heading{margin-bottom:18px;font-size:11px;font-weight:600;display:block}.mini-task{white-space:nowrap;align-items:center;gap:6px;margin-top:14px;font-size:7px;display:flex}.mini-task i{text-align:center;border:1px solid #639479;border-radius:50%;flex:none;width:10px;height:10px;font-size:7px;font-style:normal;line-height:9px}.mini-task .done{color:#092218;background:#82c39b;border-color:#82c39b}.mini-progress{background:#78978535;border-radius:2px;height:3px;margin-top:19px;overflow:hidden}.mini-progress span{background:#86c597;width:34%;height:100%;display:block}.network-screen{padding:0;position:relative}.network-screen svg{width:100%;height:100%;position:absolute;inset:0}.network-screen path{fill:none;stroke:#72a789;stroke-width:1px}.mini-node,.mini-center{background:#123727;border:1px solid #77a68955;border-radius:7px;padding:7px 6px;font-size:7px;font-weight:500;position:absolute;transform:translate(-50%,-50%)}.mini-center{padding:12px 10px;font-size:10px;top:50%;left:50%}.node-one{top:21%;left:21%}.node-two{top:25%;left:81%}.node-three{top:83%;left:30%}.mini-wave{justify-content:space-between;align-items:center;gap:3px;height:42px;display:flex}.mini-wave i{background:#86cfa1;border-radius:3px;width:3px;height:36%}.mini-wave i:nth-child(3n){height:90%}.mini-wave i:nth-child(4n){height:60%}.mini-wave i:nth-child(5n){height:100%}.mini-summary{color:#b4cfba;margin-top:16px;font-size:8px}.mini-summary i{background:#71967d55;border-radius:2px;height:3px;margin-top:7px;display:block}.mini-summary i:last-child{width:65%}.illustration-label{color:#a5bcac;letter-spacing:.07em;font-size:7px;position:absolute;top:calc(100% + 36px);left:0}.contact-content{width:100%}.contact-section h2{font-size:clamp(64px,8vw,120px)}.contact-section p{max-width:520px;margin:30px 0}.personal-links{color:#c4cdc4;gap:28px;margin-top:34px;font-size:11px;display:flex}.site-footer{border-top:1px solid var(--line);color:#b6c0ba;justify-content:space-between;gap:20px;margin-top:60px;padding-top:24px;font-size:10px;display:flex}.journey-bottom{z-index:5;letter-spacing:.08em;color:#bcc9bc;justify-content:space-between;align-items:center;gap:20px;font:9px ui-monospace,SFMono-Regular,monospace;display:none;position:absolute;bottom:25px;left:4.5%;right:4.5%}.zoom-mode .journey-bottom{display:flex}.journey-bottom>span{width:180px}.journey-bottom>span:last-child{text-align:right}.chapter-nav{gap:12px;display:flex}.chapter-nav a{color:#a5b5a9;border-bottom:1px solid #cad8c53b;place-items:center;width:34px;height:34px;display:grid}.chapter-nav a[aria-current]{color:#f0f3e7;border-color:#e4edda}.chapter-nav a:hover{color:#fff}.static-mode .story-section:not(.hero){border-top:1px solid var(--line)}.static-mode #experience{background:#192c3c}.static-mode #clarity{background:#102e21}.static-mode #fate{background:#301e3f}.static-mode #contact{background:#1e2630}@media (max-width:1100px){.site-header{gap:20px;padding-inline:4%}.primary-nav{gap:18px}.brand span{font-size:12px}.mode-switch a{padding-inline:9px}.story-section{padding-inline:6%}.story-copy{width:48%}.story-copy>p{font-size:14px}.hero h1{font-size:8.4vw}.mini-screen{padding:12px 8px}.network-screen{padding:0}.mini-task{gap:4px;font-size:6px}.feature-strip{gap:8px;right:6%}.journey-bottom>span{width:140px;font-size:8px}}@media (max-width:760px){:root{--header:100px;scroll-padding-top:110px}.site-header{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 5%}.brand{gap:9px}.brand img{width:30px;height:30px}.brand span{font-size:11px}.primary-nav{order:3;justify-content:space-between;gap:14px;width:100%;margin:0;font-size:11px}.primary-nav>a{padding:4px 0}.mode-switch{font-size:9px}.mode-switch a{padding:7px 10px}.story-section{min-height:740px;padding:55px 6% 65px;display:block}.story-copy{width:100%;max-width:540px}.hero h1{font-size:56px}.story-section h2{font-size:46px}.eyebrow{margin-bottom:18px;font-size:8px}.story-copy>p{max-width:350px;margin-top:20px;font-size:13px}.chapter-actions{gap:23px;margin-top:23px}.button{min-height:44px;padding:13px 17px;font-size:11px}.text-link{margin-top:18px;font-size:11px}.hero-meta{font-size:8px}.chapter-photo,.portrait{width:70%;height:330px;margin:35px auto 0}.hero .portrait{margin:0 auto 30px}.hero{flex-direction:column-reverse;gap:0;display:flex}.hero .story-copy{max-width:none}.experience-facts{gap:35px;margin-top:22px}.experience-facts strong{font-size:30px}.experience-facts span{max-width:120px;font-size:9px}.story-copy .project-tagline{max-width:330px;margin-top:18px;font-size:31px}.story-copy .project-role{margin-top:19px;font-size:10px}.clarity-overview{min-height:900px}.clarity-static{width:52%;height:225px;top:355px;right:24%}.feature-strip{gap:9px;width:auto;height:160px;inset:auto 6% 85px}.mini-screen{height:100%;max-height:none;padding:13px 9px}.network-screen{padding:0}.mini-heading{margin-bottom:13px;font-size:10px}.mini-task{margin-top:12px;font-size:6px}.mini-task i{width:9px;height:9px}.mini-wave{height:36px}.mini-summary{margin-top:12px}.mini-node{padding:5px;font-size:6px}.mini-center{padding:8px;font-size:9px}.feature-preview figcaption{margin-bottom:10px;font-size:9px}.illustration-label{font-size:6px;top:calc(100% + 30px)}.fate-static{width:75%;height:310px;margin:30px auto 0;position:relative;right:auto}.contact-section h2{font-size:52px}.contact-section p{font-size:14px}.personal-links{flex-wrap:wrap;gap:20px}.site-footer{margin-top:42px;font-size:9px}.journey-bottom{justify-content:center;bottom:15px;left:6%;right:6%}.journey-bottom>span{display:none}.chapter-nav{gap:18px}.chapter-nav a{width:31px;height:30px}.zoom-mode .story-section{min-height:0;padding:45px 6% 60px}.zoom-mode .hero{display:block}.zoom-mode .hero .story-copy{width:auto;position:absolute;top:51%;left:6%;right:6%}.zoom-mode .hero h1{font-size:clamp(38px,9.9vw,63px)}.zoom-mode .hero h1 br{display:none}.zoom-mode .hero .eyebrow{margin-bottom:12px;font-size:7px}.zoom-mode .hero p{max-width:390px;margin-top:15px;font-size:12px;line-height:1.6}.zoom-mode .hero-meta{display:none}.zoom-mode .hero .chapter-actions{margin-top:20px}.zoom-mode .chapter-photo{width:48%;height:30%;margin:0;position:absolute;bottom:65px;right:9%}.zoom-mode .hero .portrait{width:auto;max-width:65%;height:42%;inset:4% auto auto 50%;transform:translate(-50%)}.zoom-mode .hero .portrait img{width:auto;max-width:none}.zoom-mode .story-section h2{font-size:clamp(37px,10vw,55px)}.zoom-mode .story-copy>p{max-width:330px;font-size:12px;line-height:1.65}.zoom-mode .clarity-overview .story-copy{width:88%}.zoom-mode .clarity-overview h2{font-size:56px}.zoom-mode .story-copy .project-tagline{max-width:320px;font-size:29px;line-height:1.15}.zoom-mode .clarity-overview .project-role{max-width:240px;font-size:10px}.zoom-mode .feature-strip{height:25%;max-height:185px;top:auto;bottom:100px}.zoom-mode .contact-section h2{font-size:48px}}@media (min-width:761px) and (max-height:780px){.story-section{padding-top:50px;padding-bottom:65px}.hero h1{font-size:80px}.story-section h2{font-size:64px}.eyebrow{margin-bottom:18px}.story-copy>p{margin-top:20px;font-size:14px}.chapter-actions{margin-top:23px}.experience-facts{margin-top:22px}.chapter-photo{height:85%}.feature-strip{height:25%;top:56%}.mini-screen{padding-top:10px;padding-bottom:10px}.network-screen{padding:0}.mini-heading{margin-bottom:9px}.mini-task{margin-top:9px}.mini-progress{margin-top:12px}.mini-wave{height:25px}.mini-summary{margin-top:9px}.contact-section h2{font-size:85px}}@media (max-width:760px) and (max-height:700px){.zoom-mode .hero .portrait{height:35%;top:3%}.zoom-mode .hero .story-copy{top:41%}.zoom-mode .hero h1{font-size:38px}.zoom-mode .hero p{font-size:11px}.zoom-mode .story-section{padding-top:30px}.zoom-mode .story-section h2{font-size:35px}.zoom-mode .story-copy .project-tagline{font-size:25px}.zoom-mode .chapter-photo{height:25%;bottom:52px}.zoom-mode .experience-facts{margin-top:15px}.zoom-mode .feature-strip{height:24%;bottom:80px}.zoom-mode .mini-screen{padding:9px 5px}.zoom-mode .network-screen{padding:0}.zoom-mode .mini-task{margin-top:8px;font-size:5px}.zoom-mode .mini-heading{margin-bottom:7px}.zoom-mode .mini-wave{height:25px}.zoom-mode .mini-summary{margin-top:7px}.zoom-mode .mini-progress{margin-top:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{*{color:#111!important;background:#fff!important}.site-header,.scene-stage,.journey-bottom{display:none!important}.story,.journey-viewport{height:auto!important;position:static!important;overflow:visible!important}.story-section{break-inside:avoid;opacity:1!important;visibility:visible!important;height:auto!important;min-height:0!important;padding:25px 0!important;position:relative!important;transform:none!important}.story-copy{width:100%;max-width:none}.hero h1{font-size:44px}.story-section h2{font-size:32px}.chapter-photo,.clarity-static,.fate-static,.feature-strip{display:none}.site-footer{padding:15px 0}}
