@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap";:root{color:#eeeee6;font-synthesis:none;--muted:#aaada3;--line:#373b32;--accent:#d3d9b8;background:#111310;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:5px;text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:6px;outline:2px solid #e5efb5}.skip{color:#111;z-index:100;background:#fff;padding:14px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}header{z-index:10;background:#111310;justify-content:space-between;align-items:center;padding:27px 4%;display:flex;position:relative}.wordmark{letter-spacing:-.7px;font-size:19px;font-weight:700;line-height:.95}.wordmark span{letter-spacing:1.6px;margin-top:10px;font-size:8px;font-weight:400;display:block}nav{gap:36px;font-size:12px;display:flex}nav a:last-child{margin-left:30px}.menu-toggle{display:none}.hero{isolation:isolate;flex-direction:column;justify-content:space-between;height:calc(100svh - 100px);min-height:730px;max-height:1100px;padding:28px 4% 22px;display:flex;position:relative}.hero-image{z-index:-1;background:linear-gradient(90deg,#060c0ea6,#060c0e0d),linear-gradient(#0000 55%,#0a1015 100%),url(/media/honda.jpg) 50%/cover;position:absolute;inset:0}.hero-top,.hero-caption{letter-spacing:1.7px;justify-content:space-between;gap:20px;font-size:9px;display:flex}.hero-top{color:#d2d7d9}.hero-content{padding-top:60px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:500;line-height:1.6}h1{letter-spacing:-.075em;margin:24px 0 36px;font-size:clamp(90px,11vw,180px);font-weight:500;line-height:.87}em{letter-spacing:-.035em;font-family:Italiana,Georgia,serif;font-weight:400}h1 em{font-size:1.15em}.hero-bottom{justify-content:space-between;align-items:end;display:flex}.hero-bottom p{font-size:14px;line-height:1.6}.round-link{align-items:center;gap:30px;font-size:13px;display:flex}.round-link span{border:1px solid #8a9295;border-radius:50%;place-items:center;width:66px;height:66px;font-size:28px;transition:background .3s;display:grid}.round-link:hover span{color:#111;background:#d3d9b8}.section{padding:100px 6%}.section-head{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:58px;padding-top:20px;display:flex}.section-head>span{color:var(--muted);letter-spacing:.6px;font-size:10px}h2{letter-spacing:-.055em;margin:0 0 55px;font-size:clamp(46px,6vw,92px);font-weight:400;line-height:1.06}h3{letter-spacing:-1px;margin:10px 0;font-size:30px;font-weight:400}p{line-height:1.7}.film-wrap{background:#050708}video{aspect-ratio:1920/804;width:100%;display:block}.project-info{justify-content:space-between;gap:35px;padding:25px 0 40px;display:flex}.project-info p{color:var(--muted);margin:5px 0;font-size:13px}.project-info h3{font-size:36px}.project-credit{max-width:340px;padding-top:15px}.project-credit span,.project-credit a{letter-spacing:.7px;font-size:10px}.project-credit a{margin-top:18px;display:block}.archive-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:40px;padding:35px 0;display:flex}.archive-row h3{font-size:40px}.archive-row p{color:var(--muted);font-size:12px}.index{color:var(--muted);align-self:start;margin-top:8px;font-size:12px}.archive-action{margin-left:auto;font-size:12px}.archive-note{color:var(--muted);margin-top:20px;font-size:11px}.story{background:#1b1e18;grid-template-columns:1fr 1.15fr;align-items:center;gap:10%;display:grid}.portrait img{filter:grayscale();background:#eee;width:100%;height:auto;display:block}.portrait span{letter-spacing:1.5px;margin-top:15px;font-size:9px;display:block}.story h2{margin:30px 0;font-size:clamp(40px,4.4vw,66px)}.story-copy>p:not(.eyebrow){color:#b8bcb1;max-width:460px;font-size:14px}.story-copy .lead{color:#eeeee6!important;font-size:20px!important}.text-link{border-bottom:1px solid #8b927d;margin-top:25px;padding-bottom:10px;font-size:12px;display:inline-block}.studio{color:#252a20;background:#d3d9b8}.studio .section-head{border-color:#9fa78a}.studio .section-head>span{color:#4f5842}.studio-layout{grid-template-columns:1fr 1fr;gap:10%;padding:15px 0 70px;display:grid}.studio-mark{letter-spacing:-.09em;margin:0;font-size:clamp(110px,16vw,240px);line-height:.85}.studio-mark span{letter-spacing:.55em;margin:25px 0 0 12px;font-family:DM Sans,sans-serif;font-size:15px;display:block}.studio-layout h3{font-size:38px;line-height:1.2}.studio-layout p{max-width:380px;font-size:14px}.disciplines{letter-spacing:1px;border-top:1px solid #9fa78a;justify-content:space-between;padding-top:24px;font-size:10px;display:flex}.contact-layout{grid-template-columns:1fr 1fr;gap:10%;display:grid}.contact h2{margin-bottom:35px}.email{border-bottom:1px solid #7e8575;padding-bottom:8px;font-size:clamp(12px,1.4vw,20px)}.contact p{color:var(--muted);font-size:13px}form{grid-template-columns:1fr 1fr;gap:25px;display:grid}label{flex-direction:column;gap:12px;font-size:11px;display:flex}label:nth-of-type(3),label:nth-of-type(4){grid-column:1/-1}input,textarea,select{color:#eee;background:0 0;border:0;border-bottom:1px solid #545b4b;border-radius:0;width:100%;padding:10px 0 13px;font-size:14px}select option{background:#111310}textarea{resize:vertical}button{cursor:pointer}.submit{color:#20251b;text-align:left;background:#d3d9b8;border:0;grid-column:1/-1;justify-content:space-between;padding:20px;display:flex}.form-note{grid-column:1/-1;margin:0;font-size:11px!important}.copy{color:#eee;background:0 0;border:0;border-bottom:1px solid #777;justify-self:start;padding:5px 0;font-size:12px}#form-status{grid-column:1/-1;margin:0}footer{border-top:1px solid var(--line);justify-content:space-between;gap:30px;margin:0 4%;padding:30px 0;display:flex}.footer-name{letter-spacing:-.5px;font-size:14px}footer>div{color:var(--muted);gap:25px;font-size:10px;display:flex}.hero-content{animation:.9s both enter}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.legal{max-width:800px;min-height:80vh;margin:auto;padding:100px 25px}.legal h1{letter-spacing:-3px;font-size:65px}.legal p{color:#b8bcb1}@media (width<=760px){header{padding:22px 6%}.menu-toggle{color:#eee;background:0 0;border:1px solid #555b4c;padding:10px;font-size:12px;display:block}nav{background:#1b1e18;flex-direction:column;gap:25px;padding:25px 6%;display:none;position:absolute;top:100%;left:0;right:0}nav.open{display:flex}nav a:last-child{margin-left:0}.hero{min-height:650px;max-height:850px;padding:25px 6%}.hero-top{font-size:8px}.hero-top span:last-child{text-align:right;max-width:120px}.hero-image{background-position:60%}h1{font-size:100px}.hero-bottom{flex-direction:column;align-items:start;gap:16px}.hero-bottom p{font-size:12px}.round-link span{width:45px;height:45px;font-size:23px}.hero-caption{font-size:7px;line-height:1.6}.hero-caption span{max-width:180px}.section{padding:65px 6%}.section-head{align-items:start;margin-bottom:40px}.section-head>span{text-align:right;max-width:120px;font-size:8px}.eyebrow{font-size:9px}.project-info{flex-direction:column;gap:5px}.project-credit{padding-top:5px}.archive-row{flex-wrap:wrap;gap:20px}.archive-action{margin-left:32px}.archive-row h3{font-size:32px}.story{grid-template-columns:1fr;gap:40px}.portrait{max-width:400px}.studio-layout{grid-template-columns:1fr;gap:50px}.studio-mark{font-size:150px}.studio-layout h3{font-size:32px}.disciplines{gap:20px;font-size:8px}.contact-layout{grid-template-columns:1fr;gap:45px}form{gap:25px 20px}footer{flex-direction:column}footer>div{flex-wrap:wrap}.email{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.gallery-grid{grid-template-columns:1fr 1fr;gap:40px 25px;margin-top:50px;display:grid}.gallery-card:first-child{grid-column:1/-1}.gallery-card img{width:100%;height:auto;transition:filter .3s;display:block}.gallery-card:hover img{filter:brightness(1.08)}.gallery-card h3{font-size:26px}.gallery-card p{letter-spacing:1px;color:var(--muted);font-size:10px}.gallery-card{display:block}.portfolio-download{border:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:40px;padding:24px;font-size:13px;display:flex}.project-page h1{margin:30px 0;font-size:clamp(60px,9vw,130px)}.project-intro{color:#c4c9ba;max-width:620px;margin-bottom:50px;font-size:20px}.project-image{width:100%;height:auto;display:block}.case-grid{grid-template-columns:1.3fr 1fr;gap:12%;padding-top:50px;display:grid}.case-grid p:not(.eyebrow){color:#c4c9ba;font-size:15px}.case-note{color:var(--muted)!important;font-size:12px!important}.back-work{margin-left:40px}.mobile-back{display:none}@media (width<=760px){.gallery-grid,.case-grid{grid-template-columns:1fr}.gallery-card:first-child{grid-column:auto}.mobile-back{font-size:12px;display:block}.project-intro{font-size:17px}.case-grid{gap:20px}.back-work{margin-left:25px}}
