@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&family=DM+Mono:wght@400&display=swap');
:root{--ink:#081520;--ink2:#102439;--paper:#f4f0e7;--gold:#c6a56b;--wood:#a98550;--line:rgba(244,240,231,.22);--sans:"Hiragino Sans","Yu Gothic",sans-serif;--serif:"Noto Serif JP","Hiragino Mincho ProN",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8}.skip{position:fixed;top:0;left:0;transform:translateY(-100%);z-index:20;background:var(--paper);color:var(--ink);padding:12px 18px}.skip:focus{transform:translateY(0)}.sample-mark{position:fixed;z-index:10;right:24px;bottom:20px;font:10px/1.2 var(--sans);letter-spacing:.06em;color:rgba(244,240,231,.7);mix-blend-mode:difference}.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;height:104px;padding:24px 4.5vw;display:flex;align-items:center;justify-content:space-between;color:var(--paper)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:600 20px/1 var(--serif);letter-spacing:.05em}.brand small{display:block;margin-top:7px;font:9px/1 "DM Mono",monospace;letter-spacing:.16em;opacity:.65}.brand-mark{width:30px;height:30px;border:1px solid currentColor;display:grid;place-items:center;font-size:16px}.site-header nav{display:flex;gap:28px}.site-header nav a{color:inherit;text-decoration:none;font-size:12px;letter-spacing:.1em}.menu{display:none;background:none;border:0;color:inherit;font:12px "DM Mono",monospace;letter-spacing:.1em}.hero{position:relative;height:100svh;min-height:640px;overflow:hidden;background:var(--ink)}.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.55) contrast(1.05) brightness(.66)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,25,.82) 0%,rgba(5,16,25,.49) 45%,rgba(5,16,25,.15) 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.95%,rgba(230,220,195,.18) 50%,transparent 50.05%),linear-gradient(0deg,transparent 49.95%,rgba(230,220,195,.12) 50%,transparent 50.05%);background-size:25% 100%,100% 33.333%;opacity:.55}.hero-content{position:absolute;left:9.5vw;bottom:15vh;color:var(--paper)}.eyebrow{font:11px/1.4 "DM Mono",monospace;letter-spacing:.18em;color:var(--gold);margin:0 0 28px}.eyebrow.ink{color:#8d6d3c}.hero h1,.thought h2,.process h2,.statement h2,.contact h2{font-family:var(--serif);font-weight:500;letter-spacing:.04em}.hero h1{font-size:clamp(49px,6vw,100px);line-height:1.22;margin:0}.hero h1 em{font-style:normal;color:#ead8ae}.hero-copy{margin:32px 0 0;font-size:14px;letter-spacing:.1em}.hero-scroll{position:absolute;bottom:34px;left:4.5vw;color:var(--paper);font:10px "DM Mono",monospace;letter-spacing:.18em;text-decoration:none;display:flex;align-items:center;gap:11px}.hero-scroll span{display:block;width:38px;height:1px;background:var(--gold)}.section{padding:160px 9.5vw}.thought{background:var(--paper)}.thought-layout{display:grid;grid-template-columns:1.1fr .8fr;gap:8vw;align-items:end}.thought h2{font-size:clamp(40px,5vw,75px);line-height:1.42;margin:0}.thought h2 strong{color:#927242;font-weight:500}.thought-copy{font-size:15px}.thought-copy p{margin:0 0 20px}.measure{margin-top:130px;display:flex;align-items:center;gap:12px;font:10px "DM Mono",monospace;letter-spacing:.1em;color:#9b7b48}.measure i{height:1px;flex:1;background:#bda475}.process{background:var(--ink);color:var(--paper);padding:145px 9.5vw}.process-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:110px}.process h2{font-size:clamp(48px,6.5vw,104px);line-height:1.25;margin:0;color:#f5f1e7}.process-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.process-list li{position:relative;display:grid;grid-template-columns:105px 1fr;gap:24px;padding:35px 0;border-bottom:1px solid var(--line)}.process-number{font:12px "DM Mono",monospace;color:var(--gold)}.process-list h3{font:500 34px/1 var(--serif);letter-spacing:.08em;margin:0 0 18px}.process-list p{font-size:14px;max-width:420px;margin:0;color:#d2d8d8}.process-line{position:absolute;right:0;top:50%;height:1px;width:25%;background:var(--gold);transform-origin:left;transform:scaleX(.15);transition:transform .6s ease}.process-list li:hover .process-line{transform:scaleX(1)}.film{padding-top:145px}.film-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.film-head>p:last-child{margin:0;font-size:15px}.film-frame{position:relative;overflow:hidden;background:var(--ink)}.film-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.film-caption{position:absolute;left:20px;bottom:15px;color:#fff;font:9px "DM Mono",monospace;letter-spacing:.14em}.statement{background:#a98452;color:#f8f1e3;padding:160px 9.5vw;position:relative;overflow:hidden}.statement h2{font-size:clamp(45px,6.5vw,102px);line-height:1.3;margin:0 0 32px;position:relative}.statement p:last-child{position:relative;font-size:15px;letter-spacing:.08em}.statement-house{position:absolute;right:6vw;top:50%;width:35vw;height:35vw;border:1px solid rgba(255,255,255,.4);transform:translateY(-43%) rotate(45deg)}.statement-house span{position:absolute;inset:22%;border:1px solid rgba(255,255,255,.22)}.statement-house span:nth-child(2){inset:42%}.statement-house span:nth-child(3){inset:62%}.contact{padding-bottom:70px}.contact-row{display:flex;align-items:end;justify-content:space-between;gap:40px}.contact h2{font-size:clamp(36px,4.6vw,70px);line-height:1.45;margin:0}.contact-link{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:12px;text-decoration:none;font-size:14px;letter-spacing:.08em;white-space:nowrap}.contact-link span{margin-left:25px;font-size:20px}.notice{margin:130px 0 0;border-top:1px solid #c7bfae;padding-top:18px;font-size:11px;color:#6c716f}footer{background:var(--ink);padding:42px 4.5vw;color:var(--paper);display:flex;justify-content:space-between;align-items:center}footer p{font:9px "DM Mono",monospace;letter-spacing:.12em;opacity:.65;margin:0}@media(max-width:700px){.site-header{height:84px;padding:18px 20px}.site-header nav{position:absolute;display:none;top:84px;left:0;width:100%;background:var(--ink);padding:28px 20px;flex-direction:column;gap:20px}.site-header nav.open{display:flex}.menu{display:block}.hero{min-height:600px}.hero-content{left:24px;bottom:16vh}.hero h1{font-size:48px}.hero-grid{background-size:50% 100%,100% 33.333%}.section,.process,.statement{padding:100px 24px}.thought-layout,.process-head{grid-template-columns:1fr;gap:48px}.thought h2{font-size:42px}.measure{margin-top:80px}.process{padding-top:100px}.process-head{margin-bottom:70px}.process-list li{grid-template-columns:50px 1fr}.process-list h3{font-size:29px}.process-line{display:none}.film-head{display:block}.film-head>p:last-child{margin-top:28px}.statement-house{width:75vw;height:75vw;right:-25vw;opacity:.5}.contact-row{display:block}.contact-link{display:inline-flex;margin-top:46px}.notice{margin-top:80px}.sample-mark{right:12px;bottom:11px;font-size:8px}.brand{font-size:17px}.brand-mark{width:27px;height:27px}footer{padding:32px 20px;align-items:flex-end}footer p{max-width:110px;text-align:right;font-size:8px}}