@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f2f0eb;font-family:Inter,Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw;position:absolute;z-index:5;top:0;left:0;right:0}.logo{display:flex;align-items:center}.logo img{display:block;width:min(260px,28vw);height:auto}.nav nav{display:flex;gap:34px;font-size:9px;letter-spacing:.06em}.hero{min-height:100vh;position:relative;overflow:hidden;border:1px solid #222}.hero-art{position:absolute;inset:0}.hero-art img{width:100%;height:100%;object-fit:cover;opacity:.8;filter:contrast(1.05)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.45) 100%);pointer-events:none}.hero-meta,.hero-copy,.hero-side,.view-work{position:absolute;z-index:2}.hero-meta{left:7.2vw;top:28%;font-size:10px;line-height:1.7;letter-spacing:.08em}.hero-meta i{display:block;width:28px;border-top:1px solid #ddd;margin:15px 0}.hero-copy{left:7.2vw;bottom:12%}.hero-copy h1{font-size:clamp(55px,7.3vw,118px);line-height:.83;letter-spacing:-.07em;margin:0 0 25px;font-weight:700}.hero-copy p{font-size:12px;line-height:1.4}.hero-side{right:7%;bottom:18%;text-align:center;font-size:30px}.hero-side small{display:block;font-size:9px;line-height:1.6;margin-top:12px;letter-spacing:.1em}.view-work{left:7.2vw;bottom:5.2%;font-size:10px;border-bottom:1px solid #777;padding-bottom:8px;width:72px}.view-work span{position:fixed;right:6vw;font-size:26px;bottom:4.4%}.selected{background:#e9e6df;color:#151515;padding:55px 3vw 80px}.section-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em;margin-bottom:28px}.grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card img{width:100%;aspect-ratio:1.15;object-fit:cover;display:block;filter:grayscale(1)}.project-card span{display:block;font-size:9px;margin-top:18px}.project-card h2{font-size:14px;font-weight:500;margin:7px 0}.project-card p{font-size:9px;line-height:1.45;color:#6f6c66}.case{padding:70px 3.2vw 90px;border-top:1px solid #222;opacity:.15;transform:translateY(18px);transition:opacity .8s,transform .8s}.case.is-visible{opacity:1;transform:none}.case-top{display:flex;justify-content:space-between;font-size:10px;color:#aaa}.case-title{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:40px;align-items:start;margin:40px 0 38px}.case-title h2{font-size:clamp(42px,6vw,86px);font-weight:400;letter-spacing:-.06em;margin:0}.case-title b{font-size:9px;font-weight:400;line-height:1.7}.case-title p{font-size:12px;line-height:1.6;color:#aaa;max-width:330px;margin:0}.case-hero{width:100%;display:block;aspect-ratio:1.65;object-fit:cover}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.case-grid img{width:100%;aspect-ratio:1.3;object-fit:cover}.about{padding:90px 3.2vw 30px;border-top:1px solid #222;opacity:.15;transform:translateY(18px);transition:opacity .8s,transform .8s}.about.is-visible{opacity:1;transform:none}.section-label{font-size:10px;margin-bottom:38px}.about-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:80px}.about h2{font-size:clamp(50px,7vw,105px);line-height:.85;letter-spacing:-.07em;font-weight:600;margin:0}.about-copy{max-width:470px;font-size:13px;line-height:1.7;color:#c2beb7}.about-images{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;margin-top:70px}.about-images img{width:100%;height:100%;object-fit:cover;min-height:240px}.about-images img:first-child{grid-row:span 2}.services{display:flex;justify-content:space-between;border-top:1px solid #333;margin-top:70px;padding:28px 0 80px;font-size:10px}.services p{font-size:12px;line-height:1.65;color:#aaa}.plus{font-size:34px}.contact{background:#e9e6df;color:#151515;min-height:70vh;padding:90px 7vw;display:grid;grid-template-columns:1.2fr .8fr;align-content:center;position:relative;opacity:.15;transform:translateY(18px);transition:opacity .8s,transform .8s}.contact.is-visible{opacity:1;transform:none}.contact h2{font-size:clamp(54px,7.2vw,110px);line-height:.84;letter-spacing:-.075em;margin:0}.contact p{font-size:12px;line-height:1.6;max-width:300px;margin-bottom:35px}.contact a{font-size:12px;border-bottom:1px solid #777;padding-bottom:8px}.social{margin-top:55px;font-size:10px;line-height:1.8}.social a{border:0;padding:0}.arrow{position:absolute;right:6vw;bottom:5vw;font-size:34px}footer{padding:25px 4vw;display:flex;justify-content:space-between;font-size:9px;color:#777;letter-spacing:.08em}.project-card{opacity:.15;transform:translateY(18px);transition:opacity .8s,transform .8s}.project-card.is-visible{opacity:1;transform:none}@media(max-width:760px){.nav{padding:0 22px}.logo img{width:190px}.nav nav{gap:14px}.hero-copy{left:24px;bottom:14%}.hero-meta{left:24px;top:20%}.hero-copy h1{font-size:58px}.hero-side{right:20px}.selected,.case,.about{padding-left:20px;padding-right:20px}.grid.three,.case-title,.about-grid,.contact{grid-template-columns:1fr}.grid.three{gap:35px}.case-title{gap:22px}.case-title h2{font-size:52px}.case-grid{grid-template-columns:1fr}.about-grid{gap:30px}.about-images{grid-template-columns:1fr 1fr}.about-images img:first-child{grid-column:span 2;grid-row:auto}.contact{padding:75px 24px;gap:50px}.contact h2{font-size:58px}.contact .arrow{right:24px}footer{padding:22px 20px;display:block}footer span{display:block;margin-top:8px}}