@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f4f4f1;--ink:#181918;--muted:#62645f;--accent:#ffb331;--line:#cdcfca;--body:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #cf6d00;outline-offset:6px}::selection{background:var(--accent);color:var(--ink)}.skip{position:absolute;left:20px;top:-100px;padding:10px;background:var(--accent);z-index:10}.skip:focus{top:10px}.wrap{width:min(1440px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:108px;border-bottom:1px solid var(--line);gap:25px}.brand{font-family:var(--display);font-size:28px;font-weight:700;letter-spacing:-1.8px;line-height:1;white-space:nowrap}.brand span{color:#bd6500}.nav{display:flex;align-items:center;gap:34px;font-size:16px}.nav a{padding:10px 0;border-bottom:1px solid transparent}.nav a:hover,.nav a[aria-current=page]{border-color:var(--ink)}.nav .contact{background:var(--ink);color:white;padding:10px 20px;border-radius:999px}.kicker{font-size:14px;letter-spacing:.07em;text-transform:uppercase;font-weight:600}.hero{padding:58px 0 40px}.hero-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.hero-top p{margin:0}.hero h1{font-family:var(--display);font-weight:500;font-size:clamp(64px,8.4vw,124px);letter-spacing:-.065em;line-height:1.02;max-width:1050px;margin:30px 0 36px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{max-width:415px;margin:0;color:var(--muted);font-size:18px}.round-link{border:1px solid var(--ink);border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font-size:25px;flex-shrink:0}.round-link:hover{background:var(--accent)}.feature{position:relative;display:block;overflow:hidden;background:#242424;margin-top:32px;aspect-ratio:1.93;color:white}.feature img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.feature:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none}.feature:hover img{transform:scale(1.025)}.feature-label{position:absolute;left:36px;right:36px;bottom:27px;z-index:1;display:flex;justify-content:space-between;align-items:end}.feature-label h2{font-family:var(--display);font-size:clamp(30px,4vw,62px);font-weight:500;letter-spacing:-.04em;margin:0}.feature-label p{margin:0 0 5px;font-size:14px}.feature-label .round-link{border-color:white}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin:76px 0 28px;gap:20px}.section-heading h2{font-size:32px;letter-spacing:-.045em;font-family:var(--display);font-weight:500;margin:0}.section-heading a{font-size:16px;border-bottom:1px solid var(--ink)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 28px}.card{display:block}.card-img{overflow:hidden;background:#e2e4df;aspect-ratio:1.4}.card img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .45s}.card:hover img{transform:scale(1.035)}.card-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:15px}.card h3{font-family:var(--display);font-size:25px;font-weight:500;letter-spacing:-.04em;margin:0}.card-meta span{font-size:14px;color:var(--muted);text-align:right}.studio{background:var(--ink);color:var(--paper);padding:70px 0;margin-top:90px}.studio .wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.studio h2{font-family:var(--display);font-size:clamp(36px,4vw,65px);font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:0 0 25px}.studio p{color:#c5c7c1;max-width:620px}.text-link{display:inline-block;font-size:16px;border-bottom:1px solid currentColor;margin-top:10px;padding-bottom:3px}.footer{padding:75px 0 25px}.footer h2{font-size:clamp(40px,5vw,78px);line-height:1.08;font-family:var(--display);font-weight:500;letter-spacing:-.05em;margin:18px 0 25px}.email{font-size:clamp(21px,3vw,42px);display:inline-block;border-bottom:2px solid var(--ink);letter-spacing:-.025em}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:75px;padding-top:25px;border-top:1px solid var(--line);font-size:14px}.social{display:flex;gap:25px}.footer-wordmark{font-family:var(--display);font-size:clamp(70px,18.5vw,270px);font-weight:700;line-height:1;letter-spacing:-.08em;margin:40px 0 0;white-space:nowrap}.page-title{padding:65px 0 40px}.page-title h1{font-family:var(--display);font-size:clamp(50px,8vw,110px);line-height:1.04;letter-spacing:-.06em;font-weight:500;margin:18px 0 25px}.page-title p{max-width:640px;color:var(--muted)}.breadcrumbs{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 0}.category-nav a{border:1px solid var(--line);border-radius:50px;padding:8px 20px;font-size:16px}.category-nav a[aria-current=page],.category-nav a:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project-cover{width:100%;height:auto;display:block;background:#e2e4df}.project-info{display:flex;justify-content:space-between;align-items:center;padding:25px 0 40px;gap:20px}.project-info p{font-size:16px;color:var(--muted)}.video-link{padding:13px 22px;background:var(--ink);color:white;border-radius:50px;display:inline-block;font-size:16px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}.gallery img{display:block;width:100%;height:auto;align-self:center}.gallery figure{margin:0;background:#e7e8e3;display:grid;align-items:center}.gallery figure:nth-child(3n){grid-column:1/-1}.project-end{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px;margin-top:60px;gap:20px;font-size:18px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:20px 0 60px}.about-grid img{width:100%;display:block}.about-grid p{font-size:clamp(22px,2.5vw,35px);letter-spacing:-.03em;line-height:1.4}.about-grid .english{font-size:17px;color:var(--muted)}.contact-page{min-height:40vh}.contact-page .email{margin-bottom:25px}.contact-page p{color:var(--muted)}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{min-height:88px;gap:12px}.brand{font-size:23px}.nav{gap:15px;font-size:14px}.nav .contact{padding:7px 12px}.hero{padding-top:32px}.hero-top{align-items:start}.hero-top .kicker{font-size:12px;max-width:190px}.hero h1{font-size:clamp(51px,12vw,87px);margin-top:25px}.hero-bottom p{font-size:16px;max-width:300px}.feature{aspect-ratio:1.13;margin-top:25px}.feature-label{left:20px;right:20px;bottom:20px}.feature .round-link{width:42px;height:42px}.grid{gap:30px 16px}.card-img{aspect-ratio:1.1}.card-meta{display:block;margin-top:10px}.card h3{font-size:22px}.card-meta span{display:block;text-align:left;font-size:13px;margin-top:2px}.section-heading{margin-top:50px}.section-heading h2{font-size:27px}.studio{margin-top:55px;padding:45px 0}.studio .wrap{grid-template-columns:1fr;gap:18px}.studio h2{font-size:38px}.footer{padding-top:45px}.footer-bottom{margin-top:45px;align-items:start;flex-wrap:wrap}.social{gap:16px}.page-title{padding-top:36px}.page-title h1{font-size:clamp(44px,12vw,80px)}.gallery{gap:14px}.project-info{align-items:start;flex-wrap:wrap;padding-bottom:20px}.about-grid{grid-template-columns:1fr;gap:24px}.about-grid p{font-size:26px}.project-end{font-size:16px}.footer-wordmark{font-size:20vw}.round-link{width:44px;height:44px}}@media(max-width:380px){.nav{gap:10px}.nav .contact{background:none;color:var(--ink);padding:8px 0}.brand{font-size:21px}.grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}