:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color-scheme:light;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}body[data-theme="light"]{--bg:#f6f8f3;--ink:#142c35;--muted:#526971;--line:#cbd8d6;--card:#fffef9;--soft:#eaf2f1;--nav:rgba(248,250,247,.88);--accent:#a8d86e;--accent-deep:#386d49;--blue:#d8ebee;--inverse:#142c35;--inverse-text:#f5f9ed;--shadow:0 22px 65px rgba(30,65,73,.09)}body[data-theme="dark"]{color-scheme:dark;--bg:#101e29;--ink:#eaf4ee;--muted:#a7c0bf;--line:#35505b;--card:#192c37;--soft:#172b37;--nav:rgba(16,30,41,.9);--accent:#b7df80;--accent-deep:#b7df80;--blue:#203d4d;--inverse:#dcebe5;--inverse-text:#152d35;--shadow:0 22px 65px rgba(0,0,0,.25)}
img,svg{max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #5cafc0;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.055em}em{font-style:normal;color:var(--accent-deep)}.section-wrap{width:min(100% - 80px,1320px);margin-inline:auto}.skip-link{position:absolute;z-index:30;top:-60px;left:20px;padding:12px 18px;background:var(--ink);color:var(--bg);border-radius:8px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;padding:16px 28px 0;pointer-events:none}.nav-shell{pointer-events:auto;display:flex;align-items:center;gap:28px;max-width:1384px;margin:auto;padding:9px 11px 9px 18px;min-height:62px;border:1px solid var(--line);border-radius:18px;background:var(--nav);box-shadow:0 8px 32px rgba(20,43,53,.07);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.06em}.brand img{width:30px;height:30px}.brand-period{color:var(--accent-deep)}.nav-links{display:flex;gap:clamp(15px,2.4vw,36px);margin-left:auto;font-size:13px;font-weight:700}.nav-links a{padding:12px 0;color:var(--muted);transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-controls{display:flex;align-items:center;gap:9px;margin-left:22px}.view-switch{display:flex;padding:4px;border-radius:11px;background:var(--soft);border:1px solid var(--line)}.view-button{border:0;background:none;color:var(--muted);font-size:12px;font-weight:700;padding:8px 10px;border-radius:8px;cursor:pointer}.view-button.is-active{color:var(--ink);background:var(--card);box-shadow:0 1px 7px rgba(0,0,0,.09)}.theme-switch{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:11px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:700;min-height:38px}.theme-switch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.hero{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(35px,5vw,82px);min-height:740px;padding-top:88px;padding-bottom:80px}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker,.art-topline,.art-bottomline,.hero-index,.work-number,.project-top,.board-header,.board-footer,.about-caption,.social-panel>p{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.09em}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent-deep);text-transform:uppercase;margin-bottom:29px}.eyebrow-separator{color:var(--line)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#88c866;box-shadow:0 0 0 4px rgba(145,202,112,.16);flex:none}.hero h1{font-size:clamp(64px,7.5vw,112px);line-height:1.005;max-width:760px;margin:0 0 30px;letter-spacing:-.075em}.hero h1 em{display:block;white-space:nowrap}.hero-lede{font-size:clamp(18px,1.6vw,22px);line-height:1.65;max-width:625px;color:var(--muted);margin-bottom:36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:51px;padding:13px 18px;border-radius:10px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--ink);color:var(--bg)}.button-primary:hover{background:var(--accent-deep);color:#fff}.button-quiet{border:1px solid var(--line);background:var(--card)}.button span,.text-link span{font-size:19px;font-weight:400}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);max-width:625px;margin-top:78px;padding-top:22px}.hero-proof div{display:flex;flex-direction:column;gap:5px}.hero-proof strong{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-.07em}.hero-proof span{color:var(--muted);font-size:12px;line-height:1.4}.hero-art{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:580px;border-radius:22px;background:#c1d9d9;box-shadow:var(--shadow);border:1px solid rgba(66,106,114,.18)}.hero-art:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.35);border-radius:22px;pointer-events:none}.hero-art>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.art-topline,.art-bottomline{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;color:#1e4a57}.art-topline{padding:25px}.art-bottomline{align-items:center;padding:24px;background:linear-gradient(transparent,rgba(18,63,70,.32));color:#f7fff3}.art-chip{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid rgba(255,255,255,.45);background:rgba(15,47,53,.18);border-radius:8px;backdrop-filter:blur(8px)}.hero-index{position:absolute;right:0;bottom:35px;color:var(--muted)}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft);white-space:nowrap}.ticker-track{width:max-content;padding:17px 0;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.18em;animation:drift 28s linear infinite}.ticker-track span{padding:0 45px;color:var(--accent-deep);font-size:17px}@keyframes drift{to{transform:translateX(-50%)}}
.section-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--accent-deep);margin-bottom:28px;text-transform:uppercase}.section-kicker span{color:var(--muted)}.intro{padding-top:145px;padding-bottom:165px}.intro-grid{display:grid;grid-template-columns:1fr .78fr;gap:9vw}.intro h2,.section-heading h2,.ai-grid h2,.about h2,.contact h2{font-size:clamp(48px,5.4vw,78px);line-height:1.12;margin:0;letter-spacing:-.065em}.intro-grid>div{padding-top:8px}.intro p:not(.section-kicker),.about-grid p:not(.section-kicker){font-size:18px;line-height:1.8;color:var(--muted);margin-bottom:20px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:5px 0;border-bottom:1px solid currentColor;color:var(--ink);font-size:14px;font-weight:700;transition:gap .2s,color .2s}.text-link:hover{gap:25px;color:var(--accent-deep)}
.work{padding-top:80px;padding-bottom:150px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:55px}.section-heading .section-kicker{margin-bottom:22px}.section-heading>p{max-width:310px;color:var(--muted);line-height:1.6;font-size:15px;margin-bottom:4px}.work-list{border-top:1px solid var(--line)}.work-card{display:grid;grid-template-columns:215px 1fr 28px;gap:40px;padding:37px 0 42px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.work-card:hover{background:var(--soft);padding-left:18px;padding-right:18px}.work-number{color:var(--accent-deep);display:flex;gap:19px;padding-top:7px}.work-number span{color:var(--muted)}.work-company{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--accent-deep);margin-bottom:11px}.work-body h3{font-size:clamp(26px,2.7vw,37px);line-height:1.25;margin:0 0 13px}.work-body>p:not(.work-company){font-size:16px;color:var(--muted);line-height:1.7;max-width:780px;margin-bottom:19px}.work-body ul{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0 8px 18px;max-width:920px;margin:0 0 18px;border-top:1px solid var(--line);color:var(--muted);line-height:1.6;font-size:13px}.work-body li{padding-left:2px}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag-list span{display:inline-block;padding:6px 10px;border-radius:30px;background:var(--soft);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:600}.card-arrow{font-size:21px;color:var(--accent-deep)}
.ai-section{background:var(--inverse);color:var(--inverse-text);padding:105px 0 115px;position:relative;overflow:hidden}.ai-section:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(90deg,currentColor 1px,transparent 1px),linear-gradient(currentColor 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 15%,black 100%)}.ai-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:9vw}.ai-grid .section-kicker,.ai-grid em{color:var(--accent)}.ai-grid .section-kicker span{color:var(--inverse-text)}.ai-grid h2{max-width:500px}.ai-lede{font-size:18px;line-height:1.75;max-width:470px;margin:25px 0 32px;color:var(--inverse-text);opacity:.8}.ai-section .text-link{color:var(--inverse-text)}.ai-board{border:1px solid rgba(200,233,222,.4);border-radius:16px;background:rgba(103,144,151,.1);backdrop-filter:blur(8px);box-shadow:0 20px 70px rgba(0,0,0,.11);overflow:hidden}.board-header,.board-footer{display:flex;justify-content:space-between;gap:10px;padding:19px 23px;border-bottom:1px solid rgba(200,233,222,.28);color:var(--inverse-text);font-size:10px}.board-live{display:flex;align-items:center;gap:10px;color:var(--accent)}.board-row{display:grid;grid-template-columns:45px 1fr;gap:22px;padding:24px 28px;border-bottom:1px solid rgba(200,233,222,.22)}.board-step{font-family:'DM Mono',monospace;color:var(--accent);font-size:13px;padding-top:5px}.board-row strong{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.03em}.board-row p{font-size:14px;line-height:1.6;max-width:390px;margin:7px 0 0;opacity:.72}.board-footer{border:0;color:var(--accent);align-items:center}.board-footer span{font-size:18px}
.projects{padding-top:150px;padding-bottom:145px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-top{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;color:var(--muted);font-size:10px}.project-top span:last-child{font-size:20px;color:var(--accent-deep)}.project-visual{height:235px;position:relative;overflow:hidden;margin:0 13px;border-radius:10px}.visual-openspot{background:#cfe3e2;background-image:linear-gradient(37deg,transparent 44%,rgba(255,255,255,.6) 45%,rgba(255,255,255,.6) 48%,transparent 49%),linear-gradient(135deg,transparent 43%,rgba(255,255,255,.6) 44%,rgba(255,255,255,.6) 47%,transparent 48%);background-size:90px 90px}.street-line{position:absolute;top:38%;left:-10%;width:120%;height:66px;transform:rotate(-23deg);background:#a4c7c4;border-top:2px solid #fff;border-bottom:2px solid #fff}.parking-pin{position:absolute;z-index:2;top:25%;left:49%;display:grid;place-items:center;width:52px;height:52px;border:8px solid #f5f8ee;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#234f5c;color:#d8f3ae;font-weight:800;font-size:23px;box-shadow:0 10px 22px #345c5c55}.parking-pin::first-letter{transform:rotate(45deg)}.street-block{position:absolute;width:67px;height:49px;border:2px solid #8db7af;background:#a9d0c7;transform:skewY(-22deg)}.block-one{top:20px;left:20px}.block-two{bottom:20px;right:30px}.block-three{bottom:25px;left:43px;width:37px;height:36px}.visual-bread{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 30%,#c8e09f,transparent 35%),#e7eddf}.mail-card{position:absolute;display:flex;justify-content:space-between;width:66%;padding:16px 17px;background:#fffef5;border:1px solid #c8d9c6;box-shadow:0 12px 28px #6e916344;border-radius:8px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em;color:#315c51}.mail-one{transform:translate(-32px,-46px) rotate(-11deg)}.mail-two{transform:translate(22px,7px) rotate(5deg);background:#d6f3b5;font-weight:700}.mail-three{transform:translate(-16px,59px) rotate(-3deg)}.visual-mytudo{display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#607e8c,transparent 42%),#1e4052}.task-board{width:76%;padding:17px 18px;background:#f5f8f0;border-radius:10px;box-shadow:0 18px 35px #0b202c77;transform:rotate(-4deg);font-size:11px;color:#203c47}.task-board>span{display:block;font-family:'DM Mono',monospace;color:#6c8388;letter-spacing:.1em;margin-bottom:14px}.task-board>div{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #dae2dc}.task-board i{width:12px;height:12px;border:1px solid #86a699;border-radius:3px}.task-board>div:last-child i{background:#a8d86e}.project-content{display:flex;flex:1;flex-direction:column;padding:25px 23px 26px}.project-content h3{font-size:27px;margin:0 0 10px}.project-content p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 20px;flex:1}.project-content .tag-list{margin-bottom:24px}.project-content .text-link{align-self:start}
.skills{padding-top:30px;padding-bottom:145px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skill-group{padding:30px 30px 38px 0;min-height:245px}.skill-group+ .skill-group{border-left:1px solid var(--line);padding-left:30px}.skill-icon{display:grid;place-items:center;width:39px;height:39px;background:var(--soft);border:1px solid var(--line);border-radius:10px;color:var(--accent-deep);font-family:'DM Mono',monospace;font-size:17px;margin-bottom:25px}.skill-group h3{font-size:18px;letter-spacing:-.03em;margin:0 0 12px}.skill-group p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}
.about{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:100px 0 105px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.about-caption{border-top:1px solid var(--line);padding-top:17px;margin-top:35px;color:var(--muted);line-height:1.6}.about-caption span{color:var(--accent-deep);margin-right:18px}.contact{padding-top:150px;padding-bottom:135px}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9vw}.contact h2{max-width:670px}.contact-grid>div>p{font-size:17px;color:var(--muted);line-height:1.7;max-width:520px;margin:28px 0 32px}.contact-email{display:inline-flex;align-items:center;gap:25px;padding-bottom:8px;border-bottom:2px solid var(--accent-deep);font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(17px,2.3vw,29px);letter-spacing:-.04em;overflow-wrap:anywhere}.contact-email:hover{color:var(--accent-deep)}.social-panel{border-top:1px solid var(--line)}.social-panel>p{padding-top:17px;color:var(--accent-deep);margin-bottom:11px!important;font-size:11px!important}.social-panel a{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);min-height:54px;font-weight:700;font-size:14px;transition:padding .2s,color .2s}.social-panel a:hover{padding-left:7px;color:var(--accent-deep)}.social-panel a>span:last-child{margin-left:auto;font-size:18px;font-weight:400}.social-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:7px;font-weight:800;font-size:15px}.social-icon svg{width:17px;height:17px;fill:currentColor}.social-x{font-size:18px}.social-d{font-style:italic}.site-footer{display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:30px;border-top:1px solid var(--line);color:var(--muted);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em}.site-footer span span{color:var(--accent-deep)}.site-footer a:hover{color:var(--ink)}
body[data-view="blueprint"]{--accent-deep:#3a8295}body[data-view="blueprint"][data-theme="dark"]{--accent-deep:#81c7d2}body[data-view="blueprint"] main{background-image:linear-gradient(90deg,rgba(91,154,168,.07) 1px,transparent 1px),linear-gradient(rgba(91,154,168,.07) 1px,transparent 1px);background-size:32px 32px}body[data-view="blueprint"] .hero{min-height:610px;padding-top:70px;padding-bottom:65px}body[data-view="blueprint"] .hero h1{font-size:clamp(59px,6.5vw,91px)}body[data-view="blueprint"] .hero-art{min-height:500px;border-radius:3px;box-shadow:none;border:2px solid var(--accent-deep)}body[data-view="blueprint"] .hero-art>img{filter:saturate(.45) contrast(1.15)}body[data-view="blueprint"] .hero-art:before{content:"ARCHITECTURE STUDY / SC-001";position:absolute;z-index:2;top:75px;left:20px;color:#153944;font:10px 'DM Mono',monospace;letter-spacing:.1em}body[data-view="blueprint"] .hero-art:after{border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.12) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.12) 40px)}body[data-view="blueprint"] .ticker{display:none}body[data-view="blueprint"] .intro{padding-top:95px;padding-bottom:100px}body[data-view="blueprint"] .work{padding-top:35px;padding-bottom:95px}body[data-view="blueprint"] .work-card{grid-template-columns:215px 1fr 28px;padding-top:25px;padding-bottom:25px}body[data-view="blueprint"] .work-body ul{display:none}body[data-view="blueprint"] .project-card{border-radius:2px}body[data-view="blueprint"] .project-visual{height:145px;border-radius:1px}body[data-view="blueprint"] .projects{padding-top:95px;padding-bottom:95px}body[data-view="blueprint"] .skills{padding-bottom:95px}body[data-view="blueprint"] .about{padding:75px 0}body[data-view="blueprint"] .contact{padding-top:100px;padding-bottom:100px}
@media(max-width:1100px){.nav-shell{gap:16px}.nav-links{gap:16px}.nav-controls{margin-left:3px}.hero{min-height:670px;gap:35px}.hero h1{font-size:clamp(59px,7vw,82px)}.hero-art{min-height:540px}.work-card{grid-template-columns:160px 1fr 20px;gap:24px}.work-number{flex-direction:column;gap:8px}.ai-grid{gap:5vw}.project-visual{height:190px}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-group:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.skill-group:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:800px){.section-wrap{width:min(100% - 40px,1320px)}.site-header{padding:10px 10px 0}.nav-shell{flex-wrap:wrap;justify-content:space-between;padding:9px 12px;gap:8px}.brand{font-size:18px}.nav-links{order:3;width:100%;justify-content:space-around;gap:8px;margin-left:0;border-top:1px solid var(--line)}.nav-links a{padding:10px 0;font-size:12px}.nav-controls{margin-left:auto}.hero,body[data-view="blueprint"] .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:65px;padding-bottom:70px}.hero h1,body[data-view="blueprint"] .hero h1{font-size:clamp(59px,10vw,88px)}.hero-art,body[data-view="blueprint"] .hero-art{min-height:470px;align-self:auto}.hero-proof{margin-top:50px}.hero-index{display:none}.intro-grid,.ai-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.intro,.projects{padding-top:95px;padding-bottom:95px}.work{padding-top:30px;padding-bottom:95px}.section-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:35px}.section-heading>p{max-width:500px}.work-card{grid-template-columns:100px 1fr 15px;gap:16px}.work-body ul{grid-template-columns:1fr;gap:8px}.ai-section{padding:80px 0}.project-grid{grid-template-columns:repeat(2,1fr)}.project-card:last-child{grid-column:1/-1}.project-card:last-child .project-visual{height:220px}.about{padding:80px 0}.contact{padding-top:95px;padding-bottom:90px}.social-panel{max-width:500px}}
@media(max-width:560px){.section-wrap{width:min(100% - 32px,1320px)}.nav-shell{border-radius:13px}.brand img{width:26px;height:26px}.view-button{padding:7px 8px;font-size:11px}.theme-switch{padding:6px 7px;min-height:35px}.theme-label{display:none}.hero,body[data-view="blueprint"] .hero{padding-top:54px}.eyebrow{font-size:9px;gap:6px;flex-wrap:wrap}.hero h1,body[data-view="blueprint"] .hero h1{font-size:clamp(46px,12vw,65px)}.hero h1 em{white-space:normal}.hero-lede{font-size:16px}.hero-art,body[data-view="blueprint"] .hero-art{min-height:350px}.art-topline,.art-bottomline{padding:14px;font-size:8px}.art-topline span:last-child{display:none}.hero-proof{gap:10px}.hero-proof strong{font-size:23px}.hero-proof span{font-size:10px}.ticker-track{font-size:9px}.intro h2,.section-heading h2,.ai-grid h2,.about h2,.contact h2{font-size:clamp(43px,11vw,62px)}.intro p:not(.section-kicker),.about-grid p:not(.section-kicker){font-size:16px}.work-card,body[data-view="blueprint"] .work-card{grid-template-columns:1fr 20px;gap:8px;padding:25px 0}.work-number{grid-column:1/-1;flex-direction:row;font-size:10px}.work-body h3{font-size:27px}.work-body>p:not(.work-company){font-size:14px}.work-body ul{font-size:12px;padding-top:16px}.project-grid{grid-template-columns:1fr}.project-card:last-child{grid-column:auto}.project-visual,.project-card:last-child .project-visual{height:210px}.skills-grid{grid-template-columns:1fr}.skill-group,.skill-group+.skill-group,.skill-group:nth-child(3){border-left:0;border-top:1px solid var(--line);padding:24px 0;min-height:0}.skill-group:first-child{border-top:0}.skill-icon{margin-bottom:15px}.contact-email{font-size:17px;gap:10px}.site-footer{flex-wrap:wrap}.site-footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.career-foundations,.more-projects{margin-top:58px}.career-foundations .section-kicker,.more-projects .section-kicker{margin-bottom:17px}.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.foundation-grid>div{padding:26px 25px 29px 0}.foundation-grid>div+div{border-left:1px solid var(--line);padding-left:25px}.foundation-grid span{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--accent-deep)}.foundation-grid h3{font-size:22px;letter-spacing:-.035em;margin:13px 0 8px}.foundation-grid p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.more-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.more-grid a{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:117px;padding:21px 20px 22px 0;transition:background .2s,padding .2s}.more-grid a+a{border-left:1px solid var(--line);padding-left:20px}.more-grid a:hover{background:var(--soft);padding-left:16px}.more-grid strong{font-size:15px}.more-grid span{font-size:11px;line-height:1.5;color:var(--muted)}
@media(max-width:800px){.foundation-grid{grid-template-columns:1fr}.foundation-grid>div,.foundation-grid>div+div{padding:20px 0;border-left:0}.foundation-grid>div+div{border-top:1px solid var(--line)}.more-grid{grid-template-columns:repeat(2,1fr)}.more-grid a:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.more-grid a:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:560px){.more-grid{grid-template-columns:1fr}.more-grid a,.more-grid a+a,.more-grid a:nth-child(3){border-left:0;border-top:1px solid var(--line);padding:18px 0;min-height:0}.more-grid a:first-child{border-top:0}}
body[data-view="blueprint"]{--accent-deep:#27697b}body[data-view="blueprint"] .work-body ul{display:grid}

/* Shared amber signal field and city composition. The existing page content stays in place. */
body[data-theme="dark"]{--bg:#090c12;--ink:#f4ead9;--muted:#b3a99b;--line:#40382d;--card:rgba(28,25,23,.86);--soft:rgba(42,32,25,.76);--nav:rgba(13,14,18,.88);--accent:#f6bf67;--accent-deep:#e9a748;--blue:#392a20;--inverse:#090c12;--inverse-text:#f4ead9;--shadow:0 22px 65px rgba(0,0,0,.3)}
body[data-theme="light"]{--bg:#f7f0e4;--ink:#30251d;--muted:#69594b;--line:#d7c5aa;--card:rgba(255,250,240,.88);--soft:rgba(238,223,199,.78);--nav:rgba(250,243,231,.91);--accent:#d99331;--accent-deep:#9b5e16;--blue:#eedabc;--inverse:#171414;--inverse-text:#fff1da;--shadow:0 22px 65px rgba(73,49,26,.12)}
body[data-view="blueprint"],body[data-view="blueprint"][data-theme="dark"]{--accent-deep:var(--signal-accent,#d38b31)}
body[data-theme="dark"]{--signal-accent:#e9a748}body[data-theme="light"]{--signal-accent:#9b5e16}
body{isolation:isolate}body> .site-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 52% 49%,rgba(97,45,12,.22),transparent 49%),#090c12}body> .site-atmosphere canvas{display:block;width:100%;height:100%}body[data-theme="light"]> .site-atmosphere{opacity:.18}
body[data-theme="light"]{background:#f7f0e4}body[data-theme="dark"]{background:#090c12}
main,.site-footer{position:relative}body[data-view="blueprint"] main{background-color:transparent;background-image:linear-gradient(90deg,rgba(218,154,65,.055) 1px,transparent 1px),linear-gradient(rgba(218,154,65,.055) 1px,transparent 1px)}
body[data-theme="dark"] .status-dot,body[data-theme="light"] .status-dot{background:#ffbd5d;box-shadow:0 0 0 4px rgba(237,149,45,.15),0 0 14px rgba(255,167,62,.65)}
.hero-art,body[data-view="blueprint"] .hero-art{background:radial-gradient(ellipse at 50% 63%,rgba(149,73,24,.22),transparent 62%),rgba(9,12,18,.63);border:1px solid rgba(222,148,62,.32);border-radius:18px;box-shadow:inset 0 0 70px rgba(0,0,0,.28),0 25px 70px rgba(0,0,0,.2)}
.hero-art:after,body[data-view="blueprint"] .hero-art:after{border:1px solid rgba(255,192,105,.1);border-radius:18px;background:linear-gradient(180deg,rgba(255,177,74,.05),transparent 32%,transparent 75%,rgba(255,170,62,.045));pointer-events:none}
body[data-view="blueprint"] .hero-art:before{color:#e9a748;z-index:4}
.portfolio-city-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:crosshair}.portfolio-city-stage canvas{display:block;width:100%;height:100%}.portfolio-city-stage.no-webgl{background:url('../assets/cityscape.svg') center/cover no-repeat;filter:sepia(1) saturate(.9) hue-rotate(345deg) brightness(.56)}
.city-field-ring{position:absolute;z-index:3;width:0;height:0;border:1px solid rgba(255,186,84,.56);border-radius:50%;box-shadow:0 0 16px rgba(245,149,38,.24),inset 0 0 20px rgba(245,149,38,.06);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .15s}.city-field-ring.visible{opacity:1}
.art-topline,.art-bottomline{z-index:4;color:#efbc75;text-shadow:0 1px 10px rgba(0,0,0,.9)}.art-topline{background:linear-gradient(rgba(5,7,11,.6),transparent)}.art-bottomline{background:linear-gradient(transparent,rgba(5,7,11,.72))}.city-labels{position:absolute;z-index:4;left:9%;right:7%;bottom:79px;display:flex;justify-content:space-between;color:#f3bd68;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-shadow:0 0 10px #db8b34;pointer-events:none}
.hero-art .art-chip{color:#f8dfb7}.hero-art .status-dot{vertical-align:middle}
.ticker{background:rgba(22,18,17,.8)}body[data-theme="light"] .ticker{background:rgba(242,223,193,.84)}
.ai-section{background:rgba(9,12,18,.52);color:#f4ead9;border-top:1px solid rgba(214,143,57,.16);border-bottom:1px solid rgba(214,143,57,.16)}.ai-section:before{opacity:.07;background-image:linear-gradient(90deg,#f7b85d 1px,transparent 1px),linear-gradient(#f7b85d 1px,transparent 1px)}.ai-grid .section-kicker,.ai-grid em,.board-live,.board-step,.board-footer{color:#f6bf67}.ai-grid .section-kicker span,.ai-lede,.ai-section .text-link,.board-header,.board-row,.board-footer{color:#f4ead9}.ai-board{background:rgba(23,20,20,.7);border-color:rgba(229,155,61,.35);box-shadow:0 20px 70px rgba(0,0,0,.25)}.board-header,.board-row{border-color:rgba(229,155,61,.23)}.board-footer{color:#f6bf67}
.about{background:rgba(30,24,20,.66)}body[data-theme="light"] .about{background:rgba(245,230,207,.72)}.work-card,.project-card,.skill-group,.social-panel{backdrop-filter:blur(4px)}
body[data-theme="dark"] .visual-openspot{background-color:#534330;filter:sepia(.55)}body[data-theme="dark"] .visual-bread{background:radial-gradient(circle at 70% 30%,#8c592e,transparent 35%),#332820}body[data-theme="dark"] .visual-mytudo{background:radial-gradient(circle at 20% 20%,#83603b,transparent 42%),#251b1a}
body[data-theme="dark"] .parking-pin{background:#b7752d;color:#211713;border-color:#e5ae65}body[data-theme="dark"] .mail-two{background:#eab766}body[data-theme="dark"] .task-board>div:last-child i{background:#eab766}
body[data-theme="dark"] .button-primary{background:#e9a748;color:#1a140e}body[data-theme="dark"] .button-primary:hover{background:#ffc675;color:#1a140e}
@media(max-width:560px){.city-labels{bottom:60px;left:8%;right:6%;font-size:7px}.portfolio-city-stage{inset:0}}

/* The skyline now occupies only the hero and sits behind its editorial content. */
.site-header .nav-links{margin-left:auto}
.hero.section-wrap{width:100%;max-width:none;display:flex;align-items:center;min-height:min(850px,calc(100svh - 20px));padding:0;overflow:hidden;isolation:isolate}
.hero-art,.hero-art:after{border:0;border-radius:0;box-shadow:none}
.hero-art{position:absolute;z-index:0;isolation:isolate;inset:0;min-height:0;display:block;background:radial-gradient(ellipse at 75% 65%,rgba(123,57,18,.19),transparent 53%)}
.hero-art:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#090c12 0%,rgba(9,12,18,.96) 19%,rgba(9,12,18,.78) 36%,rgba(9,12,18,.2) 65%,transparent 100%);pointer-events:none}
.hero-art:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(0deg,#090c12 0%,transparent 20%,transparent 78%,rgba(9,12,18,.52) 100%);pointer-events:none}
.hero-copy{position:relative;z-index:3;width:min(100% - 80px,1320px);margin:0 auto;padding:170px 0 150px;pointer-events:none}
.hero-copy .hero-lede{max-width:550px}.hero-copy .hero-actions a{pointer-events:auto}
.hero-index{z-index:3;right:max(40px,calc((100vw - 1320px)/2));bottom:35px;color:#a88b69}
.portfolio-city-stage{z-index:1}.city-field-ring{z-index:3}
.hero-art .portfolio-city-stage.no-webgl{filter:sepia(1) saturate(1.1) hue-rotate(342deg) brightness(.45)}
@media(max-width:800px){.hero.section-wrap{min-height:810px;padding:0;display:flex;align-items:flex-start}.hero-copy{width:min(100% - 40px,1320px);padding:180px 0 270px}.hero-art:before{background:linear-gradient(180deg,rgba(9,12,18,.97) 0%,rgba(9,12,18,.8) 28%,rgba(9,12,18,.25) 63%,rgba(9,12,18,.4) 100%)}.hero-index{display:none}}
@media(max-width:560px){.hero.section-wrap{min-height:780px}.hero-copy{width:min(100% - 32px,1320px);padding-top:165px;padding-bottom:240px}.hero-copy .hero-lede{max-width:360px}.hero h1{font-size:clamp(48px,12vw,65px)}}

/* Yellow gold is the lead hue; facade tones stay muted so the lighting is calm. */
body[data-theme="dark"]{--accent:#f5cd72;--accent-deep:#ebbf55}
.hero-art{background:radial-gradient(ellipse at 75% 65%,rgba(145,113,25,.18),transparent 53%)}
body[data-theme="dark"] .button-primary{background:#ecc25b;color:#1a170d}
body[data-theme="dark"] .button-primary:hover{background:#ffda7d;color:#1a170d}
@media(max-width:800px){.hero-copy .hero-lede{text-shadow:0 1px 12px #090c12,0 0 24px #090c12}}

/* Daybreak palette: a near-black umber field, #804916 at the horizon, and restrained amber highlights. */
body[data-theme="dark"]{--bg:#090604;--ink:#f3e5ce;--muted:#bda98d;--line:#50331b;--card:rgba(28,17,9,.86);--soft:rgba(43,24,10,.76);--nav:rgba(13,9,6,.9);--accent:#df9e44;--accent-deep:#c97926;--blue:#39200c;--inverse:#090604;--shadow:0 22px 65px rgba(0,0,0,.36);--signal-accent:#c97926;background:#090604}
body>.site-atmosphere{background:radial-gradient(ellipse at 52% 49%,rgba(128,73,22,.3),transparent 50%),#090604}
.hero-art{background:radial-gradient(ellipse at 72% 76%,rgba(128,73,22,.36),transparent 54%)}
.hero-art:before{background:linear-gradient(90deg,#090604 0%,rgba(9,6,4,.96) 19%,rgba(9,6,4,.78) 36%,rgba(9,6,4,.2) 65%,transparent 100%)}
.hero-art:after{background:linear-gradient(0deg,#090604 0%,transparent 20%,transparent 78%,rgba(9,6,4,.52) 100%)}
.ai-section{background:rgba(9,6,4,.54);border-color:rgba(128,73,22,.24)}
.about{background:rgba(29,17,8,.66)}
body[data-theme="dark"] .button-primary{background:#de9b42;color:#170d06}
body[data-theme="dark"] .button-primary:hover{background:#efb862;color:#170d06}
.city-field-ring{border-color:rgba(222,152,63,.56);box-shadow:0 0 16px rgba(199,104,27,.24),inset 0 0 20px rgba(199,104,27,.06)}
@media(max-width:800px){.hero-art:before{background:linear-gradient(180deg,rgba(9,6,4,.97) 0%,rgba(9,6,4,.8) 28%,rgba(9,6,4,.25) 63%,rgba(9,6,4,.4) 100%)}.hero-copy .hero-lede{text-shadow:0 1px 12px #090604,0 0 24px #090604}}

/* About: a quiet topographic field with a drawn, traveling horizon. */
.about{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:98px;padding:114px 0 112px;background:linear-gradient(180deg,rgba(17,11,7,.92),rgba(25,15,8,.88) 58%,rgba(12,8,6,.94));border-color:rgba(191,114,39,.23)}
.about:before{content:"";position:absolute;z-index:-1;inset:-24% -12%;background:repeating-radial-gradient(ellipse at 52% 108%,transparent 0 22px,rgba(189,114,43,.11) 23px,transparent 24px 46px);transform:rotate(-7deg);opacity:.48;mask-image:linear-gradient(180deg,transparent,black 28%,black 78%,transparent)}
.about:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 67% 56%,rgba(128,73,22,.18),transparent 53%);pointer-events:none}
.about-inner{position:relative}.about .section-kicker{margin-bottom:34px}.about-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.65fr);gap:9vw;align-items:end}.about-heading h2{max-width:850px;font-size:clamp(49px,5.7vw,82px);line-height:1.07}.about-heading h2 em{color:#dc983c}.about-heading>p{max-width:400px;margin:0 0 6px;color:#c7af8c;font-size:17px;line-height:1.75}
.about-landscape{position:relative;height:340px;margin:54px -4% 0;overflow:hidden;border-bottom:1px solid rgba(220,143,54,.33);background:radial-gradient(ellipse at 59% 87%,rgba(128,73,22,.26),transparent 50%)}
.about-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,10,6,.16),transparent 45%,rgba(13,8,5,.4));pointer-events:none}.landscape-label,.landscape-coordinate{position:absolute;z-index:2;color:#ba8b54;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.landscape-label{top:16px;left:4%;right:4%;display:flex;justify-content:space-between;gap:16px}.landscape-coordinate{right:4%;bottom:18px;color:#d3994f}
.mountain-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mountain-art path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.mountain-ridge{stroke-dasharray:1000;stroke-dashoffset:1000}.ridge-back{stroke:#6f431e;stroke-width:1.15;opacity:.7}.ridge-main-glow{stroke:#bd752c;stroke-width:7;opacity:.46}.ridge-main{stroke:url(#mountain-gold);stroke-width:1.8;filter:drop-shadow(0 0 7px rgba(232,153,56,.55))}.mountain-contour{stroke:#a06730;stroke-width:.8;opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000}.contour-two{opacity:0}.contour-three{opacity:0}.light-trace{stroke:#ffd98a;stroke-width:3;stroke-dasharray:54 946;stroke-dashoffset:0;filter:drop-shadow(0 0 7px #ffc36d);opacity:0}
.about.is-visible .ridge-back{animation:draw-ridge 2.5s ease-out .05s both}.about.is-visible .ridge-main-glow,.about.is-visible .ridge-main{animation:draw-ridge 3s cubic-bezier(.25,.65,.18,1) .35s both}.about.is-visible .mountain-contour{animation:draw-contour 3.3s ease-out .8s both}.about.is-visible .contour-two{animation-delay:1.05s}.about.is-visible .contour-three{animation-delay:1.3s}.about.is-visible .light-trace{animation:travel-light 11s linear 3.3s infinite;opacity:1}
@keyframes draw-ridge{to{stroke-dashoffset:0}}@keyframes draw-contour{to{stroke-dashoffset:0;opacity:.25}}@keyframes travel-light{to{stroke-dashoffset:-1000}}
.about-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;border-top:1px solid rgba(188,125,55,.3);border-bottom:1px solid rgba(188,125,55,.3)}.about-story{padding:28px 34px 34px 0}.about-story+.about-story{border-left:1px solid rgba(188,125,55,.25);padding-left:34px}.story-index{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;color:#d29549}.about-story h3{font-size:23px;letter-spacing:-.04em;line-height:1.25;margin:18px 0 12px;color:#f1dfc3}.about-story p{font-size:14px;line-height:1.75;color:#bca88c;margin:0}
@media(max-width:900px){.about-heading{grid-template-columns:1fr;gap:26px}.about-heading>p{max-width:640px}.about-landscape{margin-top:32px}.about-story{padding-right:22px}.about-story+.about-story{padding-left:22px}}
@media(max-width:700px){.about{padding:85px 0 92px}.about-landscape{height:250px;margin-inline:-8%}.about-stories{grid-template-columns:1fr;margin-top:24px}.about-story,.about-story+.about-story{padding:23px 0 25px;border-left:0}.about-story+.about-story{border-top:1px solid rgba(188,125,55,.25)}.about-story h3{margin:12px 0 8px}.landscape-label,.landscape-coordinate{font-size:8px}}
@media(prefers-reduced-motion:reduce){.mountain-ridge,.mountain-contour{stroke-dashoffset:0;animation:none!important}.mountain-contour{opacity:.25}.light-trace{display:none}.about.is-visible .mountain-ridge,.about.is-visible .mountain-contour{animation:none!important}}

.project-archive-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px;padding:22px 26px;border:1px solid #9d622d;border-radius:12px;background:linear-gradient(110deg,#241408,#45250e);color:#f4dfc0;transition:background .2s,transform .2s}.project-archive-cta:hover{transform:translateY(-2px);background:linear-gradient(110deg,#35200e,#5d3110)}.project-archive-cta span{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#e6ad66}.project-archive-cta strong{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.04em}@media(max-width:700px){.project-archive-cta{display:grid}.project-archive-cta strong{font-size:19px}}