:root{font-family:DM Sans,sans-serif;color:#302f29;background:#eee9df;font-synthesis:none;--paper:#eee9df;--ink:#302f29;--muted:#77766b;--olive:#444e3c;--coral:#cf704e;--line:#cfccc0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--coral);outline-offset:6px}button{border:0;background:none}::selection{background:#c9d0b7}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.065em}em{font-style:normal;color:var(--olive)}.header{height:105px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.wordmark{font-size:27px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:0}.wordmark span{font-weight:450}.wordmark i{font-style:normal;font-size:28px;color:var(--coral);margin-left:10px}.header-location,.contact-link,.eyebrow,.section-label,.scene-caption,.hero-bottom,.side-nav,.project-number,.visual-tag,.tool-strip-label,.experience-line>span,.footer,.contact-bottom button{font-size:10px;font-weight:600;letter-spacing:1.2px}.header-location{display:flex;gap:12px;align-items:center;color:#66675b}.header-location #local-time{margin-left:15px;font-variant-numeric:tabular-nums}.status-dot{width:6px;height:6px;display:inline-block;background:#7a8868;border-radius:50%;flex-shrink:0}.contact-link{border-bottom:1px solid var(--ink);padding:9px 0}.contact-link span{font-size:18px;margin-left:20px}.hero{padding:30px 6% 0;position:relative;min-height:865px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;position:relative;z-index:2;pointer-events:none}.eyebrow{display:flex;gap:12px;align-items:center}.mini-line{width:25px;height:1px;background:var(--ink)}h1{font-size:clamp(65px,7.7vw,122px);line-height:1.04;margin-top:25px;letter-spacing:-.07em}h1 span:not(.title-period){font-size:.9em}.title-period{color:var(--coral)}.hero-description{font-size:16px;line-height:1.7;align-self:flex-end;padding:0 6% 32px 20px}.hero-description em{color:#848576}.workstation-wrap{height:540px;margin-top:-85px;position:relative;margin-left:14%}#workstation{width:100%;height:100%;touch-action:pan-y;position:relative}#workstation canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.scene-fallback{position:absolute;left:34%;top:18%;width:50%;height:60%;background:#383e34;color:#e9e4d8;padding:35px;transform:rotate(-4deg);border:12px solid #bdbdb2;border-radius:16px;box-shadow:0 30px 50px #302f2920;display:flex;flex-direction:column;gap:25px}.scene-fallback span,.scene-fallback small{font-family:monospace}.scene-fallback strong{font-size:45px;font-weight:400}.scene-ready .scene-fallback{display:none}.scene-caption{position:absolute;bottom:22px;left:23%;font-size:8px;color:#77776a;display:flex;align-items:center;gap:10px}.scene-dot{height:5px;width:5px;background:var(--coral);border-radius:50%}.caption-divider{color:#b2b0a4;margin:0 5px}.scene-reset{position:absolute;bottom:12px;right:2%;width:36px;height:36px;border:1px solid #bdbcae;border-radius:50%;font-size:22px;z-index:2}.hero-bottom{height:95px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:9px;gap:20px}.scroll-link{display:flex;align-items:center;gap:15px}.scroll-arrow{font-size:23px;transition:transform .3s}.scroll-link:hover .scroll-arrow{transform:translateY(6px)}.hero-bottom p{font-size:12px;font-weight:400;letter-spacing:0;color:#6a6c60}.hero-index{color:#8b8b7e}.side-nav{position:fixed;right:20px;top:45%;z-index:9;display:flex;flex-direction:column;gap:28px;font-size:8px;writing-mode:vertical-rl}.side-nav a{display:flex;gap:8px;opacity:.5;transition:opacity .3s}.side-nav a:hover,.side-nav a.active{opacity:1}.side-nav span{color:var(--coral);font-size:7px}.section-pad{padding:95px 8%}.section-label{display:flex;justify-content:space-between;color:#737468;font-size:9px;margin-bottom:65px;gap:20px}.intro{background:#e5e4d9}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}h2{font-size:clamp(44px,5.5vw,80px);line-height:1.09}.intro-copy{padding-top:5px}.intro-copy>p:first-child{font-size:22px;line-height:1.55;letter-spacing:-.5px;margin-bottom:24px}.intro-copy>p:nth-child(2){font-size:15px;line-height:1.85;color:#6b6d60;max-width:470px}.inline-facts{display:flex;gap:20px;font-size:11px;margin-top:30px;flex-wrap:wrap}.inline-facts span{display:flex;gap:7px;align-items:center}.inline-facts span:last-child{color:#7a7b6d}.tool-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #c9cbbd;margin-top:85px;padding-top:30px;flex-wrap:wrap}.tool-strip>span:not(:first-child){font-size:15px;letter-spacing:-.3px}.tool-strip b{font-size:14px;font-weight:400;color:#999c89}.tool-strip-label{font-size:8px;color:#7c7e6d}.work{padding-bottom:40px}.section-heading{display:flex;align-items:flex-end;gap:7%;margin-bottom:65px}.section-heading p{font-size:14px;line-height:1.7;color:#79796d;padding-bottom:5px}.project-count{margin-left:auto;font-size:12px;padding-bottom:8px}.project{margin-bottom:90px}.project-visual{height:545px;position:relative;overflow:hidden;border-radius:4px}.movie-visual{background:#a8adb4;display:flex;justify-content:center;isolation:isolate}.movie-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 80%,#dce2e4,transparent 60%);z-index:-1}.project-watermark{position:absolute;top:30%;font-family:Manrope;font-size:15vw;font-weight:700;letter-spacing:-.09em;color:#8b939c;white-space:nowrap;line-height:1}.phone{width:220px;height:477px;background:#101318;border:7px solid #24252a;border-radius:31px;overflow:hidden;position:absolute;box-shadow:0 32px 40px #28313a40;will-change:transform;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.phone img{width:100%;height:100%;object-fit:cover}.phone-back{left:26%;top:100px;transform:rotate(-12deg)}.phone-front{left:49%;top:32px;transform:rotate(10deg)}.project-visual:hover .phone-back{transform:translate(-5px,-10px) rotate(-9deg)}.project-visual:hover .phone-front{transform:translate(5px,-10px) rotate(7deg)}.visual-tag{position:absolute;left:30px;bottom:28px;font-size:8px;letter-spacing:1px;z-index:2}.expand-image{position:absolute;right:25px;bottom:24px;border:1px solid #33333335;background:#ffffff25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;border-radius:50%;font-size:22px;z-index:3;transition:background .2s,transform .2s}.expand-image:hover{background:#ffffff75;transform:rotate(8deg)}.project-info{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:6%;padding:30px 0;border-bottom:1px solid var(--line)}.project-name{display:flex;align-items:flex-start;gap:15px}.project-name img{width:46px;height:46px;object-fit:cover;border-radius:12px}.project-number{font-size:7px;color:#939384;letter-spacing:1px;display:block;margin-bottom:6px}h3{font-size:26px;letter-spacing:-1px}.project-info>p{font-size:17px;line-height:1.55;letter-spacing:-.4px}.project-detail>p{font-size:13px;line-height:1.7;color:#727367}.tags{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.tags span{padding:5px 8px;border:1px solid #d2d0c3;border-radius:4px;font-size:9px;color:#717364}.project-footer{display:flex;gap:20px;justify-content:space-between;margin-top:22px;align-items:center;font-size:10px;flex-wrap:wrap}.development{display:flex;gap:6px;align-items:center;color:#757768}.development i{width:5px;height:5px;background:#b99c6b;border-radius:50%}.project-footer a{border-bottom:1px solid #878b77;padding-bottom:3px}.art-note{color:#959688}.dish-visual{background:#dce0cc}.dish-title{position:absolute;left:9%;top:75px;font-family:Manrope;font-size:clamp(40px,5.2vw,74px);line-height:1.1;letter-spacing:-4px;z-index:1}.dish-title em{color:#7f8b5e}.dish-art{position:absolute;right:-4%;bottom:-40px;width:70%;mix-blend-mode:multiply;transform:rotate(-8deg);transition:transform .6s}.dish-visual:hover .dish-art{transform:rotate(-5deg) translateY(-10px)}.owl-visual{background:#141629}.owl-side-copy{position:absolute;top:24%;left:10%;color:#ece9df;font-size:clamp(40px,5vw,70px);letter-spacing:-3px;font-family:Manrope;line-height:1.16}.owl-side-copy em{color:#e5b35c}.owl-poster{height:116%;width:auto;position:absolute;right:7%;top:-8%;transform:rotate(8deg);box-shadow:-30px 0 60px #0d0d1c;transition:transform .6s}.owl-visual:hover .owl-poster{transform:rotate(5deg)}.owl-visual .visual-tag{color:#9193a4}.owl-visual .expand-image{color:#ddd;border-color:#ffffff40}.journey{background:#e4e2d6}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.journey-art{height:280px;margin-top:45px;overflow:hidden;border-radius:5px}.journey-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.timeline{padding-top:8px}.timeline-item{display:flex;gap:25px;padding:0 0 35px;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:15px;top:34px;bottom:0;width:1px;background:#c5c8b8}.timeline-marker{border:1px solid #c5c8b8;border-radius:50%;width:31px;height:31px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px;background:#e4e2d6}.timeline-item .eyebrow{font-size:8px;letter-spacing:1px;color:#818572;margin:3px 0 13px}.timeline-item h3{font-size:24px;letter-spacing:-.8px;margin-bottom:12px}.timeline-item p{font-size:13px;line-height:1.8;color:#727665}.experience-line{border-top:1px solid #c6c9b9;margin-top:50px;padding-top:25px;display:flex;gap:50px;align-items:baseline}.experience-line>span{font-size:8px;color:#7c816d;white-space:nowrap}.experience-line p{font-size:12px;line-height:2;color:#626a55}.experience-line i{font-style:normal;padding:0 10px;color:#9da58e}.contact{background:#333d2e;color:#ececde;padding-top:70px;padding-bottom:70px}.contact .section-label{color:#a4ae95;margin-bottom:70px}.contact .section-label>span:last-child{display:flex;align-items:center;gap:8px}.contact .status-dot{background:#b8c99a}.contact-pretitle{font-size:16px;color:#adb59e;margin-bottom:24px}.contact-title{font-family:Manrope;font-size:clamp(65px,9vw,130px);letter-spacing:-.07em;line-height:1.05;display:block;position:relative}.contact-title em{color:#bdc5aa}.contact-arrow{position:absolute;right:4%;top:28%;font-size:110px;transition:transform .3s}.contact-title:hover .contact-arrow{transform:translate(10px,-10px)}.contact-bottom{display:flex;gap:25px;align-items:center;border-top:1px solid #626c54;padding-top:28px;margin-top:65px}.email{font-size:15px;letter-spacing:-.3px}.email span{margin-left:20px}.contact-bottom button{font-size:8px;margin-left:auto;letter-spacing:1px;color:#c5cbb8}.contact-bottom button span{font-size:16px;margin-left:9px}.copy-feedback{font-size:11px}.footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:8px;color:#858779}.footer .wordmark{color:var(--ink);font-size:23px}.footer .wordmark i{font-size:23px}dialog{border:0;border-radius:8px;background:#eee9df;padding:20px;max-width:min(92%,900px);max-height:90%;box-shadow:0 20px 100px #0006}dialog::backdrop{background:#181b18c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:35px;font-size:12px;margin-bottom:15px}.dialog-header button{font-size:10px;padding:10px}#dialog-image{display:block;max-width:100%;max-height:650px;height:auto;width:auto;margin:auto}body.modal-open{overflow:hidden}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:none}.hero-intro{animation:intro-in 1s ease both}.hero-description{animation:intro-in 1s .15s ease both}@keyframes intro-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(min-width:1600px){.header,.hero,.footer{padding-left:calc((100% - 1420px)/2);padding-right:calc((100% - 1420px)/2)}.section-pad{padding-left:calc((100% - 1350px)/2);padding-right:calc((100% - 1350px)/2)}.hero{min-height:925px}.workstation-wrap{height:600px}}@media(max-width:1000px){.header{height:90px}.hero{min-height:740px}.workstation-wrap{height:465px;margin-top:-30px;margin-left:3%}.hero-description{padding-right:0;font-size:13px}.scene-caption{left:20%;font-size:7px}.hero-bottom{height:80px}.hero-bottom p{display:none}.side-nav{right:10px}.section-pad{padding:75px 6%}.intro-grid,.journey-grid{gap:7%}.intro-copy>p:first-child{font-size:18px}.project-visual{height:450px}.project-info{grid-template-columns:1fr 1.6fr;gap:30px}.project-info>p{display:none}.phone{width:190px;height:413px}.phone-back{left:22%;top:90px}.phone-front{left:49%;top:25px}.owl-poster{right:0}.experience-line{gap:25px}.contact-arrow{font-size:80px}}@media(max-width:600px){.header{height:85px;padding:0 6%}.wordmark{font-size:24px}.header-location{font-size:8px}.header-location #local-time{display:none}.contact-link{font-size:8px}.contact-link span{margin-left:9px}.hero{padding-top:22px;min-height:740px}.hero-top{display:block}.hero-intro .eyebrow{font-size:9px}h1{font-size:62px;line-height:1.07;margin-top:24px}.hero-description{font-size:13px;line-height:1.6;padding:20px 0 0 3px}.hero-description br{display:none}.hero-description em{display:block}.workstation-wrap{height:340px;margin-top:0;margin-left:-8%;margin-right:-8%}.scene-caption{left:12%;bottom:13px;font-size:6px;gap:7px}.scene-caption #scene-hint,.caption-divider{display:none}.scene-reset{bottom:4px;right:10%;width:30px;height:30px;font-size:18px}.hero-bottom{height:70px;margin-top:5px;font-size:7px;letter-spacing:.8px}.hero-index{display:none}.scroll-arrow{font-size:20px}.side-nav{display:none}.section-pad{padding:60px 7%}.section-label{font-size:7px;margin-bottom:40px;letter-spacing:.7px}.section-label>span:last-child{max-width:48%;text-align:right}.intro-grid,.journey-grid{grid-template-columns:1fr;gap:30px}h2{font-size:49px}.intro-copy>p:first-child{font-size:18px}.intro-copy>p:nth-child(2){font-size:14px}.inline-facts{font-size:10px}.tool-strip{margin-top:40px;padding-top:24px;justify-content:flex-start;gap:17px 23px}.tool-strip-label{flex-basis:100%}.tool-strip>span:not(:first-child){font-size:12px}.section-heading{margin-bottom:35px;gap:15px}.section-heading p{display:none}.project-visual{height:385px}.phone{width:155px;height:337px;border-width:5px;border-radius:24px}.phone-back{left:14%;top:80px}.phone-front{left:46%;top:33px}.project-watermark{font-size:23vw;top:39%;left:4%}.visual-tag{left:18px;bottom:20px;font-size:6px;letter-spacing:.6px}.expand-image{right:15px;bottom:15px;width:32px;height:32px;font-size:18px}.project-info{grid-template-columns:1fr;gap:20px;padding:24px 0}.project-name{gap:12px}.project-name img{width:42px;height:42px}.project-name h3{font-size:25px}.project-detail>p{font-size:13px}.project{margin-bottom:55px}.tags{margin-top:12px}.project-footer{margin-top:20px}.dish-title{left:8%;top:40px;font-size:43px;letter-spacing:-2.5px}.dish-art{width:100%;right:-15%;bottom:-15px}.owl-side-copy{top:15%;left:8%;font-size:36px;letter-spacing:-2px;z-index:2}.owl-poster{height:105%;top:6%;right:-7%;opacity:.9}.owl-visual .visual-tag{max-width:40%;line-height:1.6}.journey-art{height:230px;margin-top:30px}.timeline{margin-top:10px}.timeline-item{gap:20px}.timeline-item p{font-size:13px}.experience-line{margin-top:20px;display:block}.experience-line p{margin-top:12px;font-size:11px}.experience-line i{padding:0 6px}.contact .section-label{margin-bottom:50px}.contact-pretitle{font-size:13px}.contact-title{font-size:58px}.contact-arrow{font-size:58px;right:0;top:25%}.contact-bottom{margin-top:40px;flex-wrap:wrap;gap:20px}.email{font-size:13px}.email span{margin-left:8px}.contact-bottom button{margin-left:0}.footer{padding:28px 7%;flex-wrap:wrap;gap:22px}.footer>span{order:3;flex-basis:100%;font-size:7px}.footer>a:last-child{margin-left:auto;font-size:7px}.scene-fallback{left:22%;top:16%;width:65%;padding:20px}.scene-fallback strong{font-size:30px}.scene-fallback span,.scene-fallback small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}.journey-photo{margin:0}.journey-photo .journey-art{background:#eeede6;height:280px}.journey-photo .journey-art img{object-fit:contain;padding:12px;mix-blend-mode:multiply}.journey-photo figcaption{font-size:9px;color:#7a7d6d;line-height:1.9;margin-top:10px}.journey-photo figcaption a{text-decoration:underline;text-underline-offset:3px}.journey-photo figcaption span{display:block;font-size:8px;color:#8b8e7e}@media(max-width:600px){.journey-photo .journey-art{height:260px}}.scene-caption{left:3%}.dish-visual .phone-back,.owl-visual .phone-back{left:43%;top:95px}.dish-visual .phone-front,.owl-visual .phone-front{left:64%;top:28px}.dish-visual .phone{border-color:#344c3a}.dish-title{font-size:clamp(36px,4.4vw,64px);letter-spacing:-3px}.owl-side-copy{left:8%;font-size:clamp(36px,4.4vw,60px)}.owl-visual .phone{border-color:#303345;box-shadow:0 30px 50px #05061190}.owl-visual .phone img{object-position:top}.owl-visual .visual-tag{max-width:70%}@media(max-width:1000px){.dish-visual .phone-back,.owl-visual .phone-back{left:40%;top:95px}.dish-visual .phone-front,.owl-visual .phone-front{left:63%;top:35px}.dish-title,.owl-side-copy{font-size:36px;letter-spacing:-2px;left:6%}}@media(max-width:600px){.scene-caption{left:12%}.dish-visual .phone-back,.owl-visual .phone-back{left:13%;top:95px}.dish-visual .phone-front,.owl-visual .phone-front{left:47%;top:38px}.dish-title,.owl-side-copy{display:none}.dish-visual .visual-tag,.owl-visual .visual-tag{background:#dce0cce6;border-radius:3px;padding:5px 7px;left:12px;bottom:12px;font-size:6px}.owl-visual .visual-tag{background:#141629ed;color:#d3d5de}}.tool-strip{display:block}.tool-strip-label{margin:0 0 28px;font-size:9px;letter-spacing:1.1px}.tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.tool-item{display:flex;flex-direction:column;align-items:center;gap:22px;padding:8px 0 15px}.tool-name{font-size:14px;white-space:nowrap;letter-spacing:-.25px}.tool-icon{display:flex;align-items:center;justify-content:center;width:58px;height:52px;color:var(--olive)}.tool-icon svg{display:block;width:40px;height:40px;max-width:100%;fill:currentColor}.tool-codex .tool-icon svg{fill:none}.tool-claude .tool-icon{color:#b77754}.tool-react .tool-icon{color:#527b80}.tool-supabase .tool-icon{color:#4c8063}.tool-aws .tool-icon svg{width:52px;height:40px}.tool-item .tool-icon{transition:transform .25s}.tool-item:hover .tool-icon{transform:translateY(-3px)}.hero-description{max-width:300px}.contact-title{font-size:clamp(62px,8.6vw,122px)}.dish-title{font-size:clamp(32px,3.8vw,54px)}.owl-side-copy{font-size:clamp(34px,4vw,55px)}@media(max-width:600px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}.tool-item{gap:15px}.tool-name{font-size:12px}.tool-strip-label{margin-bottom:20px}.hero-description{max-width:none}.contact-title{font-size:55px}.hero-intro .eyebrow{font-size:8px}.section-label{line-height:1.6}}.variant-notice{display:flex;justify-content:space-between;gap:20px;padding:12px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#727969}.variant-notice a{text-decoration:underline;text-underline-offset:4px}.character-story{height:calc(100svh + 1400px);background:#e1e4d6;position:relative}.character-sticky{position:sticky;top:0;height:100svh;min-height:730px;max-height:1100px;padding:55px 8% 35px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.character-sticky .section-label{margin-bottom:20px}.character-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6%;min-height:0}.character-model{height:100%;min-height:530px;position:relative;background:radial-gradient(ellipse at 50% 50%,#f0f0e1 0%,transparent 68%);border-radius:50%}.character-model canvas{display:block;position:relative;z-index:1;width:100%;height:100%}.character-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#6c7861;font-size:13px}.character-fallback strong{font:500 110px Manrope;letter-spacing:-8px}.character-ready .character-fallback{display:none}.character-copy{position:relative;min-height:330px;display:grid;align-items:center}.character-copy-step{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .4s,transform .4s,visibility .4s}.character-copy-step.active{opacity:1;visibility:visible;transform:none}.character-copy-step .eyebrow{font-size:9px;color:#778368;margin-bottom:25px}.character-copy-step h2{font-size:clamp(43px,4.8vw,70px);line-height:1.12}.character-copy-step p{font-size:16px;line-height:1.8;color:#64705a;max-width:420px;margin-top:25px}.character-caption{font-size:9px;color:#7e8872;line-height:1.7;letter-spacing:.2px;margin-top:20px}.character-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bcc5ae;gap:15px;padding-top:20px}.character-step{font-size:10px;text-align:left;display:flex;align-items:center;gap:10px;color:#7c876e;padding:8px 0;transition:color .2s}.character-step span{width:25px;height:25px;border:1px solid #b3bea4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px}.character-step.active{color:#354a2a}.character-step.active span{background:#435639;border-color:#435639;color:#edf0e3}.character-toolkit{background:#e5e4d9;padding-top:45px;padding-bottom:50px}.character-toolkit .tool-strip{margin-top:0;border-top:0;padding-top:0}.character-toolkit .inline-facts{margin-top:25px}@media(max-width:1000px){.character-sticky{padding-left:6%;padding-right:6%}.character-layout{gap:3%;grid-template-columns:1fr 1fr}.character-copy-step h2{font-size:45px}.character-copy-step p{font-size:14px}.character-model{min-height:480px}}@media(max-width:600px){.variant-notice{font-size:7px;letter-spacing:.5px}.character-story{height:calc(100svh + 1100px)}.character-sticky{padding:25px 7% 20px;min-height:730px;max-height:950px}.character-sticky .section-label{margin-bottom:0}.character-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}.character-model{height:360px;min-height:340px;flex:1}.character-copy{min-height:230px;max-height:270px;flex:0 0 230px}.character-copy-step .eyebrow{font-size:8px;margin-bottom:13px}.character-copy-step h2{font-size:39px;letter-spacing:-2px}.character-copy-step p{font-size:13px;line-height:1.7;margin-top:13px}.character-caption{font-size:7px;margin-top:8px}.character-steps{gap:7px;padding-top:12px}.character-step{font-size:8px;gap:6px;line-height:1.6;align-items:flex-start}.character-step span{width:20px;height:20px;font-size:7px;flex-shrink:0}.character-toolkit{padding-top:30px;padding-bottom:35px}}@media(prefers-reduced-motion:reduce){.character-story{height:auto}.character-sticky{position:relative;height:auto;max-height:none;overflow:visible}.character-copy{display:block}.character-copy-step{opacity:1;visibility:visible;transform:none;margin-bottom:35px}.character-steps{display:none}.character-model{height:530px}.tool-item:hover .tool-icon{transform:none}}.journey-robot{height:350px;margin-top:35px;position:relative;background:radial-gradient(ellipse at center,#eeeee0,transparent 70%)}.journey-robot canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.robot-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;color:#828875;gap:10px}.robot-fallback img{width:270px;height:270px;object-fit:contain;mix-blend-mode:multiply}.soccer-ready .robot-fallback{display:none}@media(max-width:600px){.journey-robot{height:300px;margin-top:25px}}.character-model{overflow:visible}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.scan-readout{position:absolute;top:2%;left:4%;right:4%;display:flex;justify-content:space-between;color:#7e8b72;font:8px DM Sans,sans-serif;letter-spacing:1px}.scan-cursor{position:absolute;top:var(--scan-top,12%);left:12%;right:12%;height:1px;background:#bdd3b0;box-shadow:0 0 10px #adcda4,0 0 24px #adcda455;display:flex;justify-content:space-between;align-items:center}.scan-cursor i{width:5px;height:13px;border:1px solid #879e7c;background:#d2ddc6}.scan-cursor span{position:absolute;right:8px;top:-17px;font:7px monospace;letter-spacing:1px;color:#798e6f}.scan-connectors{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;color:#788c68}.scan-leader{fill:none;stroke:currentColor;stroke-width:1.2;opacity:0;transition:opacity .35s}.scan-leader.active{opacity:.85}.scan-callout{position:absolute;right:0;top:16%;max-width:45%;padding:10px 12px;background:#edf0e4e8;border:1px solid #bdc9b0;border-radius:4px;box-shadow:0 5px 16px #5266470b;opacity:0;transform:translateY(7px);transition:opacity .35s,transform .35s}.scan-callout.scan-left{left:0;right:auto}.scan-callout:nth-last-child(3){top:43%}.scan-callout:nth-last-child(2){top:67%}.scan-callout:last-child{top:48%}.scan-callout.active{opacity:1;transform:none}.scan-callout small{display:block;font-size:7px;letter-spacing:.7px;color:#859174;margin-bottom:6px}.scan-callout>span{font-size:11px;color:#4c6341;white-space:nowrap}.character-copy-step.active{transition-duration:.45s}.journey-robot{isolation:isolate}@media(max-width:600px){.scan-readout{font-size:6px;left:0;right:0;top:3%}.scan-callout{padding:7px 8px;right:-3px;max-width:48%;top:17%}.scan-callout.scan-left{left:-3px}.scan-callout small{font-size:5px;letter-spacing:.4px;margin-bottom:4px}.scan-callout>span{font-size:8px}.scan-cursor{left:10%;right:10%}.scan-cursor span{font-size:6px}.scan-leader{stroke-width:.9}.scan-callout:nth-last-child(3){top:43%}.scan-callout:nth-last-child(2){top:72%}}@media(prefers-reduced-motion:reduce){.scan-overlay{display:none}.scan-callout,.character-copy-step{transition:none}}.character-model:not(.character-ready) .scan-overlay{display:none}.experience-icons{display:block}.experience-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;margin-top:24px}.experience-grid .tool-item{gap:17px}.experience-grid .tool-name{font-size:12px}.experience-grid .tool-icon svg{width:33px;height:33px}.experience-grid .tool-aws .tool-icon svg{width:46px}.tool-rust .tool-icon{color:#736048}.tool-svelte .tool-icon{color:#b86846}.tool-server .tool-icon svg{fill:none}.tool-server .tool-icon{color:#61735b}@media(max-width:1000px){.experience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media(max-width:600px){.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.experience-grid .tool-name{font-size:11px}.experience-grid .tool-item{gap:12px}}.scene-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.scene-hotspot{position:absolute;width:34px;height:34px;display:grid;place-items:center;padding:0;transform:translate(-50%,-50%);pointer-events:auto;color:#46583c}.scene-hotspot span{width:18px;height:18px;border:1px solid #839275;border-radius:50%;background:#eef0e5ed;display:grid;place-items:center;font:12px DM Sans,sans-serif;box-shadow:0 2px 9px #25331f18;transition:background .2s,transform .2s}.scene-hotspot:hover span,.scene-hotspot[aria-expanded=true] span{background:#43583a;color:#f1f1e7;border-color:#43583a;transform:scale(1.1)}.scene-hotspot[hidden],.scene-hotspots[hidden]{display:none}.scene-card{position:absolute;z-index:7;left:-8%;top:24%;width:280px;padding:23px;background:#f2f0e8f7;border:1px solid #c8cebc;border-radius:8px;box-shadow:0 18px 50px #3a453023;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:card-appear .2s ease both}.scene-card[hidden]{display:none}.scene-card-close{position:absolute;right:9px;top:7px;font-size:22px;padding:3px 7px;color:#7a856d}.scene-card-label{font-size:7px;letter-spacing:1.1px;color:#8b947e;display:block;margin-bottom:17px}.scene-card-heading{display:flex;gap:10px;align-items:center}.scene-card-heading img{border-radius:9px;width:36px;height:36px;object-fit:cover}.scene-card h3{font-size:23px;line-height:1.2;letter-spacing:-.8px;padding-right:7px}.scene-card>p{font-size:12px;line-height:1.8;color:#69765d;margin-top:13px}.scene-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.scene-card-tags span{font-size:8px;padding:4px 6px;border:1px solid #d0d5c5;border-radius:3px;color:#758168}@keyframes card-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:1000px){.scene-card{left:0;top:10%;width:255px}}@media(max-width:600px){.scene-card{left:50%;top:auto;bottom:50px;width:280px;max-width:84%;transform:translate(-50%);padding:19px;animation:card-fade .2s}.scene-card h3{font-size:21px}.scene-card-label{margin-bottom:12px}.scene-hotspot{width:38px;height:38px}.scene-hotspot span{width:18px;height:18px}}@keyframes card-fade{0%{opacity:0}to{opacity:1}}.scan-cursor span{display:none}.character-story{height:calc(100svh + 1000px)}.scene-hotspot span{width:12px;height:12px;border:0;background:none;box-shadow:none;color:#52654b;font:400 13px monospace;opacity:.7}.scene-hotspot:hover span,.scene-hotspot[aria-expanded=true] span{border:0;background:none;box-shadow:none;color:#354b2d;opacity:1;transform:scale(1.1)}@media(max-width:600px){.character-story{height:calc(100svh + 900px)}.scene-hotspot span{width:12px;height:12px;font-size:13px}}.brand-spark{display:block;flex:0 0 28px;width:28px;height:28px;margin-left:10px;color:var(--coral)}.footer .brand-spark{flex-basis:23px;width:23px;height:23px}.character-story{height:calc(100svh + 1400px)}.character-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:4px}.scan-callout[data-topic=person]{top:16%}.scan-callout[data-topic=ai]{top:38%}.scan-callout[data-topic=physics]{top:48%}.scan-callout[data-topic=cloud]{top:65%}.scan-callout[data-topic=mac]{top:48%}.scan-callout[data-topic=sports]{top:78%}@media(max-width:600px){.character-story{height:calc(100svh + 1200px)}.character-steps{row-gap:2px;padding-top:8px}.character-step{padding:5px 0}.scan-callout[data-topic=sports]{top:80%}}@media(prefers-reduced-motion:reduce){.character-story{height:auto}}
