:root{--paper:#efede5;--wall:#f8f6ee;--ink:#151b22;--muted:#55554e;--line:#d9d4c5;--grid:#e4decd;--red:#e92816;--oxblood:#b42512;--teal:#0e788a;--bluegreen:#7fa09e;--mustard:#d7b63d;--shadow:14px 18px 0 #151b221a;--font-display:"highgate-variable", "Helvetica Neue", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans:"highgate-variable", "Helvetica Neue", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, #151b2209 1px, transparent 1px), var(--paper);color:var(--ink);font-family:var(--font-sans), Arial, sans-serif;font-variation-settings:"wght" 400;letter-spacing:0;background-size:96px 96px;margin:0;font-weight:400}::selection{background:var(--red);color:var(--wall)}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{border-bottom:2px solid var(--ink);z-index:10;background:#efede5f0;justify-content:space-between;align-items:center;min-height:72px;padding:14px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.wordmark{gap:3px;min-width:214px;display:grid}.wordmark span{font-size:23px;font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;font-weight:700;line-height:.95}.wordmark small,.eyebrow{color:var(--muted);font-size:12px;font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 620;letter-spacing:0;text-transform:uppercase;margin:0;font-weight:620}.wordmark small{color:var(--red)}nav{flex-wrap:wrap;justify-content:flex-end;gap:24px;display:flex}nav a{color:var(--ink);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 640;text-transform:uppercase;border-bottom:3px solid #0000;padding:8px 0 6px;font-size:13px;font-weight:640}nav a:hover{border-color:var(--red);color:var(--red)}.hero{grid-template-columns:minmax(0,1.02fr) minmax(320px,.78fr);align-items:center;gap:clamp(28px,5vw,70px);min-height:660px;padding:72px clamp(20px,5vw,72px) 68px;display:grid;position:relative;overflow:hidden}.hero:before{background:var(--red);content:"";width:min(430px,100vw - 40px);height:14px;position:absolute;bottom:44px;left:clamp(20px,5vw,72px)}.hero:after{background:var(--teal);content:"";border-radius:999px;width:30px;height:30px;position:absolute;bottom:36px;left:calc(clamp(20px,5vw,72px) + min(430px,100vw - 40px) - 15px)}.hero-copy{z-index:1;max-width:850px;position:relative}.hero-copy:before{color:var(--mustard);content:"01";font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;margin-bottom:24px;font-size:42px;font-weight:700;line-height:.9;display:block}.hero h1,.section-heading h2,.contact h2{font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;letter-spacing:0;margin:0;font-weight:700;line-height:.98}.hero h1{text-transform:uppercase;max-width:820px;font-size:64px}.lede{border-left:4px solid var(--red);color:var(--ink);font-variation-settings:"wght" 430;max-width:720px;margin:30px 0 0;padding-left:20px;font-size:18px;font-weight:430;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;min-height:48px;padding:13px 18px;font-size:14px;font-weight:700;display:inline-flex}.button.primary{background:var(--red);color:var(--wall)}.button.secondary{border:2px solid var(--ink);color:var(--ink)}.button:hover{transform:translateY(-1px)}.hero-image{aspect-ratio:3/2;background:var(--wall);border:2px solid var(--ink);box-shadow:var(--shadow);min-height:360px;max-height:560px;margin:0;position:relative;overflow:hidden}.hero-image:before{content:"";mix-blend-mode:multiply;opacity:.45;pointer-events:none;z-index:2;background-color:#0000;background-image:linear-gradient(90deg,#e928168a 1px,#0000 1px),linear-gradient(0deg,#e928168a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero-image:after{background:var(--mustard);content:"";z-index:3;width:46%;height:16px;position:absolute;bottom:0;left:0}.hero-image img{filter:grayscale(.42)contrast(1.08);object-fit:cover}.image-credit{color:var(--wall);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 560;pointer-events:auto;white-space:nowrap;z-index:4;background:#151b22bd;padding:6px 7px 5px;font-size:10px;font-weight:560;line-height:1;position:absolute;bottom:10px;right:10px}.image-credit a{color:inherit;border-bottom:1px solid #f8f6eeb8;text-decoration:none}.image-credit a:hover,.image-credit a:focus-visible{border-color:currentColor;outline:none}.principles,.work-band,.projects,.contact{padding:clamp(58px,8vw,110px) clamp(20px,5vw,72px)}.principles,.projects{background:var(--wall);border-top:2px solid var(--ink)}.section-heading{border-top:2px solid var(--ink);grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);align-items:start;gap:24px;max-width:1220px;margin:0 auto 36px;padding-top:18px;display:grid}.section-heading .eyebrow{color:var(--red);align-self:start}.section-heading h2,.contact h2{font-size:46px}.principle-grid,.work-grid{max-width:1220px;margin:0 auto;display:grid}.principle-grid{border-left:1px solid var(--grid);grid-template-columns:repeat(3,minmax(0,1fr))}.principle-card,.work-card,.contact-panel{border-radius:0}.principle-card{border-bottom:1px solid var(--grid);border-right:1px solid var(--grid);border-top:8px solid var(--red);gap:18px;min-height:270px;padding:28px;display:grid}.principle-card:nth-child(2){border-top-color:var(--teal)}.principle-card:nth-child(3){border-top-color:var(--mustard)}.principle-card span{color:var(--ink);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;font-size:40px;font-weight:700;line-height:.9;display:block}.principle-card h3,.work-card h3,.work-card-title{font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;margin:0;font-size:28px;font-weight:700;line-height:1.04}.work-card-title{color:var(--ink);display:block}a.work-card-title:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.principle-card p,.work-card span,.contact-panel p,.contact-panel li{color:var(--muted);font-variation-settings:"wght" 420;margin:0;font-size:16px;font-weight:420;line-height:1.55}.work-band{background:linear-gradient(90deg, #151b220f 1px, transparent 1px), linear-gradient(0deg, #151b220d 1px, transparent 1px), var(--paper);background-size:120px 120px,120px 120px,auto}.work-grid{border-left:1px solid var(--grid);border-top:1px solid var(--grid);counter-reset:work;grid-template-columns:repeat(4,minmax(0,1fr))}.work-card{border-bottom:1px solid var(--grid);border-right:1px solid var(--grid);counter-increment:work;background:#f8f6ee6b;flex-direction:column;gap:18px;min-height:340px;padding:26px;display:flex;position:relative}.work-card:before{color:var(--red);content:counter(work, decimal-leading-zero);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;font-size:38px;font-weight:700;line-height:.9}.work-card:nth-child(2):before{color:var(--teal)}.work-card:nth-child(3):before{color:var(--oxblood)}.work-card:nth-child(4):before{color:var(--mustard)}.work-card:first-child{color:var(--red)}.work-card:nth-child(2){color:var(--teal)}.work-card:nth-child(3){color:var(--oxblood)}.work-card:nth-child(4){color:var(--mustard)}.work-card p{color:currentColor;font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 660;text-transform:uppercase;border-top:10px solid;min-height:34px;margin:34px 0 0;padding-top:12px;font-size:12px;font-weight:660;line-height:1.35}.work-card h3,.work-card-title,.work-card span{color:var(--ink)}.project-list{border-left:1px solid var(--grid);border-top:1px solid var(--grid);counter-reset:projects;grid-template-columns:repeat(4,minmax(160px,1fr));max-width:1220px;margin:0 auto;display:grid}.project-list>span{border-bottom:1px solid var(--grid);border-right:1px solid var(--grid);color:var(--ink);counter-increment:projects;grid-template-rows:38px minmax(48px,auto) auto;align-content:start;row-gap:12px;min-height:220px;padding:22px 26px 24px;font-size:14px;display:grid;position:relative}.project-list>span:before{color:var(--bluegreen);content:counter(projects, decimal-leading-zero);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;font-size:28px;font-weight:700;line-height:.9}.project-list>span:nth-child(2n):before{color:var(--teal)}.project-list>span:nth-child(3n):before{color:var(--red)}.project-list>span:nth-child(5n):before{color:var(--mustard)}.project-list>span>strong{color:var(--ink);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;font-size:20px;font-weight:700;line-height:1.08;display:block}.project-list>span>span{color:var(--muted);font-variation-settings:"wght" 420;max-width:32ch;font-weight:420;line-height:1.45;display:block}.contact{background:linear-gradient(90deg, #efede514 1px, transparent 1px), var(--ink);color:var(--wall);background-size:96px 96px;grid-template-columns:minmax(0,.95fr) minmax(320px,.72fr);align-items:start;gap:42px;display:grid}.contact .eyebrow{color:var(--mustard)}.contact-panel{background:var(--wall);border-left:10px solid var(--red);box-shadow:var(--shadow);color:var(--ink);gap:20px;padding:28px;display:grid}.contact-panel p,.contact-panel li{color:var(--ink)}.contact-panel ul{gap:10px;margin:0;padding-left:18px;display:grid}.contact-panel .button.primary{background:var(--ink);color:var(--wall);cursor:pointer;border:0;width:fit-content}.contact-form{gap:16px;display:grid}.contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.contact-form label{gap:8px;display:grid}.contact-form label>span{color:var(--ink);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 660;text-transform:uppercase;font-size:12px;font-weight:660;line-height:1.1}.contact-form input,.contact-form textarea{background:var(--wall);border:2px solid var(--ink);color:var(--ink);font:inherit;font-variation-settings:"wght" 430;border-radius:0;width:100%;min-height:46px;padding:10px 12px;font-size:16px;font-weight:430;line-height:1.35}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input:focus,.contact-form textarea:focus{outline:3px solid var(--mustard);outline-offset:0}.contact-promise{border-top:1px solid var(--line);padding-top:12px}.contact-form-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.contact-form .button:disabled{cursor:wait;opacity:.68;transform:none}.contact-form-status{color:var(--teal);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 650;font-size:14px;font-weight:650}.contact-form-status.error{color:var(--red)}.contact-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-10000px}.site-footer{background:var(--ink);border-top:8px solid var(--red);color:var(--wall);justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,72px);display:flex}.site-footer:after{background:linear-gradient(90deg, var(--bluegreen) 0 25%, var(--teal) 25% 50%, var(--oxblood) 50% 75%, var(--mustard) 75% 100%);content:"";width:min(260px,34vw);height:10px}.site-footer p{font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 620;text-transform:uppercase;margin:0;font-size:13px;font-weight:620}.admin-page{min-height:100vh}.admin-shell{max-width:980px;margin:0 auto;padding:74px clamp(20px,5vw,72px) 100px}.admin-shell h1{font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;text-transform:uppercase;margin:0;font-size:56px;font-weight:700;line-height:1}.admin-login{gap:14px;max-width:560px;margin-top:28px;display:grid}.admin-login label{color:var(--ink);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 640;text-transform:uppercase;font-size:13px;font-weight:640}.admin-login div{align-items:center;gap:10px;display:flex}.admin-login input{background:var(--wall);border:2px solid var(--ink);color:var(--ink);font:inherit;border-radius:0;width:100%;min-height:48px;padding:0 12px}.admin-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0 22px;display:flex}.admin-status{color:var(--teal);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 640;margin:0;font-size:14px;font-weight:640}.admin-panel{background:var(--wall);border:2px solid var(--ink);border-radius:0;gap:16px;max-width:760px;padding:28px;display:grid}.admin-panel h2{font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 700;margin:0;font-size:34px;font-weight:700;line-height:1.02}.admin-panel p{color:var(--muted);font-variation-settings:"wght" 420;margin:0;font-size:17px;font-weight:420;line-height:1.6}.admin-edit-toolbar{background:var(--wall);border:2px solid var(--ink);color:var(--ink);font-family:var(--font-display), Arial, sans-serif;font-variation-settings:"wght" 640;z-index:1000;border-radius:0;align-items:center;gap:10px;max-width:min(520px,100vw - 32px);padding:10px 12px;font-size:13px;font-weight:640;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:8px 8px #151b222e}.admin-edit-toolbar em{color:var(--muted);font-style:normal}.admin-edit-toolbar button{background:var(--ink);color:var(--wall);cursor:pointer;font:inherit;border:0;border-radius:0;min-height:30px;padding:0 10px}.editable-text{cursor:text;outline:2px dashed var(--red);outline-offset:3px;border-radius:0}.editable-text:empty{min-width:9ch;min-height:1.1em}.editable-text:empty:before{color:#151b2285;content:attr(data-empty-label);font-style:normal}.editable-text:focus{outline:3px solid var(--red);background:#d7b63d4d}.editable-image-frame{display:block;position:relative}.editable-image-input{display:none}.editable-image-swap{color:#f8f6eeeb;cursor:pointer;opacity:.8;z-index:10;background:#151b22ad;border:1px solid #f8f6ee9e;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .16s,opacity .16s,transform .16s;display:inline-flex;position:absolute;top:10px;right:10px}.editable-image-swap svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;display:block}.editable-image-swap:hover,.editable-image-swap:focus-visible{opacity:1;background:#151b22e6;outline:none;transform:translateY(-1px)}@media (max-width:1000px){.hero,.contact,.section-heading{grid-template-columns:1fr}.hero{min-height:auto}.hero h1{font-size:52px}.hero-image{aspect-ratio:3/2;min-height:300px}.principle-grid,.work-grid,.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.site-header{flex-direction:column;align-items:flex-start;gap:14px;position:static}nav{justify-content:flex-start;gap:14px}.hero{padding-top:46px}.hero h1{font-size:36px;line-height:.98}.hero-copy:before{margin-bottom:18px;font-size:32px}.lede{font-size:16px}.principle-grid,.work-grid,.project-list{grid-template-columns:1fr}.work-card,.principle-card{min-height:auto}.button{width:100%}.contact-form-grid{grid-template-columns:1fr}.contact-form-actions,.admin-login div,.admin-actions{flex-direction:column;align-items:stretch}.admin-shell h1{font-size:38px}.hero-image{aspect-ratio:3/2;min-height:220px}.section-heading h2,.contact h2{font-size:32px}.site-footer{flex-direction:column;align-items:flex-start;gap:14px}.site-footer:after{width:100%}}