:root{--navy:#14243c;--navy2:#1c3150;--orange:#f2682a;--cream:#f6f3ed;--paper:#fffdf8;--muted:#667080;--line:#deded7;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--serif:'Fraunces',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#ffccac;color:var(--navy)}.shell{width:min(1180px,calc(100% - 72px));margin:auto}.skip-link{position:absolute;z-index:50;top:-60px;left:20px;padding:12px 18px;background:#fff}.skip-link:focus{top:10px}.template-note{min-height:34px;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 20px;background:#ecede8;color:#526071;font:10px/1.5 var(--mono);letter-spacing:.03em;text-align:center}.note-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);flex:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.94);border-bottom:1px solid #e9e7e0;backdrop-filter:blur(14px)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:18px}.wordmark-mark{font-size:25px;font-weight:700;letter-spacing:-.085em}.wordmark-mark span{color:var(--orange)}.wordmark-detail{padding-left:18px;border-left:1px solid #c9cbd0;color:#6c7380;font:10px var(--mono);letter-spacing:.14em}.nav{display:flex;align-items:center;gap:34px}.nav>a{font-size:13px;font-weight:700;transition:color .2s}.nav>a:hover,.nav>a:focus-visible{color:var(--orange)}.nav .nav-contact{display:flex;gap:15px;align-items:center;margin-left:12px;padding:13px 17px;border:1px solid var(--navy);border-radius:3px}.nav .nav-contact:hover{background:var(--navy);color:#fff}.menu-toggle{display:none}.hero{min-height:676px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:45px;padding-top:65px;padding-bottom:70px}.hero-copy{padding:0 0 5px}.eyebrow,.section-kicker{font:10px/1.5 var(--mono);font-weight:500;letter-spacing:.16em;color:var(--orange)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 27px}.eyebrow-line{width:23px;height:1px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);letter-spacing:-.055em}h1{max-width:680px;font-size:clamp(60px,5.6vw,87px);line-height:1.065;margin-bottom:27px}h1 em,h2 em{font-weight:600;color:var(--orange)}.hero-lede{max-width:510px;color:#5b6574;font-size:16px;line-height:1.85}.hero-lede strong{color:var(--navy)}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 21px;border-radius:3px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--navy);color:#fff}.button-primary:hover{background:var(--orange)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--orange);padding-bottom:5px}.text-link span{margin-left:12px}.hero-footnote{display:flex;align-items:center;gap:9px;margin-top:65px;color:#737a84;font:10px var(--mono);letter-spacing:.08em}.status-pulse{width:7px;height:7px;border-radius:50%;background:#78a892;box-shadow:0 0 0 4px #e6f0e9}.footnote-separator{color:#b6bcc2}.hero-visual{height:555px;position:relative;overflow:hidden;background:#17304b;border-radius:3px;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 32%,#325977 0%,transparent 37%),radial-gradient(circle at 0% 100%,#244b6a 0%,transparent 38%)}.visual-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#9db0bb 1px,transparent 1px),linear-gradient(90deg,#9db0bb 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(100deg,transparent,black)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%}.orbit-one{width:550px;height:550px;right:-218px;top:-218px}.orbit-two{width:370px;height:370px;right:-125px;top:-128px}.visual-star{position:absolute;color:var(--orange);font-size:38px}.star-one{right:47px;top:70px}.star-two{left:44px;bottom:90px;font-size:20px}.code-window{position:absolute;top:145px;left:8%;width:84%;background:#fbf9f4;box-shadow:0 30px 50px rgba(5,16,32,.3);transform:rotate(-4deg);border-radius:6px;overflow:hidden}.code-titlebar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#e9e8e3;color:#627081;font:10px var(--mono)}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#a8b0b2}.window-dots i:first-child{background:var(--orange)}.window-symbol{font-size:14px}.code-body{display:grid;grid-template-columns:30px 1fr;row-gap:12px;padding:25px 19px 30px;font:clamp(10px,1vw,13px)/1.4 var(--mono);white-space:nowrap}.line-num{color:#b9bfbd}.code-body code{color:#273547}.code-purple{color:#786ca1}.code-green{color:#297a6d}.code-orange{color:#cc683c}.visual-stamp{position:absolute;right:29px;bottom:27px;width:117px;height:117px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(13deg);color:#fff}.visual-stamp span:first-child{font:26px var(--serif)}.visual-stamp span:last-child{font:9px/1.5 var(--mono);letter-spacing:.1em}.visual-coordinate{position:absolute;left:31px;bottom:34px;color:#c9d8df;font:10px var(--mono);letter-spacing:.09em}.intro-band{background:var(--cream);border-block:1px solid #eae7de}.intro-band-inner{min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:30px}.intro-band p{margin:0;font:clamp(23px,2.6vw,35px) var(--serif);letter-spacing:-.04em}.intro-band em{color:var(--orange)}.intro-band span{color:#8a8b88;font:10px var(--mono);letter-spacing:.1em;text-align:right}.section{padding-top:120px;padding-bottom:120px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-kicker{margin-bottom:17px}.section-header h2,.about-section h2,.contact-section h2{font-size:clamp(44px,4.4vw,67px);line-height:1.13;margin-bottom:0}.section-summary{max-width:320px;margin-bottom:5px;color:#737b85;font-size:14px;line-height:1.8}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-featured{grid-column:1/-1;display:grid;grid-template-columns:1.13fr .87fr}.project-card{overflow:hidden;border:1px solid #e2e2dc;background:#fff;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(23,37,54,.08)}.project-art{height:265px;position:relative;overflow:hidden}.project-featured .project-art{height:370px}.art-index{position:absolute;bottom:18px;left:23px;font:10px var(--mono);letter-spacing:.11em;color:rgba(255,255,255,.8)}.art-one{display:flex;align-items:center;justify-content:center;background:#c8ded8;background-image:radial-gradient(circle at 25% 25%,#d8f3e7,transparent 40%),linear-gradient(145deg,#b9ddd4,#7eb2af)}.app-preview{width:75%;height:70%;padding:17px 20px;background:#fafbf7;border-radius:8px;box-shadow:0 25px 45px rgba(26,72,73,.25);transform:rotate(-4deg)}.app-preview-top{display:flex;justify-content:space-between;color:#466c65;font:9px var(--mono);padding-bottom:15px;border-bottom:1px solid #dfe8e3}.chart-title{margin-top:19px;color:#24493f;font:22px var(--serif);letter-spacing:-.04em}.chart-line{height:87px;margin-top:10px}.chart-line svg{width:100%;height:100%}.chart-line path{fill:none;stroke:#f2682a;stroke-width:3}.chart-bars{display:flex;align-items:end;gap:7px;height:38px}.chart-bars i{flex:1;background:#d3e6de;border-radius:3px 3px 0 0}.chart-bars i:nth-child(1){height:36%}.chart-bars i:nth-child(2){height:59%}.chart-bars i:nth-child(3){height:45%}.chart-bars i:nth-child(4){height:80%}.chart-bars i:nth-child(5){height:62%}.chart-bars i:nth-child(6){height:95%}.chart-bars i:nth-child(7){height:72%}.art-two{background:#e7d5bf}.art-two:before{content:'';position:absolute;width:310px;height:310px;top:-90px;right:-40px;background:#eadfcf;border-radius:50%}.data-orbit{position:absolute;border:1px solid #7b6e6b;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%)}.orbit-a{width:110px;height:110px}.orbit-b{width:205px;height:205px}.orbit-c{width:300px;height:300px}.data-core{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:98px;height:98px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#ffb27f;font:33px var(--mono)}.data-chip{position:absolute;background:#fbf7ee;padding:9px 13px;box-shadow:0 9px 20px #6e554225;color:#444b4e;font:9px var(--mono);letter-spacing:.1em}.chip-a{top:45px;left:50px;transform:rotate(-7deg)}.chip-b{bottom:48px;right:45px;transform:rotate(5deg)}.art-two .art-index{color:#7a6c66}.art-three{background:#dce6ee}.art-three:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#96a9b8 1px,transparent 1px);background-size:19px 19px;opacity:.55}.flow-node{position:absolute;z-index:2;display:grid;place-items:center;height:65px;width:94px;background:#f9fbfc;box-shadow:0 12px 25px #657e912f;border:1px solid #bacbd7;color:#34516a;font:10px var(--mono);letter-spacing:.06em}.node-a{top:95px;left:11%}.node-b{top:62px;left:39%;height:105px;width:105px;background:var(--navy);color:#fff}.node-c{top:115px;right:9%}.flow-link{position:absolute;z-index:1;height:2px;background:#f2682a;transform-origin:left}.link-a{width:110px;left:28%;top:126px;transform:rotate(-16deg)}.link-b{width:115px;left:61%;top:119px;transform:rotate(20deg)}.flow-spark{position:absolute;right:45px;top:32px;color:var(--orange);font-size:29px}.art-three .art-index{color:#4f687a}.project-body{padding:27px 29px 30px}.project-featured .project-body{display:flex;flex-direction:column;justify-content:center;padding:45px}.project-topline{display:flex;justify-content:space-between;align-items:center;color:var(--orange);font:9px var(--mono);letter-spacing:.1em}.project-number{color:#adb1b5}.project-body h3{margin:21px 0 10px;font:34px var(--serif);letter-spacing:-.05em}.project-featured .project-body h3{font-size:45px}.project-body p{max-width:420px;margin-bottom:27px;color:#6c7480;font-size:13px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{padding:7px 9px;background:#f3f2ed;color:#60707a;font:9px var(--mono)}.about-section{padding:120px 0;background:#efece4}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-section h2{max-width:480px}.about-mark{margin-top:55px;color:#d7d2c8;font:90px var(--serif);line-height:1}.about-mark span{color:var(--orange)}.about-right{padding-top:38px}.about-right p{color:#69727e;font-size:14px;line-height:1.9}.about-right .about-lead{color:var(--navy);font-size:20px;font-weight:600;line-height:1.6}.about-facts{margin-top:34px;border-top:1px solid #d8d5ce}.about-facts>div{display:grid;grid-template-columns:38px 1fr;column-gap:13px;padding:16px 0;border-bottom:1px solid #d8d5ce}.about-facts span{grid-row:span 2;color:var(--orange);font:10px var(--mono);padding-top:4px}.about-facts strong{font-size:13px}.about-facts small{margin-top:4px;color:#838790;font-size:12px}.skills-section{padding-bottom:135px}.skills-grid{border-top:1px solid #dfe0dd}.skill-row{display:grid;grid-template-columns:65px 1fr 30px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid #dfe0dd}.skill-icon{color:var(--orange);font:11px var(--mono)}.skill-row h3{margin:0 0 6px;font:22px var(--serif);letter-spacing:-.03em}.skill-row p{margin:0;color:#80858b;font-size:13px;line-height:1.6}.skill-arrow{justify-self:end;color:#abb0b5;font-size:19px}.contact-section{background:var(--navy);color:#fff;padding-top:100px}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:14%;padding-bottom:100px}.contact-section .section-kicker{color:#f8945f}.contact-section h2{margin-bottom:24px}.contact-section h2 em{color:#f78a50}.contact-section p:not(.section-kicker){max-width:450px;color:#c8d2dd;font-size:14px;line-height:1.85}.button-light{background:#fff;color:var(--navy);margin-top:12px}.button-light:hover{background:#f8945f;color:#fff}.contact-links{align-self:center}.contact-links a{display:grid;grid-template-columns:90px 1fr 20px;gap:12px;align-items:center;padding:25px 0;border-bottom:1px solid #526071;transition:color .2s}.contact-links a:first-child{border-top:1px solid #526071}.contact-links a:hover{color:#f8945f}.contact-links a>span:first-child{color:#9daebe;font:10px var(--mono);text-transform:uppercase}.contact-links a strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.contact-links a>span:last-child{text-align:right}.footer{min-height:84px;border-top:1px solid #526071;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9daebe;font:10px var(--mono);letter-spacing:.08em}.footer a:hover{color:#fff}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:980px){.hero{grid-template-columns:1fr 1fr;gap:25px}.hero-visual{height:490px}.code-body{font-size:10px}.about-grid{gap:7%}.contact-grid{gap:7%}}
@media(max-width:760px){.shell{width:min(100% - 38px,600px)}.header-inner{height:68px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:0;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:var(--navy)}.nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:15px 19px 23px;background:var(--paper);box-shadow:0 15px 20px #16263d16;border-bottom:1px solid var(--line)}.nav.is-open{display:flex}.nav>a{padding:14px 3px}.nav .nav-contact{margin:12px 0 0;justify-content:space-between;padding:14px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:65px;padding-bottom:55px;gap:38px}.hero-visual{height:450px}.hero-footnote{margin-top:45px;flex-wrap:wrap;line-height:1.6}.intro-band-inner{min-height:130px;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px}.intro-band span{text-align:left}.section{padding-top:85px;padding-bottom:90px}.section-header{display:block;margin-bottom:30px}.section-header h2{margin-bottom:16px}.section-summary{max-width:520px}.project-grid{grid-template-columns:1fr}.project-featured{grid-column:auto;display:block}.project-featured .project-art{height:300px}.project-featured .project-body{padding:27px 29px 30px}.project-featured .project-body h3{font-size:34px}.about-section{padding:90px 0}.about-grid{grid-template-columns:1fr;gap:10px}.about-mark{display:none}.about-right{padding-top:22px}.skills-section{padding-bottom:95px}.contact-section{padding-top:85px}.contact-grid{grid-template-columns:1fr;gap:50px;padding-bottom:75px}.footer{min-height:100px;flex-wrap:wrap;justify-content:space-between;padding:25px 0;line-height:1.6}.footer span:nth-child(2){display:none}}
@media(max-width:480px){.template-note{font-size:9px}.wordmark-detail{font-size:9px;gap:10px;padding-left:10px}.hero{padding-top:55px}.hero h1{font-size:clamp(50px,12vw,66px)}.hero-lede{font-size:14px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-visual{height:360px}.code-window{top:98px;left:5%;width:90%}.code-body{font-size:8px;row-gap:10px;padding:18px 10px}.visual-stamp{height:82px;width:82px;right:18px;bottom:18px}.visual-stamp span:first-child{font-size:20px}.visual-stamp span:last-child{font-size:6px}.visual-coordinate{left:18px;bottom:27px;font-size:8px}.section-header h2,.about-section h2,.contact-section h2{font-size:47px}.project-featured .project-art,.project-art{height:245px}.app-preview{width:83%;height:68%;padding:12px 15px}.chart-title{font-size:17px;margin-top:12px}.chart-line{height:62px}.chart-bars{height:26px}.flow-node{transform:scale(.75)}.node-a{left:1%}.node-b{left:35%}.node-c{right:0}.skill-row{grid-template-columns:35px 1fr 15px;gap:10px}.skill-row h3{font-size:19px}.contact-links a{grid-template-columns:67px 1fr 15px;gap:6px}.contact-links a strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}