/* Editorial portfolio: warm graphite, sculptural metal, purposeful motion. */
:root{--panel:#191b19;--line:#353833;--text:#f1f0e9;--muted:#a4aaa2}
body{font-family:'Segoe UI',Arial,sans-serif;font-size:16px;max-width:none!important;border:0!important}
html{scroll-padding-top:110px}
.site-header{position:sticky;top:0;z-index:20;max-width:none;margin:0;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(22px);padding:22px 5%;border-bottom:1px solid var(--line);gap:24px}
.logo{font-family:'Segoe UI',Arial,sans-serif;font-weight:650;font-size:23px;letter-spacing:-1px;white-space:nowrap}.logo span{color:var(--text)}
.site-header nav{gap:26px;font-size:12px}.site-header nav a{position:relative;padding:8px 0}.site-header nav a:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:100%;background:var(--cyan);transition:right .25s}.site-header nav a:hover:after,.site-header nav a.active:after{right:0}
.header-socials{display:flex;align-items:center;gap:24px}.social-icon{display:inline-flex;gap:8px;align-items:center;font-size:12px}.social-icon svg,.social-link svg{width:21px;height:21px;flex-shrink:0}.linkedin-top{color:#dddeda}.linkedin-top:hover{color:#77b9ff}.header-cta{border:1px solid #50564d;border-radius:40px;padding:10px 18px;font-size:11px}.header-cta span{margin-left:8px}
main,footer{max-width:1440px}.hero{padding:72px 5% 0;gap:12px;grid-template-columns:1.05fr 1fr;overflow:visible;background:none}.hero-bg{display:none}.hero-index{display:block;color:#7d8679;font:9px var(--mono);letter-spacing:1.5px;margin-bottom:35px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:22px;color:#c3c9be}.status-dot{background:var(--cyan);box-shadow:0 0 12px #efb06b66}
.hero h1{font-size:clamp(52px,5.25vw,82px);line-height:1.02;letter-spacing:-4.5px;font-weight:450;margin-bottom:28px}.hero h1 em{color:var(--cyan);font-family:Georgia,serif;font-style:italic;font-weight:400}.hero-description{font-size:14px;line-height:1.8;max-width:455px;margin-bottom:30px;color:#a8aea3}.hero-description br{display:block;content:'';margin-top:5px}
.button{border-radius:40px;padding:15px 23px;color:#1c201a;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#f7d7b1;color:#151a13}.quiet{font-size:12px}.actions{gap:25px}.google-profile{background:transparent;border:0;padding:0;margin-top:29px;gap:10px;font-size:11px}.google-profile small{font-size:9px;color:#8f9988}.google-mark{font-family:Arial,sans-serif;background:#f2f1e9;color:#4285f4;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:21px;flex-shrink:0}.relocation{font-size:10px;color:#8e9788;margin-top:23px}
.hero-visual{border:0;background:radial-gradient(ellipse at 50% 43%,#2e35232b,transparent 65%);box-shadow:none;transform:none;min-height:590px;overflow:visible;margin:0}.visual-heading{top:5px;left:15%;right:4%;font-size:8px;color:#7e8878}.live{color:#a6b399}#hero-scene{width:100%;height:510px;touch-action:pan-y}.scene-caption{position:absolute;bottom:50px;left:15%;right:0}.scene-orbit{font:8px var(--mono);letter-spacing:2px;color:#87917f}.scene-caption p{font-size:24px;letter-spacing:-.6px;margin:10px 0 5px}.scene-caption em{font-family:Georgia,serif;font-style:italic;color:var(--text)}.scene-hint{font:9px var(--mono);color:#737e6b}.visual-bottom{bottom:8px;left:15%;right:4%;font-size:8px;color:#839077}.visual-bottom button{font-size:9px}.hero-bottom{margin-top:30px;padding:25px 0;color:#929b8a;font-size:8px;letter-spacing:1.3px}
.impact{margin:0 5%;padding:40px 0;gap:40px}.impact>div+div{padding-left:40px}.impact strong{font-size:47px;font-weight:350;letter-spacing:-2px}.impact .eyebrow{letter-spacing:1.4px;color:#b1b8a8}.impact p{font-size:13px}.impact small{font-size:11px;color:#828c7b}
.section{padding:105px 5%}.section-head{margin-bottom:44px}.section .eyebrow{font-size:9px;letter-spacing:2px}.section-head>p{font-size:13px;max-width:320px}h2{font-size:clamp(35px,4.2vw,58px);font-weight:400;letter-spacing:-2px;line-height:1.1}h2 span{font-family:Georgia,serif;font-style:italic;color:#939e89}.case{border:0;border-top:1px solid var(--line);border-radius:0;padding:30px 0 0;gap:40px;margin-bottom:55px;grid-template-columns:1.12fr 1fr;overflow:visible}.case:hover{border-color:#6b755f}.case-art{border-radius:12px;min-height:425px}.case-copy{padding:20px 0}.case-copy h3{font-size:36px;font-weight:450;letter-spacing:-1.4px}.case-copy>p:not(.eyebrow){font-size:14px}.case-copy .eyebrow{font-size:9px}.backend-art{background:radial-gradient(circle at 50% 45%,#39412e,#1b2019 75%)}.diagram-label{color:#a0ac92}.service{border-color:#687757;color:#c1cbb8}.connector{background:var(--cyan)}.service-map>strong{background:#283320;border-color:#99aa85;color:#d6e4c7;border-radius:7px;box-shadow:0 12px 45px #0004;transform:perspective(700px) rotateX(8deg)}.map-branches span{border-color:#58644b;color:#b6c6a5}.map-branches span:before{background:#79896a}.art-number small{color:#a7b59b}.tags span{border-color:#39422f;border-radius:30px;font-size:10px;padding:6px 10px;color:#b0bca4}details{border-color:var(--line)}summary{font-size:12px;padding:18px 0}.cric-art{min-height:485px}.cric-photo{border-radius:12px}.photo-caption{border-radius:0 0 12px 12px}.photo-caption small{font-size:8px}
.experiments{gap:40px;margin-top:65px}.experiment-art{border:0;border-radius:12px;background:#1b2118;height:210px}.radar i{border-color:#6d805a;box-shadow:0 0 0 32px #37492c30,0 0 0 65px #37492c20}.flow span{border-color:#5a674e;border-radius:20px;font-size:10px}.experiments .eyebrow{color:#9ea992}.experiments h3{font-size:27px}.experiments p:not(.eyebrow){font-size:14px}.caption{color:#9da98f;font-size:9px}.github-link{font-size:14px;padding:27px 0 0}.experience{background:#191c17;border-color:var(--line)}.experience-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:45px}.experience-heading .eyebrow{grid-column:1/-1}.experience-heading p:not(.eyebrow){margin-left:auto}.timeline article{border-color:#383f31;grid-template-columns:210px 1fr 30px;padding:32px 0}.timeline-date{font-size:11px}.timeline h3{font-size:26px}.timeline p{font-size:14px}.timeline .company{color:#b8c3aa;font-size:12px}.timeline-index{color:#68775a}.tech{background:transparent;border-color:var(--line)}.blog-card{border-color:#4e5943}.blog-card h3{font-size:28px}.blog-card .eyebrow{font-size:9px}.blog-card p:not(.eyebrow){font-size:14px}.about{gap:80px;border-top:1px solid var(--line)}.about h2{font-size:45px}.about p:not(.eyebrow){font-size:14px}.google-community{border-color:#445039;border-radius:12px;background:#1b2416;padding:25px}.google-community-top strong{font-size:17px}.toolkit>div{border-color:var(--line);padding-top:25px;padding-bottom:23px}.toolkit h4{font-size:19px}.toolkit p{font-size:12px!important}.toolkit>div>span{color:#94a87f}.contact{background:radial-gradient(ellipse at 85% 90%,#53632e33,transparent 65%);border-color:var(--line)}.contact h2{font-size:clamp(45px,5.7vw,78px);letter-spacing:-3px}.contact h2 em{font-family:Georgia,serif;font-style:italic}.contact>p:not(.eyebrow){font-size:14px}.contact-links{font-size:13px;gap:30px}.social-link{display:flex;gap:9px;align-items:center}.social-link svg{width:18px;height:18px}footer{padding:30px 5%}footer>span,footer>a:last-child{font-size:9px}
#intro{background:#111211}.intro-title h1{font-family:Georgia,serif;font-style:italic;font-weight:400;max-width:650px}.intro-top button{border-radius:30px;border-color:#59614f}.intro-top>span,.intro-sub{color:#a2ad94}.intro-bottom{color:#c4cbb9}.progress{background:#3e4834}.intro-title .eyebrow{color:var(--cyan)}
@media(min-width:1450px){.hero{padding-top:95px}.hero-visual{min-height:640px}#hero-scene{height:560px}}
@media(max-width:1100px){.site-header{gap:15px}.site-header nav{gap:18px}.header-socials{gap:17px}.header-cta{display:none}.hero h1{font-size:54px;letter-spacing:-3px}.hero{padding-top:50px;gap:0}.hero-visual{min-height:605px}#hero-scene{height:440px}.scene-caption{bottom:100px;left:10%}.visual-heading,.visual-bottom{left:10%}.hero-index{font-size:8px;letter-spacing:1px}.case{gap:28px}.case-copy h3{font-size:30px}.section{padding-top:80px;padding-bottom:80px}.about{gap:40px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{max-width:640px}.hero h1{font-size:70px;letter-spacing:-4px}.hero h1 br:last-child{display:none}.hero-description{max-width:540px}.hero-visual{min-height:490px;max-width:600px;width:100%;margin:35px auto 0}#hero-scene{height:425px}.scene-caption{bottom:35px;left:7%}.scene-caption p{font-size:23px}.scene-hint{display:none}.visual-heading,.visual-bottom{left:7%;right:7%}.hero-bottom{margin-top:0}.impact{gap:20px}.impact>div+div{padding-left:20px}.impact strong{font-size:36px}.case{grid-template-columns:1fr 1fr;gap:25px}.case-art{min-height:390px}.case-copy h3{font-size:27px}.case-copy>p:not(.eyebrow){font-size:13px}.map-branches{gap:7px}.map-branches span{padding:7px 10px}.experience-heading{display:block}.timeline article{grid-template-columns:155px 1fr 20px;gap:25px}.about{grid-template-columns:1fr}.about h2{font-size:40px}}
@media(max-width:600px){html{scroll-padding-top:112px}.site-header{padding:15px 6% 11px;flex-wrap:wrap;gap:10px}.site-header .logo{font-size:21px}.header-socials{margin-left:auto}.linkedin-top{font-size:11px}.linkedin-top svg{width:19px;height:19px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:0;border-top:1px solid #30362b;padding-top:5px;font-size:11px}.site-header nav a{padding:6px 10px}.site-header nav a:first-child{padding-left:0}.hero{padding:30px 6% 0}.hero-index{font-size:7px;letter-spacing:1px;margin-bottom:25px}.hero .eyebrow{font-size:8px;letter-spacing:.7px}.hero h1{font-size:55px;letter-spacing:-3px;line-height:1.06}.hero h1 br:last-child{display:block}.hero-description{font-size:13px}.actions{gap:22px}.button{font-size:11px;padding:13px 19px}.quiet{font-size:11px}.google-profile{font-size:11px}.google-profile small{font-size:8px}.relocation{font-size:9px;line-height:1.8}.hero-visual{min-height:415px;margin-top:25px}#hero-scene{height:345px}.scene-caption{left:0;bottom:31px}.scene-caption p{font-size:23px;margin-top:8px}.scene-orbit{font-size:7px}.visual-heading,.visual-bottom{left:0;right:0}.visual-heading{font-size:7px}.visual-bottom{font-size:7px}.hero-bottom{font-size:7px;letter-spacing:.8px;padding-top:22px}.impact{margin:0 6%;grid-template-columns:1fr;padding:28px 0;gap:22px}.impact>div+div{border-left:0;padding:22px 0 0}.impact strong{font-size:41px}.impact .eyebrow{font-size:8px}.section{padding:62px 6%}.section-head>p{font-size:13px}h2{font-size:39px}.case{grid-template-columns:1fr;gap:13px;margin-bottom:35px;padding-top:22px}.case-art{min-height:390px}.case-copy{padding:17px 0}.case-copy h3{font-size:32px}.case-copy>p:not(.eyebrow){font-size:14px}.cric-art{min-height:425px}.photo-caption small{font-size:7px}.experiments{gap:32px;margin-top:38px}.experiment-art{height:190px}.timeline article{grid-template-columns:1fr 20px;gap:10px}.timeline h3{font-size:24px}.timeline-date{font-size:10px}.timeline p{font-size:13px}.about h2{font-size:38px}.contact h2{font-size:45px;letter-spacing:-2px}.contact-links{font-size:11px;gap:24px}.contact-links>a:last-child{width:100%;font-size:12px}.intro-title h1{font-size:46px;line-height:1.08}.intro-title{top:34%}.intro-top .logo{font-size:20px}.intro-bottom{font-size:8px}.intro-top button{font-size:9px}footer>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.button,.site-header nav a:after{transition:none}.button:hover{transform:none}}

.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.blog-card{border:0;padding:0}.blog-art{display:block;position:relative;height:240px;background:#1d281a;border:1px solid #35452d;border-radius:12px;overflow:hidden}.blog-art:after{content:"";position:absolute;inset:-50%;background:repeating-radial-gradient(ellipse at center,transparent 0 30px,#8dba6420 31px 32px);transform:rotate(-28deg);transition:transform .7s}.blog-art:hover:after{transform:rotate(-20deg) scale(1.05)}.blog-art img{width:100%;height:100%;object-fit:cover;margin:0}.blog-art:has(img):after{display:none}.blog-art-index{position:absolute;left:22px;top:20px;font:8px var(--mono);letter-spacing:1px;color:#a8bb99}.blog-art-symbol{position:absolute;inset:40px 0 0;text-align:center;font:100px Georgia,serif;color:#afc69b}.blog-art-topic{position:absolute;left:22px;bottom:20px;font:9px var(--mono);color:#b1c4a3}.cyber-art{background:#24231f;border-color:#474330}.cyber-art .blog-art-symbol{color:#d0b47f}.cyber-art:after{background:repeating-radial-gradient(ellipse at center,transparent 0 30px,#b89a5920 31px 32px)}.blog-meta{display:flex;justify-content:space-between;font:9px var(--mono);color:#95a286;margin:23px 0 18px}.blog-card h3{max-width:430px;font-size:31px}.blog-card p{margin-bottom:23px}.blog-card .quiet{display:inline-block}@media(max-width:600px){.blog-grid{grid-template-columns:1fr;gap:38px}.blog-art{height:220px}.blog-card h3{font-size:28px}}
@media(max-width:700px){.intro-title{top:18%;max-width:88%}.intro-title h1{font-size:clamp(32px,8vw,46px)}.intro-sub{font-size:9px}}
@media(min-width:701px){.intro-title{width:48%}.intro-title h1{font-size:clamp(42px,5.2vw,76px)}}