@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');:root{--black:#101010;--tan:#bd9273;--cream:#eae7e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101010;color:#f8f8f7;font-family:'Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}header{height:92px;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff35}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:37px;line-height:.8;letter-spacing:.01em}.brand small{display:block;font-size:16px;letter-spacing:.38em;margin-top:8px}nav{display:flex;gap:24px;font:700 16px 'Barlow Condensed',sans-serif;letter-spacing:.16em}nav a:hover{color:#e3b38f}.hero{position:relative;min-height:850px;height:100svh;display:flex;align-items:center;padding:110px 5% 100px;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-2;background:url('hero.jpg') center 48%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.48) 54%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.65),transparent 40%)}.hero-content{max-width:1000px}.eyebrow{font:700 16px 'Barlow Condensed',sans-serif;letter-spacing:.3em;color:var(--tan);margin:0 0 38px}.hero .eyebrow{color:#eee}.hero h1,.intro h2,.works h2,.services h2,.contact h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:-.025em;line-height:.82;margin:0}.hero h1{font-size:clamp(92px,15vw,220px)}h1 span,h2 span{color:var(--tan)}.hero h2{font-size:clamp(22px,3vw,38px);margin-top:52px}.lead{color:#d3d3d3;line-height:2;font-size:19px;margin:30px 0 40px}.actions{display:flex;gap:14px;flex-wrap:wrap}.actions a{font:800 18px 'Barlow Condensed',sans-serif;letter-spacing:.13em;padding:23px 32px;min-width:235px;text-align:center}.primary{background:#f4f2ee;color:#151515}.secondary{border:1px solid #ddd}.bottom-tag{position:absolute;bottom:24px;left:5%;font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:.24em}.intro,.works,.services,.contact{padding:130px 6%}.intro{max-width:1150px}.intro h2,.works h2,.services h2,.contact h2{font-size:clamp(70px,10vw,145px)}.intro>p:last-child{line-height:2.4;color:#c7c7c7;font-size:19px;margin-top:55px}.works{background:#eae7e2;color:#121212}.works .sub{margin:28px 0 40px;color:#555}.workgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workgrid figure{margin:0;overflow:hidden;position:relative;background:#ccc}.workgrid figure.wide{grid-column:span 2}.workgrid img{display:block;width:100%;height:440px;object-fit:cover}.workgrid .wide img{height:570px}.workgrid figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px;color:#fff;font:700 19px 'Barlow Condensed',sans-serif;letter-spacing:.15em;background:linear-gradient(transparent,#0009)}.services{background:#171717}.servicegrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#4c4c4c;margin-top:55px}.servicegrid article{padding:40px;background:#171717}.servicegrid b{color:var(--tan);font:700 18px 'Barlow Condensed',sans-serif}.servicegrid h3{font:800 42px 'Barlow Condensed',sans-serif;margin:18px 0}.servicegrid p{color:#c7c7c7;line-height:2}.contact{background:var(--cream);color:#151515}.contact h3{font-size:clamp(23px,3vw,37px);line-height:1.65;margin-top:55px}.contact>p:not(.eyebrow){color:#555;line-height:2}.contactlinks{margin-top:36px;display:grid;gap:14px}.contactlinks a{display:block;border-bottom:1px solid #b7b3ae;padding:15px 0;overflow-wrap:anywhere;font-size:clamp(16px,2.5vw,27px);font-weight:700}footer{padding:55px 6%;display:flex;flex-direction:column;gap:24px;font:700 18px 'Barlow Condensed',sans-serif;letter-spacing:.16em}footer strong{font-size:26px}footer small{color:#777}@media(max-width:700px){header{height:80px;padding:16px 5%}.brand{font-size:30px}.brand small{font-size:11px}nav{gap:12px;font-size:12px}.hero{min-height:700px;padding:105px 5% 95px}.hero-bg{background-position:52% center}.hero h1{font-size:clamp(83px,17vw,145px)}.hero h2{margin-top:42px;font-size:23px}.hero .eyebrow{font-size:12px;letter-spacing:.2em}.lead{font-size:16px}.actions a{width:100%;min-width:0}.intro,.works,.services,.contact{padding:90px 5%}.intro h2,.works h2,.services h2,.contact h2{font-size:clamp(61px,13vw,105px)}.workgrid{gap:10px}.workgrid img{height:230px}.workgrid .wide img{height:350px}.workgrid figcaption{padding:15px;font-size:13px}.servicegrid{grid-template-columns:1fr}.servicegrid article{padding:30px}.contactlinks a{font-size:16px}}