:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--background:#090909;--background-secondary:#111;--surface:#161616;--border:#252525;--text:#f5f5f5;--muted:#888;--accent:#b5a18a;background:#090909;font-family:Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--background);min-height:100vh;margin:0}body,button,a{font-family:Inter,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a,button{color:inherit}::selection{color:var(--background);background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{min-height:100vh}.skip-link{z-index:50;color:#111;background:var(--accent);padding:11px 14px;font-size:12px;text-decoration:none;transition:transform .16s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{background:radial-gradient(ellipse at 82% 9%, #b5a18a0a, transparent 29rem), var(--background);min-height:100vh;overflow:clip}.section-wrap,.nav-inner,.mobile-nav,.site-footer{width:min(100% - 64px,1160px);margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090909e0;border-bottom:1px solid #ffffff0d;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:30px;min-height:78px;display:flex}.wordmark{color:var(--text);letter-spacing:.13em;flex:none;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;text-decoration:none}.wordmark-period{color:var(--accent)}.desktop-nav{align-items:center;gap:clamp(18px,3vw,38px);height:78px;display:flex}.nav-link{height:100%;color:var(--muted);align-items:center;font-size:12px;text-decoration:none;transition:color .18s;display:inline-flex;position:relative}.nav-link:after{background:var(--accent);content:"";transform-origin:0;height:1px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link.is-active{color:var(--text)}.nav-link.is-active:after{transform:scaleX(1)}.nav-contact{color:var(--accent);letter-spacing:.02em;align-items:center;gap:9px;font-size:11px;font-weight:600;text-decoration:none;transition:color .18s;display:inline-flex}.nav-contact:hover{color:var(--text)}.nav-contact span{font-size:15px}.menu-toggle,.mobile-nav{display:none}.hero{grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);align-items:center;gap:clamp(32px,8vw,110px);min-height:660px;padding-block:96px 118px;display:grid;position:relative}.hero-content{max-width:720px}.eyebrow{color:var(--muted);letter-spacing:.16em;align-items:center;gap:10px;margin:0;font-size:10px;font-weight:600;line-height:1.6;display:flex}.eyebrow>span:first-child:not(.availability-dot){color:var(--accent);font-variant-numeric:tabular-nums}.availability-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #b5a18a1a}.eyebrow-divider{color:#555}.hero h1,.section-title,.contact-main h2{color:var(--text);letter-spacing:-.065em;margin:28px 0 0;font-family:Manrope,sans-serif;font-weight:500}.hero h1{max-width:760px;font-size:clamp(48px,6.5vw,82px);line-height:1.08}.title-accent,.section-title span,.contact-main h2 span{color:var(--accent)}.hero-description{color:#9a9a9a;max-width:520px;margin:25px 0 0;font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:11px;min-height:48px;padding:0 18px;font-size:12px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#12100d;background:var(--accent)}.button-primary:hover{background:#c6b39a}.button-quiet{color:#d3d0cb;background:0 0;border-color:#363432}.button-quiet:hover{border-color:var(--accent);color:var(--accent)}.hero-aside{background:linear-gradient(145deg,#b5a18a14,#0000 48%),#10100f;border:1px solid #292724;flex-direction:column;justify-content:space-between;min-height:370px;padding:20px;display:flex;position:relative}.hero-aside-top,.hero-aside-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.aside-index,.aside-label,.hero-bottomline,.contact-topline>span,.contact-bottom,.project-context-label,.experience-category,.experience-number{letter-spacing:.15em;font-size:9px;font-weight:600}.aside-index{color:#67645f;font-variant-numeric:tabular-nums}.aside-status{color:var(--accent);font-size:9px}.hero-monogram{color:#f0ece6;letter-spacing:-.1em;justify-content:center;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:clamp(66px,8vw,102px);font-weight:400;display:flex}.hero-monogram>span:last-child{color:var(--accent);letter-spacing:-.06em;align-self:flex-end;padding-bottom:8px;font-size:.48em}.monogram-line{background:#48443e;width:1px;height:88px;transform:rotate(22deg)}.hero-aside-bottom{border-top:1px solid #2a2825;padding-top:18px}.aside-label{color:#68645e;margin:0 0 7px}.aside-value{color:#e6e2dc;margin:0;font-size:11px}.round-link{width:36px;height:36px;color:var(--accent);border:1px solid #393630;border-radius:50%;flex:none;place-items:center;text-decoration:none;transition:color .18s,background .18s,transform .18s;display:grid}.round-link:hover{color:#111;background:var(--accent);transform:translateY(2px)}.hero-bottomline{color:#5e5b57;font-variant-numeric:tabular-nums;justify-content:space-between;display:flex;position:absolute;bottom:28px;left:0;right:0}.content-section{border-top:1px solid var(--border);padding-block:92px 100px;scroll-margin-top:78px}.section-heading{align-items:center;gap:20px;display:flex}.section-rule{background:#252525;flex:1;height:1px}.section-title{margin:0;font-size:clamp(36px,4.4vw,55px);line-height:1.15}.about-grid{grid-template-columns:1fr .95fr;gap:clamp(44px,9vw,128px);margin-top:54px;display:grid}.about-intro h2{margin-bottom:25px}.about-intro>p,.experience-intro>p{color:#999;max-width:540px;margin:0 0 15px;font-size:13px;line-height:1.95}.text-link{color:var(--accent);align-items:center;gap:8px;margin-top:14px;font-size:11px;font-weight:600;text-decoration:none;transition:gap .18s,color .18s;display:inline-flex}.text-link:hover{color:#d0bda5;gap:13px}.principles-list{border-top:1px solid #292929}.principle{border-bottom:1px solid #292929;grid-template-columns:34px 1fr 16px;gap:15px;padding:20px 0;display:grid}.principle-number{color:#6f6b65;font-variant-numeric:tabular-nums;padding-top:3px;font-size:10px}.principle h3{color:#e7e4df;margin:0;font-size:13px;font-weight:500}.principle p{color:#85827e;margin:8px 0 0;font-size:11px;line-height:1.7}.principle-mark{color:#66615a;font-size:13px;transition:color .18s,transform .18s}.principle:hover .principle-mark{color:var(--accent);transform:translate(2px,-2px)}.projects-heading,.expertise-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin:40px 0 38px;display:flex}.projects-heading>p,.expertise-heading>p{color:#8c8a86;max-width:330px;margin:0 0 4px;font-size:12px;line-height:1.9}.projects-list{gap:18px;display:grid}.project-card{background:#111;border:1px solid #262626;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);transition:border-color .22s,transform .22s;display:grid;overflow:hidden}.project-card:hover{border-color:#49443c;transform:translateY(-3px)}.project-card--featured{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.project-card:nth-child(2n) .project-art{order:2}.project-art{background:#191816;place-items:center;min-height:300px;padding:clamp(18px,4vw,46px);display:grid;overflow:hidden}.project-card--featured .project-art{min-height:380px}.project-art--fitness{background:radial-gradient(at 76% 38%,#b5a18a29,#0000 43%),#1d1b19}.project-art--screenshot{background:#111;padding:0}.project-screenshot{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%;display:block}.art-browser{background:#121211;border:1px solid #ffffff1f;width:min(100%,450px);min-height:218px;transition:transform .35s;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000059}.project-card:hover .art-browser{transform:scale(1.015)}.art-browser-bar{background:#171716;border-bottom:1px solid #ffffff14;align-items:center;gap:4px;height:26px;padding-inline:9px;display:flex}.art-browser-bar>span:not(.art-browser-label){background:#6c6862;border-radius:50%;width:4px;height:4px}.art-browser-label{color:#75716b;letter-spacing:.12em;margin-left:auto;font-size:6px}.art-kicker{color:#aaa49a;letter-spacing:.16em;font-size:7px}.art-fitness{color:#25231f;background:#d6cec2;justify-content:space-between;align-items:center;gap:12px;min-height:220px;padding:23px;display:flex}.art-fitness-copy{z-index:1;position:relative}.art-fitness .art-kicker{color:#6e675e}.art-fitness-title{letter-spacing:-.08em;margin-top:12px;font-family:Manrope,sans-serif;font-size:clamp(24px,3.5vw,40px);font-weight:800;line-height:.98}.art-fitness-cta{color:#4b463f;letter-spacing:.1em;border-bottom:1px solid #827a6f;margin-top:16px;padding-bottom:4px;font-size:6px;display:inline-block}.art-fitness-shape{background:linear-gradient(140deg,#0000 48%,#25231f14 49%);border:1px solid #25231f7a;flex:none;place-items:center;width:84px;height:144px;display:grid;transform:rotate(8deg)}.art-fitness-shape span{color:#36312a;letter-spacing:.13em;font-family:Manrope,sans-serif;font-size:10px;font-weight:800;transform:rotate(-90deg)}.project-copy{flex-direction:column;align-items:flex-start;padding:clamp(24px,4vw,42px);display:flex}.project-overline{width:100%;color:var(--accent);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:9px;font-weight:600;display:flex}.project-overline span:last-child{color:#66615a;font-variant-numeric:tabular-nums}.project-copy h3{color:#f2f0ec;letter-spacing:-.045em;margin:15px 0 0;font-family:Manrope,sans-serif;font-size:clamp(22px,2.4vw,29px);font-weight:500}.project-description{color:#999691;margin:11px 0 0;font-size:11px;line-height:1.8}.project-context{gap:12px;margin-top:20px;display:grid}.project-context-label{color:#77726b}.project-context p{color:#c7c3bc;margin:5px 0 0;font-size:10px;line-height:1.7}.tech-list{flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.tech-list li{color:#a7a39c;border:1px solid #30302d;padding:6px 8px;font-size:9px}.project-links{flex-wrap:wrap;gap:18px;margin-top:auto;padding-top:22px;display:flex}.project-links a{color:#e7e1d8;align-items:center;gap:7px;font-size:10px;font-weight:600;text-decoration:none;transition:color .18s;display:inline-flex}.project-links a:hover{color:var(--accent)}.expertise-section{background:linear-gradient(90deg,#ffffff03,#0000 55%)}.expertise-list{border-top:1px solid #2a2a2a}.expertise-row{border-bottom:1px solid #2a2a2a;grid-template-columns:minmax(200px,.9fr) minmax(0,1.5fr) 30px;align-items:center;gap:25px;padding:22px 4px;display:grid}.expertise-category{color:var(--accent);align-items:center;gap:13px;display:flex}.expertise-category h3{color:#e8e5e0;letter-spacing:0;margin:0;font-size:12px;font-weight:500}.expertise-category p{color:#777570;letter-spacing:0;margin:5px 0 0;font-size:9px;font-weight:400}.expertise-items{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.expertise-items li{color:#bbb8b1;border:1px solid #30302d;padding:8px 11px;font-size:10px;transition:border-color .18s,color .18s}.expertise-items li:hover{color:var(--accent);border-color:#756a5b}.expertise-index{color:#625e58;text-align:right;font-variant-numeric:tabular-nums}.experience-layout{grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:clamp(44px,9vw,120px);margin-top:48px;display:grid}.experience-intro .section-title{margin-bottom:24px}.experience-intro .experience-note{color:#77736d;border-left:1px solid #756a5b;margin-top:20px;padding-left:12px;font-size:10px}.experience-timeline{border-top:1px solid #2b2b2a}.experience-item{border-bottom:1px solid #2b2b2a;padding:22px 0 22px 20px;position:relative}.timeline-marker{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:28px;left:0;box-shadow:0 0 0 4px #b5a18a17}.experience-item-heading,.experience-item-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.experience-category{color:var(--accent);text-transform:uppercase}.experience-number{color:#66615a;font-variant-numeric:tabular-nums}.experience-item h3{color:#e6e3dd;letter-spacing:-.03em;margin:11px 0 0;font-family:Manrope,sans-serif;font-size:16px;font-weight:500}.experience-item>p{color:#8f8c86;max-width:520px;margin:8px 0 0;font-size:10px;line-height:1.8}.experience-item-footer{color:#77736d;margin-top:14px;font-size:9px}.experience-item-footer a{width:27px;height:27px;color:var(--accent);border:1px solid #393630;flex:none;place-items:center;transition:background .18s,color .18s;display:grid}.experience-item-footer a:hover{color:#111;background:var(--accent)}.contact-section{background:radial-gradient(ellipse at 92% 4%, #fff3, transparent 40%), var(--accent);color:#15130f;border:1px solid #c5b39a;padding:clamp(30px,6vw,70px);scroll-margin-top:96px}.contact-topline{border-bottom:1px solid #15130f38;justify-content:space-between;gap:15px;padding-bottom:17px;display:flex}.contact-topline .eyebrow,.contact-topline>span,.contact-topline .eyebrow>span:first-child{color:#4e483f}.contact-topline>span{text-align:right;align-self:center}.contact-main{grid-template-columns:1.2fr .8fr;gap:clamp(35px,8vw,100px);padding-block:54px 58px;display:grid}.contact-main h2{color:#15130f;margin:0;font-size:clamp(42px,6vw,72px);line-height:1.04}.contact-main h2 span{color:#f1e9dc}.contact-main>div:first-child>p{color:#39342e;max-width:440px;margin:20px 0 0;font-size:12px;line-height:1.9}.contact-cta{color:#f1e9dc;background:#171511;border-color:#171511;margin-top:25px}.contact-cta:hover{background:#312a21;border-color:#312a21}.contact-links{border-top:1px solid #15130f38;align-self:center}.contact-links>a{color:#171511;border-bottom:1px solid #15130f38;align-items:center;gap:12px;min-height:64px;text-decoration:none;transition:padding .18s;display:flex}.contact-links>a:hover{padding-inline:5px}.contact-link-icon{border:1px solid #15130f38;flex:none;place-items:center;width:30px;height:30px;display:grid}.contact-links small,.contact-links strong{display:block}.contact-links small{color:#5c544a;margin-bottom:4px;font-size:9px}.contact-links strong{font-size:10px;font-weight:600}.contact-link-arrow{margin-left:auto}.contact-bottom{color:#4e483f;border-top:1px solid #15130f38;justify-content:space-between;gap:15px;padding-top:17px;display:flex}.contact-bottom>span:first-child{color:#171511;letter-spacing:.12em;font-family:Manrope,sans-serif;font-size:12px;font-weight:800}.contact-bottom a{color:#4e483f;text-decoration:none}.contact-bottom a:hover{color:#171511}.site-footer{color:#65625e;justify-content:space-between;align-items:center;gap:20px;min-height:82px;font-size:9px;display:flex}.site-footer a{color:#a7a39c;letter-spacing:.1em;font-size:9px;font-weight:600;text-decoration:none}.site-footer a:hover{color:var(--accent)}@media (width>=1440px){.hero{min-height:720px}}@media (width<=900px){.section-wrap,.nav-inner,.mobile-nav,.site-footer{width:min(100% - 48px,720px)}.desktop-nav{gap:18px}.nav-contact{display:none}.hero{grid-template-columns:minmax(0,1.1fr) minmax(220px,.8fr);gap:32px;min-height:610px}.hero-aside{min-height:330px}.project-card,.project-card--featured{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.project-art,.project-card--featured .project-art{min-height:340px}.expertise-row{grid-template-columns:minmax(160px,.8fr) minmax(0,1.6fr) 24px;gap:15px}}@media (width<=680px){html{scroll-padding-top:68px}.section-wrap,.nav-inner,.mobile-nav,.site-footer{width:min(100% - 36px,520px)}.nav-inner{min-height:66px}.desktop-nav{display:none}.menu-toggle{cursor:pointer;background:0 0;border:1px solid #30302d;border-radius:0;place-items:center;width:38px;height:38px;display:grid}.mobile-nav{border-top:1px solid #252525;display:grid;overflow:hidden}.mobile-nav-link{color:#bbb8b1;border-bottom:1px solid #202020;align-items:center;gap:12px;min-height:51px;font-size:12px;text-decoration:none;display:flex}.mobile-nav-link.is-active{color:var(--accent)}.mobile-nav-link>span:last-child{margin-left:auto}.mobile-nav-number{color:#69655f;font-variant-numeric:tabular-nums;font-size:9px}.hero{grid-template-columns:1fr;gap:38px;min-height:auto;padding-block:82px 73px}.hero h1{margin-top:24px;font-size:clamp(45px,12vw,64px)}.hero-description{margin-top:20px;font-size:13px}.hero-aside{min-height:235px;padding:16px}.hero-monogram{font-size:68px}.monogram-line{height:60px}.hero-bottomline{font-size:7px;bottom:22px}.content-section{padding-block:68px 74px;scroll-margin-top:66px}.section-heading{gap:12px}.eyebrow{gap:7px;font-size:8px}.section-title{font-size:clamp(34px,9vw,47px)}.about-grid,.experience-layout{grid-template-columns:1fr;gap:36px;margin-top:34px}.about-intro h2{margin-bottom:20px}.about-intro>p,.experience-intro>p{font-size:12px}.principle{grid-template-columns:25px 1fr 14px;gap:10px}.principle h3{font-size:12px}.projects-heading,.expertise-heading{margin:30px 0 27px;display:block}.projects-heading>p,.expertise-heading>p{margin-top:16px;font-size:11px}.projects-list{gap:14px}.project-card,.project-card--featured{grid-template-columns:1fr}.project-card:nth-child(2n) .project-art{order:0}.project-art,.project-card--featured .project-art{min-height:248px;padding:22px}.project-copy{padding:23px 20px 21px}.project-copy h3{font-size:23px}.project-description,.project-context p{font-size:10px}.art-browser{min-height:205px}.expertise-row{grid-template-columns:minmax(0,1fr) 20px;gap:16px 8px;padding:18px 2px}.expertise-category{grid-column:1}.expertise-items{grid-column:1/-1}.expertise-index{grid-area:1/2}.expertise-items li{padding:7px 9px;font-size:9px}.experience-layout{gap:26px;margin-top:31px}.experience-item{padding-block:19px}.experience-item h3{font-size:14px}.contact-section{width:min(100% - 24px,540px);padding:24px 20px;scroll-margin-top:74px}.contact-topline>span{max-width:125px;font-size:7px;line-height:1.6}.contact-main{grid-template-columns:1fr;gap:32px;padding-block:37px 38px}.contact-main h2{font-size:clamp(42px,11vw,58px)}.contact-main>div:first-child>p{font-size:11px}.contact-cta{gap:8px;width:100%;padding-inline:10px;font-size:10px}.contact-links>a{min-height:58px}.contact-bottom{flex-wrap:wrap;align-items:center;font-size:7px}.contact-bottom>span:nth-child(2){order:3;width:100%}.site-footer{flex-wrap:wrap;gap:8px 16px;min-height:78px;padding-block:18px;font-size:8px}.site-footer>span:nth-child(2){display:none}}@media (width<=360px){.section-wrap,.nav-inner,.mobile-nav,.site-footer{width:calc(100% - 28px)}.hero-actions{gap:8px}.hero-actions .button{min-height:44px;padding-inline:12px;font-size:10px}.hero-bottomline span:last-child{text-align:right;max-width:140px}}
