@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18242d;--muted:#65727a;--accent:#bd4e5c;--paper:#f9f8f5;--line:#d9dcd9;--dark:#14212b;--max:1260px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.wrap{width:min(calc(100% - 64px),var(--max));margin:auto}.site-header{height:92px;padding:0 max(32px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:10}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.09em}.brand span,.dot{color:var(--accent)}.site-nav{display:flex;gap:34px;align-items:center}.site-nav a{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:10px 0;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--accent)}.menu-toggle{display:none;background:transparent;border:0;text-transform:uppercase;letter-spacing:.1em}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.19em;font-weight:700;color:var(--accent);text-transform:uppercase}.hero{padding-top:90px}.hero h1,.page-hero h1,.article-hero h1{font-family:Manrope,sans-serif;font-size:clamp(64px,10vw,148px);font-weight:500;letter-spacing:-.08em;line-height:.98;margin:18px 0}.hero-sub{font-family:Manrope,sans-serif;font-size:clamp(22px,3vw,38px);font-weight:500;letter-spacing:-.04em;line-height:1.23;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:30px;margin:34px 0 68px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--accent);color:white;padding:16px 23px;border:1px solid var(--accent);font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#a83f4c;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:14px;font-weight:700}.text-link:hover{color:var(--accent)}.hero-image{height:min(54vw,620px);min-height:330px;position:relative;overflow:hidden;background:#334a53}.hero-image img{width:100%;height:100%;object-fit:cover}.image-note{position:absolute;right:24px;bottom:22px;background:rgba(20,33,43,.75);color:white;padding:9px 13px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.intro{padding-top:145px;padding-bottom:145px}.intro-grid{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:center;margin-top:40px}.intro h2,.featured h2,.contact h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.065em;font-size:clamp(42px,5vw,75px);line-height:1.1;margin:0 0 34px}.intro p,.contact p,.about-copy p,.project-description p,.article-body p{font-size:17px;line-height:1.8;color:#4c5960}.intro p{max-width:570px}.intro .text-link{margin-top:24px}.portrait-frame{aspect-ratio:4/4.6;overflow:hidden;background:#d4d9d6}.portrait-frame img{height:100%;width:100%;object-fit:cover}.featured{background:var(--dark);color:#f6f6f1;padding:112px 0 120px}.featured .section-kicker{color:#db8a93}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:28px 0 48px}.section-head h2{margin:0}.section-head .text-link{white-space:nowrap}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{position:relative;overflow:hidden;min-height:410px;background:#39464d}.feature-card img{width:100%;height:410px;object-fit:cover;filter:brightness(.72);transition:transform .45s,filter .45s}.feature-card:hover img{transform:scale(1.05);filter:brightness(.55)}.feature-card>span{position:absolute;left:26px;right:26px;bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:8px}.feature-card strong{font-family:Manrope,sans-serif;font-size:24px;line-height:1.14}.feature-card em{font-style:normal;font-size:12px;white-space:nowrap}.contact{padding-top:135px;padding-bottom:150px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:32px}.contact-email{display:block;font-size:21px;margin:28px 0 9px;font-weight:600;word-break:break-word}.contact-phone{color:var(--muted)}#contact-form{display:grid;grid-template-columns:1fr 1fr;gap:21px}#contact-form label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}#contact-form input,#contact-form textarea{display:block;margin-top:9px;width:100%;border:1px solid #c5ccc9;background:transparent;padding:13px;color:var(--ink);outline:none}#contact-form input:focus,#contact-form textarea:focus{border-color:var(--accent)}#contact-form .full{grid-column:1/-1}#contact-form button{width:100%}.form-note{font-size:12px!important;margin:-10px 0 0;color:var(--muted)!important}.site-footer{background:#d9e7eb;padding:55px max(32px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;align-items:start;gap:40px;font-size:13px}.site-footer>div:first-child{display:flex;flex-direction:column;gap:8px}.footer-name{font-weight:800;letter-spacing:.12em}.footer-links{display:flex;gap:20px}.site-footer small{color:#55666d}.page-hero{padding-top:100px;padding-bottom:65px}.page-hero h1{font-size:clamp(56px,8vw,110px);max-width:1100px;margin:20px 0 28px}.lead{font-size:clamp(19px,2vw,24px);line-height:1.5;max-width:720px;color:#56646c;margin:0}.back-link{display:inline-block;font-size:13px;letter-spacing:.06em;margin-bottom:52px;color:var(--muted)}.back-link:hover{color:var(--accent)}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:8%;padding-bottom:130px}.about-photo img{width:100%;max-height:740px;object-fit:cover}.about-copy h2{font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-.05em;margin:0 0 20px}.about-copy .button{margin-top:28px}.collection-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:130px}.collection-card{position:relative;background:#3c4850;min-height:460px;overflow:hidden;color:#fff}.collection-card:nth-child(3){grid-column:1/-1;min-height:500px}.collection-card img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.58);transition:transform .4s}.collection-card:hover img{transform:scale(1.03)}.collection-card>div{position:absolute;inset:auto 34px 30px;display:grid;grid-template-columns:1fr auto;align-items:end}.collection-card span:first-child{grid-column:1/-1;font-size:11px;letter-spacing:.15em}.collection-card h2{font:500 clamp(30px,3.3vw,47px)/1.2 Manrope,sans-serif;letter-spacing:-.05em;margin:12px 0 0}.collection-card .arrow{font-size:30px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 24px;padding-bottom:120px}.project-image{aspect-ratio:1.3;overflow:hidden;background:#d9ddda}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.project-card:hover img{transform:scale(1.05)}.project-meta{display:grid;grid-template-columns:30px 1fr 18px;gap:8px;align-items:start;border-top:1px solid var(--line);padding-top:18px;margin-top:14px}.project-meta span{font-size:12px;color:var(--muted)}.project-meta h2{font:600 18px/1.35 Manrope,sans-serif;letter-spacing:-.03em;margin:0}.project-heading{padding-bottom:40px}.project-detail{padding-bottom:120px}.project-cover{background:#dce0dd;max-height:700px;overflow:hidden}.project-cover img{width:100%;max-height:700px;object-fit:contain}.project-description{max-width:780px;margin:60px auto}.detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-gallery img{width:100%;height:auto;background:#dce0dd}.next-project{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:28px 0;margin-top:75px;text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700}.next-project span{font-size:22px}.film-content{padding-bottom:130px}.film-content video{width:100%;background:#111;max-height:720px}.film-caption{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid var(--line);padding-top:35px;margin-top:36px}.film-caption span{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:700}.film-caption p{font-size:21px;line-height:1.6;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 25px;padding-bottom:130px}.blog-card>div{aspect-ratio:1.4;overflow:hidden;background:#e2e2de}.blog-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-card:hover img{transform:scale(1.04)}.post-date{display:block;color:var(--accent);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-top:20px}.blog-card h2{font:600 23px/1.3 Manrope,sans-serif;letter-spacing:-.035em;margin:12px 0}.blog-card p{color:var(--muted);font-size:14px;line-height:1.6}.read-more{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block;margin-top:9px}.article-hero{padding-top:80px;padding-bottom:55px;max-width:900px}.article-hero .post-date{margin:0}.article-hero h1{font-size:clamp(48px,7vw,84px)}.article-body{max-width:900px;padding-bottom:130px}.article-body p{margin:0 0 25px}.article-image{margin:45px 0}.article-image img{width:100%;height:auto}.source-links{border-top:1px solid var(--line);margin-top:45px;padding-top:25px;display:flex;flex-direction:column;gap:12px}.source-links h2{font-size:17px}.source-links a{color:var(--accent);word-break:break-word}@media(max-width:900px){.feature-grid,.project-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.feature-card:last-child{grid-column:1/-1}.feature-card:last-child img{width:100%}.intro-grid{gap:5%}.site-nav{gap:18px}.site-header{padding:0 32px}}@media(max-width:680px){.wrap{width:min(calc(100% - 36px),var(--max))}.site-header{height:72px;padding:0 18px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:72px;padding:20px;background:var(--paper);box-shadow:0 18px 24px #14212b1c;flex-direction:column;align-items:stretch;gap:4px}.site-nav.open{display:flex}.site-nav a{padding:13px 6px}.hero{padding-top:55px}.hero h1{font-size:clamp(60px,14vw,94px)}.hero-actions{align-items:start;flex-direction:column;gap:20px;margin-bottom:45px}.hero-image{height:340px;min-height:0}.intro,.contact{padding-top:85px;padding-bottom:90px}.intro-grid,.contact-grid,.about-grid,.film-caption{grid-template-columns:1fr}.portrait-frame{max-width:500px}.featured{padding:82px 0}.section-head{align-items:start;flex-direction:column}.feature-grid,.project-grid,.blog-grid,.collection-cards{grid-template-columns:1fr}.feature-card:last-child,.collection-card:nth-child(3){grid-column:auto}.collection-card,.collection-card:nth-child(3){min-height:380px}.feature-card,.feature-card img{height:370px;min-height:0}.page-hero{padding-top:70px}.page-hero h1{font-size:clamp(53px,11vw,80px)}.project-grid,.blog-grid{gap:38px;padding-bottom:80px}.detail-gallery{grid-template-columns:1fr}.site-footer{padding:45px 18px;flex-direction:column;gap:24px}.about-grid{padding-bottom:85px}.contact-grid{gap:42px}#contact-form{gap:15px}.film-caption{gap:8px}.article-hero{padding-top:60px}}
/* Homepage follows the original Studio Wang composition. */
@font-face{font-family:Marzo;src:url('/assets/marzo-w00-regular.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:RalewayOriginal;src:url('/assets/raleway-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
.home-page{background:#fff;color:#333}
.home-page .site-nav{position:absolute;left:50%;transform:translateX(-50%)}
.original-hero{text-align:center}
.original-hero h1{font:700 45px/1.2 Marzo,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:14px 0 12px}
.resume-link{display:inline-block;color:#b75e6c;text-decoration:underline;font:14px "Courier New",monospace}
.original-hero-image{width:min(1105px,calc(100% - 40px));margin:62px auto 0}
.original-hero-image img{width:100%;aspect-ratio:1110/486;object-fit:cover}
.social-bar{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:45px}
.social-bar a{display:block;width:30px;height:30px;transition:opacity .2s,transform .2s}
.social-bar a:hover{opacity:.65;transform:translateY(-2px)}
.social-bar img{display:block;width:30px;height:30px;object-fit:contain}
.original-intro{width:min(850px,calc(100% - 40px));margin:170px auto 0;display:grid;grid-template-columns:330px 485px;gap:35px;align-items:start}
.original-intro-copy{text-align:center;font:400 17px/1.8 RalewayOriginal,sans-serif;letter-spacing:.3em;color:#444}
.original-intro-copy h2{font:inherit;margin:0 0 5px}
.original-intro-copy p{margin:0 0 15px}
.original-intro-media img{width:485px;aspect-ratio:486/348;object-fit:cover}
.original-intro-media a{display:block;width:235px;margin:48px auto 0;border:1px solid #999;text-align:center;padding:10px 12px;font:400 15px RalewayOriginal,sans-serif;color:#777}
.original-intro-media a:hover{border-color:#c9465b;color:#c9465b}
.original-divider{text-align:center;color:#777;font:38px/1 Arial,sans-serif;margin:85px auto 0}
.original-contact{max-width:855px;margin:245px auto 100px;text-align:center}
.original-contact h2,.original-contact>p{font:400 17px/1.8 RalewayOriginal,sans-serif;letter-spacing:.3em;margin:0}
.original-contact h2{font-size:17px;margin-bottom:32px}
.original-contact>p{margin-bottom:42px}
.original-contact>p a:hover{color:#c9465b}
.home-page #contact-form{text-align:left;gap:20px 23px}
.home-page #contact-form label{font:13px "Courier New",monospace;letter-spacing:0;text-transform:none;color:#555}
.home-page #contact-form input,.home-page #contact-form textarea{background:#fff;border:1px solid #aaa;margin-top:9px;padding:9px;color:#333}
.home-page #contact-form textarea{resize:vertical}
.home-page #contact-form .button{width:min(400px,100%);justify-content:center;margin:0 auto;background:#cc4153;border-color:#cc4153;font:400 15px RalewayOriginal,sans-serif;padding:10px}
.home-page #contact-form .form-note{text-align:center;margin:-12px 0 0;font-size:11px!important}
.home-page .site-footer{height:68px;background:#c0d9e5;padding:0}
.home-page .site-footer>*{display:none!important}
@media(max-width:900px){.original-intro{width:min(850px,calc(100% - 40px));grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:30px}.original-intro-media img{width:100%}.original-contact{margin-left:20px;margin-right:20px}}
@media(max-width:680px){.home-page .site-nav{left:0;transform:none}.original-hero h1{font-size:clamp(30px,8vw,46px);margin:30px 0 12px}.original-hero-image{margin-top:48px}.social-bar{gap:13px;margin-top:30px}.original-intro{display:block;margin-top:95px}.original-intro-copy{font-size:16px;letter-spacing:.2em;max-width:400px;margin:0 auto 55px}.original-intro-media{max-width:486px;margin:auto}.original-intro-media a{margin-top:25px}.original-divider{margin-top:70px}.original-contact{margin-top:125px}.original-contact h2,.original-contact>p{font-size:15px;letter-spacing:.17em}.home-page #contact-form{grid-template-columns:1fr}.home-page #contact-form .full{grid-column:auto}}