@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.grow{flex-grow:1}}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-500.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}:root{--ink:#090909;--paper:#fff;--gutter:clamp(18px, 3.15vw, 52px);--grid-gap:clamp(18px, 2.3vw, 38px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:.012em;-webkit-font-smoothing:antialiased;margin:0;font-family:Favorit,Helvetica Neue,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.site-header{z-index:30;column-gap:var(--grid-gap);min-height:64px;padding:10px var(--gutter);color:var(--ink);background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid;position:fixed;inset:0 0 auto}.text-logo{left:calc(50% + (var(--grid-gap) / 2));place-self:center start;width:140px;line-height:0;position:absolute}.text-logo img{width:100%;height:auto;display:block}.animated-mark{width:36.8px;height:36.8px;line-height:0;display:block}.animated-mark img{object-fit:cover;opacity:0;transform-origin:50%;width:100%;height:100%;animation:2.5s forwards icon-entry;display:block}@keyframes icon-entry{0%{opacity:0;animation-timing-function:linear;transform:rotate(0)}60%{opacity:1;animation-timing-function:cubic-bezier(.33,.66,.66,1);transform:rotate(1080deg)}to{opacity:1;transform:rotate(1440deg)}}nav{grid-column:3;justify-self:end;gap:clamp(16px,2.3vw,34px);font-size:11px;display:flex}nav a{position:relative}nav a:after{content:"";transform-origin:100%;background:#000;height:1px;transition:transform .18s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}nav a:hover:after,nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}footer a{border-bottom:1px solid #0000}footer a:hover{border-color:currentColor}.intro{column-gap:var(--grid-gap);padding:clamp(150px, 18vw, 250px) var(--gutter) clamp(72px, 10vw, 150px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;row-gap:4vw;display:grid}.portfolio-index--two~*{min-width:0}.intro p{margin:0}.section-heading p{text-transform:uppercase;font-size:11px}.intro-copy{letter-spacing:-.008em;grid-column:2;max-width:650px;font-size:clamp(18px,1.75vw,27px);line-height:1.24}.intro-copy span{white-space:nowrap;display:block}body:has(.portfolio-index--two) .intro{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.portfolio-index--two) .intro-copy{grid-column:2}.work-section{padding:0 var(--gutter) clamp(90px, 12vw, 180px);scroll-margin-top:64px}.section-heading{justify-content:space-between;align-items:baseline;padding:0 0 18px;display:flex}.section-heading h1{text-transform:uppercase;margin:0;font-size:11px;font-weight:400}.section-heading p{color:#666;margin:0}.portfolio-index{gap:clamp(48px, 6vw, 95px) var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));padding-top:26px;display:grid}.portfolio-index--two{grid-template-columns:repeat(2,minmax(0,1fr))}.client-series{min-width:0}.client-heading{grid-template-columns:1fr auto;gap:4px 12px;padding-top:9px;display:grid}.client-heading h2{text-transform:uppercase;margin:0;font-size:12px;font-weight:400}.client-heading p{color:#666;grid-column:1/-1;margin:0;font-size:10px}.client-heading>span{grid-area:1/2;font-size:9px}.image-rail{aspect-ratio:1;width:100%;color:inherit;cursor:pointer;font:inherit;background:#f1f1f1;border:0;padding:0;display:flex;position:relative;overflow:hidden}.image-rail:focus-visible{outline-offset:-1px;outline:1px solid}.project-image{opacity:0;margin:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;overflow:hidden}.image-rail--empty{cursor:default}.empty-campaign-label{color:#888;letter-spacing:.05em;text-transform:uppercase;margin:auto;font-size:10px}.project-image.is-active{opacity:1}.project-image img{object-fit:cover;background:#f1f1f1;width:100%;height:100%;display:block}.project-image--expanded .project-backdrop{filter:brightness(0);position:absolute;inset:0;transform:scale(2.45)}.project-foreground-frame{z-index:1;width:51.5%;height:67.2%;position:absolute;top:16.4%;left:24.25%;overflow:hidden}.project-image--expanded .project-foreground{object-fit:fill;background:0 0;width:194.2%;max-width:none;height:148.8%;position:absolute;top:-24.4%;left:-47.1%}.project-image img.edge-crop{transform:scale(1.12)}.project-image img.source-crop{transform:scale(1.58)}.project-image figcaption{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.closing{align-items:end;column-gap:var(--grid-gap);min-height:54vh;padding:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.closing-content{grid-column:2}.closing-socials{grid-column:1;align-self:end;gap:18px;font-size:11px;display:flex}.closing-socials a{border-bottom:1px solid #0000}.closing-socials a:hover,.closing-socials a:focus-visible{border-color:currentColor}.closing p{letter-spacing:-.035em;max-width:720px;margin:0;font-size:clamp(34px,5vw,76px);line-height:.95}.closing-contact{z-index:2;grid-column:3;justify-items:end;gap:8px;display:grid;position:relative}.closing-contact a{cursor:pointer;pointer-events:auto;border-bottom:1px solid;padding:4px 0;display:inline-block}body:has(.portfolio-index--two) .closing{grid-template-columns:repeat(2,minmax(0,1fr))}:is(body:has(.portfolio-index--two) .closing-content,body:has(.portfolio-index--two) .closing-contact){grid-column:2}.email-form{max-width:520px;margin-top:clamp(34px,5vw,70px)}.email-form label{color:#666;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}.email-form-row{grid-template-columns:1fr auto;display:grid}.email-form input,.email-form button{min-height:44px;color:inherit;font:inherit;background:0 0;border:0;border-bottom:1px solid #000;border-radius:0}.email-form input{outline:none;min-width:0;padding:0 12px 0 0}.email-form button{cursor:pointer;text-transform:uppercase;padding:0}.email-form input:focus{border-bottom-width:2px}footer{padding:18px var(--gutter);color:#fff;text-transform:uppercase;background:#000;justify-content:space-between;font-size:10px;display:flex}.content-page{min-height:100vh;padding:25vh var(--gutter) 9vh}.content-page h1{letter-spacing:-.042em;max-width:1120px;margin:0;font-size:clamp(48px,8vw,126px);font-weight:400;line-height:.88}.content-page h1 em{font-style:normal}.content-grid{column-gap:var(--grid-gap);border-top:1px solid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10vw;margin-top:18vh;padding-top:14px;display:grid}.content-page>h1,.content-page>.content-grid{width:100%}.about-content-grid{column-gap:var(--grid-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.about-copy{grid-column:1;max-width:670px}.about-copy p{margin:0}.about-intro{letter-spacing:-.006em;font-size:clamp(20px,1.9vw,30px);line-height:1.14}.about-body{gap:1.2em;max-width:500px;margin-top:48px;display:grid}.about-body p{letter-spacing:.004em;font-size:clamp(16px,1.35vw,20px);line-height:1.35}.about-cta{border:1px solid var(--ink);letter-spacing:.055em;text-transform:uppercase;align-items:center;min-height:42px;margin-top:42px;padding:0 18px;font-size:11px;transition:background .18s,color .18s;display:inline-flex}.about-cta:hover,.about-cta:focus-visible{background:var(--ink);color:var(--paper)}.details{grid-column:2;align-content:start;gap:30px;font-size:12px;line-height:1.5;display:grid}.details span{color:#777;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;display:block}.contact-link{border-bottom:1px solid;display:inline-block}@media (max-width:720px){.site-header{grid-template-columns:auto 1fr auto;gap:18px;padding-top:14px}.text-logo{width:115px;position:static}.intro{grid-template-columns:1fr;gap:30px}.intro-copy{grid-column:1}.intro-copy span{white-space:normal;display:inline}.intro-copy span:not(:last-child):after{content:" "}body:has(.portfolio-index--two) .intro{grid-template-columns:1fr}body:has(.portfolio-index--two) .intro-copy{grid-column:1}.portfolio-index{grid-template-columns:1fr;gap:65px}.closing{grid-template-columns:1fr;row-gap:30px;min-height:52vh}.closing-socials,.closing-content,.closing-contact{grid-column:1}body:has(.portfolio-index--two) .closing{grid-template-columns:1fr}:is(body:has(.portfolio-index--two) .closing-content,body:has(.portfolio-index--two) .closing-contact){grid-column:1}.content-grid{grid-template-columns:1fr;gap:70px;margin-top:13vh}.about-copy,.details{grid-column:1}.about-body{margin-top:34px;margin-left:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.animated-mark img{opacity:1;transform:none}}