@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#20231f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#20231f;--paper:#f3f0e9;--muted:#797a70;--line:#20231f2e;--av-base:#f1eee5;--av-accent:#df8100;--web-base:#e9edf1;--web-accent:#43536b;--mono:"DM Mono", monospace;background:#f3f0e9;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{min-width:320px;margin:0}button,a{color:inherit;font:inherit}a{text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:5px;outline:2px solid #265cf1}::selection{color:var(--ink);background:#f4a790}.site-shell{flex-direction:column;min-height:100svh;display:flex;overflow:hidden}main{flex:1 0 auto}.section-wrap{width:min(100% - 9vw,1280px);margin-inline:auto}.topbar{z-index:5;border-bottom:1px solid #20231f21;justify-content:space-between;align-items:center;width:100%;height:78px;padding-inline:4.5vw;display:flex;position:absolute;top:0;left:0}.topbar-on-av{--nav-active-bg:#f4f1e9;--nav-active-color:#101110;color:#f4f1e9;border-bottom-color:#ffffff38}.topbar-on-web{--nav-active-bg:#43536b;--nav-active-color:#fff}.topbar-on-av .contact-link{border-bottom-color:currentColor}.wordmark{letter-spacing:-.1em;font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:800}.wordmark span{font-family:var(--mono);letter-spacing:0;vertical-align:top;margin-left:3px;font-size:.55rem;display:inline-block}.topbar nav{gap:clamp(1rem,3.5vw,3.6rem);margin-left:9%;display:flex}.topbar nav a,.contact-link{font-size:.8rem;font-weight:600}.topbar nav a{z-index:0;transition:opacity .2s,color .2s;display:inline-block;position:relative}.topbar nav a:hover{opacity:.55}.topbar nav a[aria-current=page]{color:var(--nav-active-color,var(--paper))}.topbar nav a[aria-current=page]:before{z-index:-1;background:var(--nav-active-bg,var(--ink));box-shadow:0 0 18px color-mix(in srgb, var(--nav-active-bg,var(--ink)), transparent 48%);content:"";border-radius:999px;position:absolute;inset:-7px -11px}.contact-link{border-bottom:1px solid var(--ink);padding-bottom:4px}.contact-link span{padding-left:8px}.hero{padding-top:clamp(9rem,15vw,13rem);padding-bottom:4rem}.eyebrow{font:500 .64rem var(--mono);letter-spacing:.065em;text-transform:uppercase;align-items:center;gap:9px;margin:0;display:flex}.status-dot{background:#768d59;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #768d591f}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.095em;margin:1.25rem 0 0;font:600 clamp(5.2rem,13.9vw,13rem)/.83 Manrope,sans-serif}.mobile-break{display:none}.period{color:#eb704f}.hero-bottom{justify-content:space-between;align-items:end;margin-top:2rem;display:flex}.hero-copy{letter-spacing:-.025em;margin:0;font-size:clamp(1rem,1.55vw,1.28rem);line-height:1.5}.hero-index,.hero-foot,.discipline-number,.discipline-note,.subsection-heading>span,.photo-caption,.web-meta,.project-role,.footer-copy{font:.63rem var(--mono);letter-spacing:.025em}.hero-index{color:var(--muted);padding-bottom:4px}.discipline-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(3.5rem,7vw,6.5rem);display:grid}.discipline{isolation:isolate;flex-direction:column;min-height:clamp(235px,28vw,350px);padding:clamp(1.25rem,3vw,2.2rem);display:flex;position:relative;overflow:hidden}.discipline:before{z-index:-2;content:"";transition:transform .55s cubic-bezier(.2,.75,.25,1);position:absolute;inset:0}.discipline:hover:before{transform:scale(1.035)}.discipline-photo:before{background:#e3aa91}.discipline-web:before{background:#d5ddeb}.discipline-number{text-transform:uppercase}.discipline-title{z-index:1;letter-spacing:-.075em;margin-top:auto;font:600 clamp(1.9rem,4vw,4rem)/1 Manrope,sans-serif}.discipline-title>span{margin-left:.15em;font-size:.6em;transition:transform .2s;display:inline-block}.discipline:hover .discipline-title>span{transform:translate(4px,4px)}.discipline-note{z-index:1;margin-top:.65rem}.discipline-art{z-index:-1;position:absolute;inset:0;overflow:hidden}.art-photo i{aspect-ratio:1;background:#f3cf76;border-radius:50%;width:34%;position:absolute;top:14%;right:19%}.art-photo b{background:#d57a66;border-radius:50% 50% 0 0;width:75%;height:75%;position:absolute;bottom:-36%;right:5%;transform:rotate(-15deg)}.art-photo em{background:#20231f38;width:1px;height:70%;position:absolute;top:13%;left:56%;transform:rotate(25deg)}.art-web i{border:1px solid #2f4d875c;width:53%;height:56%;position:absolute;top:18%;right:14%;transform:rotate(-10deg)}.art-web b{aspect-ratio:1;background:#879dc7;border-radius:50%;width:27%;position:absolute;top:7%;right:27%}.art-web em{aspect-ratio:1;border:1px solid #2f4d8757;border-radius:50%;width:70%;position:absolute;bottom:-64%;right:-5%}.hero-foot{text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.15rem;display:flex}.hero-foot span:first-child{margin-right:auto}.down-arrow{font-size:1rem}.av-section{--av-accent:#ff4fc8;--av-turquoise:#25e6d0;--line:#fff3;color:#f4f1e9;background:#101110;transition:background-color .4s;position:relative;overflow:hidden}.av-section:has(.active-beto){--av-accent:#ffb000;--av-turquoise:#ffcf55}.av-section:has(.active-coco){--av-accent:#ff655c;--av-turquoise:#25e6d0}.av-glow{z-index:0;pointer-events:none;opacity:.58;background:radial-gradient(440px circle at var(--light-x,50%) var(--light-y,50%), #ffb84d38, transparent 68%);transition:opacity .45s,background .18s;position:absolute;inset:0}.av-glow.is-pulsing{opacity:1;background:radial-gradient(600px circle at var(--light-x,50%) var(--light-y,50%), #ffd27d6b, #ffffff14 30%, transparent 72%)}.av-content,.web-content{z-index:1;padding-block:clamp(5rem,10vw,9rem);position:relative}.section-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.section-count{border:1px solid var(--line);border-radius:50%;place-items:center;width:25px;height:25px;display:inline-grid}.section-heading h1,.section-heading h2{letter-spacing:-.09em;margin:1.5rem 0 0;font:500 clamp(4rem,10.5vw,9.8rem)/.81 Manrope,sans-serif}.section-heading h1>span,.section-heading h2>span{color:var(--av-accent);text-shadow:0 0 32px color-mix(in srgb, var(--av-accent), transparent 68%)}.section-heading .section-title{font-size:clamp(4rem,10.5vw,9.8rem)}.section-intro{width:min(320px,35%);margin:0 2% 1rem 0;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.5}.subsection-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:clamp(5rem,10vw,8.5rem);padding-bottom:12px;display:flex}.subsection-heading h2,.subsection-heading h3{letter-spacing:-.05em;margin:0;font:500 1.35rem Manrope,sans-serif}.subsection-heading>span{text-transform:uppercase}.photo-grid{grid-template-columns:1.15fr .85fr 1fr;align-items:start;gap:17px;margin-top:19px;display:grid}.photo-card:nth-child(2){margin-top:12%}.photo-card:nth-child(3){margin-top:4%}.photo-placeholder{height:clamp(230px,35vw,450px);display:block;position:relative;overflow:hidden}.photo-sun .photo-placeholder{background:#e88128}.photo-street .photo-placeholder{background:#155e65}.photo-still .photo-placeholder{background:#9d477a}.placeholder-sun{aspect-ratio:1;background:#e8cb83;border-radius:50%;width:34%;position:absolute;top:15%;right:15%}.photo-street .placeholder-sun{background:#f8d34d;width:20%;top:12%;left:13%;right:auto}.photo-still .placeholder-sun{background:#ff845e;width:23%;top:21%;right:26%}.placeholder-shape{background:#a96150;border-radius:50% 50% 0 0;width:90%;height:75%;position:absolute;bottom:-33%;right:-12%;transform:rotate(-11deg)}.photo-street .placeholder-shape{background:#102f39;border-radius:48% 48% 0 0;width:30%;height:90%;bottom:-15%;right:22%;transform:rotate(6deg)}.photo-still .placeholder-shape{background:#f2c13b;width:80%;height:70%;bottom:-32%;right:-4%;transform:rotate(9deg)}.placeholder-label{color:#ffffffd4;font:.56rem var(--mono);letter-spacing:.06em;text-transform:uppercase;position:absolute;bottom:14px;left:14px}.photo-caption{color:#eeeae1;text-transform:uppercase;justify-content:space-between;padding-top:10px;display:flex}.video-heading{margin-top:clamp(5rem,10vw,9rem)}.video-layout{grid-template-columns:1.3fr .7fr;align-items:center;gap:clamp(2rem,7vw,7rem);margin-top:20px;display:grid}.video-cover{aspect-ratio:4/3;isolation:isolate;place-items:center;width:100%;min-height:0;transition:background .45s;display:grid;position:relative;overflow:hidden}.video-cover.beto{background:#ed9b00}.video-cover.coco{background:linear-gradient(135deg,#f05a50 0 53%,#18bdb0 53% 100%)}.video-embed{border:0;width:100%;height:100%;position:absolute;inset:0}.cover-placeholder{isolation:isolate;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.cover-grain{opacity:.3;background:repeating-linear-gradient(35deg,#0000 0 19px,#ffffff1f 20px 21px),radial-gradient(at 55% 85%,#4c2e2380,#0000 52%);position:absolute;inset:0}.cover-mark{z-index:1;color:#fff8df;letter-spacing:-.12em;font:600 clamp(7rem,20vw,19rem)/.8 Manrope,sans-serif;transition:color .45s;position:relative}.coco .cover-mark{color:#fff;text-shadow:0 2px 24px #78253033}.cover-caption{color:#ffffffe6;font:.62rem/1.55 var(--mono);text-transform:uppercase;position:absolute;bottom:21px;left:22px}.play-mark{color:#fff;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:46px;height:46px;padding-left:3px;font-size:.7rem;display:grid;position:absolute;bottom:22px;right:22px}.video-info h2,.video-info h3{color:var(--av-accent);letter-spacing:-.075em;margin:1.1rem 0 .8rem;font:600 clamp(2.5rem,5vw,5rem)/.95 Manrope,sans-serif}.video-description{color:#d0cdc5;max-width:340px;font-size:.95rem;line-height:1.55}.film-controls{border-top:1px solid var(--line);flex-direction:column;margin-top:2rem;display:flex}.film-controls button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;color:#f4f1e9;background:0 0;grid-template-columns:34px 1fr 20px;align-items:center;gap:8px;padding:15px 4px;font:500 1rem Manrope,sans-serif;transition:color .2s,padding .2s;display:grid}.film-controls button:hover,.film-controls button[aria-pressed=true]{color:var(--av-turquoise);padding-left:9px}.film-controls button>span:first-child{font:.63rem var(--mono)}.control-arrow{justify-self:end}.web-section{background:var(--web-base);position:relative;overflow:hidden}.web-grid-bg{opacity:.28;background-image:linear-gradient(#2e466f1f 1px,#0000 1px),linear-gradient(90deg,#2e466f1f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 88%,#0000);mask-image:linear-gradient(#0000,#000 15% 88%,#0000)}.web-section .section-heading h1>span,.web-section .section-heading h2>span{color:var(--web-accent)}.web-meta{border-bottom:1px solid var(--line);text-transform:uppercase;justify-content:space-between;margin-top:clamp(4rem,9vw,8rem);padding-bottom:12px;display:flex}.web-projects{grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,34px);margin-top:20px;display:grid}.web-card:nth-child(2){margin-top:14%}.browser-frame{background:#f8f9fa9e;border:1px solid #23365b3b;padding:8px;box-shadow:0 18px 45px #35487014}.browser-bar{color:#696f7a;align-items:center;gap:5px;height:27px;padding-inline:5px;display:flex}.browser-bar>span{background:#c2c6ce;border-radius:50%;width:6px;height:6px}.browser-bar i{font:.53rem var(--mono);text-align:center;flex:1;margin-left:7px}.web-screenshot{color:#26324b;flex-direction:column;height:clamp(240px,34vw,425px);padding:18px;display:flex;position:relative;overflow:hidden}.web-one{background:#e8e2d6}.web-two{background:#e1e8e1}.screen-top{font:.58rem var(--mono);justify-content:space-between;display:flex}.screen-lines{z-index:1;flex-direction:column;gap:8px;margin:auto 0;display:flex}.screen-lines span{background:#283753;width:76%;height:clamp(13px,3vw,32px)}.screen-lines span:nth-child(2){width:58%}.web-two .screen-lines span{background:#4e6855}.web-two .screen-lines span:nth-child(3){width:34%;height:4px;margin-top:10px}.screen-orb{aspect-ratio:1;background:#d18f6f;border-radius:50%;width:29%;position:absolute;bottom:17%;right:10%}.web-two .screen-orb{background:#b5c0a6;border-radius:3px;width:37%;bottom:17%;right:12%;transform:rotate(14deg)}.screen-footer{font:.53rem var(--mono);letter-spacing:.06em}.web-card-info{grid-template-columns:1fr auto;align-items:start;padding-top:20px;display:grid;position:relative}.web-card-info .eyebrow{color:#626e82}.web-card-info .eyebrow span{color:var(--web-accent)}.web-card-info h2,.web-card-info h3{letter-spacing:-.07em;margin:9px 0 0;font:500 clamp(1.6rem,2.7vw,2.5rem) Manrope,sans-serif}.project-arrow{color:var(--web-accent);font-size:1.25rem}.project-role{text-transform:uppercase;grid-column:1/-1;margin:17px 0 7px}.project-solution{color:#555f6e;grid-column:1/-1;max-width:390px;margin:0;font-size:.9rem;line-height:1.5}.footer{background:var(--ink);color:var(--paper);grid-template-columns:1fr 1.3fr 1fr auto;align-items:center;gap:20px;padding:27px 4.5vw;display:grid}.footer p{color:#b8bab1;margin:0;font-size:.75rem}.footer>a:nth-of-type(2){justify-self:end;font-size:.75rem}.footer-copy{color:#a1a49a;white-space:nowrap}@media (width<=700px){html{scroll-padding-top:4.25rem}.section-wrap{width:calc(100% - 40px)}.topbar{height:63px;padding-inline:20px}.topbar nav{gap:15px;margin-left:0}.topbar nav a,.contact-link{font-size:.68rem}.contact-link{display:none}.wordmark{font-size:1.15rem}.hero{padding-top:7.2rem;padding-bottom:2.7rem}.eyebrow{font-size:.56rem}.hero h1{margin-top:1.5rem;font-size:clamp(4.6rem,19vw,8rem);line-height:.82}.mobile-break{display:block}.hero-bottom{align-items:start;margin-top:1.45rem}.hero-copy{font-size:.97rem}.hero-index{display:none}.discipline-grid{grid-template-columns:1fr;gap:10px;margin-top:2.2rem}.discipline{min-height:210px;padding:20px}.discipline-title{font-size:2.2rem}.hero-foot{margin-top:.9rem;font-size:.55rem}.av-content,.web-content{padding-block:4.5rem}.section-heading{display:block}.section-heading h1,.section-heading h2{margin-top:1.2rem;font-size:clamp(4.2rem,19vw,7rem)}.section-heading .section-title{font-size:clamp(4.2rem,19vw,7rem)}.section-intro{width:min(290px,88%);margin:1.4rem 0 0 auto;font-size:.95rem}.subsection-heading{margin-top:4.2rem}.subsection-heading h2,.subsection-heading h3{font-size:1.15rem}.subsection-heading>span{font-size:.54rem}.photo-grid{grid-template-columns:1fr 1fr;gap:12px}.photo-card:nth-child(2){margin-top:18%}.photo-card:nth-child(3){grid-column:1/-1;width:76%;margin-top:3%;margin-left:12%}.photo-placeholder{height:clamp(205px,67vw,330px)}.photo-card:nth-child(3) .photo-placeholder{height:clamp(210px,58vw,300px)}.photo-caption{flex-direction:column;gap:5px;font-size:.55rem}.video-heading{margin-top:4.5rem}.video-layout{grid-template-columns:1fr;gap:1.7rem}.video-cover{min-height:0}.cover-mark{font-size:34vw}.video-info h3{font-size:3.2rem}.web-meta{gap:10px;font-size:.52rem}.web-meta span:nth-child(2){text-align:center}.web-meta span:last-child{text-align:right}.web-projects{grid-template-columns:1fr;gap:2rem}.web-card:nth-child(2){margin-top:0}.web-screenshot{height:68vw;max-height:360px}.footer{grid-template-columns:1fr 1fr;gap:15px;padding:25px 20px}.footer p{grid-area:2/1/auto/-1}.footer>a:nth-of-type(2){justify-self:start}.footer-copy{grid-column:2;justify-self:end;font-size:.55rem}}@media (width<=380px){.topbar nav{gap:9px}.topbar nav a{font-size:.61rem}.hero h1{font-size:4.25rem}.discipline{min-height:190px}.web-meta{font-size:.47rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.av-glow{opacity:.4}}