@charset "UTF-8";
/* The embedded gallery owns its styles without changing the cosmic entrance. */
:host{display:block;--ink:#171b22;--paper:#f2f0eb;--muted:#65686c;--line:#cfcec8;--accent:#d7ff71;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-size:16px;line-height:normal;letter-spacing:normal;text-align:left;color:var(--ink);background:var(--paper);font-synthesis:none}
:host .index-tools{top:var(--detail-bar-height,76px)}
/* A small three-field introduction reuses the artwork, leaving the existing filters intact. */
.featured-fields{padding:0 5.5vw 64px}
.featured-fields>h2{font-weight:400;font-size:clamp(25px,3vw,40px);margin:0 0 28px}
.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.field-preview{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.field-preview>.eyebrow{margin-bottom:16px;font-size:14px}
.field-art{display:flex;align-items:center;justify-content:center;height:clamp(210px,27vw,380px);background:#e6e5de;padding:20px}
.field-art img{width:100%;height:100%;object-fit:contain}
.field-preview h3{font-size:24px;font-weight:400;line-height:1.5;margin:20px 0 10px}
.field-preview>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-bottom:18px}
.field-preview>.text-link{margin-top:auto;align-self:flex-start;text-align:left;gap:16px;font-size:14px}
.work-inquiry{padding:56px 5.5vw;border-top:1px solid var(--line)}
.work-inquiry h2{font-size:clamp(25px,3vw,38px);font-weight:400;line-height:1.5;margin-bottom:16px}
.work-inquiry p{font-size:16px}
.inquiry-actions{display:flex;flex-wrap:wrap;gap:16px 36px;margin-top:22px}
@media(max-width:700px){.field-grid{grid-template-columns:1fr;gap:40px}.featured-fields{padding:0 6vw 42px}.field-art{height:340px}.work-inquiry{padding:40px 6vw}.inquiry-actions{flex-direction:column;align-items:flex-start}.field-preview>.text-link{margin-top:0}}
:root{--ink:#171b22;--paper:#f2f0eb;--muted:#65686c;--line:#cfcec8;--accent:#d7ff71;--mx:0px;--my:0px;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}button{border:0;background:none}a:focus-visible,button:focus-visible{outline:3px solid #6479e9;outline-offset:6px}button:disabled{cursor:default;opacity:.35}p{line-height:1.9}h1,h2,h3,p{margin:0}::selection{background:#cee795;color:#15191c}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--accent);padding:15px}.skip:focus{top:12px}
.header{height:100px;padding:0 4.2vw;display:flex;justify-content:space-between;align-items:center;background:#10131b;color:white;position:relative;z-index:5;border-bottom:1px solid #ffffff20}.logo{width:224px}.header nav{display:flex;align-items:center;gap:36px;font-size:14px;letter-spacing:.06em}.header nav a{padding:15px 0}.header nav a:hover{font-family:Georgia,serif;font-style:italic}.header [aria-current=page]{border-bottom:1px solid var(--accent)}#motion{font-size:14px;letter-spacing:0;color:#d6d8dc;border:1px solid #ffffff40;border-radius:30px;padding:10px 14px}.eyebrow{font-size:14px;letter-spacing:.14em;text-transform:uppercase}.section{padding:100px 5.5vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:48px}.section-head h2{font-size:clamp(40px,5.2vw,82px);font-weight:400;letter-spacing:-.055em;line-height:1.1}.section-head p{font-size:15px;color:var(--muted)}.text-link{display:inline-flex;gap:40px;align-items:center;padding:14px 0;border-bottom:1px solid currentColor;font-size:15px}.text-link span{font-size:24px}
.hero{position:relative;background:#10131b;color:#fff;min-height:700px;height:calc(100svh - 100px);max-height:1080px;isolation:isolate;overflow:hidden;padding:64px 5.5vw 38px;display:flex;flex-direction:column;justify-content:space-between}.space{position:absolute;inset:-40px;z-index:-2;background:linear-gradient(90deg,#10131bed 12%,#10131b88 65%,#10131b66),url('../assets/images/business-audit/nebula-space-v1.png') center/cover;transform:translate(calc(var(--mx)*-.4),calc(var(--my)*-.4));transition:transform 1.8s ease-out}.hero:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.hero-intro{position:relative;z-index:2;pointer-events:none}.hero h1{margin-top:34px;font-size:clamp(72px,8.6vw,145px);line-height:.94;letter-spacing:-.06em;font-weight:400}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.07em}.hero-copy{font-size:18px;margin-top:32px;letter-spacing:.14em}.hero-bottom{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:14px;line-height:1.8;color:#c6c9d2}.hero-bottom .text-link{min-width:215px;justify-content:space-between}.orbit{position:absolute;width:46%;height:75%;right:3%;top:10%;transform:translate(var(--mx),var(--my));transition:transform 1.3s ease-out;z-index:1}.orbit a{position:absolute;display:block;box-shadow:0 30px 55px #0006;transition:transform .8s}.orbit a:hover{transform:translateY(-9px) rotate(0deg);z-index:3}.orbit a img{width:100%;height:100%;object-fit:cover}.orbit-a{width:46%;height:68%;top:0;right:10%;transform:rotate(8deg)}.orbit-b{width:59%;height:38%;top:57%;left:-8%;transform:rotate(-8deg)}.orbit-c{width:30%;height:44%;top:49%;right:-3%;transform:rotate(11deg)}.hero-index{margin-top:10px;color:#bfc6d4;font-size:14px}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 32px}.work-card{display:block;min-width:0}.work-card:nth-child(even){margin-top:85px}.work-cover{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--tile,#e4e1da);display:flex;align-items:center;justify-content:center;padding:6%}.work-cover img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .7s cubic-bezier(.2,.65,.3,1)}.work-card:hover .work-cover img{transform:scale(1.025)}.work-cover.full{padding:0}.work-cover.full img{width:100%;height:100%;object-fit:cover}.work-cover .series{position:absolute;top:18px;left:18px;background:#f8f7f1ed;color:#20252c;padding:8px 12px;font-size:14px;z-index:2}.work-arrow{position:absolute;bottom:20px;right:20px;background:var(--paper);height:42px;width:42px;display:grid;place-items:center;border-radius:50%;font-size:24px}.work-meta{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.work-meta h3{font-size:26px;font-weight:400;letter-spacing:-.025em}.work-meta p{font-size:14px;color:var(--muted);margin-top:6px}.work-number{font-size:14px;color:var(--muted);padding-top:7px}.selected-end{display:flex;justify-content:center;margin-top:70px}.services{background:#e6e5de;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:10%}.services h2{font-size:48px;font-weight:400;letter-spacing:-.05em}.service-row{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid #aaa}.service-row:first-child{padding-top:0}.service-row span{font-size:14px;padding-top:5px}.service-row h3{font-size:clamp(23px,3vw,36px);font-weight:400}.service-row p{font-size:15px;color:var(--muted);margin-top:12px}
.page-top{padding:75px 5.5vw 42px}.page-top h1{font-size:clamp(70px,11vw,168px);font-weight:400;letter-spacing:-.075em;line-height:1.05;margin-top:22px}.page-top .lede{margin-top:26px;max-width:700px;line-height:2;font-size:17px}.index-tools{position:sticky;top:0;background:#f2f0ebf5;z-index:4;padding:20px 5.5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:15px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{padding:11px 18px;border:1px solid var(--line);border-radius:50px;font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.result-count{font-size:14px;white-space:nowrap}.index-grid{padding-top:45px}.index-grid .work-card:nth-child(even){margin-top:0}.index-grid .work-cover{aspect-ratio:5/4}.breadcrumb{font-size:14px}.detail-top{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:62px 5.5vw 70px}.detail-top h1{font-size:clamp(56px,7.8vw,116px);line-height:1.05;letter-spacing:-.065em;font-weight:400;margin-top:30px;overflow-wrap:anywhere}.detail-summary{align-self:end}.detail-summary p{font-size:16px;line-height:2}.detail-facts{margin:25px 0 0;border-top:1px solid var(--line);padding-top:20px;display:flex;gap:45px;font-size:14px}.detail-facts dt{color:var(--muted);margin-bottom:9px}.detail-facts dd{margin:0}.detail-gallery{padding:0 5.5vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:50px 32px}.detail-gallery figure{margin:0;min-width:0}.art-button{width:100%;height:auto;display:flex;justify-content:center;align-items:center;background:var(--tile,#e3e0d9);padding:35px;position:relative}.art-button img{max-height:800px;width:100%;object-fit:contain}.art-button .zoom{position:absolute;right:14px;bottom:14px;border-radius:30px;background:#fff;padding:8px 15px;font-size:14px}.detail-gallery figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:14px;color:var(--muted)}.detail-gallery figure.wide{grid-column:1/-1}.detail-gallery figure.wide .art-button{padding:50px}.detail-gallery figure.wide img{max-height:780px}.detail-note{font-size:14px;color:var(--muted);padding:0 5.5vw 65px;max-width:950px;line-height:1.9}.next-work{padding:55px 5.5vw;background:#e3e3db;display:flex;align-items:center;justify-content:space-between;gap:30px}.next-work h2{font-size:clamp(32px,5vw,64px);font-weight:400;margin-top:12px;letter-spacing:-.04em}.next-work .big-arrow{font-size:64px}.footer{background:#10131b;color:#ddd;padding:48px 5.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.footer>a:first-child{letter-spacing:.16em}.footer span{color:#a4a8b1;font-size:14px}
dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:0;background:#14171a;color:white;margin:0}dialog::backdrop{background:#14171a}dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.viewer-bar,.viewer-controls{padding:16px 4vw;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px}.viewer-bar button,.viewer-controls button{padding:12px 18px;border:1px solid #ffffff50;border-radius:30px}.viewer-image{overflow:auto;padding:12px 5vw;display:flex;align-items:center;justify-content:center}.viewer-image img{max-height:100%;width:auto;max-width:100%;object-fit:contain}body:has(dialog[open]){overflow:hidden}.not-found{padding:130px 6vw;min-height:70vh}.not-found h1{font-size:60px;margin-bottom:25px}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{transition:none!important;animation:none!important}body.motion-off .orbit,body.motion-off .space{translate:none;transform:none}
@media(min-width:1500px){.section,.page-top,.detail-top,.detail-gallery,.detail-note{padding-left:max(5.5vw,calc((100vw - 1450px)/2));padding-right:max(5.5vw,calc((100vw - 1450px)/2))}}
@media(max-width:900px){.header{height:84px}.logo{width:180px}.header nav{gap:20px}.hero{height:auto;min-height:870px;padding-top:40px}.hero h1{font-size:90px}.orbit{width:65%;height:470px;top:310px;right:7%}.hero-intro{z-index:2}.hero-bottom{padding-top:560px}.hero-copy{font-size:16px}.hero-bottom p{display:none}.section{padding-top:65px;padding-bottom:65px}.work-grid{gap:50px 22px}.work-meta h3{font-size:22px}.services{grid-template-columns:1fr;gap:40px}.detail-top{grid-template-columns:1fr;gap:30px}.detail-gallery{gap:30px 20px}.art-button{padding:20px}.footer{flex-wrap:wrap}.footer p{display:none}}
@media(max-width:600px){.header{height:78px;padding:0 6vw}.logo{width:148px}.header nav{gap:17px;font-size:14px}.header [data-nav=home]{display:none}#motion{padding:8px 10px;font-size:14px}.hero{min-height:770px;padding:32px 6vw}.hero .eyebrow{font-size:14px;letter-spacing:.08em}.hero h1{font-size:clamp(58px,14.8vw,88px);margin-top:30px}.hero-copy{margin-top:24px;font-size:15px}.orbit{width:82%;height:330px;top:300px;right:3%}.orbit-b{left:-10%;width:67%}.orbit-a{width:46%;right:16%}.orbit-c{right:0}.hero-bottom{padding-top:420px}.section-head{align-items:start;flex-direction:column;margin-bottom:30px}.section-head h2{font-size:48px}.work-grid{grid-template-columns:1fr;gap:38px}.work-card:nth-child(even){margin-top:0}.work-cover{aspect-ratio:5/4}.work-meta{margin-top:15px}.work-meta h3{font-size:25px}.work-meta p{font-size:14px}.section{padding:56px 6vw}.page-top{padding:45px 6vw 32px}.page-top h1{font-size:88px}.page-top .lede{font-size:16px}.index-tools{position:relative;display:block;padding:18px 6vw}.filters{gap:7px}.filters button{padding:10px 13px}.result-count{margin-top:16px;display:block}.index-grid{padding-top:30px}.detail-top{padding:35px 6vw 40px;gap:27px}.detail-top h1{font-size:60px;margin-top:25px}.detail-facts{gap:28px}.detail-gallery{grid-template-columns:1fr;padding:0 6vw 45px;gap:30px}.detail-gallery figure.wide{grid-column:auto}.detail-gallery figure.wide .art-button,.art-button{padding:18px}.detail-note{padding:0 6vw 40px}.next-work{padding:35px 6vw}.next-work h2{font-size:35px}.next-work .big-arrow{font-size:44px}.footer{padding:32px 6vw}.footer span{order:3;width:100%;font-size:14px}.viewer-bar{padding-top:max(12px,env(safe-area-inset-top))}.viewer-controls{padding-bottom:max(16px,env(safe-area-inset-bottom))}.viewer-image{padding:0 12px}.services h2{font-size:42px}.service-row h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.orbit,.space{transform:none!important}}

/* Artwork-first presentation: show the entire supplied canvas, never a cover crop.
   Explicit image bounds avoid percentage max-height resolving against auto-height frames. */
.work-grid{align-items:start}
.work-card:nth-child(even){margin-top:0}
.work-cover,.index-grid .work-cover{display:block;padding:0;overflow:visible;aspect-ratio:3/2}
.work-cover--portrait,.index-grid .work-cover--portrait{aspect-ratio:4/5}
.work-cover--square,.index-grid .work-cover--square{aspect-ratio:1}
.work-cover img,.work-cover.full img{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);min-height:0;max-width:none;max-height:none;object-fit:contain;transform:none;transition:none}
.work-card:hover .work-cover img{transform:none}
.work-meta{align-items:start}
.work-meta .work-category{margin:0 0 10px;font-size:14px;line-height:1.65}
.work-meta h3{line-height:1.5;letter-spacing:0;font-size:clamp(22px,2.2vw,30px)}
.work-number{font-size:26px;flex:none;padding-top:23px}
.genre-section+.genre-section{margin-top:100px}
.genre-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:0 0 24px;margin-bottom:35px;border-bottom:1px solid var(--line)}
.genre-heading h2{font-size:clamp(23px,3vw,40px);line-height:1.5;font-weight:400;letter-spacing:.015em}
.genre-heading span{font-size:14px;white-space:nowrap;color:var(--muted)}
.genre-intro{margin:-10px 0 35px;font-size:16px}
.detail-top .project-title--ja{font-size:clamp(36px,4.5vw,68px);line-height:1.45;letter-spacing:.015em;word-break:normal;overflow-wrap:anywhere}
.detail-facts{flex-wrap:wrap}
.detail-gallery{align-items:start}
.art-button,.detail-gallery figure.wide .art-button{display:flex;flex-direction:column;height:auto;padding:clamp(16px,3vw,40px);overflow:visible}
.art-button img,.detail-gallery figure.wide img{position:static;display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain}
.detail-gallery figure.wide .art-button--portrait img{max-width:680px}
.art-button .zoom{position:static;align-self:flex-end;margin-top:16px;padding:5px 0;background:none;border-radius:0;border-bottom:1px solid currentColor;font-size:14px}
.detail-gallery figcaption{line-height:1.6;flex-wrap:wrap}
.viewer-image{min-width:0;min-height:0}
.viewer-image img{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}

/* Retain the cosmic setting, but separate each complete artwork from the headline
   and its neighbours instead of hiding it in an overlapping collage. */
.hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:40px;min-height:720px;height:auto;max-height:none}
.hero h1{font-size:clamp(62px,6.4vw,118px)}
.hero-intro{align-self:center}
.orbit{position:relative;top:auto;right:auto;width:100%;height:auto;aspect-ratio:1.05;display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:1fr 1fr;gap:20px;align-self:center}
.orbit a{position:relative;inset:auto;width:100%;height:100%;min-width:0;min-height:0;transform:none;box-shadow:none;background:#ffffff08}
.orbit .orbit-a{grid-row:1/3}
.orbit a img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}
.orbit a:hover{transform:translateY(-4px)}
.hero-bottom{grid-column:1/-1;padding-top:0}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0;gap:36px;padding:40px 6vw}
  .hero h1{font-size:clamp(64px,11vw,96px)}
  .orbit{max-width:600px;justify-self:center;aspect-ratio:1.25}
  .hero-bottom{padding-top:0}
  .index-tools{align-items:start}
}
@media(max-width:600px){
  .hero h1{font-size:clamp(52px,13vw,78px)}
  .hero{gap:30px}
  .orbit{gap:12px;aspect-ratio:1.05}
  .orbit a img{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}
  .work-cover img{inset:16px;width:calc(100% - 32px);height:calc(100% - 32px)}
  .genre-section+.genre-section{margin-top:65px}
  .genre-heading{gap:14px;align-items:start;margin-bottom:25px;padding-bottom:18px}
  .genre-heading span{padding-top:7px}
  .genre-heading h2{font-size:23px}
  .detail-top .project-title--ja{font-size:36px}
  .detail-facts{gap:22px}
}
