/* Cloudflare Pages adaptation: SILENCE Ver.4 typography and v7 spatial scale are preserved. */
:root{color-scheme:light;--bg:#f9f8f5;--ink:#242728;--muted:#777b79;--line:#d8d7d2;--accent:#bd633c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.9 Inter,Helvetica Neue,Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;-webkit-font-smoothing:antialiased}
body a{color:inherit;text-decoration:none}body button{font:inherit}body :focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%}
.site-header{max-width:1440px;margin:auto;padding:0 clamp(24px,6.5vw,108px);display:flex;align-items:center;min-height:82px;gap:clamp(18px,3.3vw,54px);border-bottom:1px solid var(--line)}
.site-wordmark{font-weight:520;font-size:14px;letter-spacing:.07em;white-space:nowrap;line-height:1}
.site-nav{display:flex;gap:clamp(14px,2vw,34px);align-items:center;margin-left:auto}
.site-nav a,.site-langs a{font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.site-nav a[aria-current=page],.site-langs a[aria-current=page]{border-bottom:1px solid var(--ink);padding-bottom:4px}
.site-langs{display:flex;gap:9px;align-items:center;margin-left:10px}
.site-nav a:hover,.site-langs a:hover{color:var(--accent)}.site-footer{max-width:1440px;margin:120px auto 0;padding:32px clamp(24px,6.5vw,108px) 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:10px;letter-spacing:.07em}
.skip-to{position:absolute;left:-10000px;top:2px;z-index:100;padding:8px;background:var(--bg)}.skip-to:focus{left:12px}
.site-internal-note{font-size:11px;color:var(--muted);line-height:2.1;margin-top:25px;max-width:60ch}.site-live-image{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;background:linear-gradient(150deg,#eeeee9,#dbddd9)}.site-image-wrap{position:relative;background:var(--bg)}.site-image-fallback{display:none;position:absolute;inset:0;justify-content:center;align-items:center;padding:25px;text-align:center;font-size:10px;letter-spacing:.07em;color:var(--muted);border:1px solid var(--line);background:linear-gradient(145deg,#f2efe9,#e5e5e2)}.site-image-wrap.is-missing img{visibility:hidden}.site-image-wrap.is-missing .site-image-fallback{display:flex}
.ith7 .ith7-dir-link{display:block;padding-top:16px;border-top:1px solid var(--line);font-size:14px;min-height:115px}.ith7 .ith7-dir-link small{display:block;color:var(--muted);font-size:10px;margin-top:10px}.ith7 .ith7-directory-right{align-items:start}.site-detail-section{padding:20px 0 clamp(100px,15vw,220px);display:grid;grid-template-columns:2.8fr 7.2fr;gap:25px;border-top:1px solid var(--line)}.site-detail-main{max-width:720px}.site-detail-main p{max-width:58ch;font-size:12px;line-height:2.25;color:#555c5c}.site-large-gap{height:clamp(80px,11vw,180px)}.ith7 .ith7-pillar a.ith7-link{margin-top:auto}.site-archive-link{display:inline-flex;margin-top:35px;font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:6px}.site-browse-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,65px);margin:42px 0 100px}.site-browse-grid>*{padding-top:18px;border-top:1px solid var(--line)}.site-browse-grid h2{font-size:clamp(16px,2vw,27px);font-weight:450;margin:0}.site-browse-grid p{font-size:12px;color:var(--muted);max-width:44ch;margin-top:20px}.site-optional{opacity:.7}.site-empty{font-size:12px;color:var(--muted);padding:50px 0 90px;max-width:56ch}.site-shop-head{margin-bottom:35px}.ith7 .ith7-pillar-grid{padding-bottom:clamp(120px,18vw,260px)}
.daq6{margin-top:0;--bg:#f9f8f5}.daq6 .daq6-shell{max-width:1440px}.daq6 .daq6-intro-top{margin-top:48px}.daq6 .daq6-intro-blank{height:clamp(100px,13vw,210px)}.daq6 .daq6-intro-art{min-height:320px}.daq6 .daq6-intro-copy p{max-width:320px}
.daq6 .daq6-section-end{margin-top:clamp(120px,15vw,230px)}.daq6 .daq6-section{padding-bottom:clamp(120px,15vw,220px)}.daq6 .daq6-draw{padding-block:clamp(130px,16vw,230px)}.daq6 .daq6-footer{border-top:1px solid var(--line);margin-top:90px;padding-top:36px}
@media(max-width:960px){.site-header{align-items:flex-start;flex-wrap:wrap;padding-top:25px;padding-bottom:17px;gap:20px 18px}.site-nav{order:3;width:100%;margin:0;overflow-x:auto;padding:8px 0;scrollbar-width:thin}.site-langs{margin-left:auto}}
@media(max-width:700px){.site-nav{gap:22px}.site-header{min-height:0}.site-footer{flex-wrap:wrap;margin-top:95px}.site-browse-grid{grid-template-columns:1fr;gap:55px}.site-detail-section{display:block}.site-detail-main{margin-top:40px}.site-large-gap{height:110px}.ith7 .ith7-hero{padding-top:clamp(100px,24vh,190px)}.daq6 .daq6-intro-blank{height:125px}.daq6 .daq6-intro-copy{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* ITOHITSUJI SILENCE site shells v7 — design-only, scoped to .ith7 */
.ith7{--bg:#f9f8f5;--ink:#242728;--muted:#777b79;--line:#d8d7d2;--accent:#bd633c;color:var(--ink);background:var(--bg);font:400 14px/1.9 Inter,'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;-webkit-font-smoothing:antialiased;}
.ith7,.ith7 *,.ith7 *::before,.ith7 *::after{box-sizing:border-box}.ith7 :is(h1,h2,h3,p,figure){margin:0;padding:0;line-height:inherit;color:inherit}.ith7 a{color:inherit;text-decoration:none}.ith7 a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.ith7 a:hover{color:var(--accent)}
.ith7 .ith7-page{max-width:1440px;margin:auto;padding:0 clamp(24px,6.5vw,108px)}
.ith7 .ith7-eyebrow{display:flex;justify-content:space-between;gap:22px;padding-top:34px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:var(--muted)}
.ith7 .ith7-title{font-weight:400;font-size:clamp(19px,3vw,40px);letter-spacing:-.046em;line-height:1.25}
.ith7 .ith7-caption{font-size:12px;line-height:2.3;max-width:43ch;color:#555c5c}
.ith7 .ith7-hero{padding-top:clamp(165px,22vw,355px)}
.ith7 .ith7-hero-content{display:grid;grid-template-columns:minmax(0,3.82fr) minmax(0,6.18fr);gap:clamp(24px,5vw,80px);align-items:end}
.ith7 .ith7-hero-copy{align-self:end;padding-bottom:3px;display:flex;flex-direction:column;gap:26px}
.ith7 .ith7-kv{margin:0;max-width:100%;overflow:hidden}.ith7 .ith7-kv img{width:100%;height:auto;display:block}
.ith7 .ith7-rule{margin-top:clamp(170px,21vw,330px);border-top:1px solid var(--line)}
.ith7 .ith7-pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);padding:clamp(74px,9vw,134px) 0 clamp(160px,21vw,310px)}
.ith7 .ith7-pillar{display:flex;flex-direction:column;min-height:230px;justify-content:space-between;border-top:1px solid var(--ink);padding-top:17px;gap:36px}
.ith7 .ith7-pillar-header{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.ith7 .ith7-pillar-number,.ith7 .ith7-index{font-size:10px;letter-spacing:.1em;color:var(--muted)}
.ith7 .ith7-pillar-name{font-size:clamp(21px,3.4vw,46px);line-height:1.16;letter-spacing:-.046em;font-weight:400}
.ith7 .ith7-link{font-size:11px;display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;width:max-content}
.ith7 .ith7-details{display:grid;grid-template-columns:3fr 1fr 6fr;padding:clamp(60px,8vw,130px) 0 clamp(180px,25vw,350px);gap:10px}.ith7 .ith7-details>p{grid-column:3}
.ith7 .ith7-intro{padding:clamp(150px,19vw,300px) 0 clamp(165px,22vw,330px);display:grid;grid-template-columns:3.4fr 6.6fr;gap:50px}
.ith7 .ith7-intro .ith7-caption{max-width:44ch;justify-self:end}
.ith7 .ith7-directory{display:grid;grid-template-columns:2.8fr 7.2fr;gap:25px;padding:50px 0 clamp(180px,24vw,320px);border-top:1px solid var(--line)}
.ith7 .ith7-directory-right{display:grid;grid-template-columns:1fr 1fr;gap:32px 45px}
.ith7 .ith7-directory-right a,.ith7 .ith7-directory-right span{display:block;padding-top:15px;border-top:1px solid var(--line);min-height:105px}
.ith7 .ith7-directory-right small{display:block;color:var(--muted);font-size:10px;margin-top:9px;letter-spacing:.04em}
.ith7 .ith7-muted{color:var(--muted)}
.ith7 .ith7-standalone-note{font-size:11px;color:var(--muted);margin-top:50px}
.ith7 .ith7-image-placeholder{aspect-ratio:3/2;background:linear-gradient(135deg,#e6e5e0,#e9e8e4);display:grid;place-items:center;color:#8a8984;font-size:10px;letter-spacing:.15em}
.ith7 .ith7-cta{font-size:11px;letter-spacing:.04em;border-bottom:1px solid currentColor;padding-bottom:7px;display:inline-block;width:max-content}
.ith7 .ith7-nav-placeholder{color:#aaa9a4}
@media(max-width:700px){.ith7 .ith7-eyebrow{padding-top:20px}.ith7 .ith7-hero{padding-top:150px}.ith7 .ith7-hero-content{display:block}.ith7 .ith7-hero-copy{gap:17px;padding-bottom:48px}.ith7 .ith7-kv{margin:0 calc(-1*clamp(24px,6.5vw,108px));}.ith7 .ith7-rule{margin-top:165px}.ith7 .ith7-pillar-grid{grid-template-columns:1fr;gap:85px;padding-top:65px}.ith7 .ith7-pillar{min-height:185px}.ith7 .ith7-intro{display:block;padding:180px 0 170px}.ith7 .ith7-intro .ith7-caption{margin-top:30px}.ith7 .ith7-details{display:block;padding-top:60px}.ith7 .ith7-details>p{margin-top:55px}.ith7 .ith7-directory{display:block}.ith7 .ith7-directory-right{margin-top:65px;gap:20px}.ith7 .ith7-directory-right a,.ith7 .ith7-directory-right span{min-height:90px}.ith7 .ith7-title{font-size:clamp(23px,6vw,38px)}}
@media(prefers-reduced-motion:reduce){.ith7 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:440px){.site-nav{flex-wrap:wrap;overflow:visible;gap:9px 20px}.site-nav a{font-size:10px}}
.site-work-item{border-top:1px solid var(--line);padding:18px 0 35px}.site-work-item h2{font-size:clamp(17px,2vw,28px);font-weight:450;line-height:1.5;margin:0}.site-work-item p{font-size:11px;color:var(--muted)}.site-work-detail{margin:35px 0 60px}.site-work-detail .detail-image{width:100%;height:auto;background:#e8e7e3;display:block;margin-bottom:30px}.site-video-wrap{position:relative;width:100%;aspect-ratio:16/9;margin-top:55px}.site-video-wrap iframe{border:0;position:absolute;inset:0;width:100%;height:100%}


/* v2 Portfolio gallery. Existing DAQ styles remain intact. */
/* HOME inherits its colour directly from the published hero artwork palette. */
body.home-art{
  --home-tone:#d47c3d;
  --home-ink:#1f344d;
  --bg:var(--home-tone);
  --ink:var(--home-ink);
  --muted:var(--home-ink);
  --line:rgba(31,52,77,.28);
  --accent:var(--home-ink);
  background:var(--home-tone);
  color:var(--home-ink);
}
.home-art .site-header,.home-art .site-footer{
  background:var(--home-tone);
  color:var(--home-ink);
  border-color:var(--line);
}
.home-art .site-header{max-width:none;width:100%;border-bottom:0}
.home-art .site-footer{max-width:none;margin-top:0}
.home-art .home-stage{padding:clamp(18px,2vw,34px) clamp(18px,3vw,60px) clamp(90px,11vw,160px);max-width:1800px;margin:auto}
.home-art .home-hero{margin:0;display:block;width:100%;position:relative;}
.home-art .home-hero img{
  display:block;width:100%;height:auto;max-height:85vh;object-fit:contain;
  aspect-ratio:auto;background:transparent;
}
.home-art .home-hero .site-image-fallback{min-height:40vw}
.home-art .home-lower{padding:clamp(40px,7vw,110px) clamp(18px,4vw,78px) 0;}
.home-art .home-caption{
  display:flex;justify-content:space-between;align-items:flex-end;gap:45px;
  border-bottom:1px solid var(--line);padding-bottom:clamp(55px,8vw,120px);
}
.home-art .home-caption h1{font-size:clamp(38px,7vw,112px);font-weight:500;letter-spacing:-.075em;line-height:1;margin:0}
.home-art .home-caption p{font-size:clamp(11px,1.25vw,15px);line-height:1.9;max-width:28ch;margin:0;color:var(--home-ink)}
.home-art .home-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(35px,6vw,95px);padding:clamp(70px,8vw,135px) 0 0}
.home-art .home-dual a{display:flex;flex-direction:column;gap:22px;padding-top:16px;border-top:1px solid var(--home-ink)}
.home-art .home-dual strong{font-size:clamp(31px,5vw,78px);font-weight:450;letter-spacing:-.05em;line-height:1.1}
.home-art .home-dual small{font-size:12px;letter-spacing:.04em;opacity:.85}
.home-art .home-dual a:hover strong{transform:translateX(6px);transition:transform .2s ease}
/* 3-column image-led archive, work/project rows share one component */
.ith7 .portfolio-heading{
  padding:clamp(65px,9vw,150px) 0 clamp(55px,8vw,105px);
  display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--line)
}
.ith7 .portfolio-heading h1{font-size:clamp(37px,6vw,90px);line-height:1.1;font-weight:450;letter-spacing:-.065em}
.ith7 .portfolio-heading p{font-size:12px;color:var(--muted);line-height:2.1;max-width:36ch}
.portfolio-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(12px,2vw,32px);row-gap:clamp(45px,6vw,95px);padding:clamp(33px,4vw,65px) 0 150px;}
.portfolio-grid .site-empty{grid-column:1/-1}
.portfolio-card{display:block;min-width:0;outline-offset:6px}
.portfolio-thumb{width:100%;aspect-ratio:4/5;position:relative;overflow:hidden;background:#e8e4df;}
.portfolio-thumb img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block;opacity:0;transition:opacity .25s ease,transform .5s ease;}
.portfolio-thumb.image-loaded img{opacity:1}
.portfolio-thumb .portfolio-thumb-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:16%;font-size:clamp(13px,1.6vw,24px);line-height:1.35;text-align:center;letter-spacing:-.02em;color:#555;overflow-wrap:anywhere;}
.portfolio-thumb.image-loaded .portfolio-thumb-fallback{display:none}
.portfolio-card:hover .portfolio-thumb.image-loaded img{transform:scale(1.025)}
.portfolio-card-info{padding:17px 2px 0}
.portfolio-card-title{font-size:clamp(14px,1.35vw,19px);line-height:1.4;font-weight:500;margin:0;letter-spacing:-.02em}
.portfolio-card-meta{font-size:10px;line-height:1.7;letter-spacing:.08em;color:var(--muted);margin:6px 0 0}
.portfolio-detail-shell{max-width:1100px;margin:auto;padding:clamp(70px,9vw,150px) 0 150px}
.portfolio-detail-title{font-size:clamp(32px,5vw,72px);font-weight:450;letter-spacing:-.055em;line-height:1.15;margin:0 0 18px}
.portfolio-detail-meta{font-size:11px;color:var(--muted);letter-spacing:.08em;margin:0 0 36px}
.portfolio-detail-description{font-size:clamp(13px,1.1vw,16px);line-height:2.15;max-width:55ch;margin:0 0 65px}
.portfolio-detail-gallery{display:flex;flex-direction:column;gap:clamp(28px,4vw,70px)}
.portfolio-detail-figure{margin:0}.portfolio-detail-image-wrap{position:relative;min-height:120px;background:#e9e7e2}
.portfolio-detail-image-wrap img{display:block;width:100%;height:auto;opacity:0;transition:opacity .2s ease}
.portfolio-detail-image-wrap.image-loaded img{opacity:1}
.portfolio-detail-image-wrap .portfolio-thumb-fallback{min-height:45vw;display:grid;place-items:center;position:absolute;inset:0;color:var(--muted);text-align:center;padding:10%}
.portfolio-detail-image-wrap.image-loaded .portfolio-thumb-fallback{display:none}
.portfolio-detail-image-wrap.image-failed img{display:none}
.portfolio-detail-image-wrap.image-failed .portfolio-thumb-fallback{position:relative;min-height:350px}
.portfolio-detail-actions{display:flex;gap:28px;flex-wrap:wrap;margin:55px 0 0}
.portfolio-detail-link{display:inline-flex;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:12px}
@media(max-width:860px){
 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-art .home-caption{align-items:flex-start}
}
@media(max-width:600px){
 .portfolio-grid{grid-template-columns:1fr;row-gap:52px}
 .portfolio-thumb{aspect-ratio:4/4.6}
 .portfolio-card-title{font-size:19px}
 .portfolio-card-meta{font-size:11px}
 .home-art .home-stage{padding:12px 0 75px}
 .home-art .home-hero{width:100%;margin:0}
 .home-art .home-hero img{max-height:none;width:100%}
 .home-art .home-lower{padding:58px 22px 0}
 .home-art .home-caption{display:block;padding-bottom:68px}
 .home-art .home-caption p{margin-top:32px}
 .home-art .home-dual{grid-template-columns:1fr;padding-top:55px;gap:55px}
 .home-art .home-dual strong{font-size:47px}
 .ith7 .portfolio-heading{display:block;padding:75px 0 42px}
 .ith7 .portfolio-heading p{margin-top:24px}
 .site-nav{flex-wrap:nowrap!important;overflow-x:auto!important;gap:21px}
 .site-header{padding-left:22px;padding-right:22px}
 .site-footer{padding-left:22px;padding-right:22px}
}