.personal-home{--personal-green:#285752;--personal-muted:#555c53;--personal-line:#233d302b;background:#f7f3e8;color:#192b24}.personal-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"intro visual" "actions visual";gap:24px 24px;align-content:center;align-items:center;min-height:550px;padding:40px clamp(24px,5vw,80px);max-width:1600px;margin:auto}.personal-intro{grid-area:intro;align-self:end}.personal-eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.personal-hero h1{margin-top:24px;font-size:clamp(3.2rem,5.25vw,5.8rem);font-weight:600;line-height:1.03;letter-spacing:-.062em;text-wrap:balance}.personal-home h1 em,.personal-home h2 em{font-family:var(--font-newsreader),serif;font-weight:400;color:var(--personal-green)}.personal-credentials{max-width:650px;margin-top:10px;color:var(--personal-muted);font-size:.875rem;line-height:1.8}.personal-credentials a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#28575255}.personal-credentials a:hover{text-decoration-color:currentColor;color:var(--personal-green)}.personal-actions{grid-area:actions;align-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:24px}.personal-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:13px 20px;background:var(--personal-green);color:#fffaf0;border:1px solid var(--personal-green);border-radius:6px;font-size:.875rem;font-weight:650;transition:background-color .2s,transform .2s}.personal-button:hover{background:#173b39;transform:translateY(-2px)}.personal-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--personal-green);font-size:.875rem;font-weight:650;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#28575255}.personal-text-link:hover{text-decoration-color:currentColor}.working-ideas{grid-area:visual;position:relative;min-width:0;isolation:isolate}.ideas-view{position:relative;width:100%;height:430px;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y pinch-zoom}.ideas-fallback,.ideas-view canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ideas-view canvas{display:block;opacity:0}.ideas-fallback,.ideas-view canvas{transition:opacity .2s}.ideas-fallback img{-o-object-fit:contain;object-fit:contain}.working-ideas[data-renderer=webgl] canvas{opacity:1}.working-ideas[data-renderer=webgl] .ideas-fallback{opacity:0}.personal-work-intro{display:flex;align-items:center;gap:20px;max-width:900px;padding-bottom:34px;margin-bottom:36px;border-bottom:1px solid var(--personal-line)}.personal-work-intro>img{flex-shrink:0;width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:43% 30%;object-position:43% 30%}.personal-work-intro>div>p:first-child{max-width:650px;font-size:1.125rem;line-height:1.6}.personal-section{padding:64px clamp(24px,5vw,80px) 72px;scroll-margin-top:100px}.personal-work{border-top:1px solid var(--personal-line)}.personal-home h2{font-size:clamp(2.5rem,3.8vw,4rem);font-weight:550;line-height:1.05;letter-spacing:-.055em;text-wrap:balance}.personal-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0 24px}.personal-project{min-width:0;display:block}.personal-project-image{position:relative;aspect-ratio:1.8;overflow:hidden;background:#e7e5db;border:1px solid var(--personal-line);border-radius:10px}.personal-project-image img{-o-object-fit:cover;object-fit:cover;transition:transform .35s}.personal-project-yonde-mite .personal-project-image{background:#171613}.personal-project:hover .personal-project-image img{transform:scale(1.025)}.personal-project-status{position:absolute;top:14px;left:14px;padding:7px 11px;border:1px solid #28575222;border-radius:30px;background:#fff9edee;color:#285752;font-size:.6875rem;font-weight:700}.personal-project-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.personal-project-title h3{font-size:1.65rem;line-height:1.15;letter-spacing:-.04em;font-weight:600}.personal-project-title svg{flex-shrink:0;color:var(--personal-green)}.personal-project>p{max-width:480px;margin-top:10px;color:var(--personal-muted);font-size:.9375rem;line-height:1.6}.personal-work-links{display:flex;flex-wrap:wrap;gap:12px 32px}@media(min-width:1600px){.personal-section{padding-inline:max(80px,calc((100vw - 1440px)/2))}}@media(max-width:1000px){.personal-hero h1{font-size:clamp(2.7rem,5vw,4.5rem)}}@media(max-width:900px){.personal-hero{grid-template-columns:1fr;grid-template-areas:"intro" "actions" "visual";min-height:0;padding-top:26px;padding-bottom:28px;gap:10px}.personal-intro{align-self:auto}.personal-eyebrow{font-size:.625rem;letter-spacing:.07em}.personal-hero h1{font-size:clamp(2.1rem,8.5vw,3.5rem);max-width:580px;margin-top:16px}.ideas-view{height:clamp(230px,33svh,290px)}.personal-actions{gap:12px 20px;justify-content:space-between;margin-top:4px}.personal-button{padding-inline:14px;gap:12px}.personal-button,.personal-text-link{font-size:.8125rem}.personal-credentials{font-size:.75rem}.personal-work-intro{align-items:flex-start;gap:14px;padding-bottom:28px;margin-bottom:30px}.personal-work-intro>img{width:46px;height:46px}.personal-work-intro>div>p:first-child{font-size:1rem}.personal-section{padding-block:34px}.personal-home h2{font-size:2.5rem}.personal-project-grid{grid-template-columns:1fr;gap:30px;margin-top:26px}.personal-project-title h3{font-size:1.5rem}.personal-project-image{aspect-ratio:1.7}}@media(prefers-reduced-motion:reduce){.personal-home *{transition:none!important;scroll-behavior:auto!important}.personal-button:hover,.personal-project:hover img{transform:none}.ideas-view canvas{display:none}.ideas-fallback{opacity:1!important}}.personal-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);min-height:720px;gap:24px 16px;padding-inline:clamp(24px,4vw,64px)}.ideas-view{height:560px}.working-ideas[data-renderer=webgl] .ideas-view{cursor:grab}.ideas-view[data-dragging=true]{cursor:grabbing!important}.ideas-view:focus-visible{outline:2px solid #285752;outline-offset:3px;border-radius:8px}@media(max-width:900px){.personal-hero{grid-template-columns:1fr;grid-template-areas:"intro" "actions" "visual";min-height:0;padding-inline:24px;gap:18px}.personal-hero h1{margin-top:14px}.ideas-view{height:400px}.personal-actions{justify-content:flex-start}}.working-ideas[data-renderer=webgl] .ideas-view{border-radius:12px;overflow:hidden}.ideas-fallback img{-o-object-fit:cover;object-fit:cover}.working-ideas[data-renderer=webgl] .ideas-view{touch-action:pan-y}.city-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.city-flow-title{font-size:.875rem;font-weight:600;color:#285752;margin-bottom:4px}.ideas-view{height:480px}.city-marker{position:absolute;z-index:2;transform:translate(-50%,-100%);pointer-events:none;color:#285752;background:#fff8e8;padding:2px 5px;border-bottom:2px solid #285752;font-size:11px;font-weight:750;line-height:1.4;visibility:hidden}.working-ideas[data-renderer=webgl] .city-marker{visibility:visible}.city-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:12px 0 0;margin:0;border-top:1px solid #28575233}.city-flow li{display:flex;gap:6px;opacity:.68}.city-flow li[data-current=true]{opacity:1;color:#285752}.city-flow li>span{font-size:10px;line-height:1.9}.city-flow strong{font-size:.75rem;line-height:1.5;font-weight:700}.city-flow p{font-size:.6875rem;line-height:1.5;margin-top:2px}.city-flow-action{min-height:24px;margin-top:12px;font-size:.8125rem;font-weight:600;color:#285752}.city-flow-note{font-size:.625rem;line-height:1.5;color:#555c53;margin-top:2px}.personal-project-context{max-width:730px;font-size:.9375rem;line-height:1.7;color:#555c53;margin-top:20px}.personal-project-yonde-mite .personal-project-image{background:#dbe6df}.personal-project-status{z-index:2}.personal-project-yonde-mite .personal-project-image img{-o-object-fit:contain;object-fit:contain}@media(max-width:900px){.ideas-view{height:360px}.city-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.city-flow-action{min-height:40px;line-height:1.5}.city-flow-note{max-width:300px}.personal-project-context{font-size:.875rem}}.personal-project>p.personal-project-phase{font-size:.6875rem;font-weight:700;letter-spacing:.02em;color:#285752}.working-ideas[data-active=delivery] [data-marker=delivery],.working-ideas[data-active=design] [data-marker=design],.working-ideas[data-active=engineering] [data-marker=engineering],.working-ideas[data-active=strategy] [data-marker=strategy]{background:#285752;color:#fff8e8}.city-marker[data-marker=strategy]{transform:translate(-100%,-110%)}.city-marker[data-marker=design]{transform:translate(-100%,-10%)}.city-marker[data-marker=engineering]{transform:translateY(-100%)}.city-marker[data-marker=delivery]{transform:translate(0)}@media(max-width:360px){.city-marker[data-marker=engineering]{transform:translate(-25%,-100%)}}