/* Hiring-focused portfolio, extending the existing material palette. */
:root{--paper:#f1eee6;--ink:#292d25;--accent:#626747;--muted:#515548}html{scroll-behavior:auto}body{font-size:1rem;line-height:1.6}img{max-width:100%}h1,h2,h3{overflow-wrap:normal}header{height:auto;min-height:96px;gap:30px;padding-block:16px}header nav{flex-wrap:wrap;gap:10px 24px;font-size:14px}nav a{min-height:44px;display:inline-flex;align-items:center}.eyebrow{font-size:12px!important;line-height:1.6;letter-spacing:.06em}.pill{font-size:14px;min-height:48px;transition:none}.text-link{font-size:16px;text-decoration:underline;text-underline-offset:5px;display:inline-block;min-height:44px;padding-block:9px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header a:focus-visible,footer a:focus-visible{outline-color:var(--paper)}figure{margin:0}figcaption{font-size:14px;line-height:1.6;color:var(--muted);padding-top:14px}p{line-height:1.65}footer{flex-wrap:wrap;font-size:14px}footer a{min-height:44px;display:inline-flex;align-items:center}.portfolio-home h1{font-size:clamp(72px,7.2vw,112px);line-height:1.05;letter-spacing:-.065em;white-space:normal;margin:20px 0 30px}.portfolio-home h1 span{color:var(--accent)}.portfolio-home h2{font-size:clamp(34px,3.6vw,58px);font-weight:500;line-height:1.13;letter-spacing:-.045em}.hiring-hero{padding:55px 5% 65px;display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center}.hero-position>p{max-width:540px;font-size:18px;color:var(--muted)}.hero-position .role-line{font-size:16px;color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}.hero-product{padding:20px;background:#e1e3d6;align-self:center}.hero-product img{display:block;width:100%;height:auto;filter:none;opacity:1}.hero-product a{display:block}.hiring-work{padding:35px 5% 60px}.section-line{border-color:var(--line);gap:20px}.work-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;margin:45px 0}.work-intro h2{margin:0}.work-intro p{font-size:17px;max-width:540px;color:var(--muted)}.evidence-project{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;padding:40px 0;border-top:1px solid var(--line)}.project-image{display:block;background:#ded9cd;padding:20px;transition:none}.project-image img{display:block;width:100%;height:auto;filter:none;opacity:1}.dose-image{background:#d7dcca;display:flex;justify-content:center;padding:25px}.dose-image img{width:230px;max-height:510px;object-fit:contain}.evidence-summary h3{font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin:15px 0}.evidence-summary>p{font-size:17px;color:var(--muted);max-width:550px}.evidence-summary dl{margin:24px 0}.evidence-summary dl>div{border-top:1px solid var(--line);padding:12px 0}.evidence-summary dt{font-size:14px;font-weight:600}.evidence-summary dd{font-size:16px;margin:4px 0 0;color:var(--muted)}.supporting-work{margin:0 5%;padding:35px 0 50px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:6%}.supporting-work h2{font-size:32px;margin:15px 0}.supporting-work p{max-width:620px;color:var(--muted)}.support-note{border-left:2px solid var(--accent);padding-left:25px}.support-note h3{font-size:20px;font-weight:500}.spatial-proof{padding:50px 5%;background:#e1e3d6;display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center}.spatial-proof h2{margin:20px 0}.spatial-proof p{max-width:600px;color:var(--muted)}.spatial-proof figure{padding:20px;background:var(--paper)}.spatial-proof img{display:block;width:100%;height:auto}.spatial-archive{padding:0 5% 25px;background:#e1e3d6}.spatial-archive summary{cursor:pointer;font-size:18px;min-height:48px;padding:12px 0}.archive-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;padding:20px 0}.archive-links a{text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}.hiring-about{padding:65px 5%;display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:start}.hiring-about figure{max-width:400px}.hiring-about img{display:block;width:100%;height:auto}.hiring-about h2{margin:20px 0}.hiring-about p{max-width:730px;color:var(--muted)}.decision-preview{padding:30px 5% 55px;border-top:1px solid var(--line)}.decision-preview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:25px}.decision-preview h3{font-size:22px;line-height:1.3;font-weight:500}.decision-preview p{color:var(--muted);font-size:16px}.hiring-contact{padding:55px 5%;background:var(--ink);color:var(--paper)}.hiring-contact h2{font-size:clamp(44px,6vw,85px);margin:25px 0}.hiring-contact p{max-width:650px}.hiring-contact .email{display:inline-block;font-size:clamp(16px,2.5vw,28px)}.hiring-contact .pill{border-color:var(--paper);color:var(--paper)}.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:25px}.copy-email{min-height:44px}.case-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.case-facts dd{font-size:16px}.case-facts dt{font-size:14px}.case-section p,.case-section li,.testing-framework dd,.table-wrap td,.table-wrap tbody th,.persona p{font-size:16px}.case-section h3{margin-top:0}.screen-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.screen-sequence figure img{display:block;width:100%;height:auto;border:1px solid var(--line)}.wide-sequence{display:grid;grid-template-columns:1fr 1fr;gap:25px}.wide-sequence img{display:block;width:100%;height:auto}.case-section strong{color:var(--ink)}.hypothesis strong{color:var(--paper)}.case-section .decision-list h3{font-size:23px;margin-bottom:15px}.case-nav a{font-size:14px}.case-graphic img{height:auto}.caption{font-size:14px!important}.case-overview dd{font-size:16px}.case-gallery figcaption{font-size:14px}.process small{font-size:12px}.table-wrap{border:1px solid var(--line)}.case-page h1{white-space:normal}.case-hero h1{font-size:clamp(58px,8vw,128px)}.case-section{scroll-margin-top:20px}.case-page #case-content{scroll-margin-top:20px}
@media(max-width:900px){.hiring-hero{grid-template-columns:1fr;gap:35px}.hero-position{max-width:700px}.hero-product{max-width:850px}.hiring-hero h1{font-size:90px}.evidence-project{gap:30px}.case-facts{grid-template-columns:1fr 1fr}.screen-sequence{gap:15px}.hiring-about{gap:35px}.wide-sequence{grid-template-columns:1fr}.header-note{display:none}}
@media(max-width:640px){header{padding:12px 5%;gap:15px}header .brand{font-size:38px;letter-spacing:-4px}header nav{gap:4px 14px;justify-content:flex-end;font-size:14px}header .contact-nav{padding:6px 12px}header nav a{min-height:44px}.hiring-hero{padding-top:30px;padding-bottom:40px}.hiring-hero h1{font-size:76px;margin:18px 0 25px}.hero-position>p{font-size:17px}.hero-product{padding:12px}.work-intro,.evidence-project,.supporting-work,.spatial-proof,.hiring-about{grid-template-columns:1fr;gap:30px}.work-intro{margin:30px 0}.hiring-work{padding-bottom:25px}.evidence-project{padding:30px 0}.evidence-summary h3{font-size:32px}.evidence-project .project-image{padding:12px}.dose-image img{width:250px;max-height:none}.support-note{margin-top:5px}.hiring-about{padding-block:40px}.hiring-about figure{max-width:280px}.decision-preview>div{grid-template-columns:1fr;gap:15px}.archive-links{grid-template-columns:1fr}.screen-sequence{grid-template-columns:1fr;gap:30px}.screen-sequence figure{max-width:340px;margin:auto}.case-facts{gap:24px}.case-facts dd{font-size:16px}.case-facts dt{font-size:14px}.case-section h2{font-size:34px}.section-line{flex-direction:column;gap:8px}.hiring-contact .email{font-size:clamp(14px,4.3vw,20px)}.table-wrap table{min-width:620px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hiring-hero{padding-block:35px 45px}.portfolio-home .hiring-hero h1{font-size:clamp(64px,6.2vw,92px);margin:14px 0 20px}.portfolio-home .hiring-hero h2{font-size:clamp(30px,3vw,44px);margin-bottom:24px}.hero-position>p{font-size:17px;line-height:1.55}.portfolio-home header nav a{display:inline-flex}
@media(max-width:640px){.portfolio-home .hiring-hero h1{font-size:64px}.portfolio-home .hiring-hero h2{font-size:32px}.hiring-hero{padding-block:25px 35px}.hero-position>p{font-size:16px}}