@font-face{font-family:Boston;src:url(/assets/fonts/boston-400.01506580.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Boston;src:url(/assets/fonts/boston-600.e3583cc9.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Bageo;src:url(/assets/fonts/bageo-400.185c959d.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ohkey-ink: #141414;--ohkey-mist: #f7edf0;--ohkey-ember: #ec5240;--ohkey-ochre: #e98e26;--ohkey-maize: #ffd133;--surface: var(--ohkey-ink);--surface-raised: #1c1c1c;--text: var(--ohkey-mist);--text-muted: #a8a0a2;--text-faint: #6e6668;--accent: var(--ohkey-ember);--accent-2: var(--ohkey-ochre);--accent-3: var(--ohkey-maize);--rule: #2a2a2a;--focus: var(--ohkey-ember);--font-display: "Bageo", "Playfair Display", Georgia, serif;--font-body: "Boston", ui-sans-serif, system-ui, sans-serif;--font-accent: "Amalfi Coast", cursive;--step--1: clamp(.875rem, .853rem + .0939vw, .9375rem);--step-0: clamp(1.0625rem, 1.0185rem + .1878vw, 1.1875rem);--step-1: clamp(1.25rem, 1.162rem + .3756vw, 1.5rem);--step-2: clamp(1.5rem, 1.346rem + .6573vw, 1.9375rem);--step-3: clamp(1.75rem, 1.4859rem + 1.1268vw, 2.5rem);--step-4: clamp(2.0625rem, 1.6444rem + 1.784vw, 3.25rem);--step-5: clamp(2.5rem, 1.8838rem + 2.6291vw, 4.25rem);--step-6: clamp(3rem, 2.0757rem + 3.9437vw, 5.625rem);--step-7: clamp(3.625rem, 2.2606rem + 5.8216vw, 7.5rem);--lh-display: .94;--lh-display-caps: .88;--lh-head: 1.08;--lh-body: 1.6;--lh-ui: 1.4;--track-display: -.02em;--track-label: .14em;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--space-5xl: 12rem;--space-6xl: 16rem;--wave-band: clamp(4.5rem, 12vw, 11.25rem);--wave-stroke: clamp(3px, .35vw, 6px);--gutter: clamp(1.25rem, 4vw, 3.5rem);--section-pad: clamp(4rem, 1.1831rem + 12.0188vw, 12rem);--measure: 45ch;--max-w: none;--rail: 0px;--void: 0px;--ease-state: cubic-bezier(.25, .46, .45, .94);--ease-symmetric: cubic-bezier(.455, .03, .515, .955);--ease-entrance: cubic-bezier(.19, 1, .22, 1);--dur-tap: .15s;--dur-state: .25s;--dur-move: .4s;--dur-enter: .6s;--dur-signature: .8s;--stagger: 60ms}[data-theme=light]{--surface: var(--ohkey-mist);--surface-raised: #ffffff;--text: var(--ohkey-ink);--text-muted: #4a4446;--text-faint: #6b6467;--accent: var(--ohkey-ember);--rule: #e0d2d6;--focus: var(--ohkey-ink)}[data-accent=maize]{--accent: var(--ohkey-maize)}[data-accent=ochre]{--accent: var(--ohkey-ochre)}[data-accent=ember]{--accent: var(--ohkey-ember)}@media(min-width:64rem){:root{--rail: 3fr;--void: 2fr}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark}[data-theme=light]{color-scheme:light}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--step-0);font-weight:400;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;transition:background-color var(--dur-state) var(--ease-state),color var(--dur-state) var(--ease-state)}img,svg,video{display:block;max-inline-size:100%;block-size:auto}img,video{background-color:var(--surface-raised)}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{font-weight:400;text-wrap:balance}p{text-wrap:pretty;max-inline-size:var(--measure)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:var(--accent);color:var(--ohkey-ink)}.grid{display:grid;grid-template-columns:[full-start] var(--gutter) [rail-start] var(--rail) [rail-end text-start] minmax(0,7fr) [text-end void-start] var(--void) [void-end] var(--gutter) [full-end];max-inline-size:var(--max-w);margin-inline:auto}.grid .grid{margin-inline:0;max-inline-size:none}.grid>*{grid-column:text}.u-rail{grid-column:text}@media(min-width:64rem){.u-rail{grid-column:rail}}.u-full{grid-column:full}.u-visually-hidden:not(:focus):not(:active){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sprite{position:absolute;inline-size:0;block-size:0;overflow:hidden}.arrow{inline-size:1.75em;block-size:.625em;flex:none}.skip{position:fixed;z-index:30;inset-block-start:var(--space-s);inset-inline-start:var(--space-s);padding:var(--space-2xs) var(--space-s);background:var(--surface-raised);color:var(--text);border:1px solid var(--rule);font-size:var(--step--1);text-decoration:none}.skip:not(:focus){inline-size:1px;block-size:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}main:focus:not(:focus-visible){outline:none}.eyebrow{font-size:var(--step--1);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;line-height:var(--lh-ui);color:var(--text-muted)}.skip:focus-visible,.shell-header :focus-visible{outline-color:var(--ohkey-ink);outline-offset:2px;box-shadow:0 0 0 6px var(--ohkey-mist)}.shell-header{position:sticky;inset-block-start:0;z-index:20;padding-block:var(--space-m)}.shell-header__inner{align-items:center}.shell-header__inner>*{grid-row:1}.brand{position:relative;grid-column:text;justify-self:start;display:block;line-height:0}.brand:after{content:"";position:absolute;inset-block:calc((100% - 2.75rem)/2);inset-inline:calc((100% - 2.75rem)/2)}.brand__icon{inline-size:auto;block-size:2.25rem}.brand__icon path{fill:currentColor}.nav{grid-column:text;justify-self:end;display:flex;align-items:center;gap:var(--space-s)}.nav__list{display:flex;align-items:center;gap:var(--space-l);padding:0;list-style:none}.nav__list a{position:relative;display:inline-block;padding-block:var(--space-3xs);font-size:var(--step-0);line-height:var(--lh-ui);text-decoration:none;white-space:nowrap}.nav__list a:before{content:"";position:absolute;inset-inline:0;inset-block:calc((100% - 2.75rem)/2)}.nav__list a:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;background:currentColor;transform:scaleX(0);transform-origin:right}.nav__list a[aria-current=page]:after{background:var(--accent);transform:scaleX(1)}@media(hover:hover)and (pointer:fine){.nav__list a:hover:after{transform:scaleX(1);transform-origin:left}@media(prefers-reduced-motion:no-preference){.nav__list a:after{transition:transform var(--dur-state) var(--ease-state)}}}.btn{position:relative;display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-s);border:1px solid currentColor;font-size:var(--step--1);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;line-height:var(--lh-ui);text-decoration:none;white-space:nowrap;background:transparent}.btn:after{content:"";position:absolute;inset-inline:0;inset-block:calc((100% - 2.75rem)/2)}.btn:active,.nav__toggle:active{background:var(--text);color:var(--surface);transition:background-color var(--dur-tap) var(--ease-state),color var(--dur-tap) var(--ease-state)}@media(hover:hover)and (pointer:fine){.btn{transition:background-color var(--dur-state) var(--ease-state),color var(--dur-state) var(--ease-state)}.btn:hover{background:var(--text);color:var(--surface)}@media(prefers-reduced-motion:no-preference){.btn .arrow{transition:transform var(--dur-state) var(--ease-state)}.btn:hover .arrow{transform:translate(.25em)}}}.nav__toggle{order:2;display:none;place-items:center;inline-size:2.75rem;block-size:2.75rem;margin-inline-end:calc(var(--space-xs) * -1);padding:0;border:0;background:transparent;cursor:pointer}.nav__bars,.nav__bars:before{content:"";display:block;inline-size:1.25rem;block-size:1px;background:currentColor}.nav__bars{position:relative}.nav__bars:before{position:absolute;inset-block-start:-.375rem}.nav__menu{display:contents}@media(max-width:63.999rem){.js .nav__toggle{display:grid}.nav__menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-s)}.js .nav__list{position:absolute;inset-inline:0;inset-block-start:100%;flex-direction:column;align-items:flex-start;gap:var(--space-s);padding:var(--space-l) var(--gutter) var(--space-xl);background:var(--surface);border-block-end:1px solid var(--rule);visibility:hidden}.js .nav__list a{font-size:var(--step-3);font-family:var(--font-display);line-height:var(--lh-head)}.js.nav-open .nav__list{visibility:visible}@media(prefers-reduced-motion:no-preference){.js .nav__list{opacity:0;transform:translateY(-.5rem);transition:opacity var(--dur-move) var(--ease-symmetric),transform var(--dur-move) var(--ease-symmetric),visibility 0s linear var(--dur-move)}.js.nav-open .nav__list{opacity:1;transform:none;transition-delay:0s}}}@media(min-width:64rem){.brand{grid-column:rail}.nav__toggle{display:none}.nav{gap:var(--space-xl)}}.shell-footer{margin-block-start:var(--section-pad);padding-block:var(--space-3xl) var(--space-xl);border-block-start:1px solid var(--rule)}.shell-footer__inner{row-gap:var(--space-2xl)}.footer__mark{grid-column:text;font-size:var(--step-2);line-height:1;color:var(--accent)}.footer__statement{grid-column:text;max-inline-size:none;font-family:var(--font-display);font-size:var(--step-5);line-height:var(--lh-display-caps);letter-spacing:var(--track-display);text-transform:uppercase}.footer__meta{grid-column:text;display:flex;flex-wrap:wrap;gap:var(--space-l) var(--space-3xl);font-size:var(--step--1);line-height:var(--lh-ui)}.footer__contact{display:flex;flex-direction:column;gap:var(--space-2xs);padding:0;list-style:none}.footer__contact a{position:relative;text-decoration-color:var(--rule)}.footer__contact a:after{content:"";position:absolute;inset-inline:0;inset-block:calc(var(--space-2xs) / -2)}@media(hover:hover)and (pointer:fine){.footer__contact a{transition:text-decoration-color var(--dur-state) var(--ease-state)}.footer__contact a:hover{text-decoration-color:currentColor}}.footer__address{font-style:normal;color:var(--text-muted)}.footer__legal{grid-column:text;color:var(--text-muted)}@media(min-width:64rem){.footer__mark{grid-column:rail;grid-row:1}.footer__statement{grid-row:1}.shell-footer__inner{row-gap:var(--space-3xl)}}@media(prefers-reduced-motion:no-preference){.js [data-enter=rise].is-in{animation:rise var(--dur-enter) var(--ease-entrance) both}.js [data-enter=settle].is-in{animation:settle var(--dur-enter) var(--ease-entrance) both}.js [data-enter].is-in{animation-delay:var(--enter-delay, 0ms)}}@keyframes rise{0%{opacity:0;transform:translateY(.6em)}}@keyframes settle{0%{opacity:0;transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){body{transition-duration:0s}}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:curtain-out var(--dur-move) var(--ease-symmetric) both}::view-transition-new(root){animation:curtain-in var(--dur-move) var(--ease-symmetric) both}}@keyframes curtain-out{to{opacity:0;transform:translateY(-1.5rem)}}@keyframes curtain-in{0%{opacity:0;transform:translateY(1.5rem)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}.section{align-content:start;row-gap:var(--space-l);padding-block:var(--section-pad);border-block-start:1px solid var(--rule)}.section__index{color:var(--text-muted);font-variant-numeric:tabular-nums}.section__index span{color:var(--accent)}.section__head{font-family:var(--font-display);font-size:var(--step-5);line-height:var(--lh-display);letter-spacing:var(--track-display);text-wrap:initial}.section__head--page{font-size:var(--step-6)}@media(min-width:64rem){.section__index,.section__head{grid-row:1}}.section--open{border-block-start:0;padding-block-start:var(--space-2xl)}.section__lead{font-size:var(--step-1);color:var(--text-muted);--enter-delay: var(--stagger)}.line{display:block;overflow:hidden;padding-block:.09em;margin-block:-.09em}.line__i{display:block}.line:nth-child(2){--line-i: 1}.line:nth-child(3){--line-i: 2}.line:nth-child(4){--line-i: 3}@media(prefers-reduced-motion:no-preference){.js [data-enter=rise-lines].is-in>.line>.line__i{animation:rise-line var(--dur-enter) var(--ease-entrance) both;animation-delay:calc(var(--enter-delay, 0ms) + var(--line-i, 0) * var(--stagger))}}@keyframes rise-line{0%{transform:translateY(1.2em)}}.section__head{--enter-delay: 0ms}.tenets,.pillars,.spans{--enter-delay: var(--stagger)}.section__act,.endcap{--enter-delay: calc(2 * var(--stagger))}.tenets{list-style:none;padding:0;display:grid;gap:var(--space-s);max-inline-size:var(--measure);font-size:var(--step-1);color:var(--text-muted)}.tenets em{font-style:normal;color:var(--accent)}.pillars{list-style:none;padding:0;display:grid}.pillar{display:grid;gap:var(--space-2xs);padding-block:var(--space-m);border-block-start:1px solid var(--rule)}.pillar:last-child{border-block-end:1px solid var(--rule)}.pillar__name{font-family:var(--font-display);font-size:var(--step-2);line-height:var(--lh-display);letter-spacing:var(--track-display)}.pillar__body{color:var(--text-muted)}@media(min-width:64rem){.pillar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-l);align-items:baseline}.works .pillar,.steps .pillar,.services .pillar,.direct .pillar{grid-template-columns:minmax(0,1fr);gap:var(--space-2xs)}}.spans{list-style:none;padding:0;display:grid;gap:var(--space-m)}.span{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2xs) var(--space-s);font-size:var(--step-2);line-height:var(--lh-head)}.span__from{color:var(--text-muted)}.span__arrow{color:var(--accent);align-self:center}.cta{position:relative;display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--step--1);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;line-height:var(--lh-ui);text-decoration:none}.cta:after{content:"";position:absolute;inset-inline:0;inset-block:calc((100% - 2.75rem)/2)}.cta__label{position:relative}.cta__label:after{content:"";position:absolute;inset-block-end:-.25em;inset-inline:0;block-size:1px;background:currentColor;transform-origin:left}@media(hover:hover)and (pointer:fine){.cta__label:after{transform:scaleX(0)}.cta:hover .cta__label:after{transform:scaleX(1)}@media(prefers-reduced-motion:no-preference){.cta__label:after{transition:transform var(--dur-state) var(--ease-state)}.cta .arrow{transition:transform var(--dur-state) var(--ease-state)}.cta:hover .arrow{transform:translate(.25em)}}}.endcap{grid-column:rail-start / text-end;display:flex;flex-direction:column;align-items:start;gap:var(--space-m);margin-block-start:var(--space-l);padding:var(--space-l) var(--space-m);background:var(--accent);color:var(--ohkey-ink);font-family:var(--font-display);font-size:var(--step-4);line-height:var(--lh-display);letter-spacing:var(--track-display);text-decoration:none}.endcap__arrow{inline-size:2.5em;align-self:end}@media(min-width:64rem){.endcap{flex-direction:row;align-items:baseline;justify-content:space-between;gap:var(--space-l)}.endcap__arrow{align-self:center}}.endcap:focus-visible{outline-color:var(--ohkey-ink);outline-offset:-6px}.endcap:active{background:var(--text);color:var(--surface);transition:background-color var(--dur-tap) var(--ease-state),color var(--dur-tap) var(--ease-state)}@media(hover:hover)and (pointer:fine){.endcap{transition:background-color var(--dur-state) var(--ease-state),color var(--dur-state) var(--ease-state)}.endcap:hover{background:var(--text);color:var(--surface)}@media(prefers-reduced-motion:no-preference){.endcap .arrow{transition:transform var(--dur-state) var(--ease-state)}.endcap:hover .arrow{transform:translate(.25em)}}}[data-surface=light] .section__index span{color:var(--text-muted)}[data-surface=light] .pillar{border-color:var(--ohkey-ember)}.quotes{display:grid;gap:var(--space-2xl)}.quote{display:grid;gap:var(--space-m)}.quote__body{margin:0;font-family:var(--font-display);font-size:var(--step-3);line-height:var(--lh-display);letter-spacing:var(--track-display)}.quote__body p{max-inline-size:26ch;text-wrap:pretty}.quote__body:before{content:"";display:block;inline-size:var(--space-l);block-size:2px;background:var(--accent);margin-block-end:var(--space-m)}.quote__by{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-s);font-size:var(--step--1);letter-spacing:var(--track-label);text-transform:uppercase;line-height:var(--lh-ui)}.quote__name{font-weight:600}.quote__org{color:var(--text-muted)}.section--endcap{border-block-start:0;padding-block-start:0}.section--endcap .endcap{margin-block-start:0;--enter-delay: 0ms}@keyframes draw-wipe{0%{transform:scaleX(1)}}.manifesto{display:flex;flex-direction:column;gap:var(--space-l)}.manifesto__open{font-size:var(--step-1);color:var(--text-muted)}.oh{font-family:var(--font-display);font-size:var(--step-7);line-height:var(--lh-display-caps);letter-spacing:var(--track-display);color:var(--accent);margin-block:var(--space-xl)}.oh__word{position:relative;display:inline-block}.oh__cover{position:absolute;inset-block:-.14em;inset-inline:-.06em;background:var(--surface);transform-origin:right center;transform:scaleX(0);pointer-events:none}@media(prefers-reduced-motion:no-preference){.js .oh__cover{animation:draw-wipe var(--dur-signature) var(--ease-entrance) both;animation-delay:var(--dur-move)}}.manifesto__body{--enter-delay: calc(var(--dur-move) + var(--dur-signature))}.steps,.quote{--enter-delay: var(--stagger)}.section__note{--enter-delay: calc(2 * var(--stagger))}.step .section__index{margin-block-end:var(--space-3xs)}.form{row-gap:var(--space-l);--enter-delay: calc(2 * var(--stagger))}.field{display:grid;gap:var(--space-2xs)}.field__label{max-inline-size:var(--measure)}.field__input{inline-size:100%;max-inline-size:var(--measure);padding-block:var(--space-2xs);font-size:var(--step-1);line-height:var(--lh-body);color:var(--text);background:transparent;border:0;border-block-end:1px solid var(--rule);border-radius:0;appearance:none;transition:border-block-end-color var(--dur-state) var(--ease-state)}.field__input--area{resize:vertical}.field__input:focus{border-block-end-color:var(--text)}@media(hover:hover)and (pointer:fine){.field__input:hover{border-block-end-color:var(--text-muted)}}.field__input:user-invalid{border-block-end-color:var(--accent)}.field__error{display:none;font-size:var(--step--1);color:var(--accent)}.field__input:user-invalid~.field__error{display:block}.endcap--submit{inline-size:100%;border:0;cursor:pointer}.direct__value{font-size:var(--step-2);line-height:var(--lh-head)}.direct__address{font-style:normal;font-size:var(--step-1)}.hero{align-content:start;row-gap:var(--space-l);padding-block:var(--space-2xl) var(--section-pad)}.hero__mark{display:grid;gap:var(--space-3xs);align-content:start;inline-size:var(--space-l)}.hero__mark i{block-size:2px}.hero__mark i:nth-child(1){background:var(--ohkey-maize)}.hero__mark i:nth-child(2){background:var(--ohkey-ochre)}.hero__mark i:nth-child(3){background:var(--ohkey-ember)}.hero__title{row-gap:0;font-family:var(--font-display);font-size:var(--step-7);line-height:var(--lh-display);letter-spacing:var(--track-display);text-wrap:initial}.beat{display:block}@media(min-width:64rem){.hero__mark,.hero__title{grid-row:1}}.hero__sub{font-size:var(--step-1);color:var(--text-muted)}.hero__sub{--enter-delay: var(--stagger)}.hero__act{--enter-delay: calc(2 * var(--stagger))}.hero__act{max-inline-size:none}.btn--lead{padding:var(--space-xs) var(--space-m);font-size:var(--step-0)}.wave{display:block;position:relative;block-size:var(--wave-band);margin-block:var(--space-s);line-height:0}.wave svg{inline-size:100%;block-size:100%}.wave path{fill:none;stroke-width:var(--wave-stroke);stroke-linecap:round;vector-effect:non-scaling-stroke}.w-maize{stroke:var(--ohkey-maize)}.w-ochre{stroke:var(--ohkey-ochre)}.w-ember{stroke:var(--ohkey-ember)}.wave__cover{position:absolute;inset:0;pointer-events:none}.wave__cover i{position:absolute;inset-inline:0;display:block;background:var(--surface);transform-origin:right center;transform:scaleX(0)}.wave__cover i:nth-child(1){inset-block-start:0;block-size:40%}.wave__cover i:nth-child(2){inset-block-start:40%;block-size:20%}.wave__cover i:nth-child(3){inset-block-start:60%;inset-block-end:0}@media(prefers-reduced-motion:no-preference){.js:not(.drawn) .wave__cover i{animation:draw-wipe var(--dur-signature) var(--ease-entrance) both;animation-delay:var(--dur-state)}.js:not(.drawn) .wave__cover i:nth-child(2){animation-delay:calc(var(--dur-state) + .12s)}.js:not(.drawn) .wave__cover i:nth-child(3){animation-delay:calc(var(--dur-state) + .24s)}}
