*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f2f5f5;--fg:#2e398b;--zoom:1.18;--gap:14px;--font:"Archivo", system-ui, -apple-system, "Segoe UI", sans-serif}html{zoom:var(--zoom);background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}body{font:450 13.5px/1.5 var(--font);background:var(--bg);color:var(--fg);min-height:calc(100vh / var(--zoom));font-stretch:100%}::selection{background:var(--fg);color:var(--bg)}a{color:inherit}ul,ol{list-style:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}body:after{content:"";pointer-events:none;z-index:50;opacity:.09;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.feed__thumb,.entry__image,.profile__portrait{transition:box-shadow .25s;position:relative}.feed__thumb img,.entry__image img,.profile__portrait img{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.feed__thumb:hover,.entry__image:hover,.profile__portrait:hover{box-shadow:0 14px 32px color-mix(in srgb, var(--fg) 16%, transparent);z-index:1}.feed__thumb:hover img,.entry__image:hover img,.profile__portrait:hover img{transform:scale(1.06)}.boot{padding:4rem 2rem;font-weight:700}.page{column-gap:var(--gap);row-gap:var(--gap);grid-template-columns:46px 214px minmax(0,1fr) minmax(0,1.15fr);align-items:start;max-width:1400px;margin:0 auto;padding:16px;display:grid}.col{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.logo{writing-mode:vertical-rl;white-space:nowrap;flex-direction:row-reverse;place-self:start;gap:4px;display:flex;position:sticky;top:16px;transform:rotate(180deg)}.logo__name{letter-spacing:-.02em;text-transform:uppercase;font-size:40px;font-weight:900;font-stretch:125%;line-height:1}.logo__sub{letter-spacing:.1em;text-transform:uppercase;padding-block:4px;font-size:9.5px;font-weight:700;font-stretch:115%}.box{border:2px solid var(--fg);min-width:0;scroll-margin-top:16px}.box__head{background:var(--fg);color:var(--bg);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:5px 9px 4px;font-size:11px;font-weight:800;font-stretch:125%;line-height:1.2;display:flex}.box__title{font:inherit;letter-spacing:inherit}.box__side{letter-spacing:.06em;text-align:right;font-size:10px;font-weight:700;font-stretch:112%}.box__body{padding:11px 12px 12px}.btn{letter-spacing:.06em;text-transform:uppercase;color:var(--fg);border:1.5px solid var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:4px 9px;font-size:10.5px;font-weight:800;font-stretch:118%;line-height:1.2;text-decoration:none;display:inline-block}.btn:hover,.btn:focus-visible{background:var(--fg);color:var(--bg)}.btn--solid{background:var(--fg);color:var(--bg);padding:7px 12px}.btn--solid:hover,.btn--solid:focus-visible{color:var(--fg);background:0 0}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.box__head :focus-visible{outline-color:var(--bg)}.chip{background:var(--fg);color:var(--bg);padding:1px 6px}.subhead{letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px;font-size:10.5px;font-weight:800;font-stretch:118%}.rail{gap:var(--gap);flex-direction:column;align-self:start;display:flex;position:static}@media (height>=1000px) and (width>=901px){.rail{position:sticky;top:16px}}.nav-list,.skills{margin:-3px -4px}.nav-list a,.skills li{letter-spacing:.05em;text-transform:uppercase;gap:8px;padding:3px 4px;font-size:11px;font-weight:700;font-stretch:112%;line-height:1.3;display:flex}.nav-list a{text-decoration:none}.nav-list a:hover,.nav-list a:focus-visible{background:var(--fg);color:var(--bg);outline-offset:-2px}.nav-list__mk{border:1.5px solid;flex:none;width:7px;height:7px;margin-top:3px}.nav-list a.active .nav-list__mk{background:currentColor}.nav-list__mk--out{border:0;width:9px;height:auto;margin-top:0;font-size:10px;line-height:1.3}.skills__n{flex:none;min-width:16px;font-weight:600}.swatches{grid-template-columns:repeat(4,minmax(0,40px));justify-content:center;gap:6px;display:grid}.swatch{aspect-ratio:1;background:var(--sw-bg);width:100%;min-width:0;color:var(--sw-fg);border:2px solid var(--fg);font-weight:800;font-stretch:125%;font-size:clamp(9px, calc(2.6vw / var(--zoom)), 12px);cursor:pointer;place-items:center;padding:0;transition:outline-offset .2s,transform .2s;display:grid}.swatch:hover{transform:translateY(-1px)}.swatch[aria-pressed=true]{outline:2px solid var(--fg);outline-offset:2px}.swatch-name{text-align:center;letter-spacing:.06em;text-transform:uppercase;margin-top:9px;font-size:10px;font-weight:700;font-stretch:112%}.profile{container-type:inline-size}.wordmark{background:var(--fg);color:var(--bg);letter-spacing:-.015em;text-transform:uppercase;white-space:normal;overflow-wrap:break-word;text-wrap:balance;margin:-1px 0 9px;font-size:clamp(22px,9.2cqi,92px);font-weight:900;font-stretch:125%;line-height:.9}.kicker{letter-spacing:.08em;text-transform:uppercase;border-top:2px solid var(--fg);border-bottom:1px solid var(--fg);padding:6px 0;font-size:10.5px;font-weight:700;font-stretch:115%}.profile__lead{gap:12px;padding:12px 0 10px;display:grid}.profile__lead.has-portrait{grid-template-columns:112px minmax(0,1fr)}.profile__portrait{border:1.5px solid var(--fg);aspect-ratio:3/4;overflow:hidden}.profile__portrait img{object-fit:cover;width:100%;height:100%}.tagline{margin-bottom:10px;font-size:15px;font-weight:800;font-stretch:108%;line-height:1.3}.profile__text{font-size:13.5px;line-height:1.55}.stats{border-top:2px solid var(--fg);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;display:grid}.stat{flex-direction:column-reverse;justify-content:flex-end;min-width:0;padding:8px 8px 0 0;display:flex}.stat+.stat{border-left:1px solid var(--fg);padding-left:8px}.stat__val{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(15px,4.6cqi,26px);font-weight:900;font-stretch:125%;line-height:1.05}.stat__lbl{letter-spacing:.05em;text-transform:uppercase;overflow-wrap:break-word;margin-top:5px;font-size:10px;font-weight:700;font-stretch:110%;line-height:1.25}@container (width<=460px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding-bottom:8px}.stat+.stat{border-left:1px solid var(--fg);padding-left:8px}.stat:nth-child(odd){border-left:0;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--fg)}.stat__val{font-size:clamp(16px,7cqi,26px)}}.feed__item{border-top:1px solid var(--fg);padding:11px 0}.feed__item:first-child{border-top:0;padding-top:0}.feed__item:last-child{padding-bottom:0}.feed__body{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.feed__body--plain{grid-template-columns:minmax(0,1fr)}.feed__thumb{border:1.5px solid var(--fg);width:fit-content;line-height:0;overflow:hidden}.feed__thumb img{object-fit:contain;width:auto;max-width:120px;height:auto;max-height:160px}.feed__title{text-transform:uppercase;font-size:12.5px;font-weight:800;font-stretch:118%;line-height:1.25}.feed__meta{letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:5px 0 6px;font-size:10.5px;font-weight:700;font-stretch:112%;display:flex}.feed__text{font-size:13px;line-height:1.5}.feed__text+.feed__text{margin-top:4px}.feed__text--strong{font-weight:700}.toolbar{border-bottom:2px solid var(--fg);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:10px;display:flex}.toolbar__field{letter-spacing:.06em;text-transform:uppercase;flex:190px;align-items:center;gap:7px;font-size:10.5px;font-weight:700;font-stretch:112%;display:flex}.toolbar input{min-width:0;color:var(--fg);border:1.5px solid var(--fg);font:500 12.5px var(--font);background:0 0;border-radius:0;flex:1;padding:3px 7px}.toolbar input::placeholder{color:var(--fg);opacity:.8}.toolbar__count{letter-spacing:.06em;margin-left:auto;font-size:10.5px;font-weight:800;font-stretch:118%}.entry{border-bottom:1px solid var(--fg)}.entry__head{font:inherit}.entry__toggle{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);gap:2px 9px;width:100%;padding:10px 4px;display:grid}.entry__toggle:focus-visible{outline-offset:-2px}.entry__mark{border:1.5px solid var(--fg);grid-row:1/4;align-self:start;place-items:center;width:18px;height:18px;font-size:14px;font-weight:900;line-height:1;display:grid}.entry__num{letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;grid-column:2;font-size:10.5px;font-weight:700;font-stretch:112%}.entry__name{text-transform:uppercase;grid-column:2;font-size:13px;font-weight:800;font-stretch:120%;line-height:1.2}.entry__desc{grid-column:2;font-size:12.5px;line-height:1.4}.entry__toggle:hover .entry__name{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.entry.open .entry__mark{background:var(--fg);color:var(--bg)}.entry__panel{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1);display:grid}.entry.open .entry__panel{grid-template-rows:1fr}.entry__inner{min-height:0;overflow:hidden}.entry__body{gap:12px;padding:2px 4px 14px 31px;display:grid}.entry__images{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.entry__image{aspect-ratio:16/10;border:1.5px solid var(--fg);cursor:zoom-in;background:0 0;border-radius:0;padding:0;display:block;overflow:hidden}.entry__image img{object-fit:cover;width:100%;height:100%}.entry__block{border-top:1px solid var(--fg);grid-template-columns:82px minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.entry__block dt{letter-spacing:.07em;text-transform:uppercase;padding-top:2px;font-size:10px;font-weight:800;font-stretch:112%}.entry__block dd strong{margin-bottom:2px;font-size:13px;font-weight:800;font-stretch:108%;line-height:1.3;display:block}.entry__block dd span{font-size:13px;line-height:1.5}.entry__links{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.empty{padding:14px 0 2px;font-weight:700}.approach__title{font-weight:900;font-stretch:125%;font-size:clamp(18px, calc(2.1vw / var(--zoom)), 28px);letter-spacing:-.01em;text-transform:uppercase;line-height:.98}.approach__text{margin:10px 0 12px;font-size:13.5px}.approach__cols{border-top:2px solid var(--fg);grid-template-columns:1fr 1fr;gap:16px;padding:10px 0 14px;display:grid}.bring li,.engage li{border-top:1px solid var(--fg);gap:8px;padding:5px 0;font-size:12.5px;line-height:1.35;display:flex}.bring li:first-child,.engage li:first-child{border-top:0;padding-top:0}.bring li:before{content:"";background:var(--fg);flex:none;width:7px;height:7px;margin-top:5px}.engage li{flex-direction:column;gap:1px}.engage li span{letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700;font-stretch:112%}.engage li strong{font-size:13px;font-weight:800;font-stretch:108%}.contact{container-type:inline-size}.contact__big{background:var(--fg);color:var(--bg);letter-spacing:-.01em;text-transform:uppercase;border:2px solid var(--fg);padding:12px 14px;font-size:clamp(24px,9cqi,52px);font-weight:900;font-stretch:125%;line-height:.95;text-decoration:none;display:block}.contact__big:hover,.contact__big:focus-visible{color:var(--fg);background:0 0}.contact__quote{margin:12px 0;font-size:14px;font-weight:700;font-stretch:108%;line-height:1.4}.rows{border-top:2px solid var(--fg)}.rows__row{border-bottom:1px solid var(--fg);grid-template-columns:82px minmax(0,1fr);gap:10px;padding:6px 0;display:grid}.rows__row dt{letter-spacing:.07em;text-transform:uppercase;padding-top:1px;font-size:10px;font-weight:800;font-stretch:112%}.rows__row dd{font-weight:600}.socials{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.foot{letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;grid-column:2/-1;justify-content:space-between;gap:4px 16px;font-size:10px;font-weight:700;font-stretch:112%;display:flex}@media (width<=1390px){.page{grid-template-columns:46px 200px minmax(0,1fr)}.col{display:contents}.col>.box{grid-column:3}.logo,.rail{grid-row:1/span 6}#about{order:1}#projects{order:2}#work{order:3}#education{order:4}#approach{order:5}#contact{order:6}.foot{order:9}}@media (width<=900px){.page{grid-template-columns:minmax(0,1fr);padding:12px}.logo{writing-mode:horizontal-tb;flex-direction:column;grid-row:auto;gap:2px;position:static;transform:none}.logo__name{font-size:clamp(28px, calc(9vw / var(--zoom)), 40px)}.logo__sub{padding:0}.rail{grid-row:auto;grid-template-columns:1fr 1fr;display:grid}.rail .box--colours{grid-column:1/-1}.swatches{grid-template-columns:repeat(8,minmax(0,44px))}.col>.box,.foot{grid-column:1}.profile__lead.has-portrait{grid-template-columns:92px minmax(0,1fr)}.feed__body{grid-template-columns:minmax(0,1fr)}.entry__body{padding-left:4px}.entry__block,.rows__row{grid-template-columns:74px minmax(0,1fr)}.approach__cols{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.entry__panel,.duo,.swatch{transition:none}.swatch:hover{transform:none}}