:root{--ink:#171816;--paper:#f4f2ec;--muted:#73736f;--line:#d6d4cc;--accent:#d65e35;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{max-width:1280px;margin:0 auto;padding-left:40px;padding-right:40px}.nav{border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;height:78px;padding:0 40px;display:flex;position:relative}.logo{font-family:var(--serif);letter-spacing:-2px;font-size:30px}.logo span,.footer-name span{color:var(--accent)}nav{gap:28px;font-size:14px;display:flex}nav a{position:relative}nav a.active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-8px;left:0;right:0}.nav-cta,.button{background:var(--ink);color:#fff;align-items:center;gap:18px;padding:13px 17px;font-size:13px;font-weight:600;display:inline-flex}.nav-cta span,.button span{color:#ef9679;font-size:18px;line-height:1}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 20px;font-size:10px;line-height:1.4}.hero{padding-top:106px;padding-bottom:96px}.hero h1,.page-hero h1,.case-hero h1,.contact-page h1{letter-spacing:-.075em;margin:0;font-size:clamp(72px,12.2vw,176px);font-weight:600;line-height:.79}.hero h1 em,.page-hero h1 em,.case-hero h1 em,.contact-page h1 em,h2 em{font-family:var(--serif);letter-spacing:-.06em;font-weight:500}.hero-bottom{border-top:1px solid var(--line);justify-content:space-between;margin-top:74px;padding-top:19px;display:flex}.hero-role{letter-spacing:-.05em;margin:0;font-size:clamp(23px,3vw,38px);line-height:1.03}.disciplines{color:var(--muted);margin:20px 0 0;font-size:12px}.relocation{color:var(--muted);margin:4px 0;font-size:13px}.actions{align-items:center;gap:29px;margin-top:47px;display:flex}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:8px;padding-bottom:2px;font-size:13px;font-weight:600;display:inline-flex}.text-link span{color:var(--accent);font-size:17px}.intro{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:80px;padding-top:28px;padding-bottom:135px;display:grid}.section-number{font-family:var(--mono);color:var(--muted);margin:0;font-size:11px}.intro>div{max-width:650px}.lede{letter-spacing:-.045em;margin:0 0 30px;font-size:clamp(24px,3.1vw,42px);line-height:1.12}.intro p:not(.lede){color:#51524e;max-width:540px;margin-bottom:30px}.work-section{padding-bottom:130px}.section-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:45px;padding-top:28px;display:flex}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{min-width:0;padding-bottom:25px;display:block;position:relative}.project-card:nth-child(2n){margin-top:85px}.project-art{height:365px;padding:18px;position:relative;overflow:hidden}.project-art>span,.project-visual>span{font-family:var(--mono);z-index:1;font-size:11px;position:relative}.art-shape{aspect-ratio:1;background:#ffffff47;border-radius:50%;width:58%;position:absolute;bottom:-14%;right:8%;box-shadow:-70px -40px 0 -18px #00000017,-105px 52px 0 -35px #ffffff5c}.gold{background:#c6a650}.blue{background:#78a5ac}.red{background:#d37159}.green{background:#879b7c}.purple{background:#9b8ba5}.orange{background:#d5915f}.project-meta{font-family:var(--mono);text-transform:uppercase;color:var(--muted);justify-content:space-between;padding:16px 0 9px;font-size:9px;display:flex}.project-card h3{letter-spacing:-.05em;margin:0 0 11px;font-size:31px;line-height:.98}.project-card>p{color:#5b5c58;max-width:480px;margin:0;font-size:14px}.project-arrow{color:var(--accent);font-size:22px;position:absolute;bottom:20px;right:0}.showreel{grid-template-columns:1.16fr .84fr;align-items:center;gap:68px;padding-bottom:135px;display:grid}.showreel-media{color:#efede6;background:#242522;height:440px;padding:22px;position:relative;overflow:hidden}.showreel-media:before{content:"";aspect-ratio:1;border:1px solid #50514b;border-radius:50%;width:65%;position:absolute;top:17%;left:17%}.film-mark{font-family:var(--serif);font-size:28px}.showreel-media p{font-family:var(--mono);color:#aaa;font-size:10px;position:absolute;bottom:15px}.showreel-media small{color:#74756e}.play{background:#e9e4d8;border:0;border-radius:50%;width:66px;height:66px;padding-left:6px;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showreel h2,.contact-cta h2,.archive-band h2{letter-spacing:-.06em;margin:0 0 25px;font-size:clamp(42px,5vw,66px);line-height:.93}.showreel>div>p:not(.eyebrow){color:var(--muted);max-width:345px}.clients{background:#dfdcd2;padding:52px 0}.client-list{flex-wrap:wrap;gap:11px 30px;display:flex}.client-list span{letter-spacing:-.03em;font-size:18px}.contact-cta{padding-top:130px;padding-bottom:145px}.contact-cta>p:not(.eyebrow){max-width:470px;color:var(--muted);margin-bottom:31px}.page{padding-top:90px;padding-bottom:130px}.page-hero{max-width:880px;margin-bottom:120px}.page-hero>p:last-child{color:#565752;max-width:590px;margin:42px 0 0;font-size:18px}.about-hero{margin-bottom:145px}.story{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:80px;padding-top:28px;padding-bottom:130px;display:grid}.story>div:last-child{max-width:700px}.story>div:last-child>p:not(.lede){color:#555650;max-width:590px}.story .button{margin-top:20px}.capabilities{padding-bottom:130px}.capability{border-top:1px solid var(--line);grid-template-columns:80px 1fr 1.3fr;gap:28px;padding:24px 0;display:grid}.capability>span{font-family:var(--mono);color:var(--muted);font-size:10px}.capability h2{letter-spacing:-.045em;margin:0;font-size:27px;line-height:1}.capability p{color:#5a5b56;max-width:430px;margin:0}.education{color:#eeece5;background:#292a27;grid-template-columns:1fr 2fr;padding:65px;display:grid}.education .eyebrow{color:#a7a79d}.education h2{letter-spacing:-.06em;margin:0 0 28px;font-size:clamp(35px,5vw,62px);line-height:.92}.education p{font-size:17px;line-height:1.8}.education small{color:#aaa99f}.timeline{border-top:1px solid var(--line)}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:190px 1fr;gap:40px;padding:34px 0;display:grid}.timeline time{font-family:var(--mono);color:var(--muted);font-size:11px}.timeline h2{letter-spacing:-.05em;margin:0 0 14px;font-size:30px;line-height:1.05}.timeline p:last-child{color:#5a5b56;max-width:600px;margin:0}.additional{max-width:650px;padding:70px 0 0}.additional>p:last-child{letter-spacing:-.035em;font-size:21px;line-height:1.3}.case-hero{padding-top:90px;padding-bottom:66px}.case-hero h1{margin-bottom:45px;font-size:clamp(64px,10vw,145px)}.case-summary{border-top:1px solid var(--line);justify-content:space-between;gap:30px;padding-top:18px;display:flex}.case-summary p{letter-spacing:-.025em;max-width:575px;margin:0;font-size:20px;line-height:1.25}.project-visual{max-width:1280px;height:640px;margin:auto;padding:28px;position:relative;overflow:hidden}.project-visual .visual-orb{aspect-ratio:1;border:1px solid #0000004d;border-radius:50%;width:42%;position:absolute;top:18%;right:18%;box-shadow:-84px 70px 0 -25px #ffffff42,80px -95px 0 -45px #ffffff30}.project-visual p{font-family:var(--mono);margin:0;font-size:10px;position:absolute;bottom:25px;left:28px}.project-visual small{color:#51524e}.case-details{grid-template-columns:1fr 2fr;gap:80px;padding-top:70px;padding-bottom:130px;display:grid}.case-facts{border-top:1px solid var(--line)}.case-facts div{border-bottom:1px solid var(--line);padding:15px 0}.case-facts span{font-family:var(--mono);text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:9px;display:block}.case-facts strong{font-size:14px}.case-copy{max-width:700px}.case-columns{grid-template-columns:1fr 1fr;gap:35px;margin:55px 0;display:grid}.case-columns div{border-top:1px solid var(--line);padding-top:15px}.case-columns p:last-child{color:#565752;font-size:16px}.tags{border-top:1px solid var(--line);margin-top:45px;padding-top:15px}.tags span{border:1px solid var(--line);border-radius:20px;margin:0 6px 7px 0;padding:5px 10px;font-size:12px;display:inline-block}.tools{margin-top:35px}.tools p:last-child{font-size:15px}.archive-band{background:#dcd9d0;padding:80px 0}.archive-band>div>p:last-child{color:#575853;max-width:490px}.archive-note{border-top:1px solid var(--line);color:#62635e;max-width:650px;margin:100px 0 0;padding-top:20px;font-size:13px}.archive-note strong{font-family:var(--mono);text-transform:uppercase;color:var(--ink);margin-bottom:8px;font-size:10px;display:block}.contact-page{max-width:920px;min-height:590px}.contact-page .lede{max-width:780px;margin-top:55px}.contact-details{border-top:1px solid var(--line);margin-top:70px}.contact-details>div{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr;padding:18px 0;display:grid}.contact-details span{font-family:var(--mono);text-transform:uppercase;color:var(--muted);font-size:10px}.contact-details a{letter-spacing:-.035em;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;font-size:19px}.contact-details p{letter-spacing:-.035em;margin:0;font-size:19px}.contact-note{color:var(--muted);margin-top:18px;font-size:12px}footer{color:#ebe9e2;background:#1f201e;padding:50px 40px 22px}.footer-top{grid-template-columns:1fr 1fr 1fr;align-items:end;max-width:1280px;margin:auto;padding-bottom:70px;display:grid}.footer-name{font-family:var(--serif);letter-spacing:-.07em;font-size:50px}.footer-top p{margin:0;font-size:14px}.footer-top .text-link{border-color:#aaa;justify-self:end}.footer-bottom{color:#a5a59c;max-width:1280px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border-top:1px solid #55564f;justify-content:space-between;margin:auto;padding-top:15px;font-size:9px;display:flex}@media (max-width:720px){.wrap{padding-left:21px;padding-right:21px}.nav{height:66px;padding:0 21px}.nav nav{display:none}.nav-cta{color:var(--ink);background:0 0;padding:0;font-size:0}.nav-cta span{font-size:20px}.hero{padding-top:70px;padding-bottom:65px}.hero-bottom{margin-top:50px;display:block}.relocation{margin-top:28px}.disciplines{line-height:1.8}.intro,.story,.case-details{grid-template-columns:1fr;gap:28px}.intro{padding-bottom:78px}.project-grid{grid-template-columns:1fr;gap:40px}.project-card:nth-child(2n){margin-top:0}.project-art{height:310px}.showreel{grid-template-columns:1fr;gap:30px;padding-bottom:85px}.showreel-media{height:320px}.clients{padding:42px 0}.client-list{gap:9px 18px}.client-list span{font-size:16px}.contact-cta{padding-top:85px;padding-bottom:88px}.page{padding-top:65px;padding-bottom:80px}.page-hero{margin-bottom:80px}.page-hero>p:last-child{margin-top:32px}.about-hero{margin-bottom:90px}.capabilities{padding-bottom:80px}.capability{grid-template-columns:35px 1fr;padding:20px 0}.capability p{grid-column:2}.education{padding:35px 24px;display:block}.education .eyebrow{margin-bottom:40px}.timeline article{grid-template-columns:1fr;gap:13px;padding:25px 0}.case-hero{padding-top:64px;padding-bottom:45px}.case-summary{display:block}.case-summary .text-link{margin-top:22px}.project-visual{height:420px}.case-details{padding-top:45px;padding-bottom:80px}.case-columns{grid-template-columns:1fr;gap:22px;margin:38px 0}.archive-band{padding:60px 0}.contact-page .lede{margin-top:40px}.contact-details{margin-top:45px}.contact-details>div{grid-template-columns:1fr;gap:6px}.footer-top{grid-template-columns:1fr;gap:28px;padding-bottom:50px}.footer-top .text-link{justify-self:start}.footer-bottom{line-height:2;display:block}.footer-bottom span{display:block}}@media (max-width:720px){.gallery-masonry{columns:1}.gallery-masonry figure{margin-bottom:26px}}.project-art img{object-fit:contain;background:#dce0e3;width:100%;height:100%;padding:16px;position:absolute;inset:0}.project-visual img{object-fit:contain;background:#dce0e3;width:100%;height:100%;padding:24px;display:block}.case-gallery{padding-bottom:130px}.case-gallery figure{margin:0}.case-gallery img{background:#dce0e3;width:100%;height:auto;display:block}.case-gallery figcaption{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:10px;font-size:10px}.gallery-lead{margin-bottom:30px!important}.gallery-masonry{columns:2;column-gap:22px}.gallery-masonry figure{break-inside:avoid;margin:0 0 30px;display:block}.portfolio-grid{columns:1;max-width:920px;margin:0 auto}@media (max-width:720px){.gallery-masonry{columns:1}.gallery-masonry figure{margin-bottom:26px}}.video-section{grid-template-columns:1fr 2fr;gap:80px;padding-bottom:130px;display:grid}.video-section>div:first-child>p:last-child{max-width:310px;color:var(--muted);font-size:15px}.video-frame{aspect-ratio:16/9;background:#1f201e;position:relative}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (max-width:720px){.video-section{grid-template-columns:1fr;gap:20px;padding-bottom:80px}.video-section>div:first-child>p:last-child{max-width:100%}}.video-collection{grid-template-columns:1fr 2fr;gap:80px;padding-bottom:130px;display:grid}.video-collection>div:first-child>p:last-child{max-width:310px;color:var(--muted);font-size:15px}.video-grid{gap:30px;display:grid}.video-grid figure{margin:0}.video-grid figcaption{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:10px;font-size:10px}@media (max-width:720px){.video-collection{grid-template-columns:1fr;gap:20px;padding-bottom:80px}.video-collection>div:first-child>p:last-child{max-width:100%}}.case-study-sections{padding-bottom:130px}.case-study-sections>article{border-top:1px solid var(--line);grid-template-columns:80px minmax(0,1fr);gap:28px;padding:27px 0;display:grid}.case-study-sections>article:last-child{border-bottom:1px solid var(--line)}.case-study-sections>article>span{font-family:var(--mono);color:var(--muted);font-size:10px}.case-study-sections h2{letter-spacing:-.05em;max-width:780px;margin:0 0 14px;font-size:clamp(25px,3vw,38px);line-height:1.04}.case-study-sections p{color:#555650;max-width:780px;margin:0;font-size:16px}@media (max-width:720px){.case-study-sections{padding-bottom:80px}.case-study-sections>article{grid-template-columns:35px minmax(0,1fr);gap:12px;padding:22px 0}.case-study-sections h2{font-size:25px}}
