:root{--paper:#f3efe5;--ink:#151515;--blue:#214fe5;--orange:#cf4120;--muted:#62615d;--rule:#c9c3b5;--card:#eee8dc;--max:1320px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans Variable,system-ui,sans-serif;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip-link{z-index:1000;background:var(--ink);color:var(--paper);padding:12px 16px;position:fixed;top:16px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}.mono{text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:.7rem}.wrap{width:min(var(--max),calc(100% - 52px));margin-inline:auto}.site-header{z-index:20;position:relative}.primary-nav{border-bottom:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;height:86px;display:grid}.brand{letter-spacing:-.04em;font-size:1.12rem;font-weight:700}.brand em{color:var(--blue);font-style:normal}.nav-center{gap:24px;font-size:.88rem;display:flex}.nav-center a,.footer-links a,.text-link{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .2s}.nav-center a:hover,.footer-links a:hover,.text-link:hover{background-size:100% 1px}.nav-right{justify-self:end;gap:10px;display:flex}.mobile-section-nav{display:none}.round{border:1px solid var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:.8rem;font-weight:650;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.round:hover{background:var(--ink);color:var(--paper)}.round.blue{background:var(--blue);color:#fff;border-color:var(--blue)}.round.blue:hover{background:var(--orange);border-color:var(--orange)}section{border-bottom:1px solid var(--ink)}.hero{border-bottom:0;grid-template-columns:1.15fr .85fr;min-height:760px;display:grid}.hero-copy{border-right:1px solid var(--ink);flex-direction:column;justify-content:space-between;padding:72px 58px 58px 0;display:flex}.kicker{align-items:center;gap:10px;display:flex}.dot{background:var(--orange);border-radius:50%;flex:none;width:9px;height:9px}.hero h1{letter-spacing:-.055em;max-width:900px;font-family:Newsreader Variable,Georgia,serif;font-size:clamp(5rem,8.5vw,8.8rem);font-weight:400;line-height:1}.hero h1 i{color:var(--blue);font-weight:400}.hero-bottom{grid-template-columns:1fr 1.35fr;align-items:end;gap:42px;display:grid}.hero-bottom .index{color:var(--muted);font-size:.72rem}.hero-bottom p{max-width:560px;font-size:1.08rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px;display:flex}.text-link{align-items:center;min-height:44px;padding-block:10px;font-size:.8rem;font-weight:650;display:inline-flex}.hero-portrait{background:linear-gradient(150deg,#d6cec1,#b4a99a);justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.portrait-bg{background:repeating-linear-gradient(90deg,#0000 0 28px,#1515150f 28px 29px);position:absolute;inset:0}.hero-portrait picture{aspect-ratio:1;border-radius:50%;width:min(75%,450px);margin-bottom:100px;display:block;overflow:hidden;box-shadow:0 0 0 20px #f3efe557}.hero-portrait img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.stamp{background:var(--orange);text-align:center;color:#fff;border-radius:50%;place-items:center;width:134px;height:134px;padding:20px;font-size:.7rem;animation:5s ease-in-out infinite wobble;display:grid;position:absolute;top:32px;right:28px;transform:rotate(8deg)}.portrait-caption{border-top:1px solid #15151580;justify-content:space-between;padding-top:12px;font-size:.7rem;display:flex;position:absolute;bottom:30px;left:30px;right:30px}.proof-strip{border-bottom:1px solid var(--ink);background:var(--blue);color:#fff}.proof-grid{grid-template-columns:repeat(4,1fr);display:grid}.proof-grid span{border-right:1px solid #ffffff73;flex-direction:column;justify-content:center;min-height:76px;padding:14px 20px;display:flex}.proof-grid span:first-child{border-left:1px solid #ffffff73}.proof-grid b{font-family:Newsreader Variable,Georgia,serif;font-size:1.6rem;font-weight:500;line-height:1}.proof-grid small{text-transform:uppercase;letter-spacing:.06em;margin-top:5px;font-family:DM Mono,monospace;font-size:.62rem}.section-grid{grid-template-columns:260px 1fr;display:grid}.section-label{border-right:1px solid var(--ink);color:var(--muted);padding:42px 30px 42px 0}.section-body{padding:74px 0 90px 58px}.big-intro{letter-spacing:-.04em;max-width:1050px;margin-bottom:62px;font-family:Newsreader Variable,Georgia,serif;font-size:clamp(3rem,5.6vw,6.2rem);font-weight:400;line-height:1.03}.big-intro em{color:var(--blue);margin-inline:.025em .07em;font-weight:400}.work-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.work-card{appearance:none;border:1px solid var(--ink);background:var(--card);text-align:left;cursor:pointer;flex-direction:column;min-height:460px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.work-card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-5px,-5px)}.work-card.large,.work-card.small{grid-column:span 4}.work-visual{border-bottom:1px solid var(--ink);flex:none;height:250px;display:block;position:relative;overflow:hidden}.work-visual.visual-flow{background:linear-gradient(145deg,#152a70,#214fe5 55%,#93a9ff)}.work-visual.visual-rings{background:var(--orange)}.work-visual.visual-difference{background:#9eaef4}.flow-diagram{grid-template-columns:repeat(3,1fr);align-items:center;gap:12px;display:grid;position:absolute;inset:17%}.flow-diagram span{background:var(--paper);border:1px solid var(--ink);text-align:center;box-shadow:3px 3px 0 var(--ink);z-index:1;padding:13px 8px;font-family:DM Mono;font-size:.58rem;position:relative}.flow-diagram i{z-index:0;background:#fff;width:65%;height:1px;position:absolute;left:18%}.ring-diagram{border:1px solid var(--ink);border-radius:50%;position:absolute;inset:-16%}.ring-diagram:before,.ring-diagram:after{content:"";border:1px solid var(--ink);border-radius:50%;position:absolute;inset:18%}.ring-diagram:after{background:var(--paper);inset:36%}.difference-note{border:1px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink);flex-direction:column;justify-content:center;padding:20px;display:flex;position:absolute;inset:15% 8%}.difference-note strong{white-space:nowrap;font-family:Newsreader Variable;font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:500;line-height:1}.difference-note small{text-transform:uppercase;margin-top:8px;font-family:DM Mono;font-size:.64rem}.work-copy{flex-direction:column;flex:1;justify-content:space-between;padding:25px;display:flex}.work-title{letter-spacing:-.025em;margin-top:4px;font-family:Newsreader Variable;font-size:2.05rem;font-weight:500;line-height:1.06;display:block}.work-summary{color:var(--muted);max-width:450px;margin-top:12px;font-size:.9rem;display:block}.work-meta{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.arrow{border:1px solid var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .2s,background .2s,color .2s;display:grid}.work-card:hover .arrow{background:var(--ink);color:var(--paper);transform:rotate(-25deg)}.chapter{border-top:1px solid var(--rule);grid-template-columns:170px 1fr 150px;align-items:start;gap:28px;padding:30px 0;display:grid}.chapter:first-of-type{border-color:var(--ink)}.chapter time{color:var(--muted);font-family:DM Mono;font-size:.72rem}.chapter h3{letter-spacing:-.02em;font-size:1.3rem}.chapter p{color:var(--muted);max-width:720px;margin-top:7px}.chapter .place{text-align:right;color:var(--muted);font-size:.7rem}.pullquote{grid-template-columns:1fr 1fr;min-height:680px;display:grid}.quote{border-right:1px solid var(--ink);flex-direction:column;justify-content:space-between;padding:78px 58px 72px 0;display:flex}.quote h2{letter-spacing:-.04em;font-family:Newsreader Variable;font-size:clamp(3.4rem,6.3vw,7.3rem);font-weight:400;line-height:1.03}.quote h2 em{color:var(--orange);margin-right:.07em;font-weight:400}.quote p{max-width:500px;color:var(--muted)}.principle-list{flex-direction:column;justify-content:center;padding:70px 0 70px 58px;display:flex}.principle{border-top:1px solid var(--rule);grid-template-columns:60px 1fr;padding:22px 0;display:grid}.principle:last-child{border-bottom:1px solid var(--rule)}.principle h3{font-family:Newsreader Variable;font-size:1.65rem;font-weight:500}.principle p{color:var(--muted);max-width:500px;margin-top:5px;font-size:.88rem}.resume-block{background:var(--ink);color:var(--paper);padding:100px 0}.resume-grid{grid-template-columns:1.25fr .75fr;align-items:end;gap:70px;display:grid}.resume-grid h2{letter-spacing:-.045em;font-family:Newsreader Variable;font-size:clamp(4rem,8vw,9rem);font-weight:400;line-height:1.02}.resume-grid h2 em{color:#aabaff;font-weight:400}.resume-side p{color:#c5c1ba;margin-bottom:26px}.resume-actions{flex-wrap:wrap;gap:10px;display:flex}.resume-side .round{border-color:var(--paper)}.resume-side .round:hover{background:var(--paper);color:var(--ink)}footer{padding:28px 0 40px}.footer-row{justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.footer-links{flex-wrap:wrap;gap:18px;display:flex}dialog{border:1px solid var(--ink);background:var(--paper);width:min(760px,100% - 28px);max-height:min(88vh,900px);box-shadow:14px 14px 0 var(--orange);margin:auto;padding:0;overflow:auto}dialog::backdrop{backdrop-filter:blur(3px);background:#151515bd}.modal{padding:40px}.modal-top{justify-content:space-between;gap:24px;display:flex}.modal h2{letter-spacing:-.04em;font-family:Newsreader Variable;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:500;line-height:1.02}.modal-label{color:var(--blue);margin-bottom:14px}.modal-summary{color:var(--muted);max-width:620px;margin:24px 0 8px;font-size:1.05rem}.modal-full-link{margin:0 0 8px}.case-full-link{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;align-items:center;min-height:44px;font-size:.84rem;font-weight:650;transition:background-size .2s;display:inline-flex}.case-full-link:hover{background-size:100% 1px}.close{appearance:none;border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:44px;height:44px;font-size:1.3rem}.close:hover{background:var(--ink);color:var(--paper)}.case-list{grid-template-columns:125px 1fr;font-size:.84rem;display:grid}.case-list dt,.case-list dd{border-top:1px solid var(--rule);padding:16px 0}.case-list dt{color:var(--muted);padding-right:22px}.case-list dd{font-weight:600}@keyframes wobble{50%{transform:rotate(3deg)translateY(-8px)}}@media (width<=1199px) and (width>=901px){.work-card.large{grid-column:span 12}.work-card.small{grid-column:span 6}}@media (width<=900px){.primary-nav{grid-template-columns:1fr auto}.nav-center{display:none}.mobile-section-nav{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;height:48px;font-family:DM Mono,monospace;font-size:.65rem;display:flex}.mobile-section-nav a{align-items:center;min-height:44px;display:inline-flex}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid span:nth-child(odd){border-left:1px solid #ffffff73}.proof-grid span:nth-child(-n+2){border-bottom:1px solid #ffffff73}.hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--ink);min-height:740px;padding-right:0}.hero-portrait{min-height:560px}.section-grid{grid-template-columns:1fr}.section-label{border-right:0;border-bottom:1px solid var(--ink);padding:22px 0}.section-body{padding-left:0}.work-card.large,.work-card.small{grid-column:span 12}.pullquote{grid-template-columns:1fr}.quote{border-right:0;border-bottom:1px solid var(--ink)}.principle-list{padding-left:0}.resume-grid{grid-template-columns:1fr}.chapter{grid-template-columns:100px 1fr}.chapter .place{display:none}}@media (width<=560px){.wrap{width:min(100% - 28px,var(--max))}.primary-nav{height:72px}.nav-right .round:first-child{display:none}.hero h1{font-size:4.75rem}.hero-copy{min-height:760px;padding-top:50px}.hero-bottom{grid-template-columns:1fr;gap:18px}.hero-portrait{min-height:490px}.hero-portrait picture{width:78%;margin-bottom:80px}.stamp{width:108px;height:108px;padding:15px;font-size:.58rem;top:22px;right:16px}.portrait-caption{left:18px;right:18px}.section-body{padding-top:50px}.big-intro{margin-bottom:44px}.work-card{min-height:420px}.work-visual{height:220px}.flow-diagram{gap:7px;inset:14%}.flow-diagram span{padding:11px 4px;font-size:.52rem}.quote{min-height:570px;padding-right:0}.chapter{grid-template-columns:1fr;gap:8px}.resume-block{padding:72px 0}.footer-row{flex-direction:column;align-items:flex-start;gap:20px}.modal{padding:26px}.case-list{grid-template-columns:1fr}.case-list dt{padding:14px 0 3px}.case-list dd{border-top:0;padding:0 0 14px}.modal-summary{font-size:.95rem}}@media (width<=380px){.kicker{letter-spacing:.055em;gap:7px;font-size:.58rem}.dot{width:7px;height:7px}.hero h1{font-size:4.05rem}.hero-copy{min-height:740px}.stamp{width:96px;height:96px}.difference-note{padding:16px;inset:18% 12%}.work-title{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}