
:root{--ink:#06181b;--muted:#778081;--paper:#f8f7f2;--line:#d9d7cf;--accent:#00aeca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Yu Gothic",YuGothic,"Noto Sans JP",sans-serif;letter-spacing:.03em}a{color:inherit;text-decoration:none}img{max-width:100%}
.site-header{position:relative;z-index:5;padding:34px 48px;display:flex;align-items:flex-start;justify-content:space-between;color:var(--ink)}.brand img{width:118px;height:auto;display:block}.nav{display:flex;gap:30px;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-style:italic;line-height:1.45}.nav a{opacity:.9}.nav a:hover{opacity:.55;color:var(--accent)}
/* Top */.top-hero{min-height:100svh;position:relative;overflow:hidden;background:#fff;color:#000;padding:48px 4.8vw 58px}.top-standalone{min-height:140svh}.top-logo{position:absolute;top:46px;left:4.8vw;width:112px;display:block;z-index:3}.top-logo img{width:100%;height:auto;display:block}.top-nav{position:absolute;top:13.6vw;right:8.4vw;display:flex;flex-direction:column;gap:7px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,1.9vw,30px);font-style:italic;line-height:1.04;z-index:4}.top-nav a:hover{color:var(--accent)}.hero-block{position:relative;z-index:2;padding-top:14.4vw;max-width:820px}.hello-title{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(76px,9.1vw,138px);line-height:.83;letter-spacing:-.08em;font-weight:800;margin:0 0 18px;color:#000}.hero-role{font-family:Georgia,"Times New Roman",serif;font-size:clamp(19px,1.7vw,30px);font-style:italic;margin:0 0 22px;color:#000}.hero-statement{width:278px;height:276px;background:var(--accent);display:flex;align-items:flex-start;padding:0;margin:0 0 36px}.hero-statement p{margin:0;font-size:clamp(20px,1.7vw,28px);line-height:1.3;font-weight:800;letter-spacing:-.04em;color:#000}.hero-index{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:16px}.hero-index .num{display:block;font-size:clamp(64px,6.6vw,106px);line-height:.86;letter-spacing:-.08em;color:#000;transition:color .12s ease}.hero-index .num:hover{color:var(--accent)}.num-01,.no-sans{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:900}.num-02,.no-serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.12em}.num-03,.no-serif-bold{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.13em}.num-04,.no-italic{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.16em}
.section{padding:112px 7.4vw}.eyebrow{font-size:13px;letter-spacing:.25em;color:var(--muted);text-transform:uppercase;margin-bottom:28px}.section-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,9vw,132px);font-weight:400;letter-spacing:.02em;line-height:.9;margin:0 0 70px}
/* Works */.works-section{background:var(--paper);padding-top:105px}.works-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:54px;margin-bottom:0}.works-head .section-title{margin:0}.works-head p{margin:0 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:15px;color:var(--muted)}.works-index-list{border-bottom:1px solid var(--line)}.work-line{display:grid;grid-template-columns:220px minmax(220px,1fr) minmax(150px,24vw) 120px;gap:30px;align-items:center;border-top:1px solid var(--line);padding:34px 0;min-height:145px;transition:background .15s ease,color .15s ease}.work-line:hover{color:var(--accent)}.work-no{font-size:clamp(72px,8.2vw,128px);line-height:.78;color:#000}.work-line:hover .work-no{color:var(--accent)}.work-line-title{display:flex;flex-direction:column;gap:12px;font-family:Georgia,"Times New Roman",serif;line-height:1;color:var(--ink)}.work-line-title span{font-size:clamp(22px,2.4vw,42px);font-weight:400;letter-spacing:.02em}.work-line-title em{font-family:"Helvetica Neue",Arial,sans-serif;font-style:normal;font-size:10px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);max-width:360px}.work-line-thumbs{display:flex;gap:6px;align-items:center;justify-content:flex-start;overflow:hidden}.work-line-thumbs img{width:31.5%;height:52px;object-fit:cover;display:block;background:#fff;filter:saturate(.88);opacity:.88}.work-line:hover .work-line-thumbs img{opacity:1;filter:saturate(1)}.work-year{font-size:12px;color:var(--muted);letter-spacing:.12em;text-align:left}.work-line-art{margin-top:84px}.work-line-art .work-no{font-size:clamp(56px,6vw,92px)}
/* Detail */.work-detail-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;border-top:1px solid var(--line);padding-top:54px;margin-bottom:64px}.work-detail-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,8vw,118px);font-weight:400;line-height:.95;margin:0;color:var(--ink)}.work-detail-head p{font-size:12px;color:#6f7979;letter-spacing:.12em;line-height:1.8;text-transform:uppercase;margin:0 0 10px}.work-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px}.work-gallery figure{margin:0;background:#fff}.work-gallery img{width:100%;height:auto;display:block}.small-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.small-gallery img{image-rendering:auto}.back-link{margin-top:70px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:24px;color:var(--ink)}
/* About */.about-type-section{min-height:calc(100vh - 160px);padding-top:70px}.about-type-layout{position:relative;min-height:900px;border-top:1px solid var(--line);padding-top:62px}.about-big{font-family:Georgia,"Times New Roman",serif;font-size:clamp(90px,16vw,230px);font-weight:400;line-height:.82;margin:0;color:var(--ink);letter-spacing:-.04em}.about-vertical{position:absolute;right:16vw;top:120px;writing-mode:vertical-rl;text-orientation:mixed;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:18px;line-height:2.2;letter-spacing:.12em}.about-vertical p{margin:0 0 0 32px}.about-columns{position:absolute;left:21vw;top:320px;width:560px;columns:3 150px;column-gap:28px;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:14px;line-height:2.05;letter-spacing:.08em}.about-columns p{margin:0 0 1.2em}.about-profile{position:absolute;left:7vw;bottom:34px;font-size:12px;line-height:2;letter-spacing:.14em;color:var(--muted)}
/* Contact / Download */.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;border-top:1px solid var(--line);padding-top:64px}.contact-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,7vw,100px);line-height:1;margin:0}.contact-links{font-size:14px;line-height:2.45;letter-spacing:.1em}.contact-links a[href^="mailto"]{letter-spacing:.12em}.client-download{margin-top:38px;color:var(--muted)}.footer{padding:34px 48px;color:#8b9292;font-size:12px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.download-main{min-height:70vh;padding:80px 8vw 120px}.download-card{max-width:760px;margin:40px auto 0;background:#fff;padding:54px;box-shadow:0 20px 60px rgba(0,0,0,.05)}.download-card h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,7vw,92px);font-weight:400;margin:0 0 28px}.download-card p{color:#525d5d;line-height:2}.download-btn{display:inline-block;margin-top:30px;background:#06181b;color:#fff;padding:18px 38px;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.download-input{width:100%;padding:15px;border:1px solid var(--line);font-size:14px;margin-top:22px;background:#fafafa}.small{font-size:12px;color:#8b9292;margin-top:28px}
@media(max-width:900px){.site-header{padding:28px 22px}.brand img{width:92px}.nav{gap:16px;font-size:14px}.top-hero{padding:34px 8vw 48px;min-height:auto}.top-standalone{min-height:115vh}.top-logo{position:relative;top:auto;left:auto;width:96px;margin-bottom:66px}.top-nav{position:absolute;top:34px;right:8vw;font-size:18px;gap:5px}.hero-block{padding-top:0;max-width:100%}.hello-title{font-size:clamp(62px,18vw,108px);line-height:.84}.hero-role{font-size:19px}.hero-statement{width:240px;height:230px;margin-bottom:34px}.hero-statement p{font-size:22px}.hero-index .num{font-size:72px}.section{padding:78px 7vw}.works-head{display:block}.works-head p{margin-top:18px}.work-line{grid-template-columns:94px 1fr;gap:18px;padding:28px 0;min-height:0}.work-no{font-size:62px}.work-line-title span{font-size:26px}.work-line-title em{font-size:9px}.work-line-thumbs,.work-year{grid-column:2}.work-line-thumbs img{height:48px;width:31%}.work-year{font-size:11px}.work-detail-head{grid-template-columns:1fr;gap:18px}.work-gallery,.small-gallery{grid-template-columns:1fr;gap:30px}.about-type-layout{min-height:1100px}.about-vertical{right:8vw;top:180px;font-size:15px}.about-columns{position:relative;left:auto;top:auto;width:auto;columns:1;margin-top:44px;font-size:14px}.about-profile{position:relative;left:auto;bottom:auto;margin-top:50px}.contact-panel{grid-template-columns:1fr;gap:34px}.footer{padding:28px 22px;display:block;line-height:2}.download-card{padding:34px 24px}}


/* v0611 adjustments */
.top-logo-name{display:block;margin-top:5px;font-size:10px;line-height:1;letter-spacing:.12em;color:#000;white-space:nowrap;transform:scale(.92);transform-origin:left top;}
.work-line-title span{font-size:clamp(15px,1.25vw,24px) !important;line-height:1.12;}
.work-line-title em{font-size:9px !important;letter-spacing:.14em;}
.work-line-thumbs{justify-content:flex-end;}
.work-line-thumbs img{width:22% !important;height:34px !important;}
.work-gallery{max-width:1180px;margin:0 auto;}
.work-gallery figure{background:transparent;}
.work-gallery img{max-height:82vh;object-fit:contain;background:#fff;-webkit-user-drag:none;user-select:none;}
.no-download-images .work-gallery img{pointer-events:none;}
.no-download-images .work-gallery figure{cursor:default;}
.contact-links{align-self:start;padding-top:10px;}
.contact-note{font-family:"Hiragino Sans","Noto Sans JP",sans-serif;font-size:14px;line-height:2.05;letter-spacing:.07em;color:var(--ink);max-width:420px;margin:0 0 34px;}
.mail-link{font-size:15px;}
.client-download{margin-top:72px !important;font-size:11px;line-height:1.8;letter-spacing:.14em;color:#9aa0a0;}
.client-download span{text-transform:uppercase;font-size:10px;letter-spacing:.18em;color:#b0b4b4;}
.about-type-layout{min-height:1240px;}
.about-big{font-size:clamp(82px,14vw,205px);}
.about-vertical{top:104px;right:13vw;}
.about-columns{top:285px;width:720px;columns:4 150px;column-gap:30px;font-size:13px;line-height:2.05;}
.about-columns p{break-inside:avoid;margin:0 0 1.4em;}
@media(max-width:900px){.top-logo-name{font-size:9px}.work-line-thumbs{justify-content:flex-start}.work-line-thumbs img{width:22% !important;height:30px !important}.work-line-title span{font-size:18px !important}.contact-note{font-size:13px}.client-download{margin-top:48px !important}.about-type-layout{min-height:0}.about-columns{columns:1;width:auto}.about-vertical{right:8vw;}}
