:root{--yellow:#ffc000;--ink:#202322;--paper:#fafaf7;--grey:#e9ebe7;--muted:#72766f;--line:#d7dbd3;--pad:clamp(28px,5.6vw,104px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #a77c00;outline-offset:7px}::selection{background:var(--yellow);color:var(--ink)}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:var(--yellow);padding:15px}.skip:focus{top:10px}.header{height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:35px;position:sticky;top:0;z-index:20;background:rgba(250,250,247,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.logo{position:relative;display:inline-block;font-family:Verdana,sans-serif;font-weight:700;font-style:italic;font-size:35px;letter-spacing:-2px;line-height:1.05;padding-bottom:11px;flex:none}.logo span{position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--yellow)}nav{display:flex;gap:32px;margin-left:auto}nav a{font-size:12px;font-weight:700;position:relative;padding:12px 0}nav a:after{content:"";position:absolute;bottom:3px;left:0;width:0;height:2px;background:var(--yellow);transition:width .25s}nav a:hover:after{width:100%}nav span{font-size:15px}.contact-link{background:var(--ink);color:white;padding:18px 23px;font-size:12px;display:flex;gap:36px;transition:background .25s,color .25s}.contact-link:hover{background:var(--yellow);color:var(--ink)}.menu-toggle{display:none}.hero{padding:35px var(--pad) 0;overflow:hidden}.hero-eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.5px;font-family:Arial,sans-serif}.dot{width:6px;height:6px;background:var(--yellow);border-radius:50%}.concept-label{margin-left:auto;color:#8a8d86;font-size:9px;letter-spacing:1.3px}.hero-layout{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;min-height:640px;gap:25px;padding:35px 0 44px}.hero-small{font-size:11px;letter-spacing:2px;margin:0 0 26px}.hero h1{font-size:clamp(42px,4.5vw,78px);font-weight:600;line-height:1.42;letter-spacing:-.065em;margin:0 0 25px;white-space:nowrap}.hero h1>span{display:inline-block;animation:rise 1s cubic-bezier(.2,.7,.3,1) both}.hero h1>span:nth-of-type(2){animation-delay:.15s}.yellow-mark{background:linear-gradient(transparent 75%,var(--yellow) 75%,var(--yellow) 91%,transparent 91%)}.hero-description{font-size:13px;line-height:2.3;color:#5a6057;margin:0 0 30px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding:12px 0;min-width:195px}.text-link span{font-size:19px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.hero-object{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-top:5px;animation:fade 1.3s .2s both;min-width:0}.object-frame{position:relative;background:#eef0eb;aspect-ratio:1.12;display:flex;align-items:center;justify-content:center;padding:32px 20px 42px}.object-frame:after{content:"";position:absolute;width:55%;height:1px;background:#d4d8d0;left:23%;bottom:58px;transform:rotate(-15deg)}.object-frame img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1;transition:opacity .3s,transform .7s}.object-frame:hover img{transform:translateY(-6px)}.object-frame img.photo-mode{object-fit:cover;mix-blend-mode:normal}.object-number{position:absolute;top:20px;left:22px;font:8px Arial;letter-spacing:1.3px;color:#72796c}.object-caption{position:absolute;bottom:17px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:2;font-size:9px;letter-spacing:1px}.object-caption span:last-child{font-family:Arial}.corner{position:absolute;width:12px;height:12px;border-color:#9fa798;border-style:solid;z-index:3}.tl{top:0;left:0;border-width:1px 0 0 1px}.tr{top:0;right:0;border-width:1px 1px 0 0}.bl{bottom:0;left:0;border-width:0 0 1px 1px}.br{bottom:0;right:0;border-width:0 1px 1px 0}.view-selector{display:flex;align-items:center;gap:20px;padding-top:18px;font-family:Arial;font-size:10px}.view-selector button{color:#91968d;padding:7px 0;display:flex;gap:8px;font:10px Arial}.view-selector button span{font-family:Meiryo,sans-serif;font-size:10px}.view-selector button.active{color:var(--ink);border-bottom:2px solid var(--yellow)}.selector-rule{height:1px;background:var(--line);flex:1}.view-selector small{font-size:8px;letter-spacing:1px;color:#72766f}.hero-bottom{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;font:9px Arial;letter-spacing:1.3px}.hero-bottom a span{margin-left:28px}.hero-bottom>span:last-child{color:#81867c}.section{padding:100px var(--pad)}.section-label{display:flex;justify-content:space-between;font:10px Arial;letter-spacing:1.6px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:65px}.section-label>span:last-child{font-family:Meiryo,sans-serif;font-size:10px;letter-spacing:1px}.intro{background:white;padding-top:105px}.intro-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:start}.intro h2,.section-title h2{font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1.85;letter-spacing:-.045em;margin:0}.intro-body p{font-size:13px;line-height:2.4;margin:0 0 25px}.intro-body p+p{color:var(--muted)}.capabilities{display:flex;justify-content:space-between;align-items:center;margin-top:85px;border-top:1px solid var(--line);padding-top:30px;font:clamp(10px,1.2vw,18px) Arial;letter-spacing:1.5px}.capabilities i{font:24px Arial;color:#b4b9af;font-style:normal}.works{padding-top:90px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.section-title p{font-size:12px;line-height:2.2;color:var(--muted);margin-bottom:10px}.work-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center;margin-bottom:90px}.work-visual{position:relative;padding:0;overflow:hidden;aspect-ratio:1.3;background:#e0e2da;width:100%}.work-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.work-visual:hover img,.small-image:hover img{transform:scale(1.04)}.image-note{position:absolute;bottom:23px;left:25px;font-size:9px;background:white;padding:8px 12px}.zoom{position:absolute;right:18px;bottom:18px;width:36px;height:36px;background:white;display:grid;place-items:center;font:22px Arial}.work-index{font:10px Arial;letter-spacing:1.3px;color:#6b7265;margin:0 0 25px}.work-description h3{font-weight:500;font-size:25px;letter-spacing:-1px;margin:0 0 25px}.work-description p:not(.work-index){font-size:13px;line-height:2.3}.muted{color:var(--muted);font-size:12px;line-height:2.1}.work-description .text-link{margin-top:15px}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px}.small-image{display:block;position:relative;width:100%;padding:0;overflow:hidden;aspect-ratio:1.35;background:#e4e6de}.small-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.work-small:first-child .small-image img{object-fit:contain}.work-meta{display:flex;justify-content:space-between;margin-top:23px;font:9px Arial;letter-spacing:1px;color:#72766f}.work-meta span:last-child{font:9px Meiryo}.work-small h3{font-size:22px;font-weight:500}.work-small h3 button{padding:0;display:flex;width:100%;justify-content:space-between}.work-small p{font-size:12px;color:var(--muted)}.wide-link{margin-top:65px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px}.wide-link span:last-child{font-size:24px}.wide-link:hover{border-bottom-color:var(--ink)}.approach{background:#252a27;color:#f5f5ef;position:relative;overflow:hidden}.approach .section-label{border-color:#4a504a}.approach-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end}.large-english{font:clamp(42px,5.2vw,82px)/1.06 Arial;letter-spacing:-3px;margin:0 0 38px}.large-english span{color:var(--yellow)}.approach h2{font-size:28px;font-weight:500;line-height:1.8;letter-spacing:1px}.approach-text p{font-size:13px;line-height:2.4;color:#d4d8d0;margin:0 0 30px}.light-link{border-color:#989e91}.approach-line{display:flex;align-items:center;gap:20px;font:9px Arial;letter-spacing:2px;margin-top:75px;color:#a4ac9d}.approach-line div{height:1px;background:#59634f;flex:1;position:relative}.approach-line div:after{content:"";height:4px;width:16px;background:var(--yellow);position:absolute;top:-1.5px;animation:flow 4s linear infinite}.journal{background:white}.journal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.journal h2{font-size:36px;font-weight:500}.journal-entry{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:240px 1fr 40px;gap:45px;align-items:center}.journal-thumb{overflow:hidden}.journal-thumb img{transition:transform .7s;width:100%;aspect-ratio:1.5;object-fit:cover}.journal-entry:hover img{transform:scale(1.04)}.journal-entry .work-index{margin-bottom:18px}.journal-entry h3{font-size:22px;font-weight:500;line-height:1.7;margin:0 0 15px}.journal-entry p:last-child{font-size:11px;color:var(--muted);line-height:2}.entry-arrow{font:32px Arial}.contact{background:#edeFE8}.contact-layout{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{font-size:clamp(34px,4vw,62px);line-height:1.6;font-weight:500;letter-spacing:-.05em;margin:0 0 22px}.contact p{font-size:12px;color:#666e60;line-height:2.2}.contact-button{background:var(--yellow);display:flex;justify-content:space-between;align-items:center;padding:29px 34px;min-width:270px;font-size:14px;transition:background .25s}.contact-button span{font:27px Arial}.contact-button:hover{background:#e6ad00}footer{display:flex;align-items:center;gap:45px;padding:55px var(--pad);background:white}footer .logo{font-size:30px}footer p{font-size:10px;line-height:2;color:#73796d}footer small{margin-left:auto;font:9px Arial;color:#7d8277}.back-top{font:9px Arial;letter-spacing:1px}dialog{padding:65px;max-width:1050px;width:calc(100% - 60px);border:0;color:var(--ink);background:var(--paper)}dialog::backdrop{background:rgba(20,25,20,.65);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:24px;top:20px;font-size:12px}.dialog-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.dialog-layout>img{max-height:420px;width:100%;object-fit:contain}.dialog-layout h2{font-size:25px;font-weight:500}.dialog-layout p{font-size:12px;line-height:2}.dialog-layout dl{font-size:11px;display:grid;grid-template-columns:100px 1fr;line-height:2.5}.dialog-layout dt{color:var(--muted);border-bottom:1px solid var(--line)}.dialog-layout dd{margin:0;border-bottom:1px solid var(--line)}.js-ready .reveal{opacity:0;transform:translateY(27px);transition:opacity .8s,transform .8s}.js-ready .reveal.visible{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes flow{0%{left:0}100%{left:calc(100% - 16px)}}
@media(min-width:1550px){.hero-layout{min-height:750px}.object-frame{max-height:620px}.hero-object{padding-left:20px}}@media(max-width:1050px){nav{gap:18px}nav a{font-size:11px}.header{gap:20px}.contact-link{gap:15px;padding:16px}.hero-layout{min-height:590px}.hero h1{font-size:4.6vw}.hero-description{font-size:12px}.section{padding-top:75px;padding-bottom:75px}.journal-entry{grid-template-columns:190px 1fr 25px;gap:28px}.journal-entry h3{font-size:19px}.intro-layout{gap:7%}}@media(max-width:760px){:root{--pad:24px}.header{height:78px}.header .logo{font-size:29px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:8px}.header nav.open{display:flex}.header nav a{font-size:14px;padding:16px}.contact-link{margin-left:auto;padding:13px;font-size:10px;gap:15px}.menu-toggle{display:block;font:9px Arial;white-space:nowrap}.menu-toggle span{font-size:20px;margin-left:5px}.hero{padding-top:25px}.hero-eyebrow{font-size:8px;letter-spacing:1px}.concept-label{display:none}.hero-layout{display:flex;flex-direction:column;gap:35px;padding:38px 0 30px;min-height:0;align-items:stretch}.hero h1{font-size:clamp(37px,8vw,60px)}.hero-small{font-size:10px;letter-spacing:1px;margin-bottom:20px}.hero-description{font-size:12px;line-height:2.1}.hero-object{padding:0}.object-frame{aspect-ratio:1.15}.hero-bottom{font-size:7px;gap:15px;letter-spacing:.5px}.hero-bottom>span:last-child{display:none}.hero-bottom a span{margin-left:10px}.section{padding-top:65px;padding-bottom:65px}.section-label{font-size:8px;letter-spacing:1px;margin-bottom:40px}.section-label>span:last-child{font-size:8px}.intro-layout,.approach-layout{grid-template-columns:1fr;gap:35px}.intro h2,.section-title h2{font-size:28px;line-height:1.8}.intro-body p{font-size:12px}.capabilities{margin-top:45px;gap:8px;flex-wrap:wrap;font-size:8px;letter-spacing:.5px}.capabilities i{font-size:17px}.section-title{display:block;margin-bottom:35px}.section-title p{margin-top:22px}.work-feature{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.work-description h3{font-size:23px}.work-pair{grid-template-columns:1fr;gap:40px}.work-small h3{font-size:21px}.wide-link{font-size:11px;margin-top:40px}.large-english{font-size:55px;letter-spacing:-2px}.approach h2{font-size:25px}.approach-text p{font-size:12px}.approach-line{font-size:7px;gap:10px;letter-spacing:1px;margin-top:45px}.journal h2{font-size:27px}.journal-title .text-link{min-width:100px;font-size:10px;gap:15px}.journal-entry{grid-template-columns:1fr 25px;gap:20px}.journal-thumb{grid-column:1/-1}.journal-thumb img{aspect-ratio:1.65}.journal-entry h3{font-size:18px}.journal-entry h3 br{display:none}.journal-entry p:last-child{font-size:11px}.contact-layout{display:block}.contact h2{font-size:34px}.contact-button{margin:25px 0;min-width:0;width:100%;padding:22px}.contact p{font-size:11px}footer{flex-wrap:wrap;gap:25px;padding-top:40px;padding-bottom:40px}footer p{font-size:9px}footer small{margin-left:0}.back-top{margin-left:auto}dialog{padding:55px 25px 30px;width:calc(100% - 30px);max-height:90vh}.dialog-layout{grid-template-columns:1fr;gap:20px}.dialog-layout>img{max-height:230px}.dialog-layout h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}

body.nohg-studio{margin:0;background:#fafaf7;color:#202322;line-height:1.6}body.nohg-studio .header{position:sticky}body.admin-bar .header{top:32px}.nohg-studio .logo{text-decoration:none}.nohg-studio p{margin-top:0}.nohg-studio button{border-radius:0}.nohg-studio a:hover{color:inherit}.nohg-studio .contact-link:hover{color:#202322}.nohg-studio .hero .hero-description{margin-bottom:30px}.nohg-studio .contact-form-section{background:#fff}.contact-form-wrap{max-width:760px;margin:auto}.contact-form-wrap h2{font-size:32px;font-weight:500;margin-bottom:35px}.nohg-studio .wpcf7 form p{margin:0 0 25px}.nohg-studio .wpcf7 label{font-size:13px;line-height:2.5}.nohg-studio .wpcf7 input:not([type=submit]):not([type=checkbox]),.nohg-studio .wpcf7 textarea{display:block;width:100%;border:1px solid #c7cdc1;background:#fafbf8;color:#202322;padding:14px;font:15px Meiryo,sans-serif;box-shadow:none;border-radius:0}.nohg-studio .wpcf7 input:focus,.nohg-studio .wpcf7 textarea:focus{outline:2px solid #b38600;outline-offset:2px}.nohg-studio .wpcf7 input[type=submit]{background:#ffc000;border:0;padding:18px 55px;color:#202322;font:700 14px Meiryo;cursor:pointer}.nohg-studio .wpcf7 form .wpcf7-response-output{margin:20px 0;padding:14px;font-size:13px}.subpage{min-height:65vh}.subpage .section-label{margin-bottom:55px}.page-heading h1{font-size:clamp(30px,3.6vw,54px);font-weight:500;line-height:1.7;letter-spacing:-.04em;margin:0 0 55px}.single-article{max-width:920px;margin:0 auto}.single-article .page-heading{margin-bottom:50px}.single-article .page-heading h1{font-size:clamp(29px,3.2vw,46px)}.article-content{font-size:15px;line-height:2.3;overflow-wrap:anywhere}.article-content p{margin:0 0 1.8em}.article-content h2{font-size:clamp(24px,2.5vw,34px);font-weight:500;line-height:1.7;margin:65px 0 28px;letter-spacing:-.03em}.article-content h3{font-size:22px;font-weight:500;line-height:1.8;margin:45px 0 20px}.article-content a{text-underline-offset:5px;text-decoration:underline;text-decoration-color:#c4a83b}.article-content img{max-width:100%;height:auto}.article-content figure{margin:35px 0 45px}.article-content table{width:100%;border-collapse:collapse;font-size:14px;line-height:2}.article-content td,.article-content th{border:1px solid #d7dbd3;padding:20px;text-align:left}.article-content td h3{margin:0;font-size:17px}.products-content>figure,.products-content>table{margin:45px 0;background:#fff}.products-content>p:first-child{color:#72766f}.products-content img{max-height:500px;object-fit:contain}.article-content .wp-block-post-template{list-style:none;padding:0;margin:40px 0}.article-content .wp-block-post-template>li{padding:25px 0}.article-content .wp-block-post-title{margin:0 0 12px;font-size:27px}.article-content .wp-block-post-title a{text-decoration:none}.article-content .wp-block-post-date{font:11px Arial;color:#72766f;margin-bottom:22px}.article-content .wp-block-post-excerpt{color:#626b5c}.article-content .wp-block-post-excerpt__more-link{font-size:12px}.article-content .wp-block-separator{border:0;border-top:1px solid #d7dbd3;max-width:none;margin-top:35px}.article-content .wp-block-query-pagination{display:flex;gap:22px;font-size:13px}.archive-entry{padding:35px 0;border-bottom:1px solid #d7dbd3}.archive-entry h2{font-size:25px;font-weight:500}.archive-entry p{font-size:14px}.nohg-studio .header nav a{line-height:1.5}.nohg-studio .dialog-layout dl{margin:22px 0}.nohg-studio .dialog-layout dd{padding:0}.nohg-studio dialog{box-shadow:0 20px 80px #0003}body.nohg-studio .wp-site-blocks{padding:0}.nohg-studio figure img{margin:0}
@media(max-width:782px){body.admin-bar .header{top:46px}}@media(max-width:760px){.article-content{font-size:14px;line-height:2.2}.page-heading h1{margin-bottom:32px}.article-content td,.article-content th{padding:12px;font-size:12px}.article-content td h3{font-size:14px}.article-content .wp-block-post-title{font-size:23px}.subpage .section-label{margin-bottom:35px}.contact-form-wrap h2{font-size:27px}}
