@font-face{font-family:Fallback;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f7f7f2;color:#171817;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #566500;outline-offset:6px}input:focus,textarea:focus,select:focus{outline:2px solid #566500;outline-offset:3px}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button{color:inherit}::selection{background:#d8ff00;color:#171817}.header{height:110px;margin:0 3.2%;display:flex;align-items:center;gap:7%;border-bottom:1px solid #d2d3cc;position:relative;z-index:20}.brand{width:165px;flex:none}.brand img{object-fit:contain}.nav-caption{font-size:12px;line-height:1.4}.header nav{margin-left:auto;display:flex;align-items:center;gap:42px;font-size:15px}.header nav a{transition:opacity .2s}.header nav a:hover{opacity:.55}.contact-link{border-bottom:1px solid;display:flex;gap:38px;padding:8px 0}.menu-toggle{display:none}.eyebrow{font-size:12px;letter-spacing:.07em;display:flex;gap:10px;align-items:center}.tiny-square{width:8px;height:8px;background:#181818;display:inline-block}.hero{padding:65px 6.4% 65px 3.2%;display:grid;grid-template-columns:1fr 260px;gap:5%;min-height:680px;align-items:center}.hero h1{font-size:clamp(92px,11.3vw,184px);line-height:.91;letter-spacing:-.072em;font-weight:500;margin:35px 0 34px}.period{color:#171817;display:inline-block;position:relative;isolation:isolate}.period:before{content:'';position:absolute;background:#d8ff00;width:.46em;height:.46em;z-index:-1;left:-.13em;bottom:.01em;transform:rotate(-8deg);transition:transform .5s}.hero:hover .period:before{transform:rotate(8deg)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px;max-width:675px}.hero-bottom p{font-size:18px;line-height:1.45}.text-link{display:inline-flex;gap:20px;align-items:center;background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;font-size:14px;text-align:left;width:fit-content}.text-link:hover{opacity:.65}.hero-reel{max-width:260px;justify-self:end;width:100%;transform:rotate(3deg);transition:transform .6s}.hero-reel:hover{transform:rotate(0)}.reel-trigger{display:block;position:relative;aspect-ratio:9/16;background:#212320;border-radius:8px;overflow:hidden;color:white;box-shadow:0 15px 30px #00000016}.reel-trigger img{height:100%;object-fit:cover}.reel-trigger:after{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 30%,transparent 60%,#000c)}.reel-top,.reel-bottom{position:absolute;z-index:2;left:18px;right:18px}.reel-top{top:18px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.02em}.reel-bottom{bottom:20px;font-size:16px;line-height:1.25}.reel-bottom b{position:absolute;right:0;bottom:0;font-size:25px}.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#d8ff00;color:#111;z-index:3;transition:scale .2s;padding-left:3px}.reel-trigger:hover .play-circle{scale:1.1}.reel-caption{display:block;font-size:11px;margin-top:14px;text-align:center}.work-section{padding:40px 3.2% 90px}.section-title{display:flex;justify-content:space-between;align-items:end;padding:24px 0 32px;border-top:1px solid #bfc1b8}.section-title h2{font-size:40px;line-height:1.1;letter-spacing:-.04em}.section-title h2 span{font-size:13px;vertical-align:top;display:inline-block;margin-left:14px;letter-spacing:0;padding-top:5px}.section-title p,.section-title>span{font-size:14px;line-height:1.4}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 24px}.project-card:nth-child(even){transform:translateY(65px)}.project-image{overflow:hidden;position:relative;background:#e2e3df;aspect-ratio:1.3}.project-image img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-card:nth-child(3n) .project-image{aspect-ratio:1.55}.project-card a:hover img{transform:scale(1.035)}.view-project{position:absolute;bottom:20px;right:20px;background:#d8ff00;padding:11px 20px;border-radius:40px;transform:translateY(70px);transition:transform .3s;font-size:14px}.project-card a:hover .view-project,.project-card a:focus-visible .view-project{transform:none}.project-caption{display:flex;justify-content:space-between;gap:15px;padding-top:16px}.project-caption h3{font-size:22px;letter-spacing:-.03em}.project-caption p{font-size:14px;color:#575b53;margin-top:4px}.project-caption>span{font-size:12px;text-align:right;padding-top:6px}.all-work{text-align:center;padding-top:120px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:64px;border:1px solid #171817;border-radius:40px;padding:17px 27px;background:transparent;font-size:15px;transition:background .25s,color .25s}.button:hover{background:#d8ff00;color:#171817}.button.dark{background:#171817;color:white}.button.dark:hover{background:#d8ff00;color:#171817}.studio-intro{background:#171817;color:#f7f7f2;padding:80px 5%;display:grid;grid-template-columns:1fr 2.3fr;gap:7%}.studio-intro>.eyebrow{align-items:start;padding-top:12px;max-width:150px;line-height:1.7}.studio-intro h2{font-size:clamp(36px,4.8vw,74px);letter-spacing:-.045em;line-height:1.08}.intro-copy{max-width:510px;margin:35px 0 0 auto}.intro-copy p{font-size:18px;color:#c2c4bc;margin-bottom:24px}.recognition{padding:64px 3.2%;border-bottom:1px solid #c9cbc1}.recognition>.eyebrow{margin-bottom:35px}.award-list{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}.award-list>span{font-size:21px;font-weight:600;line-height:1.06;letter-spacing:-.04em}.award-list .award-ida{font-size:38px;font-weight:800}.award-ida span{display:block;font-size:8px;letter-spacing:.04em}.award-list .award-wolda{font-weight:800;letter-spacing:-.05em}.award-list .award-wbds{font-family:Georgia,serif;font-size:20px;font-weight:400}.closing{padding:70px 5%;background:#d8ff00}.closing-link{display:block;font-size:clamp(58px,8.3vw,138px);line-height:1.04;letter-spacing:-.065em;margin-top:35px;position:relative;padding-right:100px}.closing-link>span{position:absolute;right:0;bottom:10px;transition:transform .3s}.closing-link:hover>span{transform:translate(10px,-10px)}.closing-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:45px;gap:24px}.closing-bottom p{font-size:17px}footer{padding:50px 3.2% 25px;background:#171817;color:#f7f7f2}.footer-brand{font-size:clamp(60px,17vw,265px);font-weight:600;line-height:1.1;letter-spacing:-.075em;display:block}.footer-brand>span{font-size:.12em;vertical-align:top;letter-spacing:0;padding-top:25px;display:inline-block;margin-left:15px}.footer-line{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #52554c;padding-top:30px;margin-top:35px;font-size:12px}.footer-line nav{display:flex;gap:22px}.footer-line a:hover{text-decoration:underline}.page-heading{padding:80px 5% 85px}.page-heading h1{font-size:clamp(56px,8.2vw,130px);letter-spacing:-.06em;line-height:1.02;margin:25px 0 32px}.page-heading p{font-size:20px;line-height:1.5;max-width:680px}.archive{padding-bottom:160px}.filter-bar{display:flex;gap:10px;border-top:1px solid #caccc1;padding:25px 0 35px;flex-wrap:wrap}.filter-bar button{background:transparent;border:1px solid #c3c5ba;border-radius:30px;padding:10px 20px;font-size:14px}.filter-bar button.active{background:#171817;color:white;border-color:#171817}.project-card[hidden]{display:none}.case-heading{padding:45px 5% 65px}.back-link{font-size:14px;display:inline-block;margin-bottom:60px}.case-heading h1{font-size:clamp(52px,7vw,105px);line-height:1.04;letter-spacing:-.06em;max-width:1080px;margin:25px 0 35px}.case-meta{display:flex;gap:35px;font-size:14px}.case-hero{margin:0 3.2%}.case-hero img{max-height:85vh;object-fit:contain;background:#eaeae7}.case-story{display:grid;grid-template-columns:1fr 1.7fr;gap:12%;padding:90px 8%}.case-story h2{font-size:38px;line-height:1.15;letter-spacing:-.04em}.case-story p{font-size:20px;margin-bottom:24px}.case-gallery{padding:0 3.2%;display:grid;gap:24px}.case-gallery figure{margin:0}.case-gallery img{height:auto}.next-project{padding:85px 5%}.next-project>a{font-size:clamp(35px,6vw,90px);letter-spacing:-.045em;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #aaa;padding:20px 0}.studio-statement{padding:70px 5%;border-top:1px solid #ccc;display:grid;grid-template-columns:1fr 2fr;gap:8%}.studio-statement>.eyebrow{align-items:start}.studio-statement h2{font-size:clamp(36px,4.8vw,72px);line-height:1.08;letter-spacing:-.045em;margin-bottom:35px}.studio-statement p{font-size:20px;max-width:660px;margin-bottom:20px}.services{padding:50px 5% 80px}.services details{border-bottom:1px solid #bfc1b8}.services summary{list-style:none;display:flex;align-items:center;gap:8%;padding:25px 0;cursor:pointer}.services summary::-webkit-details-marker{display:none}.services summary>span{font-size:12px}.services h3{font-size:clamp(24px,3.3vw,48px);letter-spacing:-.04em}.services summary>b{font-size:32px;font-weight:400;margin-left:auto}.services details[open] summary>b{transform:rotate(45deg)}.service-content{margin-left:10%;padding-bottom:30px;font-size:18px}.service-content p+p{font-size:14px;margin-top:10px;color:#5d6257}.process{background:#e9ebe2;padding:65px 5%}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.process-grid span{font-size:12px}.process-grid h3{font-size:28px;margin:30px 0 15px;letter-spacing:-.03em}.process-grid p{color:#4f5548}.contact-page{padding:80px 5% 100px;display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact-page h1{font-size:clamp(65px,7.3vw,110px);letter-spacing:-.065em;line-height:1.02;margin:30px 0}.contact-page>div>p{font-size:18px}.contact-note{display:flex;flex-direction:column;gap:12px;margin-top:60px}.contact-note>span{font-size:12px;letter-spacing:.04em}.contact-note .text-link{font-size:20px}.enquiry{padding-top:4px}.form-intro{font-size:22px;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.enquiry label{display:block;font-size:14px;margin-bottom:26px}.enquiry label>span{font-size:12px;color:#6b6e64}.enquiry input,.enquiry select,.enquiry textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #b1b4a7;border-radius:0;padding:12px 0;color:#171817;resize:vertical;font-size:16px}.enquiry textarea{min-height:125px}.character-count{display:block;text-align:right;padding-top:7px}.email-note{font-size:13px;color:#5a6051;margin:12px 0 20px}.enquiry .button{width:100%}.privacy-note{font-size:12px;margin-top:22px;color:#626759}.privacy-note a{text-decoration:underline}.form-status{font-size:14px;margin-top:18px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.prose{max-width:800px;margin:0 auto;padding:0 25px 100px}.prose h2{font-size:26px;margin:30px 0 15px;letter-spacing:-.025em}.prose p{margin-bottom:24px;font-size:18px}.prose img{margin-bottom:30px}.article-list{padding:0 5% 80px}.article-list>a{display:block;padding:35px 0;border-top:1px solid #bbb}.article-list h2{font-size:40px;letter-spacing:-.04em}.article-list p{max-width:650px}.article-list span{font-size:12px}dialog{border:0;background:#151515;color:white;padding:55px 20px 20px;max-height:95dvh;max-width:560px;width:calc(100% - 24px);border-radius:10px}dialog::backdrop{background:#111d;backdrop-filter:blur(8px)}dialog video{display:block;height:min(70dvh,760px);max-width:100%;margin:auto;aspect-ratio:9/16;background:black}dialog p{font-size:12px;margin-top:15px;color:#bfc1ba}.dialog-close{position:absolute;top:14px;right:20px;background:none;border:0;color:white;padding:6px}.skip{position:fixed;top:-100px;left:20px;background:#d8ff00;padding:15px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reveal{animation:fade-in .6s ease both}@keyframes fade-in{from{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-reel{transform:none}}@media(min-width:1700px){body{max-width:1900px;margin:auto}}@media(max-width:1000px){.hero{grid-template-columns:1fr 220px;padding-right:5%;min-height:610px}.hero h1{font-size:12vw}.hero-bottom{display:block}.hero-bottom .text-link{margin-top:20px}.nav-caption{display:none}.project-caption{display:block}.project-caption>span{display:block;text-align:left}.award-list{justify-content:flex-start;gap:30px 40px}.award-list>span{font-size:18px}.footer-line{flex-wrap:wrap}.studio-intro{grid-template-columns:1fr 3fr}.contact-page{gap:5%}}@media(max-width:700px){.header{height:82px;margin:0 6%;justify-content:space-between}.brand{width:143px}.menu-toggle{display:flex;gap:20px;background:transparent;border:0;font-size:14px;align-items:center}.menu-toggle>span{font-size:24px}.header nav{display:none;position:absolute;top:81px;left:-7%;right:-7%;margin:0;background:#f7f7f2;padding:30px 7%;border-bottom:1px solid #ccc;font-size:24px;box-shadow:0 15px 20px #0001}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:15px}.contact-link{justify-content:space-between}.hero{padding:40px 6% 45px;display:grid;grid-template-columns:1fr;gap:35px;min-height:0}.hero h1{font-size:clamp(82px,21vw,140px);margin:25px 0}.hero-bottom{display:flex;align-items:center}.hero-bottom p{font-size:15px}.hero-bottom .text-link{font-size:12px;margin:0;gap:8px;max-width:120px}.hero-reel{justify-self:end;width:180px;max-width:45%;margin-right:5%;transform:rotate(3deg)}.reel-top{font-size:8px;left:12px;right:12px}.reel-bottom{font-size:13px;left:12px;right:12px}.reel-caption{font-size:9px}.play-circle{width:50px;height:50px}.hero .eyebrow{font-size:10px}.work-section{padding:15px 6% 55px}.section-title{padding:22px 0;gap:20px}.section-title h2{font-size:30px}.section-title p{font-size:12px;max-width:120px}.section-title h2 span{font-size:11px;margin-left:8px}.project-grid{grid-template-columns:1fr;gap:32px}.project-card:nth-child(even){transform:none}.project-image,.project-card:nth-child(3n) .project-image{aspect-ratio:1.25}.project-caption{display:flex;gap:12px}.project-caption h3{font-size:21px}.project-caption p{font-size:13px}.project-caption>span{font-size:11px;max-width:90px;text-align:right}.view-project{display:none}.all-work{padding-top:40px}.studio-intro{display:block;padding:45px 6%}.studio-intro>.eyebrow{max-width:none;margin-bottom:32px}.studio-intro h2{font-size:40px}.intro-copy{margin-top:30px}.intro-copy p{font-size:17px}.recognition{padding:40px 6%}.award-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 18px}.award-list>span{font-size:15px}.award-list .award-wbds{font-size:15px}.award-list .award-ida{font-size:31px}.closing{padding:42px 6%}.closing-link{font-size:13vw;padding-right:40px;letter-spacing:-.06em}.closing-link>span{font-size:38px}.closing-bottom{display:block;margin-top:28px}.closing-bottom p{font-size:15px;margin-bottom:24px}.button{padding:14px 23px;font-size:14px}.closing-bottom .button{width:100%}footer{padding:40px 6% 25px}.footer-brand{font-size:17vw}.footer-brand>span{padding-top:7px;margin-left:8px}.footer-line{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:11px}.footer-line nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-line>a{text-align:right}.page-heading{padding:50px 6%}.page-heading h1{font-size:15vw}.page-heading p{font-size:17px}.filter-bar{gap:7px}.filter-bar button{padding:8px 14px;font-size:12px}.case-heading{padding:35px 6%}.back-link{margin-bottom:35px}.case-heading h1{font-size:13vw}.case-meta{font-size:12px;gap:20px}.case-hero{margin:0 4%}.case-story{display:block;padding:40px 6%}.case-story h2{font-size:28px;margin-bottom:28px}.case-story p{font-size:17px}.case-gallery{padding:0 4%;gap:14px}.next-project{padding:50px 6%}.studio-statement{display:block;padding:40px 6%}.studio-statement h2{font-size:38px;margin-top:30px}.studio-statement p{font-size:17px}.services{padding:25px 6% 40px}.services .section-title>span{font-size:10px}.services summary{gap:20px}.services h3{font-size:24px}.service-content{margin-left:34px;font-size:16px}.process{padding:40px 6%}.process-grid{grid-template-columns:1fr;gap:35px}.process-grid h3{margin-top:12px}.contact-page{display:block;padding:45px 6%}.contact-page h1{font-size:19vw}.contact-page>div>p{font-size:16px}.contact-note{margin-top:30px}.enquiry{margin-top:55px}.form-row{gap:16px}.form-intro{font-size:21px}.prose{padding:0 6% 55px}.prose p{font-size:17px}}@media print{.header,footer,.closing,.filter-bar{display:none}body{background:white;color:black}.project-card:nth-child(even){transform:none}}

[hidden]{display:none!important}.scroll-reveal .project-image{opacity:.35;translate:0 20px;transition:opacity .7s,translate .7s}.scroll-reveal.arrived .project-image{opacity:1;translate:0 0}@media(max-width:700px){.reel-top{display:none}.reel-bottom{font-size:12px}.hero-reel{max-width:48%}html:not(.js-ready) .header{height:auto;min-height:82px;flex-wrap:wrap;padding:20px 0}html:not(.js-ready) .header nav{display:flex;position:static;font-size:14px;flex-wrap:wrap;padding:15px 0;box-shadow:none;background:none;gap:20px}html:not(.js-ready) .menu-toggle{display:none}}
