.h5{--h5-error: #a23b2a;--h5-on-taupe: #3f3832;--h5-tag-on-taupe: #7a400e;--h5-paper: var(--panel-cream);--h5-hero: #ece6dc;--h5-band: var(--espresso);--h5-band-soft: var(--stone);--h5-body: var(--body-ink);--h5-muted: var(--muted);background: var(--h5-paper);color: var(--dark);font-family: var(--sans);font-size: var(--fs-lg);line-height: 1.6}.h5 img{display: block;max-width: 100%;height: auto}.h5 a{color: inherit}.h5 a:focus-visible{outline: 2px solid var(--leaf-ink);outline-offset: 3px}.h5-in{max-width: 1440px;margin: 0 auto;padding-inline: var(--hx-shell)}@media (min-width: 1280px){.h5-in{padding-inline: 20px}}.h5-hero .h5-in{max-width: 1240px}.h5-k{margin: 0;font-size: var(--fs-xs);letter-spacing: .22em;text-transform: uppercase;color: var(--h5-muted)}.h5 h1, .h5 h2, .h5 h3{font-family: var(--display);font-weight: 400;margin: 0;text-wrap: balance}.h5 h2{letter-spacing: -.01em}.h5-acts{display: flex;flex-wrap: wrap;align-items: center;gap: 12px}.h5-btn{background: var(--h5-band);color: var(--cream) !important;border: 1px solid var(--h5-band);text-decoration: none;font-size: var(--fs-xs);text-transform: uppercase;transition: background-color .2s ease, border-color .2s ease, color .2s ease}@media (hover: hover){.h5-btn:hover{background: var(--leaf-ink);border-color: var(--leaf-ink);color: #fff !important}}.h5-more{letter-spacing: .2em;text-transform: uppercase;text-underline-offset: 6px}.h5-more--arrow::after{content: " \2192"}.h5-hero .h5-acts{gap: 14px 30px}.h5-hero .h5-more{display: inline-block;padding-block: 13px}@media (hover: hover){.h5-more:hover{color: var(--leaf-ink)}}.h5-hero{background: var(--h5-hero)}.h5-hero .h5-in{display: grid;grid-template-columns: 1fr 1.15fr;gap: clamp(28px, 5vw, 72px);align-items: center;padding-block: clamp(48px, 7vw, 96px)}.h5-hero h1{margin-top: 16px;font-size: clamp(2.5rem, 5vw, 4rem);letter-spacing: -.015em}.h5-lede{color: var(--h5-body);max-width: 32em;margin: 22px 0 30px}.h5-pic{position: relative;margin: 0}.h5-pic img{width: 100%;aspect-ratio: 4 / 3.3;object-fit: cover}.h5-pic figcaption{margin-top: 12px;font-size: var(--fs-xs);letter-spacing: .14em;text-transform: uppercase;color: var(--h5-muted)}.h5-pic figcaption a{text-decoration: none}.h5-pic figcaption a::after{content: " \2192"}@media (hover: hover){.h5-pic figcaption a:hover{color: var(--leaf-ink)}}@media (min-width: 861px){.h5-hero .h5-in{grid-template-columns: 1.05fr 1fr;padding-block: clamp(24px, 5vh, 96px)}.h5-hero h1{margin-top: clamp(10px, 1.6vh, 16px);font-size: clamp(2.25rem, min(4.9vw, 8vh), 4.5rem)}.h5-lede{margin: clamp(12px, 2.4vh, 22px) 0 clamp(16px, 3.2vh, 30px);font-size: clamp(0.9375rem, 2vh, 1.0625rem)}.h5-btn{padding-block: clamp(11px, 1.7vh, 15px)}.h5-pic img{max-height: min(calc(100svh - var(--h5-chrome, 250px) - 2 * clamp(24px, 5vh, 96px) - 32px), 600px);object-position: 50% 62%}}@media (max-width: 860px){.h5-hero .h5-in{grid-template-columns: minmax(0, 1fr)}}.h5{--v-taupe: #d9cfbf;--v-rule: #cdbfa9}.h5 h2{font-size: var(--fs-h2)}.v-centre{text-align: center;margin: 44px 0 0}.v-for{background: var(--h5-band);color: var(--cream);text-align: center}.v-for-box{max-width: 720px;margin: 0 auto;border-block: 1px solid rgba(245, 241, 230, .45);padding: clamp(20px, 2.6vw, 28px) clamp(4px, 2vw, 20px)}.v-for h2{color: var(--cream)}.v-for-q{margin: 18px 0 0;font-family: var(--display);line-height: 1.5;color: var(--h5-band-soft)}.v-frame{background: var(--h5-paper);padding: clamp(32px, 5vw, 56px) clamp(20px, 5vw, 64px);max-width: 1110px;margin: 0 auto;text-align: center}.v-work{background: var(--v-taupe);padding-block: clamp(56px, 7vw, 100px)}.v-work-in{max-width: 1320px;margin: 0 auto;text-align: center}.v-projects{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(28px, 4vw, 56px);margin-top: clamp(32px, 4vw, 48px);text-align: left}.v-work .v-tag{color: var(--h5-tag-on-taupe)}.v-work .v-proj p:not(.v-tag){color: var(--h5-on-taupe)}.v-proj-img{display: block}.v-proj-img img{width: 100%;aspect-ratio: 2880 / 1488;object-fit: cover}.v-proj h3{margin-top: 24px;font-size: 1.625rem;line-height: 1.2}.v-proj h3 a{text-decoration: none}@media (hover: hover){.v-proj h3 a:hover{color: var(--leaf-ink)}}.v-tag{margin: 6px 0 0;letter-spacing: .14em;text-transform: uppercase;color: var(--leaf-ink)}.v-proj p:not(.v-tag){margin: 12px 0 0;font-size: var(--fs-base);color: var(--h5-body)}.v-make{background: var(--h5-hero);padding-block: clamp(56px, 7vw, 100px)}.v-sub{max-width: 34em;margin: 14px auto 0;color: var(--h5-body)}.v-grid{list-style: none;margin: clamp(28px, 4vw, 40px) 0 0;padding: 0;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr))}.v-grid li{padding: 26px 26px 28px;border-left: 1px solid var(--v-taupe);border-top: 1px solid var(--v-taupe)}.v-grid li:nth-child(3n+1){border-left: 0}.v-grid li:nth-child(-n+3){border-top: 0}.v-grid h3{font-size: var(--fs-2xl);line-height: 1.25}@media (hover: hover){.v-grid h3 a:hover{color: var(--leaf-ink);text-decoration: underline;text-underline-offset: 5px}}.v-grid p{margin: 8px 0 0;font-size: var(--fs-md);color: var(--h5-body)}.v-how{padding-block: clamp(56px, 7vw, 100px);text-align: center}.v-how .h5-in{max-width: 1180px}.v-meet{position: relative;padding-block: clamp(56px, 7vw, 90px);overflow: hidden;background: var(--cream)}.v-meet::before{content: "";position: absolute;left: 0;right: 0;top: 34%;height: 30%;background: var(--h5-band)}.v-meet-in{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0, .8fr) minmax(0, 1fr);gap: clamp(28px, 6vw, 110px);align-items: center}.v-meet-photo{justify-self: end;width: min(100%, 400px);border: 14px solid var(--h5-paper);box-shadow: 0 0 0 1px var(--v-taupe)}.v-meet-photo img{width: 100%;aspect-ratio: 4 / 5;object-fit: cover;object-position: 50% 20%}.v-meet-card{background: var(--h5-paper);max-width: 560px;box-shadow: 0 0 0 1px var(--v-taupe), 0 22px 30px -20px rgba(41, 38, 34, .35)}.v-meet-card p{margin: 18px 0 0;font-size: var(--fs-base);color: var(--dark)}.h5 .v-strong{margin-bottom: 26px}.v-strong a{color: var(--dark);text-underline-offset: 4px}.v-close{background: var(--h5-hero);padding-block: clamp(56px, 7vw, 90px);text-align: center}.v-close .h5-in{max-width: 940px}.v-foot{display: grid;gap: 14px}.v-foot .cf-turnstile:empty{display: none}.v-ruled{display: flex;align-items: center;gap: clamp(16px, 3vw, 34px)}.v-ruled::before, .v-ruled::after{content: "";flex: 1;height: 1px;background: var(--v-rule)}.v-close-sub{margin: 16px auto 0;color: var(--h5-body)}.v-form{max-width: 900px;margin: clamp(28px, 4vw, 40px) auto 0;display: grid;grid-template-columns: 1fr 1fr;gap: 20px 28px;text-align: left}.v-full{grid-column: 1 / -1}.v-field{display: grid;gap: 8px;min-width: 0}.v-field label{font-size: var(--fs-sm);font-weight: 500;color: var(--dark)}.v-field label span{font-weight: 400;color: var(--h5-muted)}.v-field input, .v-field textarea{width: 100%;font: 400 1rem/1.4 var(--sans);padding: 13px 14px;border: 1px solid var(--v-rule);border-radius: 0;background: var(--h5-paper);color: var(--dark)}.v-field input:focus-visible, .v-field textarea:focus-visible{outline: 2px solid var(--leaf-ink);outline-offset: 1px}.v-field [aria-invalid="true"]{border-color: var(--h5-error)}.v-error{margin: 0;font-size: var(--fs-sm);color: var(--h5-error)}.v-privacy{margin: 0;font-size: var(--fs-sm);color: var(--h5-muted)}.v-privacy a{color: inherit}.v-send{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 24px}.v-send button{cursor: pointer;font-family: var(--sans)}.v-send button:disabled{opacity: .7;cursor: default}.v-send span{font-family: var(--display);font-size: var(--fs-xl);color: var(--h5-muted)}.v-send span a{color: var(--dark)}.v-status{margin: 0;color: var(--h5-error)}.v-sent{max-width: 560px;margin: 36px auto 0;background: var(--h5-paper);padding: 32px}.v-sent h3{font-size: 1.75rem}.v-sent p{margin: 10px 0 0;color: var(--h5-body)}@media (max-width: 860px){.v-projects, .v-meet-in{grid-template-columns: minmax(0, 1fr)}.v-grid{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}.v-grid li:nth-child(n){border-left: 1px solid var(--v-taupe);border-top: 1px solid var(--v-taupe);padding: 20px 16px}.v-grid li:nth-child(2n+1){border-left: 0}.v-grid li:nth-child(-n+2){border-top: 0}.v-meet::before{top: 12%;height: 22%}.v-meet-photo{justify-self: center;width: min(80%, 360px)}.v-meet-card{max-width: none}.v-form{grid-template-columns: minmax(0, 1fr)}}@media (max-width: 560px){.v-grid{grid-template-columns: minmax(0, 1fr)}.v-grid li:nth-child(n){border-left: 0;border-top: 1px solid var(--v-taupe);padding: 20px 0}.v-grid li:first-child{border-top: 0}.v-frame{text-align: left}.v-ruled::before, .v-ruled::after{display: none}}.v-reads{margin-top: clamp(40px, 5vw, 60px);padding-top: 28px;border-top: 1px solid var(--v-taupe)}.v-reads ul{list-style: none;margin: 14px 0 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 4px 30px}.v-reads a{display: inline-block;padding-block: 10px;font-size: var(--fs-base);color: var(--dark);text-underline-offset: 5px}@media (hover: hover){.v-reads a:hover{color: var(--leaf-ink)}}@media (max-width: 560px){.v-reads ul{flex-direction: column;align-items: center;gap: 0}}@media (min-width: 1800px){.h5-hero .h5-in{max-width: 1480px}.h5-hero h1{font-size: clamp(2.25rem, min(4.9vw, 8vh), 5.375rem)}.h5-lede{font-size: var(--fs-xl);max-width: 34em}.h5 h2{font-size: 3.375rem}.v-work-in{max-width: 1480px}}.v-pick-more{margin: 30px 0 0;display: flex;flex-direction: column;align-items: center;gap: 10px}.v-pick-more .h5-more{display: inline-block;padding-block: 12px}.h5-hero h1{line-height: 1.1}.h5 h2{line-height: 1.14}@media (max-width: 860px){.h5-hero h1{line-height: 1.16;font-size: clamp(2.25rem, 9.6vw, 2.75rem)}.h5 h2{line-height: 1.18}.h5-hero .h5-k{font-size: var(--fs-2xs);letter-spacing: .12em}}@media (max-width: 400px){.h5-hero .h5-k{font-size: var(--fs-2xs);letter-spacing: .08em}}.h5 .v-proj .v-proj-links{display: flex;flex-wrap: wrap;gap: 4px 28px;margin: 16px 0 0}.v-proj-links .h5-more{display: inline-block;padding-block: 11px}.v-how--reads{padding-block: clamp(44px, 5vw, 72px)}.v-how--reads .v-reads{margin-top: 0;padding-top: 0;border-top: 0}.v-how--reads .v-reads h2{margin: 0}.h5-pic img{background: #b9ab9b url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAAaACADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDpDTcfSqmszeRZFtxXnqKxFuSybhLJyOOaVx2OjP8ArPwqqzFUz/tVkW8+Z4gs7uc8g1t3aKLQOCNwPIqWxpFHXIbq6tfKhjZjmshLTVYYtnkqF969BIHpWNek+eajmaLtc5S0tZxdLuVlbPUjiugm3BUIO5x1NOk+6KhcnYKzlJstRP/Z") 50% 50% / cover no-repeat}.v-grid--three li:nth-child(-n+3){border-top: 0}.v-pick-also{margin: 22px 0 0;font-size: var(--fs-md);color: var(--h5-body);text-align: center}.v-pick-also a{color: var(--dark);text-underline-offset: 4px}.v-for{padding-block: clamp(28px, 3.4vw, 44px)}.v-for-box{padding-block: clamp(16px, 2vw, 22px)}.v-for-q{margin-top: 12px;font-size: var(--fs-lead)}.v-how--reads{text-align: left}.v-how--reads .v-reads ul{display: block;margin-top: 10px}.v-how--reads .v-reads li{border-top: 1px solid var(--v-taupe)}.v-how--reads .v-reads li:first-child{border-top: 0}.v-how--reads .v-reads a{display: block;padding-block: 13px;font-size: var(--fs-lg);text-decoration: none}.v-how--reads .v-reads a::after{content: " \2192";color: var(--leaf-ink)}.v-how--reads .v-reads a:hover{color: var(--leaf-ink)}.v-reads-all{margin: 14px 0 0}.h5-more{font-size: var(--fs-sm)}.v-tag{font-size: var(--fs-sm)}@media (max-width: 860px){.v-grid--three{grid-template-columns: minmax(0, 1fr)}.v-grid--three li{border-left: 0;border-top: 1px solid var(--v-taupe)}.v-grid--three li:first-child{border-top: 0}}.v-work, .v-make, .v-meet, .v-close{padding-block: clamp(44px, 5vw, 72px)}.v-make .v-frame{padding-block: clamp(28px, 3.4vw, 44px)}.v-meet-card{padding: clamp(28px, 3vw, 40px)}@media (min-width: 861px){.h5-hero .h5-in{min-height: min(calc(100svh - var(--h5-chrome, 0px)), 660px)}}.v-how--reads .v-reads{max-width: 1110px;margin-inline: auto}@media (min-width: 861px){.v-how--reads .v-reads{display: grid;grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);gap: 24px clamp(32px, 6vw, 96px);align-items: start}.v-how--reads .v-reads h2{grid-row: 1 / 3}.v-how--reads .v-reads ul{margin-top: 6px}.v-how--reads .v-reads li:first-child{border-top: 0}.v-reads-all{grid-column: 2;margin-top: 4px}}.v-proj-img{position: relative;padding-top: 30px;background: #efe9dc;border: 1px solid #d9cfbf}.v-proj-img::before{content: "";position: absolute;top: 10px;left: 12px;width: 9px;height: 9px;border-radius: 50%;background: #c9bda6;box-shadow: 16px 0 0 #c9bda6, 32px 0 0 #c9bda6}.v-proj-img img{display: block;border-top: 1px solid #d9cfbf}.v-proj-img{box-shadow: none}.v-proj-links{gap: 10px 28px}.v-proj-links .h5-more{font-size: var(--fs-sm);letter-spacing: .1em;font-weight: 500}.v-pick-more{margin-top: 18px}.v-pick-more .h5-more{font-size: var(--fs-sm);letter-spacing: .12em;font-weight: 500;color: var(--leaf-ink)}.v-grid h3 a{text-decoration: underline;text-decoration-color: var(--wheat);text-decoration-thickness: 1.5px;text-underline-offset: 5px}.v-grid h3 a::after{content: "\00a0\2192";color: var(--leaf-ink)}.v-grid h3 a:hover{text-decoration-color: currentColor}.v-pick-price{margin: 18px auto 0;max-width: 46em;font-size: var(--fs-md);line-height: 1.6;color: var(--h5-body);text-align: center}.v-pick-price a{color: var(--leaf-ink);text-decoration: underline;text-underline-offset: 4px;white-space: nowrap}.v-field input, .v-field textarea{border-color: #8f8270}@media (min-width: 601px) and (max-width: 860px){.h5 .h5-in{max-width: 680px}}.h5-btn{display: inline-flex;align-items: center;justify-content: center;min-height: 48px;padding: 0 26px;letter-spacing: .2em;line-height: 1.3}@media (min-width: 861px){.h5-hero .h5-btn{padding-block: 0}}@media (max-width: 480px){.h5-btn{padding-inline: 20px;letter-spacing: .16em}}.h5-k, .h5-hero .h5-k{color: var(--leaf-ink);font-size: var(--fs-xs);letter-spacing: .2em}@media (max-width: 480px){.h5-hero .h5-k{font-size: var(--fs-2xs);letter-spacing: .1em}}@media (max-width: 860px){.v-pick{text-align: left}.v-pick-also, .v-pick-price{text-align: left;margin-left: 0}.v-pick-more{align-items: flex-start}}@media (max-width: 600px){.v-work{padding-bottom: 32px}.v-centre{margin-top: 28px}.v-make{padding-top: 24px}.v-frame{padding-top: 24px}.v-pick .v-grid{margin-top: 10px}.v-pick .v-grid li{padding: 14px 0}.v-pick-also{margin-top: 14px}.v-pick-price{margin-top: 12px}.v-pick-more{margin-top: 14px}}.v-how--reads{background: #d6cfc1}.v-how--reads .v-reads-h p{margin: 14px 0 0;max-width: 32ch;font-size: var(--fs-base);line-height: 1.6;color: var(--h5-body, #4d463e)}.v-how--reads .v-reads ul{border-top: 1px solid rgba(41, 38, 34, .22);border-bottom: 1px solid rgba(41, 38, 34, .22)}.v-how--reads .v-reads li, .v-how--reads .v-reads li:first-child{border-top: 1px solid rgba(41, 38, 34, .22)}.v-how--reads .v-reads li:first-child{border-top: 0}.v-how--reads .v-reads a{padding-block: 18px;color: var(--dark, #292622)}.v-how--reads .v-reads-all{margin-top: 22px}@media (min-width: 901px){.v-how--reads .v-reads-h{grid-row: 1 / 3}.v-how--reads .v-reads ul{margin-top: 0}}.v-meet .h5-more, .v-centre .h5-more{display: inline-block;padding-block: 4px}.v-for-line{margin: 0;font-family: var(--display);font-size: var(--fs-h3);line-height: 1.2;color: var(--cream);text-wrap: balance}.v-centre .h5-more, .v-meet .h5-more{font-size: var(--fs-sm);letter-spacing: .1em;font-weight: 500}@media (max-width: 700px){.v-centre{text-align: left}}.v-proj{display: flex;flex-direction: column}.h5 .v-proj .v-proj-links{margin-top: auto;padding-top: 16px}.v-centre .h5-more{padding: 14px 26px;border: 1px solid currentColor;text-decoration: none}.v-centre .h5-more:hover{background: var(--espresso);color: var(--cream)}
