:root{--ground:#e9e8e0;--paper:#f5f4ef;--ink:#23282a;--muted:#6c7176;--rule:#cdcbc0;--rule-fine:#dcdad0;--pig-pine:#c08a4e;--pig-bay:#46543f;--attention:#8a5d26;--display:"Bodoni Moda", Didot, "Times New Roman", serif;--body:Karla, "Helvetica Neue", Arial, sans-serif;--shell:min(1220px, calc(100% - 2 * clamp(1.25rem, 5vw, 4.5rem)));--gap:clamp(2.5rem, 6vw, 6rem);color:var(--ink);background:var(--ground);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ground);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1rem,.96rem + .2vw,1.0625rem);font-weight:350;line-height:1.65}body,button,input,textarea{font:inherit}img{max-width:100%;display:block}a{color:inherit}p,h1,h2,h3,figure,blockquote,ol,ul{margin-top:0}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin-bottom:0;font-weight:400}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--pig-bay);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{width:var(--shell);margin-inline:auto}.eyebrow,.section-index,.client-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:0;font-size:.6875rem;font-weight:500}.skip-link{background:var(--ink);color:var(--ground);z-index:20;padding:.75rem 1.25rem;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.button{cursor:pointer;background:var(--ink);color:var(--ground);letter-spacing:.14em;text-transform:uppercase;border:0;padding:.95rem 2rem;font-size:.6875rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.button:hover{background:var(--pig-bay)}.button--dark{background:var(--ink);color:var(--ground)}.button--disabled{color:var(--muted);box-shadow:inset 0 0 0 1px var(--rule);cursor:default;background:0 0}.button--disabled:hover{background:0 0}.text-link{border-bottom:1px solid var(--ink);padding-bottom:.3rem;font-size:.9375rem;text-decoration:none;transition:border-color .2s,color .2s}.text-link:hover{border-bottom-color:var(--pig-pine);color:#4a4038}.hero-wrap{background:var(--ground)}.site-header__inner{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;padding-block:1.75rem 1.5rem;display:flex}.wordmark{line-height:1;text-decoration:none;display:block}.wordmark__name{font-family:var(--display);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;font-size:1.75rem;display:block}.wordmark__descriptor{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.5rem;font-size:.6875rem;font-weight:500;display:block}.primary-nav{flex-wrap:wrap;align-items:center;gap:1.75rem;display:flex}.primary-nav a,.client-link{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:500;text-decoration:none;transition:color .2s}.primary-nav a:hover{color:var(--ink)}.client-link{border:1px solid var(--ink);color:var(--ink);align-items:center;gap:.5rem;padding:.55rem 1.1rem;display:inline-flex}.client-link:hover{background:var(--ink);color:var(--paper)}.hero{gap:var(--gap);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;padding-block:clamp(3.5rem,9vw,7rem) clamp(3rem,7vw,5.5rem);display:grid}.hero h1{letter-spacing:-.015em;margin-block:1.5rem 1.75rem;font-size:clamp(2.9rem,7.2vw,5.5rem);line-height:.98}.hero h1 em{font-style:italic}.hero__intro{color:#3a4044;max-width:46ch;margin-bottom:0}.hero__actions{flex-wrap:wrap;align-items:center;gap:1.75rem;margin-top:2.25rem;display:flex}.plate{background:var(--paper);box-shadow:0 1px 0 var(--rule);margin:0;padding:.75rem}.plate__frame{aspect-ratio:3/4;overflow:hidden}.plate__frame img{object-fit:cover;width:100%;height:100%}.plate__caption{border-top:1px solid var(--rule-fine);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:1rem;margin-top:.75rem;padding-top:.75rem;font-size:.6875rem;font-weight:500;display:flex}.plate__caption span:first-child{min-width:0}.plate__caption span:last-child{white-space:nowrap}.intro-band,.area-section{border-top:1px solid var(--rule);padding-block:clamp(3.5rem,8vw,6.5rem)}.intro-band__grid,.area-section__grid{gap:var(--gap);grid-template-columns:minmax(0,7rem) minmax(0,1.1fr) minmax(0,1fr);align-items:baseline;display:grid}.intro-band h2,.area-section h2,.section-heading h2,.testimonial-section h2,.contact-section h2,.client-preview h2{margin-top:.9rem;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.08}.body-large,.area-section__copy p{color:var(--muted);margin-bottom:0}.area-section__copy a{margin-top:1.5rem;display:inline-block}.section{border-top:1px solid var(--rule);padding-block:clamp(3.5rem,8vw,6.5rem)}.section-heading{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:baseline;margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.section-heading>p{color:var(--muted);max-width:48ch;margin-bottom:0}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2.25rem);display:grid}.service-card{background:var(--paper);padding:.75rem .75rem 1.5rem}.service-card__swatch{aspect-ratio:5/4;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:flex-end;gap:.75rem;padding:.9rem;font-size:.625rem;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #23282a24}.service-card__swatch[data-ink=light]{color:#ffffffdb}.service-card__swatch[data-ink=dark]{color:#23282a9e}.service-card h3{margin-top:1.25rem;font-size:1.375rem;line-height:1.2}.service-card p{color:var(--muted);margin:.6rem 0 0;font-size:.9375rem}.service-card .service-card__lead{color:var(--ink)}.work-section{border-top:1px solid var(--rule);padding-block:clamp(3.5rem,8vw,6.5rem)}.work-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:clamp(1.5rem,3vw,2.75rem);display:grid}.work-card:nth-child(4n+1){grid-column:1/span 5}.work-card:nth-child(4n+2){grid-column:7/span 4}.work-card:nth-child(4n+3){grid-column:2/span 4}.work-card:nth-child(4n+4){grid-column:7/span 6}.work-card__image-wrap{aspect-ratio:3/4;overflow:hidden}.work-card:nth-child(4n+4) .work-card__image-wrap{aspect-ratio:4/3}.work-card__image{object-fit:cover;width:100%;height:100%}.work-card__caption{border-top:1px solid var(--rule-fine);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:1rem;margin-top:.75rem;padding-top:.75rem;font-size:.6875rem;font-weight:500;display:flex}.work-card__caption .work-card__category{min-width:0;margin:0}.work-card__number{white-space:nowrap}.work-card h3{margin-top:1.25rem;font-size:1.375rem;line-height:1.2}.work-card>p:last-child{color:var(--muted);margin:.6rem 0 0;font-size:.9375rem}.principles-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.principles-list li{border-bottom:1px solid var(--rule-fine);grid-template-columns:5rem minmax(0,20ch) minmax(0,1fr);align-items:baseline;gap:clamp(1rem,3vw,2.5rem);padding-block:1.75rem;display:grid}.principles-list__number{font-family:var(--display);color:var(--pig-pine);font-size:1.5rem}.principles-list h3{font-size:1.25rem}.principles-list p{color:var(--muted);max-width:62ch;margin:0}.testimonial-section{border-top:1px solid var(--rule);padding-block:clamp(3.5rem,8vw,6.5rem)}.testimonial-section__grid{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:baseline;display:grid}.testimonial-list{gap:2.5rem;display:grid}.testimonial-list figure{margin:0}.testimonial-list blockquote{font-family:var(--display);margin:0;font-size:clamp(1.3rem,2.2vw,1.75rem);font-style:italic;line-height:1.35}.testimonial-list figcaption{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:1.25rem;font-size:.6875rem}.testimonial-placeholder{background:var(--paper);padding:clamp(1.5rem,3vw,2.25rem)}.testimonial-placeholder__quote{font-family:var(--display);color:var(--ink);font-size:1.375rem;font-style:italic;line-height:1.35}.testimonial-placeholder p:last-child{color:var(--muted);margin-bottom:0;font-size:.9375rem}.client-preview{border-top:1px solid var(--rule);padding-block:clamp(3.5rem,8vw,6.5rem)}.client-preview__grid{gap:var(--gap);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.client-preview__copy p{color:var(--muted);max-width:42ch}.client-preview__benefits{margin:1.5rem 0 0;padding:0;list-style:none}.client-preview__benefits li{border-top:1px solid var(--rule-fine);padding-block:.6rem;font-size:.9375rem}.snapshot{background:var(--paper);padding:clamp(1.25rem,2.5vw,2rem)}.snapshot__top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.snapshot__top h3{margin-top:.4rem;font-size:1.5rem}.snapshot__meter{margin-top:1.5rem}.snapshot__track{background:var(--rule);height:3px;position:relative}.snapshot__fill{background:var(--pig-bay);position:absolute;inset:0 auto 0 0}.snapshot__legend{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:1rem;margin-top:.6rem;font-size:.6875rem;display:flex}.snapshot__milestones{margin:1.75rem 0 0;padding:0;list-style:none}.snapshot__milestones li{border-top:1px solid var(--rule-fine);grid-template-columns:.75rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding-block:.7rem;font-size:.9375rem;display:grid}.snapshot__dot{width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1px var(--ink);border-radius:50%}.snapshot__dot--complete{background:var(--ink)}.snapshot__dot--current{background:var(--pig-pine);box-shadow:inset 0 0 0 1px var(--pig-pine), 0 0 0 3px #c08a4e40}.snapshot__when{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}.snapshot__split{border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.75rem;padding-top:1.5rem;display:grid}.snapshot__doc{border-bottom:1px solid var(--rule-fine);justify-content:space-between;gap:.75rem;padding-block:.55rem;font-size:.875rem;display:flex}.snapshot__status{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.625rem;font-weight:600}.snapshot__status--ready{color:var(--attention)}.snapshot__thumbs{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem;display:grid}.snapshot__thumbs div{aspect-ratio:1;overflow:hidden}.snapshot__thumbs img{object-fit:cover;width:100%;height:100%}.contact-section{border-top:1px solid var(--rule);padding-block:clamp(3.5rem,8vw,6.5rem)}.contact-section__grid{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:baseline;display:grid}.contact-section__action p{color:var(--muted);max-width:48ch}.contact-details{grid-template-columns:repeat(2,minmax(0,max-content));gap:1rem 3rem;margin:2rem 0 2.25rem;display:grid}.contact-details dd{font-family:var(--display);margin:.4rem 0 0;font-size:clamp(1.25rem,2vw,1.5rem)}.contact-details a,.site-footer__legal a{border-bottom:1px solid var(--rule);text-decoration:none}.contact-details a:hover,.site-footer__legal a:hover{border-bottom-color:var(--pig-pine)}@media (width<=560px){.contact-details{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--rule);padding-block:2.5rem 3rem}.site-footer__grid{gap:var(--gap);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.wordmark--footer{margin-bottom:1rem}.site-footer__note,.site-footer__legal p{color:var(--muted);max-width:34ch;font-size:.875rem}.site-footer__links{flex-direction:column;gap:.6rem;display:flex}.site-footer__links a{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;text-decoration:none}.site-footer__links a:hover{color:var(--ink)}.site-footer__legal p:last-child{margin-bottom:0}.plain-page{min-height:100vh}.not-found{padding-block:clamp(4rem,12vw,9rem)}.not-found h1{margin-block:1rem;font-size:clamp(2.2rem,5vw,3.4rem)}.not-found p{color:var(--muted);max-width:46ch}.not-found .button{margin-top:1.5rem}.client-app{background:var(--ground);min-height:100vh}.client-loading,.client-error{width:var(--shell);margin-inline:auto;padding-block:clamp(4rem,12vw,9rem)}.client-error h1{margin-block:1rem;font-size:clamp(2rem,4vw,2.9rem)}.client-error p{color:var(--muted);max-width:52ch}.client-error .button{margin-top:1.5rem}.client-header{width:var(--shell);border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-inline:auto;padding-block:1.5rem;display:flex}.client-brand{line-height:1.1;text-decoration:none}.client-brand span{font-family:var(--display);letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;font-size:1.375rem;display:block}.client-brand small,.client-header__project small{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.35rem;font-size:.6875rem;display:block}.client-header__project span,.client-header__account span{font-size:.9375rem;display:block}.client-header__account{text-align:right}.client-header__account a{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;text-decoration:none}.client-header__account a:hover{color:var(--ink)}.demo-banner{width:var(--shell);background:var(--paper);box-shadow:inset 3px 0 0 var(--attention);flex-wrap:wrap;align-items:baseline;gap:1rem;margin:1.5rem auto 0;padding:.9rem 1.25rem;display:flex}.demo-banner span{letter-spacing:.16em;text-transform:uppercase;color:var(--attention);white-space:nowrap;font-size:.625rem;font-weight:600}.demo-banner p{color:var(--muted);margin:0;font-size:.875rem}.client-shell{width:var(--shell);grid-template-columns:minmax(0,13rem) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);margin-inline:auto;padding-block:clamp(2rem,5vw,3.5rem);display:grid}.client-sidebar{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:2rem}.client-sidebar nav{flex-direction:column;gap:.65rem;display:flex}.client-sidebar nav a{color:var(--muted);border-bottom:1px solid var(--rule-fine);padding-bottom:.5rem;font-size:.9375rem;text-decoration:none}.client-sidebar nav a:hover,.client-sidebar nav a.is-active{color:var(--ink);border-bottom-color:var(--pig-pine)}.client-sidebar__help p{margin:0 0 .35rem;font-size:.875rem}.client-sidebar__help span{color:var(--muted);font-size:.8125rem}.client-sidebar__back{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;text-decoration:none}.client-sidebar__back:hover{color:var(--ink)}.client-main{gap:clamp(2rem,4vw,3rem);min-width:0;display:grid}.client-welcome{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.client-welcome h1{margin-block:.75rem 1rem;font-size:clamp(1.9rem,3.6vw,2.6rem)}.client-welcome p{color:var(--muted);max-width:56ch;margin-bottom:0}.status-chip{letter-spacing:.16em;text-transform:uppercase;color:var(--attention);white-space:nowrap;border:1px solid #8a5d2666;padding:.35rem .75rem;font-size:.625rem;font-weight:600}.project-status-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(1.25rem,2.5vw,2rem);display:grid}.progress-card,.next-update-card{background:var(--paper);padding:clamp(1.25rem,2.5vw,1.75rem)}.progress-card__heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.progress-card__heading h2{margin-top:.4rem;font-size:2.5rem;line-height:1}.progress-card__heading>p{color:var(--muted);text-align:right;margin-bottom:0;font-size:.875rem}.progress-card progress{appearance:none;background:var(--rule);border:0;width:100%;height:3px;margin-block:1.5rem 0;display:block}.progress-card progress::-webkit-progress-bar{background:var(--rule)}.progress-card progress::-webkit-progress-value{background:var(--pig-bay)}.progress-card progress::-moz-progress-bar{background:var(--pig-bay)}.progress-card__footer{color:var(--muted);justify-content:space-between;gap:1rem;margin-top:.75rem;font-size:.8125rem;display:flex}.progress-card__footer strong{color:var(--ink);font-weight:500}.next-update-card__date{font-family:var(--display);margin-block:.5rem .75rem;font-size:1.5rem}.next-update-card p:last-child{color:var(--muted);margin-bottom:0;font-size:.875rem}.client-section__heading{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.client-section__heading h2{margin-top:.4rem;font-size:1.5rem}.client-section__heading>p{color:var(--muted);margin-bottom:0;font-size:.8125rem}.milestone-list{margin:0;padding:0;list-style:none}.milestone{border-bottom:1px solid var(--rule-fine);grid-template-columns:.75rem minmax(0,1fr);align-items:baseline;gap:.9rem;padding-block:.8rem;display:grid}.milestone p{margin:0;font-size:.9375rem}.milestone span:not(.milestone__marker){color:var(--muted);font-size:.8125rem}.milestone__marker{width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1px var(--ink);border-radius:50%;transform:translateY(-.15rem)}.milestone--complete .milestone__marker{background:var(--ink)}.milestone--current .milestone__marker{background:var(--pig-pine);box-shadow:inset 0 0 0 1px var(--pig-pine), 0 0 0 3px #c08a4e40}.milestone--upcoming p{color:var(--muted)}.update-list{gap:1.5rem;display:grid}.update-list article{border-bottom:1px solid var(--rule-fine);grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);padding-bottom:1.5rem;display:grid}.update-list time{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.6875rem}.update-list h3{font-size:1.1875rem}.update-list p{color:var(--muted);margin:.5rem 0 0}.document-list{gap:.75rem;display:grid}.document-list article{background:var(--paper);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:grid}.document-icon{letter-spacing:.12em;color:var(--muted);border:1px solid var(--rule);padding:.35rem .4rem;font-size:.5625rem;font-weight:600}.document-list p{margin:0;font-size:.9375rem}.document-list article>div span{color:var(--muted);font-size:.8125rem}.document-status{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.625rem;font-weight:600}.document-status--ready{color:var(--attention)}.document-list a,.document-demo-link{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:.6875rem}.document-list a{color:var(--ink)}.document-demo-link{color:var(--muted)}.client-photo-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.client-photo-grid figure{background:var(--paper);margin:0;padding:.6rem}.client-photo-grid img,.client-photo-placeholder{aspect-ratio:4/3;object-fit:cover;width:100%}.client-photo-placeholder{background:var(--rule-fine);color:var(--muted);letter-spacing:.16em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.6875rem;display:flex}.client-photo-grid figcaption{border-top:1px solid var(--rule-fine);color:var(--muted);justify-content:space-between;gap:.75rem;margin-top:.6rem;padding-top:.6rem;font-size:.75rem;display:flex}.client-photo-grid figcaption time{white-space:nowrap}@media (width<=1000px){.intro-band__grid,.area-section__grid{grid-template-columns:minmax(0,6rem) minmax(0,1fr)}.intro-band__grid>:last-child,.area-section__grid>:last-child{grid-column:2}.client-shell{grid-template-columns:1fr}.client-sidebar{position:static}.client-sidebar nav{flex-flow:wrap;gap:1rem}.client-sidebar nav a{border-bottom:0;padding-bottom:0}}@media (width<=900px){.hero,.section-heading,.testimonial-section__grid,.contact-section__grid,.client-preview__grid,.site-footer__grid,.project-status-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:1fr}.work-card:nth-child(n){grid-column:1/-1}.work-card:nth-child(n) .work-card__image-wrap{aspect-ratio:4/3}.principles-list li{grid-template-columns:3rem minmax(0,1fr)}.principles-list p{grid-column:2}.snapshot__split{grid-template-columns:1fr}.update-list article{grid-template-columns:1fr;gap:.5rem}}@media (width<=640px){.intro-band__grid,.area-section__grid{grid-template-columns:1fr}.intro-band__grid>:last-child,.area-section__grid>:last-child{grid-column:1}.services-grid{grid-template-columns:1fr}.document-list article{grid-template-columns:auto minmax(0,1fr)}.document-list article>:nth-child(3),.document-list article>:nth-child(4){grid-column:2}.client-header__account{text-align:left}}.office{background:var(--ground);min-height:100vh}.office--centred{width:var(--shell);margin-inline:auto;padding-block:clamp(4rem,12vw,9rem)}.office--centred h1{margin-block:1rem;font-size:clamp(2rem,4vw,2.9rem)}.office--centred p{color:var(--muted);max-width:52ch}.office-header{width:var(--shell);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:2rem;margin-inline:auto;padding-block:1.5rem;display:flex}.office-main{width:min(960px, var(--shell));gap:clamp(2.5rem,5vw,3.5rem);margin-inline:auto;padding-block:1.5rem 5rem;display:grid}.office-message{min-height:1.5rem;margin:0;font-size:.9375rem}.office-message[data-tone=ok]{color:var(--pig-bay)}.office-message[data-tone=error]{color:#9a3b2a}.office-section h1,.office-section h2{margin-top:.4rem;font-size:1.5rem}.office-form{background:var(--paper);grid-template-columns:minmax(0,16rem) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,2rem);padding:clamp(1rem,2.5vw,1.5rem);display:grid}.office-photo{aspect-ratio:3/4;background:var(--ground);box-shadow:inset 0 0 0 1px var(--rule);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative;overflow:hidden}.office-photo:hover,.office-photo:focus-within{box-shadow:inset 0 0 0 1px var(--ink)}.office-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.office-photo input{opacity:0;cursor:pointer;position:absolute;inset:0}.office-current{aspect-ratio:4/3;object-fit:cover;opacity:.85;width:100%;margin-top:.5rem}.office-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1rem 1.25rem;display:grid}.office-field{gap:.4rem;display:grid}.office-field--wide,.office-check,.office-fields>.button,.office-fields>.office-actions{grid-column:1/-1}.office-field .eyebrow{justify-content:space-between;display:flex}.office-field small{letter-spacing:.05em}.office-field input,.office-field textarea{border:1px solid var(--rule);background:var(--ground);width:100%;color:var(--ink);resize:vertical;padding:.7rem .8rem}.office-field input:focus,.office-field textarea:focus{border-color:var(--pig-bay);outline:none}.office-check{align-items:center;gap:.6rem;font-size:.9375rem;display:flex}.office-fields>.button{justify-self:start}.button:disabled{opacity:.5;cursor:progress}.office-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.office-item{background:var(--paper);grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:.75rem;display:grid}.office-item:has(>form){padding:0;display:block}.office-item[data-hidden=true] .office-thumb{opacity:.45}.office-thumb{aspect-ratio:1;object-fit:cover;width:5rem}.office-item__title{font-family:var(--display);flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:0;font-size:1.1875rem;display:flex}.office-item__meta{color:var(--muted);margin:.2rem 0 0;font-size:.875rem}.office-badge{font-family:var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--rule);padding:.2rem .45rem;font-size:.5625rem;font-weight:600}.office-badge--hero{color:var(--attention);border-color:#8a5d2673}.office-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem 1rem;display:flex}.office-fields>.office-actions{justify-content:flex-start}.office-link,.office-icon{cursor:pointer;color:var(--ink);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;padding:.3rem 0;font-size:.6875rem;font-weight:600}.office-icon{letter-spacing:0;padding-inline:.2rem;font-size:1rem}.office-link:hover:not(:disabled),.office-icon:hover:not(:disabled){color:var(--pig-bay)}.office-link:disabled,.office-icon:disabled{color:var(--rule);cursor:default}.office-link--danger{color:#9a3b2a}.office-empty{color:var(--muted)}@media (width<=760px){.office-form,.office-fields{grid-template-columns:1fr}.office-photo{aspect-ratio:4/3}.office-item{grid-template-columns:4rem minmax(0,1fr)}.office-thumb{width:4rem}.office-item>.office-actions{grid-column:1/-1;justify-content:flex-start}}