:root{--green:#173c2b;--green2:#285541;--cream:#f4efe3;--paper:#faf7ef;--yellow:#e9b942;--ink:#183025;--line:#d8d1c2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}img{width:100%;display:block}.header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(250,247,239,.95);position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(23,60,43,.08);backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:12px;font-family:"Kaisei Decol",serif;font-size:26px;font-weight:700;letter-spacing:.12em}.logo small{display:block;font:500 7px/1 "Noto Sans JP";letter-spacing:.17em;margin-top:4px}.logo-mark{width:46px;height:46px;border:2px solid var(--green);border-radius:50%;position:relative;overflow:hidden}.logo-mark i{position:absolute;width:35px;height:22px;border-top:2px solid var(--green);transform:rotate(35deg);top:20px;left:3px}.logo-mark i+ i{transform:rotate(-35deg);left:15px;top:15px}.nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600;letter-spacing:.12em}.nav a{transition:.2s}.nav a:hover{color:#9c7620}.nav-contact{padding:12px 20px;border:1px solid var(--green);border-radius:40px}.menu-button{display:none}.hero{height:min(900px,100vh);min-height:720px;margin-top:92px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/hero-team.png") center/cover no-repeat}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,239,.2),transparent 55%)}.hero-paper{position:absolute;z-index:2;left:0;top:0;width:47%;height:100%;padding:11vh 5vw;background:var(--paper);clip-path:polygon(0 0,88% 0,100% 16%,93% 42%,100% 65%,89% 100%,0 100%)}.hero-paper:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--yellow);top:-65px;right:9%;opacity:.9}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.28em;color:#967321}.hero h1,.section h2,.intro h2,.contact h2{font-family:"Kaisei Decol",serif;font-weight:500;line-height:1.4;letter-spacing:.08em;margin:24px 0}.hero h1{font-size:clamp(54px,5.7vw,96px)}.hero-copy{font-size:17px;letter-spacing:.13em;margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;border-radius:50px;padding:15px 24px 15px 28px;font-size:13px;font-weight:700;letter-spacing:.08em;transition:.25s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.button-dark{background:var(--green);color:white}.button-light{background:white;color:var(--green)}.button-yellow{background:var(--yellow);color:var(--green)}.hero-badge{position:absolute;z-index:3;top:38px;right:4vw;background:var(--green);color:white;width:130px;height:130px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg);box-shadow:0 15px 30px #173c2b33}.hero-badge strong{font-family:"Kaisei Decol";font-size:14px}.hero-badge strong span{font-size:42px;margin:0 3px}.hero-badge small{font-size:8px}.recruit-card{position:absolute;z-index:4;right:3vw;bottom:5vh;background:var(--yellow);border-radius:22px;padding:22px 26px;display:flex;align-items:center;gap:22px;box-shadow:0 16px 30px #173c2b22}.recruit-card .people-icon{width:50px;height:50px;background:white;border-radius:50%;display:grid;place-items:center;font-size:25px}.recruit-card strong{font-family:"Kaisei Decol";letter-spacing:.1em}.recruit-card b{font-size:27px}.scroll{position:absolute;z-index:5;bottom:18px;left:50%;font-size:8px;letter-spacing:.25em;color:white;writing-mode:vertical-rl}.scroll i{height:45px;border-left:1px solid white;margin-top:8px}.intro,.section{max-width:1200px;margin:auto;padding:120px 5vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:11vw}.intro h2,.section h2,.contact h2{font-size:clamp(34px,4vw,55px)}.intro-body{padding-top:45px}.intro-body p{margin:0 0 20px}.text-link{display:inline-flex;gap:50px;border-bottom:1px solid var(--green);padding:15px 0;margin-top:15px;font-weight:700;font-size:13px}.services{max-width:none;background:var(--cream)}.section-heading{max-width:1200px;margin:0 auto 50px;display:flex;justify-content:space-between;align-items:end}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px}.service-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:var(--paper);border-radius:90px 10px 10px 10px;overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 35px #173c2b18}.service-card img{height:250px;object-fit:cover}.service-card div{padding:25px 28px 30px;position:relative}.service-card span{font-family:"Kaisei Decol";font-size:12px;color:#a27b21}.service-card h3{font-family:"Kaisei Decol";font-size:24px;margin:3px 0}.service-card p{font-size:12px;margin:0}.service-card a{font-size:11px;font-weight:700;position:absolute;right:24px;bottom:14px}.projects{max-width:none;padding:0;display:grid;grid-template-columns:58% 42%;background:var(--green);color:white}.project-photo{position:relative}.project-photo img{height:100%;min-height:650px;object-fit:cover}.project-photo span{position:absolute;top:25px;left:25px;background:var(--yellow);color:var(--green);font-size:9px;font-weight:700;letter-spacing:.2em;padding:8px 14px}.project-copy{padding:90px 8vw 80px 7vw;align-self:center}.project-copy p{font-size:13px}.project-copy dl{font-size:11px;margin:30px 0}.project-copy dl div{display:flex;border-top:1px solid #ffffff30;padding:8px 0}.project-copy dt{width:100px;color:#ffffff99}.people{max-width:none;display:grid;grid-template-columns:42% 58%;padding:0;background:var(--yellow)}.people-copy{padding:100px 7vw;align-self:center}.people-copy p{font-size:13px;margin-bottom:30px}.people-photo img{height:100%;min-height:650px;object-fit:cover}.numbers{max-width:1200px}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.number-grid div{padding:35px 15px;text-align:center;border-right:1px solid var(--line)}.number-grid div:last-child{border:0}.number-grid span{font-size:11px;display:block}.number-grid strong{font-family:"Kaisei Decol";font-size:55px;font-weight:500;color:var(--green)}.number-grid small{font-size:12px;margin-left:5px}.contact{background:var(--green);color:white;padding:110px 5vw;text-align:center}.contact p{font-size:13px;margin-bottom:30px}footer{background:#102d20;color:#fff;padding:60px 5vw 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:10px}.footer-logo{color:white}.footer-logo .logo-mark{border-color:white}.footer-logo .logo-mark i{border-color:white}.copyright{grid-column:1/-1;text-align:right;color:#ffffff66}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header{height:70px;padding:0 20px}.logo{font-size:20px}.logo-mark{width:38px;height:38px}.nav{position:fixed;inset:70px 0 auto;background:var(--paper);padding:30px;display:none;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-button{display:block;width:42px;height:42px;border:0;background:none}.menu-button span{display:block;width:25px;border-top:2px solid var(--green);margin:7px}.hero{margin-top:70px;min-height:720px;height:calc(100vh - 70px)}.hero-image{background-position:63% center}.hero-paper{width:100%;height:62%;padding:50px 24px;background:linear-gradient(90deg,var(--paper) 20%,rgba(250,247,239,.88) 70%,transparent);clip-path:none}.hero h1{font-size:47px}.hero-copy{font-size:13px}.hero-badge{width:90px;height:90px;top:15px;right:12px}.hero-badge strong span{font-size:28px}.recruit-card{left:20px;right:20px;bottom:18px;justify-content:space-between;padding:15px}.intro,.projects,.people{grid-template-columns:1fr}.intro,.section{padding:75px 22px}.intro{gap:0}.intro-body{padding-top:5px}.service-grid{grid-template-columns:1fr}.service-card{border-radius:60px 8px 8px}.service-card img{height:220px}.section-heading{display:block}.section-heading>p{margin-top:25px}.projects{padding:0}.project-photo img,.people-photo img{min-height:380px}.project-copy,.people-copy{padding:65px 24px}.people-photo{order:-1}.number-grid{grid-template-columns:1fr 1fr}.number-grid div:nth-child(2){border-right:0}.number-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.number-grid strong{font-size:43px}.contact{padding:80px 22px}footer{grid-template-columns:1fr}.copyright{grid-column:auto;text-align:left}}
.hero h1{font-size:clamp(48px,4.5vw,78px);white-space:nowrap}
@media(max-width:900px){.hero h1{font-size:47px;white-space:nowrap}}