body:not(.inner-page){background:#090909;color:#f5f5f2}body:not(.inner-page) .topbar{background:#090909;color:#979797}body:not(.inner-page) .header{background:#101010;border-bottom:1px solid #ffffff19}body:not(.inner-page) .brand,body:not(.inner-page) .header nav{color:#f5f5f2}body:not(.inner-page) .brand span{color:#999}body:not(.inner-page) .header nav a:hover{color:#aaa}body:not(.inner-page) .menu-toggle{color:#fff}.three-hero{height:calc(100svh - 113px);min-height:560px;position:relative;overflow:hidden;background:#080808;isolation:isolate}.three-wall{position:absolute;inset:-30% -5%;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;transform:rotate(-7deg) scale(1.14);opacity:.36}.three-wall img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) brightness(.65)}.three-veil{position:absolute;inset:0;background:radial-gradient(ellipse at center,#080808a6,#08080885 35%,#08080866 80%),linear-gradient(0deg,#080808 1%,transparent 30%,transparent 75%,#08080880)}.three-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.three-kicker{font-size:10px;letter-spacing:.2em;color:#9b9b96;font-weight:600;margin:0 0 22px}.three-center h1{font:500 clamp(64px,8vw,122px)/.9 Arial,sans-serif;letter-spacing:-.07em;margin:0;color:white}.three-center h1 em{font:italic 400 1em Georgia,serif}.three-center>p:not(.three-kicker){margin:25px 0;color:#d0d0ca;font-size:14px}.three-pill{display:inline-flex;align-items:center;gap:40px;background:#f4f4f1;color:#111;padding:14px 23px;border-radius:40px;font-size:13px;font-weight:600}.three-pill:hover{background:#d8d8d2}.three-scroll,.three-index{position:absolute;bottom:32px;color:#aaa;font-size:10px;letter-spacing:.13em}.three-scroll{left:4%;text-decoration:none}.three-index{right:4%}.three-works,.three-about{min-height:100svh;display:flex;align-items:center;background:#101010}.three-works-inner{padding-top:75px;padding-bottom:60px}.three-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:20px}.three-head h2,.three-about h2{font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.3;letter-spacing:-.03em;margin:0}.three-head>p{font-size:13px;color:#aaa;margin:0 0 4px}.three-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.three-card{display:block;color:#f5f5f2}.three-image{aspect-ratio:4/4.2;overflow:hidden;background:#1c1c1b}.three-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.three-card:hover img{transform:scale(1.035)}.three-card-info{padding:17px 0;border-bottom:1px solid #ffffff2a}.three-card-info small{font-size:10px;letter-spacing:.14em;color:#9a9a96}.three-card-info h3{font-size:18px;font-weight:500;margin:10px 0}.three-card-info span{font-size:12px;color:#aaa}.three-section-bottom{display:flex;justify-content:space-between;margin-top:55px;color:#73736f;font-size:10px;letter-spacing:.14em}.three-about{background:#080808;border-top:1px solid #ffffff1a}.three-about-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding-top:100px;padding-bottom:100px}.three-about h2{font-size:clamp(42px,5vw,68px)}.three-about h2 em{font-style:normal;color:#a6aaa3}.three-bio p{color:#c2c2bc;line-height:2;font-size:15px}.three-pill.outline{margin-top:20px;color:white;background:transparent;border:1px solid #ffffff70}.three-pill.outline:hover{background:#fff;color:#111}.three-about-index{position:absolute;right:0;bottom:38px;color:#777;font-size:10px;letter-spacing:.14em}body:not(.inner-page) footer{border-top:1px solid #ffffff1a;background:#080808}@media(max-width:850px){body:not(.inner-page) .header nav{background:#151515}body:not(.inner-page) .header nav a{border-color:#333}.three-hero{height:calc(100svh - 101px);min-height:540px}.three-wall{grid-template-columns:repeat(4,1fr);inset:-10% -65%}.three-center h1{font-size:clamp(58px,12vw,90px)}.three-head{display:block}.three-head>p{margin-top:16px}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-works,.three-about{min-height:auto}.three-works-inner{padding:70px 0}.three-about-inner{grid-template-columns:1fr;gap:35px;padding:90px 0}.three-about h2{font-size:42px}.three-section-bottom{margin-top:35px}.three-card-info h3{font-size:16px}}
