:root{color-scheme:dark;--bg:#080809;--panel:#151516;--text:#f5f5f7;--muted:#a0a0a8;--orange:#ff9b62}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.wrap{max-width:1120px;width:calc(100% - 80px);margin:auto}header{position:sticky;top:0;z-index:20;background:#080809c9;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff12}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:750;font-size:22px;letter-spacing:-1px}.brand-dot{color:var(--orange)}.navlinks{display:flex;gap:32px;font-size:14px;color:#b2b2b8}.navlinks a:hover{color:white}.nav-contact{font-size:14px;background:#efeff1;color:#171719;border-radius:30px;padding:10px 19px}.nav-contact span{margin-left:12px}.hero{text-align:center;padding-top:79px}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:650;color:#bcbcc3;margin:0 0 27px}.eyebrow span{color:#5b5b60;margin:0 9px}h1{font-size:clamp(64px,7.5vw,104px);line-height:1.04;letter-spacing:-6px;margin:0;font-weight:720}h1>span{background:linear-gradient(105deg,#e4bba1 15%,#ffe0c4 48%,#a78671 90%);background-clip:text;color:transparent}.hero-description{font-size:20px;line-height:1.6;color:var(--muted);margin:28px 0}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px}.button{border:0;border-radius:40px;padding:15px 24px;background:var(--orange);color:#201108;display:inline-flex;align-items:center;gap:24px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#ffb58b;transform:translateY(-2px)}.text-link{color:#d2d2d7;font-size:15px}.text-link span{margin-left:8px;font-size:22px}.code-stage{padding:60px 0 0;perspective:1000px}.code-window{text-align:left;max-width:790px;margin:auto;border:1px solid #737378;border-radius:16px;background:linear-gradient(135deg,#202022,#111113);box-shadow:0 0 0 5px #24242580,0 0 0 6px #ffffff09,0 20px 80px #bd744e16;transform:rotateX(7deg);overflow:hidden}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#242426;border-bottom:1px solid #ffffff0d;font-size:12px;color:#b2b2b8}.window-dots{color:#69696e;letter-spacing:3px}.window-language{color:#828289}.code-content{display:flex;gap:24px;padding:25px 25px 27px;font:14px/2 ui-monospace,SFMono-Regular,Consolas,monospace}.line-numbers{color:#66666c;text-align:right;user-select:none}pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;font:inherit}.muted{color:#7b7b84}.purple{color:#c4a3f3}.orange{color:#e8b08d}.blue{color:#a8c7e9}.editor-footer{padding:10px 22px;display:flex;justify-content:space-between;border-top:1px solid #ffffff0a;font-size:12px;color:#7d7d86}.hero-foot{display:flex;justify-content:space-between;align-items:center;margin:37px 0 26px;color:#77777f;font-size:11px;letter-spacing:1.7px}.hero-foot a{font-size:12px;letter-spacing:0}.hero-foot a span{margin-left:12px}.section{padding-top:112px;padding-bottom:112px}.projects{background:#111113}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}h2{font-size:clamp(40px,4.5vw,62px);font-weight:650;line-height:1.08;letter-spacing:-2.8px;margin:0}.section-heading>p,.section-intro{color:var(--muted);line-height:1.7;font-size:17px}.section-heading>p{margin-bottom:3px}.template-note{font-size:13px;color:#92929c;margin:25px 0 20px}.project-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:22px}.project-card{position:relative;border:1px solid #ffffff09;background:#1d1d20;border-radius:24px;padding:27px;text-align:left;overflow:hidden;transition:transform .3s,border-color .3s}.project-card:hover{transform:translateY(-5px);border-color:#ffffff35}.project-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:11px;font-weight:650;letter-spacing:1.4px;color:#c0c0c6}.example{font-size:10px;letter-spacing:1px;color:#a7a7b0;border:1px solid #ffffff26;padding:5px 8px;border-radius:5px;display:inline-block}.project-visual{height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.display-word{font-size:clamp(54px,6vw,85px);font-weight:730;letter-spacing:-5px;color:#f1d2bc}.display-word>span{color:#b28262}.visual-one{background:radial-gradient(ellipse,#b1784820,transparent 70%)}.visual-caption{font-size:12px;color:#95959e;margin-top:12px}.api-mark{font:78px/1.2 ui-monospace,monospace;letter-spacing:-9px;color:#989cb8}.api-mark>span{font-size:50px;letter-spacing:-4px;color:#d4d8ed;padding:0 10px}.project-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-bottom h3{font-size:23px;letter-spacing:-.7px;margin:0 0 9px}.project-bottom p,.wide p{color:#96969f;font-size:13px;margin:0}.circle-plus{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#363639;color:#eee;font-size:25px;font-weight:300;flex-shrink:0}.wide{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:34px 38px;background:linear-gradient(120deg,#202022,#181819)}.wide h3{font-size:36px;line-height:1.12;letter-spacing:-1.2px;margin:25px 0 16px}.wide-symbol{font-size:120px;font-weight:650;letter-spacing:-12px;color:#858587}.wide>.circle-plus{align-self:flex-end}.subtle{color:#85858c}.skills .section-intro{max-width:540px;margin:26px 0 50px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.skills-grid article{border-top:1px solid #333337;padding-top:24px}.skill-number{font-size:13px;color:var(--orange)}.skills-grid h3{font-size:29px;letter-spacing:-1px;margin:25px 0 15px}.skills-grid p{color:var(--muted);font-size:16px;line-height:1.75;margin:0 0 23px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:12px;border:1px solid #343438;border-radius:7px;padding:7px 10px;color:#c0c0c8}.journey{background:#111113}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.orange-text{color:#e7b391}.timeline{border-left:1px solid #39393e;padding-left:35px}.timeline article{position:relative;padding-bottom:40px}.timeline article:last-child{padding-bottom:0}.timeline article:before{content:"";width:9px;height:9px;border-radius:50%;background:#d5b59e;position:absolute;left:-40px;top:4px;box-shadow:0 0 0 6px #111113}.timeline-label{font-size:11px;letter-spacing:1.7px;color:#9999a1}.timeline h3{font-size:23px;letter-spacing:-.5px;margin:15px 0 12px}.timeline p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 15px}.to-complete{font-size:12px;color:#a99585}.watch-card{border:1px solid #303035;background:linear-gradient(110deg,#1c1c1f,#111113);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px;margin-top:40px}.watch-card h3{font-size:36px;letter-spacing:-1.3px;margin:25px 0 20px;line-height:1.14}.watch-card p{font-size:16px;line-height:1.7;color:var(--muted)}.watch-steps>div{display:flex;gap:20px;margin-bottom:25px}.watch-steps>div>span{font-size:12px;color:var(--orange);padding-top:5px}.watch-steps p{margin:0;font-size:14px}.watch-steps strong{display:block;font-weight:600;color:#eee;font-size:16px;margin-bottom:5px}.watch-steps>a{font-size:14px;color:var(--orange)}.contact{text-align:center;padding-top:65px;padding-bottom:105px}.contact h2{font-size:clamp(55px,7vw,88px);letter-spacing:-4px}.contact h2 span{color:#b8a08f}.contact>p:not(.eyebrow){font-size:18px;color:var(--muted);margin:25px 0}.contact .contact-note{font-size:12px!important;color:#808089!important;margin-top:20px!important}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #27272b;padding:25px 0 35px;color:#94949d;font-size:12px}footer .brand{color:#eee;font-size:19px}dialog{background:#1b1b1f;color:var(--text);border:1px solid #49494f;border-radius:24px;width:min(620px,calc(100% - 32px));max-height:85vh;padding:45px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:37px;letter-spacing:-1.4px;padding-right:20px}dialog p,dialog li{color:#b6b6be;font-size:16px;line-height:1.7}dialog h3{margin-top:26px;font-size:18px}dialog .eyebrow{font-size:11px;color:var(--orange)}.close{position:absolute;right:16px;top:12px;border:0;background:#303035;border-radius:50%;width:34px;height:34px;font-size:26px}.skip{position:fixed;left:12px;top:-100px;background:white;color:black;padding:12px;z-index:40}.skip:focus{top:12px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(min-width:1600px){.hero{padding-top:100px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:64px}.navlinks{gap:16px}.navlinks a{font-size:12px}.brand{font-size:19px}.nav-contact{padding:9px 13px;font-size:12px}.nav-contact span{margin-left:5px}.hero{padding-top:60px}h1{font-size:clamp(50px,10vw,76px);letter-spacing:-3px}.hero-description{font-size:17px}.hero-actions{gap:22px}.button{font-size:14px;padding:14px 20px}.code-stage{padding-top:45px}.code-content{font-size:10px;gap:12px;padding:20px 12px;line-height:2}.window-bar{padding:12px;font-size:10px}.window-language{display:none}.editor-footer{font-size:10px;padding:9px 12px}.hero-foot{font-size:9px}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:block}.section-heading>p{font-size:16px;margin-top:25px}h2{font-size:43px;letter-spacing:-2px}.project-grid{grid-template-columns:1fr}.project-card{padding:23px}.project-visual{height:205px}.wide{grid-column:auto;padding:28px 23px}.wide h3{font-size:31px}.wide-symbol{display:none}.wide p{max-width:210px;line-height:1.8}.display-word{font-size:80px}.skills-grid{grid-template-columns:1fr;gap:32px}.skills-grid h3{margin-top:18px}.skills-grid p{max-width:460px}.journey-grid{grid-template-columns:1fr;gap:45px}.timeline{margin-left:5px;padding-left:30px}.timeline article:before{left:-35px}.watch-card{grid-template-columns:1fr;gap:25px;padding:27px}.contact h2{font-size:59px;letter-spacing:-3px}.contact .eyebrow{font-size:10px;letter-spacing:1.6px}footer{flex-wrap:wrap;gap:22px}footer>span{font-size:11px}footer>a:last-child{width:100%;text-align:center}dialog{padding:36px 25px}dialog h2{font-size:30px}.template-note{line-height:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

footer{gap:20px;flex-wrap:wrap}.footer-social{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-social a{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #39393e;border-radius:24px;font-size:14px;color:#d5d5dc;transition:color .2s,border-color .2s,background .2s}.footer-social a:hover{color:var(--orange);border-color:var(--orange);background:#201b17}@media(max-width:760px){.footer-social{width:100%;justify-content:center}}