:root{--paper:#f4f5ef;--paper-strong:#ffffff;--ink:#121316;--muted:#62656c;--line:#d8dad2;--line-strong:#b9bcb2;--accent:#5c5cff;--accent-dark:#3838d8;--signal:#b9ff66;--soft-accent:#e7e7ff;--soft-ink:#e8eae3;--max-width:1240px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;}*{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;scroll-padding-top:96px;}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;}::selection{background:var(--accent);color:#fff;}a{color:inherit;}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:1000;background:var(--ink);color:#fff;padding:0.75rem 1rem;text-decoration:none;transition:top 0.2s ease;}.skip-link:focus{top:1rem;}.shell{width:min(calc(100% - 48px),var(--max-width));margin:0 auto;}.topbar{position:sticky;top:0;z-index:50;background:rgba(244,245,239,0.88);border-bottom:1px solid rgba(18,19,22,0.12);backdrop-filter:blur(18px);}.nav{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;}.brand{width:max-content;font-size:0.96rem;font-weight:750;letter-spacing:-0.02em;text-decoration:none;}.brand-mark{color:var(--accent);}.nav-links{display:flex;align-items:center;gap:2rem;}.nav-links a,.nav-status{font-family:var(--mono);font-size:0.68rem;line-height:1;letter-spacing:0.06em;text-transform:uppercase;}.nav-links a{color:var(--muted);text-decoration:none;transition:color 0.2s ease;}.nav-links a:hover,.nav-links a:focus-visible{color:var(--accent);}.nav-status{justify-self:end;display:flex;align-items:center;gap:0.55rem;color:var(--muted);}.status-dot{width:8px;height:8px;background:var(--signal);border:1px solid var(--ink);border-radius:50%;box-shadow:0 0 0 4px rgba(185,255,102,0.24);}.hero{min-height:calc(100vh - 72px);min-height:calc(100svh - 72px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,0.55fr);border-left:1px solid var(--line);border-right:1px solid var(--line);}.hero-main{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:690px;padding:clamp(3.5rem,7vw,7rem) clamp(2rem,5vw,5rem) 2.2rem;overflow:hidden;}.hero-main::before{position:absolute;inset:0;z-index:-1;content:"";background-image:linear-gradient(rgba(18,19,22,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,19,22,0.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 35%,transparent 92%);}.eyebrow{display:flex;align-items:center;gap:0.8rem;margin-bottom:1.75rem;color:var(--accent-dark);font-family:var(--mono);font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;}.eyebrow::before{width:32px;height:2px;background:currentColor;content:"";}h1{max-width:920px;font-size:clamp(4rem,8vw,8rem);font-weight:750;letter-spacing:-0.075em;line-height:0.88;}.headline-accent{position:relative;display:inline-block;color:var(--accent);white-space:nowrap;}.headline-accent::after{position:absolute;right:-0.3rem;bottom:-0.18rem;left:0.15rem;height:0.13em;background:var(--signal);content:"";transform:rotate(-1.2deg);z-index:-1;}.hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3rem;margin-top:5rem;}.hero-copy{max-width:650px;color:#33363c;font-size:clamp(1.05rem,1.65vw,1.35rem);letter-spacing:-0.025em;line-height:1.5;}.hero-copy strong{color:var(--ink);font-weight:720;}.cta-group{display:flex;flex-wrap:wrap;gap:0.7rem;margin-top:2rem;}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:0.7rem;padding:0.8rem 1.05rem;border:1px solid var(--ink);font-family:var(--mono);font-size:0.72rem;font-weight:700;letter-spacing:0.04em;text-decoration:none;text-transform:uppercase;transition:transform 0.2s ease,background 0.2s ease,color 0.2s ease;}.button:hover,.button:focus-visible{transform:translateY(-2px);}.button-primary{background:var(--ink);color:#fff;}.button-primary:hover,.button-primary:focus-visible{background:var(--accent);border-color:var(--accent);}.button-secondary{background:rgba(255,255,255,0.45);}.button-secondary:hover,.button-secondary:focus-visible{background:var(--paper-strong);}.hero-past{color:var(--muted);font-family:var(--mono);font-size:0.64rem;letter-spacing:0.04em;line-height:1.8;text-align:right;text-transform:uppercase;}.hero-aside{display:flex;flex-direction:column;background:var(--ink);color:#fff;border-left:1px solid var(--ink);}.now-card{padding:2rem;border-bottom:1px solid rgba(255,255,255,0.16);}.card-label{margin-bottom:1.35rem;color:#aeb1b7;font-family:var(--mono);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;}.now-role{margin-bottom:0.4rem;font-size:clamp(1.55rem,2.4vw,2.3rem);font-weight:650;letter-spacing:-0.05em;line-height:1.05;}.now-company{color:var(--signal);font-family:var(--mono);font-size:0.75rem;letter-spacing:0.05em;text-transform:uppercase;}.system-map{position:relative;display:flex;flex:1;flex-direction:column;justify-content:center;padding:2.5rem 2rem;overflow:hidden;}.system-map::after{position:absolute;top:0;right:-90px;width:240px;height:240px;border:1px solid rgba(185,255,102,0.28);border-radius:50%;box-shadow:0 0 0 45px rgba(185,255,102,0.035),0 0 0 90px rgba(185,255,102,0.02);content:"";}.map-step{position:relative;display:grid;grid-template-columns:42px 1fr;gap:0.9rem;min-height:104px;z-index:1;}.map-step:not(:last-child)::after{position:absolute;top:34px;bottom:-1px;left:16px;width:1px;background:rgba(255,255,255,0.2);content:"";}.map-node{display:grid;width:34px;height:34px;place-items:center;background:var(--ink);border:1px solid rgba(255,255,255,0.35);border-radius:50%;color:var(--signal);font-family:var(--mono);font-size:0.62rem;}.map-title{margin:0.15rem 0 0.4rem;font-size:0.92rem;font-weight:650;}.map-copy{max-width:230px;color:#aeb1b7;font-size:0.78rem;line-height:1.55;}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0;}.metric{min-height:150px;padding:1.6rem 2rem;border-right:1px solid var(--line);}.metric:last-child{border-right:0;}.metric-value{margin-bottom:0.65rem;color:var(--accent);font-size:clamp(2.3rem,4vw,4.2rem);font-weight:760;letter-spacing:-0.07em;line-height:0.95;}.metric-label{color:var(--muted);font-family:var(--mono);font-size:0.68rem;letter-spacing:0.05em;line-height:1.5;text-transform:uppercase;}.section{padding:clamp(5rem,9vw,8rem) 0;}.section-heading{display:grid;grid-template-columns:180px minmax(0,1fr);gap:2rem;margin-bottom:3.5rem;padding-top:1rem;border-top:1px solid var(--line-strong);}.section-index{color:var(--accent);font-family:var(--mono);font-size:0.68rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}.section-heading h2{max-width:800px;font-size:clamp(2.2rem,4.5vw,4.6rem);font-weight:680;letter-spacing:-0.06em;line-height:0.98;}.section-intro{grid-column:2;max-width:650px;color:var(--muted);font-size:1rem;line-height:1.7;}.work-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:1rem;}.work-card{position:relative;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,3vw,2.5rem);background:var(--paper-strong);border:1px solid var(--line);overflow:hidden;transition:border-color 0.2s ease,transform 0.2s ease;}.work-card:hover{border-color:var(--ink);transform:translateY(-4px);}.work-card.primary{grid-row:span 2;min-height:736px;background:var(--accent);border-color:var(--accent);color:#fff;}.work-card.primary::after{position:absolute;right:-130px;bottom:-130px;width:420px;height:420px;border:1px solid rgba(255,255,255,0.25);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,0.04),0 0 0 130px rgba(255,255,255,0.025);content:"";}.work-meta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-family:var(--mono);font-size:0.65rem;letter-spacing:0.06em;text-transform:uppercase;z-index:1;}.primary .work-meta{color:rgba(255,255,255,0.75);}.work-number{display:grid;width:30px;height:30px;place-items:center;border:1px solid currentColor;border-radius:50%;}.work-content{position:relative;z-index:1;}.work-kicker{margin-bottom:0.9rem;color:var(--accent);font-family:var(--mono);font-size:0.68rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;}.primary .work-kicker{color:var(--signal);}.work-card h3{max-width:600px;margin-bottom:1rem;font-size:clamp(1.7rem,3vw,3.4rem);font-weight:680;letter-spacing:-0.055em;line-height:1;}.work-card:not(.primary) h3{font-size:clamp(1.45rem,2.4vw,2.2rem);}.work-description{max-width:640px;color:var(--muted);font-size:0.92rem;line-height:1.68;}.primary .work-description{color:rgba(255,255,255,0.82);font-size:1rem;}.work-points{display:grid;gap:0.75rem;max-width:660px;margin-top:2rem;list-style:none;}.work-points li{display:grid;grid-template-columns:18px 1fr;gap:0.7rem;color:rgba(255,255,255,0.88);font-size:0.86rem;line-height:1.6;}.work-points li::before{color:var(--signal);content:"↳";font-family:var(--mono);}.tag-list{display:flex;flex-wrap:wrap;gap:0.45rem;margin-top:1.5rem;}.tag{padding:0.42rem 0.65rem;background:var(--paper);border:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:0.61rem;letter-spacing:0.02em;}.primary .tag{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.28);color:#fff;}.process-section{position:relative;background:var(--ink);color:#fff;overflow:hidden;}.process-section::before{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.12) 1px,transparent 1px);background-size:24px 24px;content:"";mask-image:linear-gradient(90deg,transparent,#000 45%,transparent);opacity:0.4;}.process-section .shell{position:relative;z-index:1;}.process-section .section-heading{border-color:rgba(255,255,255,0.28);}.process-section .section-intro{color:#b9bbc0;}.process-flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,0.2);list-style:none;}.process-step{position:relative;min-height:260px;padding:1.4rem;border-right:1px solid rgba(255,255,255,0.2);}.process-step:last-child{border-right:0;}.process-step:not(:last-child)::after{position:absolute;top:50%;right:-12px;z-index:2;display:grid;width:24px;height:24px;place-items:center;background:var(--signal);border:1px solid var(--ink);border-radius:50%;color:var(--ink);content:"→";font-family:var(--mono);font-size:0.7rem;transform:translateY(-50%);}.process-num{color:var(--signal);font-family:var(--mono);font-size:0.64rem;}.process-tool{margin:4.5rem 0 0.75rem;font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:680;letter-spacing:-0.035em;}.process-copy{color:#b9bbc0;font-size:0.78rem;line-height:1.6;}.principle{display:grid;grid-template-columns:180px 1fr;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.2);}.principle-label{color:var(--signal);font-family:var(--mono);font-size:0.66rem;letter-spacing:0.08em;text-transform:uppercase;}.principle-copy{max-width:850px;font-size:clamp(1.35rem,2.7vw,2.35rem);font-weight:560;letter-spacing:-0.045em;line-height:1.2;}.principle-copy span{color:#8c8f96;}.timeline{border-top:1px solid var(--line);list-style:none;}.timeline-row{display:grid;grid-template-columns:180px 1fr 1.25fr;gap:2rem;padding:1.65rem 0;border-bottom:1px solid var(--line);transition:padding-left 0.2s ease,background 0.2s ease;}.timeline-row:hover{padding-left:0.8rem;background:rgba(255,255,255,0.42);}.timeline-date,.timeline-role{font-family:var(--mono);font-size:0.67rem;letter-spacing:0.04em;line-height:1.6;text-transform:uppercase;}.timeline-date{color:var(--muted);}.timeline-company{font-size:1.05rem;font-weight:680;letter-spacing:-0.03em;}.timeline-role{color:var(--muted);}.recognition{display:grid;grid-template-columns:180px 1fr;align-items:start;gap:2rem;margin-top:2rem;padding:1.5rem;background:var(--soft-accent);border:1px solid #ceceff;}.recognition-list{display:grid;gap:0.95rem;}.recognition-item{display:grid;grid-template-columns:1fr auto;gap:1.5rem 2rem;align-items:baseline;}.recognition-label{color:var(--accent-dark);font-family:var(--mono);font-size:0.65rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;}.recognition-title{font-weight:680;letter-spacing:-0.025em;}.recognition-detail{color:var(--muted);font-family:var(--mono);font-size:0.64rem;letter-spacing:0.03em;text-align:right;text-transform:uppercase;}.toolkit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}.toolkit-card{min-height:260px;padding:1.5rem;background:var(--paper-strong);}.toolkit-label{margin-bottom:3rem;color:var(--accent);font-family:var(--mono);font-size:0.66rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}.toolkit-list{display:flex;flex-wrap:wrap;gap:0.5rem;list-style:none;}.toolkit-list li{padding:0.42rem 0.6rem;background:var(--paper);border:1px solid var(--line);color:#4b4e54;font-family:var(--mono);font-size:0.65rem;}.contact{position:relative;padding:clamp(5rem,10vw,9rem) 0 2rem;background:var(--signal);overflow:hidden;}.contact::after{position:absolute;right:-8vw;bottom:-18vw;width:45vw;height:45vw;min-width:460px;min-height:460px;border:1px solid rgba(18,19,22,0.22);border-radius:50%;box-shadow:0 0 0 7vw rgba(18,19,22,0.025),0 0 0 14vw rgba(18,19,22,0.018);content:"";}.contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr 0.5fr;align-items:end;gap:4rem;}.contact-kicker{margin-bottom:1.5rem;font-family:var(--mono);font-size:0.68rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}.contact h2{max-width:850px;font-size:clamp(3.2rem,7.5vw,7.6rem);font-weight:740;letter-spacing:-0.075em;line-height:0.88;}.contact-copy{margin-top:1.75rem;max-width:600px;color:#34372e;font-size:1rem;line-height:1.65;}.contact-links{display:flex;flex-direction:column;border-top:1px solid rgba(18,19,22,0.45);}.contact-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(18,19,22,0.45);font-family:var(--mono);font-size:0.7rem;font-weight:700;letter-spacing:0.04em;text-decoration:none;text-transform:uppercase;transition:padding 0.2s ease;}.contact-link:hover,.contact-link:focus-visible{padding-right:0.4rem;padding-left:0.4rem;}.footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:2rem;margin-top:7rem;padding-top:1.25rem;border-top:1px solid rgba(18,19,22,0.28);color:#45483f;font-family:var(--mono);font-size:0.62rem;letter-spacing:0.04em;text-transform:uppercase;}@media (max-width:1000px){.hero{grid-template-columns:1fr;}.hero-main{min-height:690px;}.hero-aside{display:grid;grid-template-columns:0.75fr 1.25fr;border-top:1px solid var(--ink);border-left:0;}.now-card{border-right:1px solid rgba(255,255,255,0.16);border-bottom:0;}.system-map{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}.map-step{grid-template-columns:1fr;min-height:150px;}.map-step:not(:last-child)::after{display:none;}.work-grid{grid-template-columns:1fr 1fr;}.work-card.primary{grid-column:1 / -1;grid-row:auto;min-height:600px;}.process-flow{grid-template-columns:repeat(3,1fr);}.process-step{border-bottom:1px solid rgba(255,255,255,0.2);}.process-step:nth-child(3){border-right:0;}.process-step:nth-child(n+4){border-bottom:0;}.process-step:not(:last-child)::after{display:none;}.toolkit-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:740px){.shell{width:min(calc(100% - 28px),var(--max-width));}.nav{min-height:62px;grid-template-columns:1fr auto;}.nav-links{display:none;}.nav-status span:last-child{display:none;}.hero{min-height:auto;}.hero-main{min-height:650px;padding:4.5rem 1.25rem 1.5rem;}h1{font-size:clamp(3.75rem,19vw,6rem);}.hero-bottom{grid-template-columns:1fr;gap:1.5rem;margin-top:4rem;}.hero-past{text-align:left;}.hero-aside{grid-template-columns:1fr;}.now-card{border-right:0;border-bottom:1px solid rgba(255,255,255,0.16);}.system-map{display:flex;}.map-step{grid-template-columns:42px 1fr;min-height:104px;}.map-step:not(:last-child)::after{display:block;}.metric-strip{grid-template-columns:1fr;}.metric{min-height:125px;border-right:0;border-bottom:1px solid var(--line);}.metric:last-child{border-bottom:0;}.section-heading{grid-template-columns:1fr;gap:0.8rem;}.section-intro{grid-column:auto;}.work-grid{grid-template-columns:1fr;}.work-card,.work-card.primary{min-height:470px;grid-column:auto;}.process-flow{grid-template-columns:1fr;}.process-step,.process-step:nth-child(3),.process-step:nth-child(n+4){min-height:auto;padding:1.4rem;border-right:0;border-bottom:1px solid rgba(255,255,255,0.2);}.process-step:last-child{border-bottom:0;}.process-tool{margin-top:2rem;}.principle,.timeline-row,.recognition{grid-template-columns:1fr;gap:0.65rem;}.timeline-row:hover{padding-left:0;}.recognition-detail{text-align:left;}.recognition-item{grid-template-columns:1fr;gap:0.25rem;}.toolkit-grid{grid-template-columns:1fr;}.toolkit-card{min-height:auto;}.toolkit-label{margin-bottom:1.5rem;}.contact-grid{grid-template-columns:1fr;}.footer{flex-direction:column;gap:0.6rem;}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}