:root{--ink:#111216;--paper:#f5f4ef;--red:#df252d;--line:#aeb0ae;--serif:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;--sans:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;--mono:ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--sans)}a{color:inherit;text-decoration:none}.grain{position:fixed;z-index:20;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:10;top:0;display:flex;justify-content:space-between;width:100%;padding:24px 3vw;color:#fff}.wordmark{display:flex;flex-direction:column;line-height:1}.wordmark-jp{font:600 23px var(--serif);letter-spacing:.06em}.wordmark-en{max-width:260px;margin-top:7px;font:9px/1.3 var(--mono);letter-spacing:.02em}.site-nav{display:flex;gap:25px;font:10px var(--mono);letter-spacing:.08em}.site-nav a:hover{color:#ff8c8f}.menu-button{display:none}.hero{position:relative;min-height:100svh;background-color:#1a2c37;background-position:center;background-size:cover;color:#fff}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,18,.25),transparent 57%),linear-gradient(0deg,rgba(5,12,16,.43),transparent 52%)}.hero-ui{position:absolute;top:137px;right:3vw;font:10px/1.5 var(--mono);letter-spacing:.1em;text-align:right}.hero-copy{position:absolute;bottom:9.5vh;left:8.5vw}.hero-copy p,.section-label{font:10px/1.5 var(--mono);letter-spacing:.1em}.hero-copy h1{margin:14px 0 8px;font:500 clamp(49px,7vw,120px)/.95 var(--serif);letter-spacing:.04em}.hero-copy span{font:500 clamp(14px,1.35vw,19px)/1.6 var(--serif);letter-spacing:.09em}.scroll-cue{position:absolute;bottom:27px;left:3vw;font:10px var(--mono);letter-spacing:.08em}.scroll-cue b{margin-left:10px;color:#ff5656}.hero-index{position:absolute;right:3vw;bottom:27px;font:9px var(--mono);letter-spacing:.08em}.section{padding:145px 8.5vw}.section-label{margin:0;color:var(--red)}.intro{display:grid;min-height:620px;grid-template-columns:20% 1fr 21%}.intro>div{padding-top:76px}.intro h2{margin:0 0 43px;font:500 clamp(28px,3.6vw,55px)/1.5 var(--serif);letter-spacing:.05em}.intro div p{font-size:13px;line-height:1.85}.intro small{align-self:end;text-align:right;font:9px/1.8 var(--mono);letter-spacing:.05em}.section-head{display:flex;justify-content:space-between;margin-bottom:45px}.section-head>p:last-child{margin:0;font:500 17px/1.8 var(--serif)}.works{padding-top:45px}.work-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.work-card{position:relative;display:flex;min-height:358px;padding:28px;overflow:hidden;flex-direction:column;align-items:flex-start;justify-content:flex-end;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.work-card h2{margin:11px 0;font:500 clamp(31px,4vw,64px)/1.05 var(--serif);white-space:pre-line}.work-card p,.work-card a{font:9px var(--mono);letter-spacing:.08em}.work-card span{max-width:370px;margin-bottom:19px;font-size:12px}.work-dark{min-height:480px;color:#fff;background:var(--ink)}.work-dark:before{position:absolute;top:-.25em;right:-.13em;color:#25262b;font:700 440px/1 var(--serif);content:'大'}.work-photo{color:#fff;background:#29434d}.work-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.57)}.work-photo>*:not(img),.work-dark>*{position:relative;z-index:1}.work-red{color:#fff;background:var(--red)}.work-paper{background:#e9e9e3}.work-paper:after{position:absolute;right:-22%;bottom:-50%;width:72%;height:72%;border:1px solid var(--ink);border-radius:50%;content:''}.principles{display:grid;grid-template-columns:28% 1fr;background:#e8e8e2}.principles ol{margin:0;padding:0;list-style:none}.principles li{display:grid;grid-template-columns:90px 1fr;padding:17px 0;border-top:1px solid var(--ink);font:500 clamp(28px,3.6vw,55px)/1.38 var(--serif)}.principles li:last-child{border-bottom:1px solid var(--ink)}.principles li b{padding-top:8px;color:var(--red);font:10px var(--mono);font-weight:400}.principles em{color:var(--red);font-style:normal}.journal{color:#fff;background:var(--ink)}.journal .section-head a{font:10px var(--mono);letter-spacing:.08em}.journal-list{border-top:1px solid #75767a}.journal-list a{display:grid;grid-template-columns:16% 1fr auto;gap:20px;padding:25px 0;border-bottom:1px solid #75767a}.journal-list time{color:#a3a4a9;font:10px var(--mono)}.journal-list span{font:500 17px var(--serif)}.contact{display:grid;min-height:650px;grid-template-columns:1fr 1fr;align-items:center;background:#f9f9f6}.contact-mark{color:var(--red);font:600 clamp(60px,8vw,132px)/.94 var(--serif);letter-spacing:.02em}.contact h2{margin:16px 0 28px;font:500 clamp(54px,7vw,104px)/1 var(--serif);letter-spacing:.07em}.contact-form{display:grid;max-width:440px;gap:10px}.contact-form label{font:10px var(--mono);letter-spacing:.08em}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:3px;padding:9px 0;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;font:15px var(--sans)}.contact-form button{width:max-content;margin-top:12px;padding:0;border:0;border-bottom:1px solid var(--ink);background:transparent;font:11px var(--mono);letter-spacing:.08em;cursor:pointer}.form-notice{color:var(--red)}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 3vw;color:#b7b7b4;background:var(--ink);font:9px var(--mono);letter-spacing:.07em}.mobile-layout{display:none}.generic-page{max-width:850px;padding:180px 8vw}
@media(max-width:760px){.desktop-layout{display:none}.mobile-layout{display:block}.site-header{padding:19px 20px}.wordmark-jp{font-size:18px}.wordmark-en{max-width:180px;font-size:7px}.site-nav{display:none;position:absolute;top:74px;right:20px;padding:18px;flex-direction:column;background:var(--ink)}.site-nav.open{display:flex}.menu-button{display:flex;gap:7px;align-items:center;padding:4px 0;border:0;background:transparent;color:#fff;font:10px var(--mono)}.menu-button i{width:17px;height:1px;background:currentColor}.m-hero{position:relative;min-height:100svh;background-color:#1a2c37;background-position:58% center;background-size:auto 55svh;background-repeat:no-repeat}.m-hero:after{position:absolute;top:0;width:100%;height:55svh;background:linear-gradient(0deg,rgba(7,12,16,.44),transparent 55%);content:''}.m-coordinate{position:absolute;z-index:1;top:104px;right:20px;color:#fff;font:8px/1.55 var(--mono);letter-spacing:.09em;text-align:right}.m-title{position:absolute;z-index:2;right:0;bottom:0;left:0;min-height:51svh;padding:38px 25px 26px;background:var(--paper)}.m-title:before{display:block;width:54px;height:2px;margin-bottom:14px;background:var(--red);content:''}.m-title p,.m-intro>p,.m-principles>p,.m-journal>p,.m-contact>p:first-child{margin:0;color:var(--red);font:9px var(--mono);letter-spacing:.1em}.m-title h1{margin:13px 0 15px;font:500 clamp(47px,13.5vw,64px)/.98 var(--serif);letter-spacing:.035em}.m-title span{font:500 16px/1.6 var(--serif);letter-spacing:.07em}.m-intro{padding:93px 25px 78px;background:#e7e7e1}.m-intro h2{margin:48px 0 32px;font:500 35px/1.38 var(--serif)}.m-intro span{font-size:14px;line-height:2}.m-works{padding-top:23px;color:#fff;background:var(--ink)}.m-works>div{display:flex;justify-content:space-between;padding:0 20px 22px;color:#ff7172;font:9px var(--mono);letter-spacing:.1em}.m-work{position:relative;display:flex;min-height:340px;padding:24px 20px;flex-direction:column;justify-content:flex-end;border-top:1px solid #77787a;background-position:center;background-size:cover}.m-work small{position:absolute;top:24px;left:20px;font:9px var(--mono)}.m-work h2{margin:0 0 12px;font:500 44px/1.05 var(--serif)}.m-work p{max-width:260px;margin:0;font-size:12px}.m-work i{position:absolute;right:20px;bottom:22px;color:var(--red);font:normal 24px var(--mono)}.m-work.work-red{background:var(--red)}.m-work.work-red i{color:#fff}.m-work.work-paper{color:var(--ink);background:#e8e8e2}.m-principles{padding:84px 25px;background:#e8e8e2}.m-principles h2{margin:47px 0 0;font:500 29px/1.62 var(--serif)}.m-principles em{color:var(--red);font-style:normal}.m-journal{padding:75px 25px;color:#fff;background:var(--ink)}.m-journal a{display:grid;grid-template-columns:74px 1fr 15px;gap:12px;padding:20px 0;border-bottom:1px solid #707176}.m-journal time{color:#aaa;font:9px var(--mono)}.m-journal span{font:500 14px/1.65 var(--serif)}.m-contact{min-height:580px;padding:77px 25px 45px;color:#fff;background:var(--ink)}.m-contact h2{margin:47px 0 28px;font:500 70px/.96 var(--serif)}.m-contact>p:not(:first-child){margin-bottom:35px;font-size:13px}.m-contact .contact-form input,.m-contact .contact-form textarea{color:#fff;border-color:#aaa}.m-contact .contact-form button{color:#fff;border-color:#aaa}footer{padding:19px 20px;flex-direction:column}}