@font-face{font-family:Archivo;src:url(/fonts/archivo.woff)format("woff");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope.woff)format("woff");font-weight:200 800;font-display:swap}:root{--mustard:#e3b23c;--mustard-deep:#d19f2a;--cream:#f7f3ea;--cream-deep:#efe8d8;--ink:#3a2a0b;--ink-deep:#2a1e07;--ink-60:#3a2a0bad;--line:#3a2a0b2e;--gutter:clamp(20px,4.5vw,72px);--max:1360px;--radius:14px;--ease:cubic-bezier(.2,.7,.2,1);--display:Archivo,"Arial Black",Arial,sans-serif;--body:Manrope,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic",Meiryo,Arial,sans-serif;--ja:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic",Meiryo,Manrope,sans-serif;font-family:var(--body);color:var(--ink);background:var(--cream);font-synthesis:none;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--cream);color:var(--ink);margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}a:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:5px;border-radius:4px;outline:3px solid}section[tabindex="-1"]:focus{outline:none}::selection{background:var(--ink);color:var(--cream)}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}[lang=ja]{font-family:var(--ja)}.skip-link{background:var(--ink);color:var(--cream);z-index:50;border-radius:999px;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.container{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.section{padding:clamp(88px,12vw,168px) 0}.eyebrow,.section-label{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:700}.section-label{align-items:center;gap:12px;display:flex}.section-label span{letter-spacing:.04em;border:1.5px solid;border-radius:999px;place-items:center;min-width:34px;height:24px;padding:0 8px;font-size:11px;display:inline-grid}h2{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(48px,7.2vw,112px);font-weight:850;font-stretch:96%;line-height:.92}.icon-arrow{vertical-align:-.08em;background:currentColor;flex:none;width:.9em;height:.9em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 11.5l7-7M5.5 4.5h6v6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 11.5l7-7M5.5 4.5h6v6'/%3E%3C/svg%3E") 50%/contain no-repeat}.icon-arrow--down{transform:rotate(135deg)}.icon-arrow--up{transform:rotate(-45deg)}.site-header{z-index:30;padding:18px var(--gutter);justify-content:space-between;align-items:center;gap:24px;transition:background-color .3s,box-shadow .3s,padding .3s;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{-webkit-backdrop-filter:blur(14px)saturate(1.2);box-shadow:0 1px 0 var(--line);background:#f7f3eadb;padding-block:12px}.brand{letter-spacing:-.01em;align-items:center;gap:12px;font-size:15px;font-weight:750;display:flex}.brand-mark{flex:none;width:36px;height:36px;display:block}.brand-mark-disc{fill:var(--ink)}.brand-mark-lid{fill:var(--cream)}.brand-name{opacity:0;transition:opacity .3s,transform .3s var(--ease);transform:translate(-6px)}.site-header.is-scrolled .brand-name{opacity:1;transform:none}nav{-webkit-backdrop-filter:blur(8px);background:#f7f3ea8c;border-radius:999px;gap:4px;padding:4px;display:flex}.site-header.is-scrolled nav{background:0 0}nav a{border-radius:999px;padding:8px 16px;font-size:14px;font-weight:650;transition:background-color .2s,color .2s}nav a:hover,nav a[aria-current=true]{background:var(--ink);color:var(--cream)}.hero{background:var(--mustard);min-height:max(100svh,680px);padding:0 var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:var(--line);height:1px;position:absolute;inset:auto 0 0}.hero-copy{z-index:2;max-width:640px;padding:120px 0 96px;position:relative}.hero .eyebrow{align-items:center;gap:12px;margin-bottom:28px;display:inline-flex}.hero .eyebrow:before{content:"";background:currentColor;width:28px;height:2px}h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.05em;flex-direction:column;font-size:clamp(64px,8.2vw,156px);font-weight:900;font-stretch:92%;line-height:.84;display:flex}.hero-lede{letter-spacing:-.02em;max-width:30ch;margin-top:36px;font-size:clamp(20px,1.7vw,26px);font-weight:600;line-height:1.4}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.button{border:2px solid var(--ink);height:54px;transition:transform .25s var(--ease),background-color .2s,color .2s;border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:700;display:inline-flex}.button:hover{transform:translateY(-2px)}.button .icon-arrow{font-size:15px}.button--ink{background:var(--ink);color:var(--cream)}.button--ink:hover{background:var(--ink-deep)}.button--ghost:hover{background:var(--ink);color:var(--cream)}.hero-art{height:100%;min-height:inherit;align-self:end;position:relative}.hero-halo{aspect-ratio:1;background:var(--cream);opacity:.32;border-radius:50%;width:min(46vw,780px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.hero-halo:after{content:"";border:1.5px dashed #3a2a0b47;border-radius:50%;position:absolute;inset:-9%}.hero-portrait{width:min(112%,83.9413svh,940px);max-width:none;height:auto;transform:translate3d(calc(-50% + var(--px,0px)),var(--py,0px),0);transition:transform .6s var(--ease);will-change:transform;pointer-events:none;-webkit-user-drag:none;position:absolute;bottom:0;left:50%}.contact-art img{pointer-events:none;-webkit-user-drag:none}.scroll-cue{left:var(--gutter);z-index:2;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:14px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:28px}.scroll-line{background:#3a2a0b40;width:56px;height:1.5px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--ink);animation:cue 2.2s var(--ease) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes cue{60%,to{transform:translate(100%)}}.about{background:var(--cream)}.about-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:40px 24px;display:grid}.about .section-label{grid-column:1/-1}.about h2{grid-column:1/7;font-size:clamp(64px,10vw,164px)}.about-copy{grid-column:8/-1;padding-bottom:8px}.lead{letter-spacing:-.025em;text-wrap:pretty;font-size:clamp(24px,2.3vw,34px);font-weight:600;line-height:1.32}.disciplines{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.disciplines li{border:1.5px solid var(--ink);border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700}.disciplines li:first-child{background:var(--mustard);border-color:var(--mustard)}.section-head{grid-template-columns:1fr auto;align-items:end;gap:28px 24px;margin-bottom:clamp(48px,6vw,88px);display:grid}.section-head .section-label{grid-column:1/-1}.section-count{font-family:var(--display);letter-spacing:-.02em;opacity:.55;padding-bottom:.4em;font-size:clamp(20px,2vw,28px);font-weight:800}.work{background:var(--cream);padding-top:0}.about{padding-bottom:clamp(72px,9vw,128px)}.work .container{border-top:1px solid var(--line);padding-top:clamp(72px,9vw,128px)}.enigma-banner{border-radius:var(--radius);background:#e8e8e4;grid-template-columns:1fr 1fr;height:clamp(280px,28vw,400px);margin-bottom:clamp(48px,6vw,80px);display:grid;overflow:hidden}.enigma-copy{flex-direction:column;justify-content:center;padding:clamp(28px,4vw,48px);display:flex;overflow:hidden}.enigma-label{letter-spacing:.18em;text-transform:uppercase;opacity:.45;margin-bottom:14px;font-size:11px;font-weight:700}.enigma-name{letter-spacing:-.04em;color:var(--ink);margin-bottom:16px;font-size:clamp(44px,6vw,84px);font-weight:800;line-height:1}.enigma-desc{color:var(--ink-60);max-width:38ch;margin-bottom:24px;font-size:15px;line-height:1.75}.enigma-links{flex-wrap:wrap;gap:8px;display:flex}.enigma-links a{border:1.5px solid var(--ink);border-radius:999px;align-items:center;height:36px;padding:0 14px;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.enigma-links a:hover{background:var(--ink);color:var(--cream)}.enigma-imgs{height:100%}.enigma-imgs img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@media (width<=900px){.enigma-banner{grid-template-columns:1fr;height:auto}.enigma-imgs{height:clamp(160px,42vw,220px)}}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(56px,6vw,96px) clamp(20px,2.4vw,36px);display:grid}.work-card{grid-area:span 2/span 6;grid-template-rows:subgrid;row-gap:22px;display:grid}.work-card--wide{grid-column:span 7}.work-card--narrow{grid-column:span 5}.work-media{border-radius:var(--radius);background:var(--ink);aspect-ratio:16/10;isolation:isolate;display:block;position:relative;overflow:hidden}.work-card--narrow .work-media{aspect-ratio:auto;min-height:100%}.work-media img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}a.work-media:before{content:"見る";background:var(--mustard);height:48px;color:var(--ink);letter-spacing:.04em;white-space:nowrap;opacity:0;transition:transform .35s var(--ease),opacity .2s;border-radius:24px;padding:0 16px;font-size:13px;font-weight:700;line-height:48px;position:absolute;top:16px;right:72px;transform:translate(8px)}a.work-media:after{content:"";background:var(--mustard) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233a2a0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 11.5l7-7M5.5 4.5h6v6'/%3E%3C/svg%3E") center/18px no-repeat;opacity:0;width:48px;height:48px;transition:transform .35s var(--ease),opacity .25s;border-radius:50%;position:absolute;top:16px;right:16px;transform:scale(.6)}.work-card:hover a.work-media img{transform:scale(1.04)}.work-card:hover a.work-media:before{opacity:1;transform:translate(0)}.work-card:hover a.work-media:after{opacity:1;transform:none}.work-body{grid-template-columns:44px 1fr;gap:16px;display:grid}.work-index{font-family:var(--display);letter-spacing:.02em;opacity:.5;padding-top:.35em;font-size:15px;font-weight:800}.work-card h3{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(21px,1.8vw,27px);font-weight:700;line-height:1.4}.work-card p{color:var(--ink-60);max-width:44ch;margin-top:10px;font-size:15.5px;line-height:1.85}.activity{background:var(--ink);color:var(--cream)}.activity .section-label span{border-color:var(--mustard);color:var(--mustard)}.activity h2{color:var(--cream)}.activity-list{border-top:1px solid #f7f3ea33}.activity-entry{transition:padding .35s var(--ease),color .2s;border-bottom:1px solid #f7f3ea33;grid-template-columns:150px 1fr 52px;align-items:center;gap:24px;padding:28px 0;display:grid}.activity-date{color:var(--mustard);font-size:14px;font-weight:600}.activity-title{overflow-wrap:anywhere;font-size:clamp(19px,1.9vw,27px);font-weight:600;line-height:1.5}.activity-arrow{width:46px;height:46px;transition:background-color .25s,color .25s,border-color .25s,transform .35s var(--ease);border:1.5px solid #f7f3ea59;border-radius:50%;justify-self:end;place-items:center;font-size:17px;font-weight:700;display:grid}.activity-arrow.is-empty{visibility:hidden}a.activity-entry:hover{padding-inline:16px}a.activity-entry:hover .activity-arrow{background:var(--mustard);border-color:var(--mustard);color:var(--ink);transform:rotate(45deg)}.activity a.activity-entry:focus-visible{outline-color:var(--mustard)}.contact{background:var(--mustard);padding-bottom:0;overflow:hidden}.contact-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:40px;display:grid}.contact-copy{padding-bottom:clamp(40px,5vw,64px)}.contact h2{margin-top:32px;font-size:clamp(60px,9vw,150px)}.social-links{flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3vw,32px);display:flex}.social-links a{background:var(--cream);min-width:160px;height:52px;transition:background-color .2s,color .2s,transform .3s var(--ease);border-radius:999px;justify-content:space-between;align-items:center;gap:14px;padding:0 4px 0 22px;font-weight:700;display:inline-flex}.social-service{letter-spacing:.12em;text-transform:uppercase;font-size:15px}.social-handle{display:none}.social-arrow{background:var(--ink);width:44px;height:44px;color:var(--cream);border-radius:50%;justify-self:end;place-items:center;font-size:17px;display:grid}.social-links a:hover{background:var(--ink);color:var(--cream);transform:translate(6px)}.social-links a:hover .social-arrow{background:var(--mustard);color:var(--ink)}.contact-art{place-self:start center;width:min(100%,480px)}.contact-art img{width:100%;height:auto;transform:translateY(0)}.site-footer{background:var(--ink);color:var(--cream);font-size:13px;font-weight:600}.footer-row{justify-content:space-between;gap:24px;padding-block:24px;display:flex}.site-footer a{align-items:center;gap:6px;display:inline-flex}.site-footer a:hover{color:var(--mustard)}.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transform:translateY(28px)}.js [data-reveal].is-in{opacity:1;transform:none}@media (width>=761px) and (aspect-ratio<=1){.hero{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start}.hero-copy{padding:140px 0 0}.hero-art{min-height:calc(50svh + 24px);margin:0 calc(-1 * var(--gutter))}.hero-halo{width:min(76vw,720px);top:60%}.hero-portrait{width:min(78vw,720px,47.6939svh)}.scroll-cue{display:none}}@media (width<=1060px){.about h2{grid-column:1/-1}.about-copy{grid-column:1/-1;max-width:640px}.work-card--wide,.work-card--narrow{grid-column:span 6}.work-card--narrow .work-media{aspect-ratio:16/10}.activity-entry{grid-template-columns:120px 1fr 52px}}@media (width<=760px){html{scroll-padding-top:64px}.site-header{padding:12px var(--gutter)}.brand-name{display:none}.brand-mark{width:32px;height:32px}nav{gap:0;padding:3px}nav a{padding:7px 10px;font-size:12.5px}.hero{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;min-height:max(100svh,720px)}.hero-copy{padding:104px 0 0}.hero .eyebrow{margin-bottom:18px}h1{font-size:clamp(52px,16.5vw,96px)}.hero-lede{max-width:24ch;margin-top:20px;font-size:18px}.hero-actions{gap:10px;margin-top:24px}.button{height:48px;padding:0 20px;font-size:15px}.hero-art{min-height:400px;margin:16px calc(-1 * var(--gutter)) 0}.hero-halo{width:92vw;top:58%}.hero-portrait{width:min(96vw,400px)}.scroll-cue{display:none}.about-grid{row-gap:28px}.disciplines{margin-top:28px}.work-grid{grid-template-columns:1fr;gap:56px}.work-card--wide,.work-card--narrow{grid-column:auto}.work-body{grid-template-columns:34px 1fr;gap:10px}.activity-entry{grid-template-columns:1fr 46px;grid-template-areas:"date arrow""title arrow";gap:8px 16px;padding:22px 0}.activity-date{grid-area:date}.activity-title{grid-area:title}.activity-arrow{grid-area:arrow;width:40px;height:40px}a.activity-entry:hover{padding-inline:0}.contact-grid{grid-template-columns:1fr;gap:0}.contact-copy{padding-bottom:40px}.social-links a{height:46px;padding:0 4px 0 20px}.social-arrow{width:38px;height:38px}.contact-art{width:min(86%,420px)}.footer-row{font-size:12px}}@media (width<=360px){nav a{padding:7px;font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js [data-reveal]{opacity:1;transform:none}.hero-portrait{transform:translate(-50%)}}.t-ja,html.is-ja .t-en{display:none}html.is-ja .t-ja{display:inline}.lang-toggle{font:inherit;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:1px solid;border-radius:20px;margin-left:auto;padding:4px 10px;font-size:13px;line-height:1;transition:opacity .2s}.lang-toggle:hover{opacity:1}.lang-toggle .tgl-en,.lang-toggle .tgl-ja{font-weight:400}html.is-ja .lang-toggle .tgl-ja,html:not(.is-ja) .lang-toggle .tgl-en{opacity:1;font-weight:700}html.is-ja .lang-toggle .tgl-en,html:not(.is-ja) .lang-toggle .tgl-ja{opacity:.55}.about .enigma-banner{margin-top:clamp(32px,4vw,48px);margin-bottom:0}@media (hover:none),(width<=760px){a.work-media:after{opacity:1;transform:none}}
