:root{--base:#0e0a08;--base-2:#16100c;--surface:#15100d;--border:#3b2b22;--border-light:#2d2019;--txt:#fff5ef;--soft:#d5c3b8;--muted:#a18f86;--accent:#ff9f43;--accent2:#ffd8ab;--mono:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:"Inter Display",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--base);color:var(--txt);font-family:var(--sans);-webkit-font-smoothing:antialiased}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.11' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{color:#1b1209;background:var(--accent)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}h1,h2,h3,h4,p{margin-top:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.container{width:min(1250px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:14px;background:var(--accent);color:#1d130b;padding:12px 16px;z-index:105}.skip-link:focus{top:14px}
.boot{position:fixed;inset:0;background:#0f0a08;display:grid;place-items:center;z-index:130;transition:opacity .45s ease,visibility .45s ease}.boot.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.boot-inner{width:min(370px,85vw);font-family:var(--mono);text-align:left}.boot-prefix{font-size:37px;color:var(--accent);display:block;margin-bottom:22px}.boot-label{font-size:13px;letter-spacing:.16em;color:#f5e9df}.blink-cursor{animation:blink .65s steps(2) infinite;color:var(--accent)}.boot-progress{height:2px;background:#3a2718;margin:21px 0 18px;overflow:hidden}.boot-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;animation:bootload 1.25s cubic-bezier(.2,.8,.3,1) both}.boot-skip{color:#ad9280;border:0;padding:0;background:transparent;font:10px var(--mono);letter-spacing:.1em}.boot-skip:hover{color:#fff}@keyframes blink{50%{opacity:0}}@keyframes bootload{to{transform:scaleX(1)}}
.header{height:83px;border-bottom:1px solid #ffffff12;background:#0e0a08df;backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.identity{display:flex;align-items:center;gap:13px;min-width:243px}.identity-box{width:45px;height:45px;border:1px solid var(--accent);display:grid;place-content:center;font-size:22px;font-weight:800;letter-spacing:-.08em;color:#fff2e8}.identity-box span,.footer-brand span{color:var(--accent)}.identity-name{font-size:13px;font-weight:700;letter-spacing:-.025em;line-height:1.35}.identity-name small{font-size:9px;letter-spacing:.16em;display:block;font-family:var(--mono);font-weight:500;color:#a68d7d;margin-top:4px}.nav{display:flex;align-items:center;gap:31px;margin-left:auto}.nav-link{font-size:12px;color:#cfb3a2;font-weight:530;transition:color .2s;position:relative;padding:34px 0}.nav-link::after{content:"";height:1px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;background:var(--accent);transition:transform .2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active::after,.nav-link:hover::after{transform:scaleX(1)}.header-right{display:flex;align-items:center}.availability{display:flex;align-items:center;gap:11px;font:10px var(--mono);letter-spacing:.035em;border:1px solid #d5893f66;background:#24170f99;color:#ffe6cf;padding:13px 15px;white-space:nowrap}.availability:hover{border-color:var(--accent);background:#2e1c12}.availability-arrow{color:var(--accent);margin-left:9px}.status-pip{background:var(--accent);height:7px;width:7px;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #ff9f4318,0 0 18px #ff9f4360;flex:none}.menu-toggle{display:none;background:transparent;border:1px solid #5e4537;padding:11px;width:43px;height:43px}.menu-toggle span{display:block;height:1px;width:20px;background:#fff0e6;margin:5px 0}
.hero{min-height:688px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:48px;align-items:center;position:relative;padding-top:69px;padding-bottom:82px}.hero::before{content:"";position:absolute;inset:0 -5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 52%,#6f3f172b,transparent 42%),linear-gradient(90deg,#ffb56a0d 1px,transparent 1px),linear-gradient(#ffb56a0d 1px,transparent 1px);background-size:auto,78px 78px,78px 78px;mask-image:linear-gradient(to bottom,transparent,#0004 20%,#0008 66%,transparent)}.hero-copy{padding-top:3px;position:relative;z-index:2}.hero-location{font:10px var(--mono);color:#b89d8d;letter-spacing:.085em;margin-bottom:49px}.accent-slash,.hero-location .accent-slash{color:var(--accent)}.crumb{color:#735240;padding:0 9px}.hero-status{display:flex;gap:10px;align-items:center;color:var(--accent);font:10px var(--mono);letter-spacing:.08em;margin-bottom:29px;white-space:nowrap}.hero-status-extra{color:#b29380}.hero h1{font-size:clamp(63px,6.3vw,101px);letter-spacing:-.077em;font-weight:760;line-height:.99;margin:0 0 30px}.hero-title-bottom{display:block;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--accent)}.hero-role{display:flex;gap:16px;align-items:stretch;margin-bottom:23px}.role-decor{width:3px;background:var(--accent);flex:none}.hero-role p{font-size:18px;color:#fff0e6;line-height:1.48;margin:0;font-weight:570}.hero-role strong{color:#bd9f8e;font-weight:450}.hero-intro{color:#c9b0a2;font-size:15px;line-height:1.87;max-width:530px;margin:0}.hero-buttons{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:51px;padding:0 22px;font-size:12px;font-weight:700;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#1c1209;border:1px solid var(--accent)}.button-primary:hover{background:var(--accent2)}.button-secondary{border:1px solid #7d5c47;color:#f7e4d6}.button-secondary:hover{border-color:var(--accent);background:#ff9f4312}.button span{font-size:16px}.hero-lower{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#b09383;font:9px var(--mono);letter-spacing:.09em;margin-top:50px}.hero-lower-divider{height:3px;width:3px;background:var(--accent);border-radius:50%}.hero-image-side{position:relative;justify-self:end;width:min(100%,455px)}.hero-img-wrap{position:relative;width:100%;height:530px;border:1px solid #7d5a43;background:#231812;overflow:hidden;box-shadow:0 15px 70px #0007}.hero-portrait{width:100%;height:100%;object-fit:cover;object-position:center 23%;display:block;filter:saturate(.76) contrast(1.06)}.picture-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003 0,transparent 22%,transparent 62%,#0e0906e8 100%),linear-gradient(90deg,#1d130d55,transparent 40%)}.picture-label-top{position:absolute;left:22px;top:22px;font:9px var(--mono);letter-spacing:.1em;color:#ffe2cf}.picture-angle{position:absolute;width:13px;height:13px;border-color:var(--accent);border-style:solid}.picture-angle-tl{top:11px;left:11px;border-width:1px 0 0 1px}.picture-angle-tr{top:11px;right:11px;border-width:1px 1px 0 0}.picture-angle-bl{bottom:11px;left:11px;border-width:0 0 1px 1px}.picture-angle-br{bottom:11px;right:11px;border-width:0 1px 1px 0}.portrait-bottom{position:absolute;left:22px;right:22px;bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d8c0ae;font:9px var(--mono);letter-spacing:.055em}.recording{display:flex;gap:9px;align-items:center}.rec-point{width:7px;height:7px;border-radius:50%;background:#ffb060;box-shadow:0 0 10px #ffb060}.rec-separator{color:#a7724d}.portrait-coordinates{position:absolute;font:9px var(--mono);letter-spacing:.16em;transform:rotate(90deg);transform-origin:right;top:50%;right:-29px;color:#a1785e}.scroll-indicator{position:absolute;bottom:17px;left:0;display:flex;gap:13px;align-items:center;color:#b3927d;font:10px var(--mono);letter-spacing:.09em}.scroll-line{height:1px;width:65px;background:#7c583f}.scroll-indicator:hover{color:var(--accent)}
.statement-stripe{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0c0908}.statement-inner{min-height:89px;display:flex;align-items:center;justify-content:space-between;gap:35px}.statement-inner span{font-size:clamp(13px,1.65vw,21px);font-weight:690;letter-spacing:-.04em;color:#ead8ca}.statement-inner i{width:5px;height:5px;background:var(--accent);transform:rotate(45deg);flex:none}
.section{padding-top:119px;padding-bottom:128px}.section-light-border{border-top:1px solid var(--border-light);background:linear-gradient(180deg,#110d0b,#0b0908 72%)}.section-head{display:flex;align-items:center;gap:18px;font:11px var(--mono);letter-spacing:.07em}.section-index{color:var(--accent);white-space:nowrap}.section-index span{color:#c6a287}.section-head-line{flex:1;height:1px;background:#694b36}.section-head-aside{color:#9f8271}.section-lead{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:50px;margin:54px 0 48px}.section-kicker{color:var(--accent);font:10px var(--mono);letter-spacing:.14em;margin-bottom:17px}.section-lead h2{font-size:clamp(43px,4.5vw,67px);line-height:1.07;letter-spacing:-.063em;font-weight:700;margin:0}.section-lead h2 em{font-style:normal;color:var(--accent)}.section-lead-copy{color:#c8ad9d;font-size:15px;line-height:1.88;max-width:400px;margin:0 0 5px}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);margin-bottom:32px}.metric{min-height:229px;padding:24px 22px 26px;position:relative;background:#15100d99}.metric+.metric{border-left:1px solid var(--border)}.metric-top{font:9px var(--mono);letter-spacing:.09em;color:#b29a87}.metric strong{display:block;color:#f4f9f2;font-size:clamp(57px,5.3vw,78px);font-weight:650;line-height:1;margin:27px 0 18px;letter-spacing:-.07em}.metric .metric-mark{color:var(--accent);font-size:.55em}.metric .percent{font-size:.38em;color:var(--accent);padding-left:4px;vertical-align:top}.metric h3{font-size:13px;letter-spacing:-.015em;font-weight:650;margin:0 0 7px}.metric p{font-size:11px;color:#b69e8a;line-height:1.55;margin:0}.profile-detail{display:grid;grid-template-columns:1fr .7fr;gap:80px;padding:32px 0 0}.profile-body p{color:#b1c0b6;line-height:1.95;font-size:15px;margin-bottom:20px}.profile-facts{margin:0}.profile-facts div{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:15px 0;border-bottom:1px solid #59402f}.profile-facts dt{font:11px var(--mono);color:#bda28d}.profile-facts dd{margin:0;text-align:right;color:#e0e8e0;font-size:12px;font-weight:600}
.timeline{margin-top:54px}.timeline-row{display:grid;grid-template-columns:200px 31px 1fr;min-height:176px;position:relative}.timeline-date{font:11px var(--mono);color:#b99b88;padding-top:8px;letter-spacing:.02em}.timeline-row:first-child .timeline-date{color:var(--accent)}.timeline-center{position:relative}.timeline-center::before{content:"";position:absolute;top:6px;left:9px;width:1px;height:calc(100% + 1px);background:#7a563d}.timeline-row:last-child .timeline-center::before{height:0}.timeline-center span{position:absolute;z-index:1;top:4px;left:4px;width:11px;height:11px;background:#24160f;border:2px solid #c38349;border-radius:50%}.timeline-row:first-child .timeline-center span{background:var(--accent);border:1px solid var(--accent);box-shadow:0 0 0 6px #ff9f4317}.timeline-content{border-bottom:1px solid #50382a;padding:0 0 33px 12px;margin-bottom:23px}.timeline-title-row{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.timeline-content h3{font-size:21px;letter-spacing:-.035em;font-weight:650;margin:0 0 9px}.timeline-org{color:var(--accent)!important;font-size:12px!important;margin:0 0 14px!important}.timeline-content p{color:#c8ad9d;font-size:13px;line-height:1.85;margin:0;max-width:795px}.timeline-pill{font:9px var(--mono);color:var(--accent);padding:5px 8px;border:1px solid #d8894365;margin-top:-8px}.timeline-tags{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.timeline-tags span{font:10px var(--mono);padding:7px 9px;border:1px solid #694936;color:#d1b79f}.timeline-footnote{font:10px var(--mono);color:#9f8472;letter-spacing:.03em;margin-top:15px}
.expertise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--border)}.expertise{padding:32px 36px 37px;min-height:327px}.expertise:nth-child(odd){border-right:1px solid var(--border)}.expertise:nth-child(-n+2){border-bottom:1px solid var(--border)}.expertise-num{font:11px var(--mono);color:var(--accent);display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.expertise-num span{font:18px var(--sans);color:#966b49}.expertise h3{font-size:25px;font-weight:630;letter-spacing:-.04em;margin:0 0 20px}.expertise ul{list-style:none;margin:0 0 23px;padding:0}.expertise li{color:#cfb4a1;font-size:13px;line-height:1.9;padding-left:19px;position:relative}.expertise li::before{content:"–";position:absolute;left:0;color:var(--accent)}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag-row span{border:1px solid #6d4d38;color:#d7baa6;padding:7px 10px;font:10px var(--mono);white-space:nowrap}.stack-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:77px 0 23px}.stack-pre,.stack-hint{font:10px var(--mono);color:#b0907b;letter-spacing:.07em}.stack-pre{color:var(--accent)}.stack-head h3{font-size:29px;letter-spacing:-.045em;font-weight:620;margin:11px 0 0}.stack-head-dot{color:var(--accent)}.stack-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid #6b472f;background:#120d0b}.stack-map{height:405px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#7a492752,transparent 38%),linear-gradient(#ffb0610a 1px,transparent 1px),linear-gradient(90deg,#ffb0610a 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.stack-connect{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.stack-connect path{fill:none;stroke:#e5a15f;stroke-width:1;stroke-opacity:.3;stroke-dasharray:3 7}.stack-orbit{position:absolute;left:50%;top:47%;width:220px;height:220px;transform:translate(-50%,-50%);border:1px solid #ff9f431a;border-radius:50%;pointer-events:none}.stack-orbit.o2{height:360px;width:360px;border-color:#ff9f430d}.stack-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:1px solid #8d633f;background:#24170ff0;padding:11px 15px;color:#f0d1b8;box-shadow:0 8px 22px #0007;font:11px var(--mono);white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s,border-color .2s;z-index:2}.stack-node:hover,.stack-node.active{background:var(--accent);border-color:var(--accent);color:#1b1209;box-shadow:0 0 30px #ff9f4329}.stack-detail{border-left:1px solid #6b472f;padding:31px 29px;position:relative;background:#17110e;display:flex;flex-direction:column;align-items:flex-start}.stack-detail-kicker{font:10px var(--mono);color:#c79d7b;letter-spacing:.08em}.stack-detail-icon{margin-top:49px;width:60px;height:60px;border:1px solid #d68f50;background:#ff9f4314;display:grid;place-content:center;font:700 26px var(--sans);color:var(--accent)}.stack-counter{margin-top:21px;font:10px var(--mono);color:#ad907d}.stack-detail h4{font-size:27px;margin:13px 0 11px;letter-spacing:-.045em}.stack-detail p{color:#ccb19f;font-size:13px;line-height:1.85;margin:0}.stack-hint-bottom{margin-top:auto;padding-top:20px;color:#9c7658;font:10px var(--mono)}
.project-list{border-top:1px solid var(--border)}.project-item{display:grid;grid-template-columns:.93fr 1.07fr;gap:64px;padding:43px 0;border-bottom:1px solid var(--border)}.project-visual{height:287px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#7a4b2b5c,transparent 60%),#16110e;border:1px solid #6d4a35}.fake-window{width:82%;height:223px;background:#15100e;border:1px solid #84604a;transform:perspective(900px) rotateY(-5deg) rotateX(3deg);box-shadow:12px 19px 50px #0007;overflow:hidden}.fake-bar{height:32px;background:#241811;border-bottom:1px solid #664936;color:#f3d6c0;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono)}.fake-bar span{letter-spacing:3px;color:#c8884d}.fake-bar small{letter-spacing:.03em;color:#b99579;font-size:8px}.fake-chart-top{display:flex;justify-content:space-between;padding:18px 23px 6px;font-size:12px;color:#cad9cb}.fake-chart-top b{color:var(--accent);font-size:11px}.fake-chart{width:calc(100% - 40px);margin-left:20px;height:114px;overflow:visible}.fake-bars{display:flex;gap:8px;padding-left:21px;margin-top:4px}.fake-bars span{height:4px;width:56px;background:#7b5335}.fake-bars span:nth-child(2){width:89px;background:#b26d3d}.fake-bars span:nth-child(3){width:35px}.visual-caption{position:absolute;bottom:8px;right:9px;font:8px var(--mono);color:#a98770;letter-spacing:.05em}.crm-visual{background:radial-gradient(ellipse at 30% 15%,#5b392488,transparent 66%),#18100b}.crm-window{transform:perspective(900px) rotateY(5deg) rotateX(3deg)}.crm-shell{display:flex;height:calc(100% - 32px)}.crm-sidebar{width:21%;border-right:1px solid #573d31;background:#171310;padding:22px 11px;display:flex;flex-direction:column;gap:11px}.crm-sidebar span{height:6px;background:#79553a;border-radius:2px}.crm-sidebar span:nth-child(2){background:#d08a48}.crm-sidebar span:nth-child(4){width:65%}.crm-work{flex:1;padding:17px 15px}.crm-title{height:10px;width:42%;background:#e6c9b1;margin-bottom:17px;border-radius:2px}.crm-stat-row{display:flex;gap:8px;margin-bottom:19px}.crm-stat-row span{height:43px;flex:1;border:1px solid #674a35;background:#2a1b14}.crm-stat-row span:nth-child(2){background:#382419}.crm-table{border:1px solid #694c38}.crm-table i{height:18px;display:block;border-bottom:1px solid #5e4434;position:relative}.crm-table i::before{content:"";height:5px;width:32%;position:absolute;left:10px;top:7px;background:#8d613e}.crm-table i::after{content:"";height:5px;width:14%;position:absolute;right:15px;top:7px;background:#ba8456}.handwerk-visual{background:radial-gradient(ellipse at 40% 0,#7d431e7a,transparent 62%),#14100d}.service-window{transform:perspective(900px) rotateY(-4deg) rotateX(3deg)}.service-head{display:flex;justify-content:space-between;align-items:center;padding:16px;color:#f6dfcd;font-size:13px}.service-head b{background:#ffb467;color:#1d130b;padding:5px 8px;font-size:9px}.service-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:5px 15px}.service-columns>div{display:flex;flex-direction:column;gap:7px}.service-columns i{height:8px;width:48%;background:#b07b4e;margin-bottom:4px}.service-columns b{height:28px;border:1px solid #694c38;background:#362218}.service-columns>div:nth-child(2) b{background:#4a2c1c}.project-content{align-self:center}.project-top{display:flex;justify-content:space-between;gap:15px;color:#b59481;font:10px var(--mono);letter-spacing:.085em;margin-bottom:18px}.project-top span:first-child{color:var(--accent)}.project-content h3{font-size:39px;letter-spacing:-.06em;margin:0 0 8px;font-weight:660}.project-subtitle{font-size:15px;font-weight:600;color:#f0d9c6;margin:0 0 21px}.project-description{font-size:14px;line-height:1.88;color:#c4ac9b;margin:0 0 21px}.project-more{margin-top:28px;width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;border-top:1px solid #805234;padding:18px 0;color:var(--accent);text-align:left;font:11px var(--mono);letter-spacing:.04em}.project-more:hover{color:#fff0dd}.project-more span{font:19px var(--sans)}.project-expansion{padding:0 0 12px;color:#e2c8b5;font-size:13px;line-height:1.8}.project-expansion p{margin:0}
.contact-section{background:radial-gradient(circle at 90% 100%,#8b53261f,transparent 44%),#0f0c0a}.contact-grid{display:grid;grid-template-columns:1fr .65fr;gap:115px;padding-top:81px}.contact-left{padding-top:20px}.contact-availability{display:flex;align-items:center;gap:11px;font:11px var(--mono);letter-spacing:.06em;color:var(--accent);margin-bottom:35px}.contact-availability span:last-child{color:#b3917d}.contact-left h2{font-size:clamp(68px,8vw,120px);letter-spacing:-.078em;line-height:.98;font-weight:680;margin:0 0 30px}.contact-left h2 em{color:var(--accent);font-style:normal}.contact-left>p{font-size:16px;line-height:1.9;color:#d1b29d;max-width:555px;margin:0 0 34px}.email-bar{border-top:1px solid #7f573d;border-bottom:1px solid #7f573d;padding:18px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.email-label{font:10px var(--mono);color:#b2947f;margin-right:18px}.email-address{font-size:17px;font-weight:600;letter-spacing:-.03em;overflow-wrap:anywhere}.email-bar button{margin-left:auto;background:transparent;border:1px solid #c67b33;color:var(--accent);font:10px var(--mono);padding:10px 13px;display:flex;gap:10px}.email-bar button:hover{background:#ff9f4312}.contact-ctas{display:flex;gap:13px;flex-wrap:wrap}.contact-right{position:relative;min-height:478px;border:1px solid #7b4c2f;background:radial-gradient(circle at 75% 20%,#4f2e1a,transparent 68%),#17110f;overflow:hidden;align-self:start}.contact-photo{position:absolute;right:0;bottom:0;width:100%;height:100%;opacity:.48;mask-image:linear-gradient(to bottom,#000b,transparent 100%)}.contact-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1)}.contact-right::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#120d0a 0,transparent 54%)}.contact-card-text{position:absolute;z-index:2;bottom:36px;left:30px;display:grid;gap:9px}.contact-card-text span{font:10px var(--mono);color:#e1a772;letter-spacing:.05em}.contact-card-text strong{font-size:25px;letter-spacing:-.035em}.contact-pattern{position:absolute;right:17px;top:17px;width:38px;height:38px;border-right:2px solid var(--accent);border-top:2px solid var(--accent)}
.footer{border-top:1px solid #66452f;background:#0d0a09}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:107px}.footer-inner>div{display:flex;gap:18px;align-items:center}.footer-brand{font-weight:850;font-size:25px}.footer-inner span:not(.footer-brand){font:10px var(--mono);color:#ac8f7b}.footer-inner p{margin:0;font:10px var(--mono);color:#aa8c73}.footer-inner a{font:10px var(--mono);color:var(--accent)}
@media(max-width:1160px){.container{width:min(1150px,calc(100% - 60px))}.nav{gap:17px}.identity{min-width:200px}.identity-name{font-size:12px}.hero{gap:22px}.hero h1{font-size:clamp(58px,6.2vw,85px)}.hero-img-wrap{height:480px}.hero-lower{font-size:8px}.project-item{gap:36px}.contact-grid{gap:55px}}
@media(max-width:900px){.header{height:72px}.container{width:calc(100% - 48px)}.identity{min-width:0}.nav{display:none;position:absolute;left:0;right:0;top:72px;z-index:51;background:#16110e;border-bottom:1px solid #71503a;padding:15px 24px 23px;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav-link{padding:13px 0;border-bottom:1px solid #4a3222}.nav-link::after{display:none}.menu-toggle{display:block;margin-left:13px}.hero{grid-template-columns:1fr .75fr;gap:25px;min-height:585px;padding-top:47px}.hero-location{margin-bottom:30px}.hero h1{font-size:clamp(48px,6.5vw,74px)}.hero-status{font-size:9px}.hero-status-extra{display:none}.hero-img-wrap{height:420px}.hero-intro{font-size:13px}.hero-role p{font-size:16px}.hero-lower{margin-top:30px}.hero-buttons .button{font-size:11px;min-height:47px;padding:0 14px;gap:17px}.scroll-indicator{bottom:12px}.section{padding-top:87px;padding-bottom:92px}.section-lead{margin-top:38px;gap:24px}.section-lead h2{font-size:clamp(40px,5vw,55px)}.metric{padding:19px 15px;min-height:197px}.metric strong{font-size:59px}.profile-detail{gap:35px}.stack-layout{grid-template-columns:minmax(0,1fr) 235px}.stack-detail{padding:26px 20px}.project-content h3{font-size:34px}.contact-grid{gap:38px;grid-template-columns:1fr .57fr}.contact-left h2{font-size:83px}.contact-right{min-height:410px}.footer-inner p{max-width:290px}}
@media(max-width:700px){html{scroll-padding-top:72px}.container{width:calc(100% - 36px)}.header{height:65px}.header-inner{gap:10px}.identity-box{width:37px;height:37px;font-size:20px}.identity-name{font-size:11px}.identity-name small{font-size:7px;letter-spacing:.11em}.availability{padding:10px;font-size:9px;gap:7px}.availability-arrow{display:none}.menu-toggle{width:37px;height:37px;margin-left:7px;padding:8px}.nav{top:65px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:34px;padding-top:45px;padding-bottom:65px}.hero-location{font-size:9px;margin-bottom:33px}.hero-status{font-size:9px;margin-bottom:23px;white-space:normal}.hero h1{font-size:clamp(51px,11.5vw,82px);letter-spacing:-.073em}.hero-role p{font-size:16px}.hero-intro{font-size:14px}.hero-image-side{width:min(100%,450px);align-self:center}.hero-img-wrap{height:440px}.hero-portrait{object-position:center 25%}.portrait-coordinates{right:-24px}.hero-lower{font-size:8px;gap:8px}.scroll-indicator{bottom:15px}.statement-inner{flex-wrap:wrap;gap:8px;min-height:78px;justify-content:center}.statement-inner span{font-size:12px}.statement-inner i{width:3px;height:3px;margin:0 6px}.section{padding-top:76px;padding-bottom:78px}.section-head{font-size:10px;gap:9px}.section-head-aside{font-size:9px}.section-lead{display:block;margin-top:35px;margin-bottom:36px}.section-lead h2{font-size:clamp(38px,9vw,53px)}.section-lead-copy{margin-top:22px;max-width:600px;font-size:14px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:199px}.metric:nth-child(2){border-left:1px solid var(--border)}.metric:nth-child(-n+2){border-bottom:1px solid var(--border)}.metric:nth-child(3){border-left:0}.metric strong{font-size:60px}.profile-detail{display:block}.profile-facts{margin-top:19px}.timeline-row{grid-template-columns:105px 22px 1fr;min-height:155px}.timeline-date{font-size:9px;line-height:1.6}.timeline-center::before{left:7px}.timeline-center span{left:2px}.timeline-content{padding-left:5px}.timeline-content h3{font-size:18px}.timeline-content p{font-size:12px}.timeline-org{font-size:11px!important}.timeline-footnote{line-height:1.75}.expertise-grid{display:block}.expertise{border:0!important;border-bottom:1px solid var(--border)!important;min-height:0;padding:29px 25px}.expertise:last-child{border-bottom:0!important}.stack-head{align-items:flex-start;margin-top:60px}.stack-head h3{font-size:24px}.stack-hint{display:none}.stack-layout{display:block}.stack-map{height:340px}.stack-connect{opacity:.7}.stack-node{padding:10px 11px;font-size:10px}.stack-detail{border-top:1px solid #6b472f;border-left:0;min-height:220px;padding:23px}.stack-detail-icon{display:none}.stack-counter{margin-top:24px}.stack-detail h4{font-size:24px}.stack-hint-bottom{display:none}.project-item{grid-template-columns:1fr;gap:23px;padding:29px 0 34px}.project-visual{height:255px}.project-content h3{font-size:33px}.project-top{font-size:9px}.project-description{font-size:13px}.contact-grid{grid-template-columns:1fr;padding-top:57px;gap:45px}.contact-left{padding-top:0}.contact-left h2{font-size:clamp(67px,14vw,95px)}.contact-left>p{font-size:14px}.contact-availability{font-size:9px;gap:7px}.email-address{font-size:15px}.email-label{width:100%}.contact-right{min-height:330px;max-width:500px;width:100%}.footer-inner{padding:28px 0;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-inner p{line-height:1.7}.footer-inner>div{gap:13px}}
@media(max-width:400px){.identity-name{font-size:10px}.availability{font-size:8px;padding:10px 7px}.hero h1{font-size:clamp(46px,12.2vw,58px)}.hero-img-wrap{height:385px}.hero-lower{font-size:7px}.statement-inner span{font-size:10px}.metric{padding:18px 14px}.metric strong{font-size:52px}.timeline-row{grid-template-columns:96px 18px 1fr}.stack-node{padding:8px 7px;font-size:9px}.stack-map{height:300px}.contact-ctas .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.boot{display:none}}

/* Finishing touches: readable name spacing and narrow viewport safety */
.hero-title-bottom em{margin-left:.095em}
@media(max-width:900px){.portrait-coordinates{display:none}}


/* Animation upgrade */
body:not(.page-ready) .hero-reveal{opacity:0;transform:translate3d(0,34px,0) scale(.985)}
body.page-ready .hero-reveal{animation:heroReveal .9s cubic-bezier(.18,.89,.32,1.02) forwards;animation-delay:var(--reveal-delay,0ms)}
.reveal{opacity:0;transform:translate3d(0,42px,0);filter:blur(10px);transition:opacity .8s ease,transform .8s cubic-bezier(.18,.89,.32,1.01),filter .8s ease;transition-delay:var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}

@keyframes heroReveal{0%{opacity:0;transform:translate3d(0,30px,0) scale(.985);filter:blur(12px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes driftFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,159,67,.16)}50%{box-shadow:0 0 0 12px rgba(255,159,67,0)}}
@keyframes signalBlink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes lineTravel{0%{transform:scaleX(0);opacity:.35}100%{transform:scaleX(1);opacity:1}}
@keyframes scanSweep{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes dashDraw{0%{stroke-dashoffset:420}100%{stroke-dashoffset:0}}
@keyframes badgeGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,159,67,.22),0 0 0 rgba(255,159,67,0)}50%{box-shadow:0 0 0 1px rgba(255,159,67,.45),0 0 18px rgba(255,159,67,.18)}}

.status-pip,.rec-point{animation:signalBlink 1.4s ease-in-out infinite}
.availability,.hero-status{animation:badgeGlow 3.8s ease-in-out infinite}
.scroll-line{transform-origin:left center;animation:lineTravel 1.5s ease forwards .7s}
.picture-label-top,.portrait-coordinates{animation:driftFloat 7s ease-in-out infinite}
.stack-orbit.o1{animation:driftFloat 8s ease-in-out infinite}
.stack-orbit.o2{animation:driftFloat 10s ease-in-out infinite reverse}

.hero-img-wrap,.contact-photo{transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease, box-shadow .25s ease}
.hero-img-wrap::after,.contact-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%), rgba(255,159,67,.16), transparent 42%);mix-blend-mode:screen;opacity:.85;transition:background .25s ease,opacity .25s ease}
.hero-img-wrap:hover,.contact-photo:hover{box-shadow:0 32px 80px rgba(0,0,0,.42)}
.hero-img-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.09) 50%, transparent 70%);transform:translateX(-120%);animation:scanSweep 5.8s ease-in-out infinite 1.7s}

.metric{overflow:hidden}
.metric::after,.expertise::after,.project-visual::after,.contact-right::after{content:"";position:absolute;top:0;bottom:0;left:-35%;width:32%;background:linear-gradient(90deg, transparent, rgba(255,159,67,.08), transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}
.metric.is-visible::after,.expertise.is-visible::after,.project-item.is-visible .project-visual::after,.contact-right.is-visible::after{opacity:1;animation:scanSweep 1.35s ease}

.section-head-line{transform-origin:left center;transform:scaleX(.25);transition:transform .9s ease .1s,opacity .9s ease .1s}
.section-head.is-visible .section-head-line{transform:scaleX(1)}
.section-kicker,.section-index,.section-head-aside{transition:letter-spacing .6s ease, opacity .6s ease}
.section-head.is-visible .section-kicker,.section-head.is-visible .section-index,.section-head.is-visible .section-head-aside{letter-spacing:.24em}

.timeline-row{transition-delay:var(--reveal-delay,0ms)}
.timeline-center::before{transform-origin:top center;transform:scaleY(.15);transition:transform .8s ease,opacity .8s ease;opacity:.35}
.timeline-center span{box-shadow:0 0 0 0 rgba(255,159,67,.18)}
.timeline-row.is-visible .timeline-center::before{transform:scaleY(1);opacity:1}
.timeline-row.is-visible .timeline-center span{animation:softPulse 1.8s ease 1}

.stack-connect path{stroke-dasharray:420;stroke-dashoffset:420}
.stack-layout.is-visible .stack-connect path{animation:dashDraw 1.2s cubic-bezier(.2,.8,.2,1) forwards}
.stack-layout.is-visible .stack-connect path:nth-child(2){animation-delay:.12s}
.stack-layout.is-visible .stack-connect path:nth-child(3){animation-delay:.24s}
.stack-node{transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease}
.stack-node:hover,.stack-node:focus-visible,.stack-node.active{transform:translate(-50%,-50%) scale(1.06)}
.stack-node.active{box-shadow:0 0 0 1px rgba(255,159,67,.28),0 0 24px rgba(255,159,67,.14)}
.stack-detail{transition:transform .45s ease, border-color .35s ease, box-shadow .35s ease}
.stack-layout.is-visible .stack-detail{transform:translateY(0)}

.fake-chart polyline{stroke-dasharray:620;stroke-dashoffset:620}
.project-item.is-visible .fake-chart polyline{animation:dashDraw 1.5s ease forwards .15s}
.fake-chart path{opacity:.2;transition:opacity .8s ease .2s}
.project-item.is-visible .fake-chart path{opacity:1}
.project-content,.project-visual{transition:transform .35s ease}
.project-item:hover .project-content{transform:translateX(4px)}
.project-item:hover .project-visual{transform:translateY(-4px)}

.contact-pattern{animation:driftFloat 11s ease-in-out infinite}
.contact-card-text{animation:heroReveal .85s ease both .18s}
.email-bar{position:relative;overflow:hidden}
.email-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent 24%, rgba(255,159,67,.09) 50%, transparent 76%);transform:translateX(-120%)}
.contact-left.is-visible .email-bar::after{animation:scanSweep 1.45s ease .35s 1}

.footer-inner a,.button,.project-more{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.footer-inner a:hover,.button:hover,.project-more:hover{transform:translateY(-2px)}

@media(prefers-reduced-motion:reduce){
  body:not(.page-ready) .hero-reveal,.reveal{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}
  .hero-img-wrap,.contact-photo{transform:none!important}
  .stack-connect path,.fake-chart polyline{stroke-dashoffset:0!important;animation:none!important}
  .metric::after,.expertise::after,.project-visual::after,.contact-right::after,.hero-img-wrap::before,.email-bar::after{display:none!important}
}

.metric,.expertise,.project-visual,.contact-right,.email-bar{position:relative}

/* Warm the studio-light accents around the portrait without tinting facial skin. */
.hero-img-wrap .picture-shade::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 54%, rgba(255, 142, 52, .65) 81%, rgba(255, 115, 29, .92) 100%);
  mix-blend-mode: color;
}
.hero-img-wrap .picture-shade::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(230, 117, 42, .66) 0%, rgba(226, 114, 41, .33) 13%, transparent 29%);
  mix-blend-mode: color;
}


/* Redesigned, minimal typography-first header brand */
.identity {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  min-width: 304px;
  white-space: nowrap;
  text-decoration: none;
}
.identity-mark {
  display: inline-flex;
  align-items: baseline;
  font-size: 31px;
  font-weight: 820;
  letter-spacing: -.13em;
  line-height: 1;
  color: #fff4eb;
  padding: 0 19px 0 0;
  border-right: 1px solid rgba(255, 159, 67, .44);
  flex-shrink: 0;
  transition: opacity .2s ease;
}
.identity-mark span { color: #ff9f43; }
.identity:hover .identity-mark { opacity: .77; }
.identity-name {
  font-size: 13px;
  font-weight: 730;
  line-height: 1.25;
  letter-spacing: -.018em;
  color: #fff2e8;
  white-space: nowrap;
}
.identity-name small {
  display: block;
  margin-top: 6px;
  font: 8px/1.2 var(--mono);
  font-weight: 500;
  letter-spacing: .087em;
  color: #a9917e;
}
.footer-brand {
  font-size: 25px;
  letter-spacing: -.09em;
  font-weight: 800;
  line-height: 1;
}
.footer-brand span { color: #ff9f43; }
@media (max-width: 1160px) {
  .identity { min-width: 238px; gap: 11px; }
  .identity-mark { font-size: 28px; padding-right: 13px; }
  .identity-name { font-size: 11.5px; }
  .identity-name small { font-size: 7px; letter-spacing: .06em; }
}
@media (max-width: 900px) {
  .identity { min-width: 0; }
}
@media (max-width: 700px) {
  .identity { gap: 9px; }
  .identity-mark { font-size: 26px; padding-right: 10px; }
  .identity-name { font-size: 11px; letter-spacing: -.024em; }
  .identity-name small { font-size: 7px; margin-top: 4px; letter-spacing: 0; }
}
@media (max-width: 430px) {
  .identity-name { font-size: 10px; }
  .identity-name small { display: none; }
}
@media (max-width: 360px) {
  .identity-mark { font-size: 24px; padding-right: 8px; }
  .identity-name { font-size: 9.6px; }
  .availability { padding-left: 6px; padding-right: 6px; }
  .header-inner { gap: 6px; }
}


/* Legal pages — quiet editorial layout within existing design */
.legal-main{min-height:calc(100vh - 190px);position:relative;padding-top:80px;padding-bottom:120px}
.legal-topline{display:flex;align-items:center;gap:16px;font:11px var(--mono);letter-spacing:.1em;color:var(--accent);margin-bottom:33px}
.legal-topline::after{content:"";height:1px;background:var(--border);flex:1}
.legal-kicker{color:var(--accent);font:11px var(--mono);letter-spacing:.16em;margin-bottom:16px}
.legal-title{font-size:clamp(54px,8vw,106px);line-height:1;letter-spacing:-.075em;margin:0 0 24px;font-weight:730}
.legal-title span{color:var(--accent)}
.legal-subtitle{max-width:720px;color:var(--soft);font-size:16px;line-height:1.8;margin-bottom:56px}
.legal-content{max-width:800px}
.legal-section{padding:28px 0 36px;border-top:1px solid var(--border)}
.legal-section h2{font-size:25px;line-height:1.3;letter-spacing:-.035em;margin:0 0 21px;font-weight:660}
.legal-section h3{font-size:17px;font-weight:630;margin:26px 0 10px}
.legal-section p,.legal-section li,.legal-section address{font-size:15px;line-height:1.85;color:var(--soft);font-style:normal;margin:0 0 14px}
.legal-section ul{padding-left:20px;margin:0 0 16px}
.legal-section li{margin-bottom:5px}
.legal-section a{color:var(--accent);text-decoration:underline;text-decoration-color:#ff9f4350;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-section strong{color:var(--txt);font-weight:650}
.legal-back{display:inline-flex;gap:12px;align-items:center;color:var(--accent);font:12px var(--mono);margin-top:24px;border-bottom:1px solid currentColor;padding:0 0 7px}
.legal-nav-current{color:var(--accent)!important}
.footer-legal-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.footer-legal-links a{font:11px var(--mono);color:var(--soft);transition:color .2s ease}
.footer-legal-links a:hover{color:var(--accent)}
@media(max-width:700px){.legal-main{padding-top:52px;padding-bottom:76px}.legal-subtitle{font-size:14px;margin-bottom:35px}.legal-section h2{font-size:22px}.legal-section p,.legal-section li,.legal-section address{font-size:14px}.footer-legal-links{gap:17px}}
