@import url('original-styles.css');
@import url('assets/uploads/brand-cursor.css?v=20260929-hover-1');
:root{--font-scale:1;--viewport-height:100svh;--accent:#ff0000;--site-font:Arial,Helvetica,sans-serif;font-size:16px;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--site-font)}body{background:#fff;color:#111}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{font:inherit;cursor:pointer}img,video{max-width:100%;height:auto;display:block}figure{margin:0}iframe{border:0}#kaleidoscope{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.text-icon{display:inline-block;margin:0 .1em}.yin-yang-mark{display:inline-block;position:relative;width:1em;height:1em;margin:0 .14em;vertical-align:-.12em;border:1px solid #111;border-radius:50%;background:linear-gradient(90deg,#fff 0 50%,#111 50%)}.yin-yang-mark::before,.yin-yang-mark::after{content:"";position:absolute;width:.5em;height:.5em;border-radius:50%;left:.25em}.yin-yang-mark::before{top:0;background:#111;box-shadow:0 .5em 0 #fff}.yin-yang-mark::after{top:.2em;width:.1em;height:.1em;left:.45em;background:#fff;box-shadow:0 .5em 0 #111}.icon-link{margin-right:.8em;font-size:.9em}.bodycopy{font-size:1rem;line-height:1.35}.bodycopy [style*="--font-scale"]{font-size:calc(1rem * var(--font-scale))}.page{display:block;min-height:100svh}.page-layout{width:100%;max-width:none}.page-content{padding:1rem;background:white}.detail .page-content{box-shadow:0 -2rem 4rem 2rem white}.detail .page{min-height:0}.site-header{height:28rem;padding:8rem 1rem 0;text-align:center;color:var(--accent)}.site-header>a{font-size:2.8rem;line-height:1.1}.site-header nav{margin-top:2rem;display:flex;justify-content:center;gap:2rem;font-size:1.2rem}.home .page-content{background:transparent;text-align:center;padding:.7rem 1rem;min-height:100svh}.home .bodycopy{line-height:1.2}.home .media{max-width:32%;margin:auto}.home .media img{width:100%;max-height:40vh;object-fit:contain}.home .bodycopy>br{line-height:1.15}.home .bodycopy{color:var(--accent)}.home .bodycopy a{color:var(--accent)}.columns{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap,1rem);width:100%;align-items:start}.column{grid-column:span var(--span,6);min-width:0;overflow-wrap:anywhere}.gallery{width:100%;margin:0;gap:var(--gallery-gap,0)}.gallery.grid{display:grid;grid-template-columns:repeat(var(--columns,3),minmax(0,1fr));align-items:start}.gallery.justify{display:flex;flex-wrap:wrap;align-items:stretch}.gallery.justify>.media{flex:1 1 28%;min-width:0}.gallery.justify>.media img{width:100%;height:100%;object-fit:contain}.gallery.justify>.media>a{display:block;height:100%}.gallery.columnized{columns:3;column-gap:clamp(2rem,8vw,8rem)}.gallery.columnized>.media{break-inside:avoid;margin-bottom:3rem;display:inline-block;width:100%}.gallery.slideshow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;align-items:center;scrollbar-width:thin}.gallery.slideshow>.media{flex:0 0 100%;scroll-snap-align:start;min-width:0}.gallery.slideshow img{width:100%;height:min(70vh,850px);object-fit:contain}.slideshow-controls{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;gap:1rem}.slideshow-controls button{background:white;border:1px solid #aaa;padding:.3rem .85rem}.media{max-width:var(--media-scale,100%);width:100%}.media img{width:100%;height:auto}.media .caption{display:block;margin:.65em 0 1.5em}.media video{width:100%;max-height:85vh}.video-embed{width:100%;aspect-ratio:16/9;display:block}.zoom{cursor:zoom-in;display:block}.caption2{font-size:.9rem;line-height:1.3}hr{margin:.75rem 0 1rem;background:#c7c7c7}body[data-page="index"] .page-content{padding-bottom:4rem}body[data-page="index"] .columns{padding:.4rem 0}body[data-page="index-suqare"] .page-content{padding-bottom:3rem}.motion-toggle{position:fixed;right:12px;bottom:12px;z-index:10;border:1px solid rgba(255,0,0,.5);border-radius:20px;color:var(--accent);background:rgba(255,255,255,.9);padding:.4rem .75rem;font-size:12px}.skip-link{position:fixed;top:-100px;left:1rem;padding:1rem;background:white;z-index:10}.skip-link:focus{top:1rem}dialog{border:0;padding:2rem;background:transparent;max-width:100vw;max-height:100svh;overflow:visible}dialog::backdrop{background:rgba(0,0,0,.9)}dialog img{max-width:90vw;max-height:88svh;object-fit:contain}.close-lightbox{position:fixed;right:1rem;top:1rem;background:white;border:0;border-radius:50%;width:44px;height:44px;font-size:30px}.slideshow-count{font-size:14px}.close-index{cursor:pointer;color:var(--accent)}
@media(max-width:700px){.columns{display:flex;flex-direction:column;gap:var(--mobile-gap,1rem)}.column{width:100%}.site-header{height:23rem;padding-top:6rem}.site-header>a{font-size:2.25rem}.page-content{padding:1rem}.bodycopy{font-size:1rem;line-height:1.5}.home .bodycopy [style*="--font-scale: 2.8"]{font-size:2.25rem}.home .media{max-width:65%;}.gallery.grid{grid-template-columns:repeat(var(--mobile-columns,1),minmax(0,1fr));gap:var(--mobile-gallery-gap,0)}.gallery.justify{gap:var(--mobile-gallery-gap,0)}.gallery.justify>.media{flex-basis:45%}.gallery.columnized{columns:2;column-gap:1.2rem}.gallery.columnized>.media{margin-bottom:1.75rem}.gallery.slideshow img{height:auto;max-height:75vh}.caption2{font-size:.875rem}body[data-page="index"] .columns{display:grid;grid-template-columns:2rem 1fr;gap:.2rem .8rem}body[data-page="index"] .column{grid-column:2}body[data-page="index"] .column:first-child{grid-column:1;grid-row:span 2}body[data-page="index"] .bodycopy [style*="--font-scale"]{font-size:1rem}.home .page-content{padding-bottom:4rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.yin-yang-mark.cms-logo{border:0;background-position:center;background-repeat:no-repeat;background-size:contain}.yin-yang-mark.cms-logo::before,.yin-yang-mark.cms-logo::after{display:none}
.bodycopy,.bodycopy *{font-family:var(--site-font)!important}
.bodycopy [style*="color: rgb(255, 0, 0)"],.bodycopy [style*="color: rgb(252, 0, 0)"]{color:var(--accent)!important}
.cms-text{white-space:pre-line}

/* Portfolio refinement: lighter type, clear navigation, consistent image frames. */
html,body{font-weight:300}
body,.bodycopy{font-size:14px}
.bodycopy *{font-weight:300!important}
.bodycopy b,.bodycopy strong{font-weight:400!important}
.bodycopy [style*="--font-scale"]{font-size:calc(1rem * var(--font-scale) - 2px)}
.site-header>a{font-size:calc(2.8rem - 2px);font-weight:300}
.site-header nav{font-size:calc(1.2rem - 2px)}
.caption2{font-size:calc(.9rem - 2px);line-height:1.5}
.site-header{height:auto;padding:5rem 1.5rem 4.5rem}
#kaleidoscope,.motion-toggle{display:none!important}
.home,.home .page-content{background:#fff}
.yin-yang-mark{color:var(--accent);border-color:var(--accent);background:linear-gradient(90deg,#fff 0 50%,var(--accent) 50%)}
.yin-yang-mark::before{background:var(--accent);box-shadow:0 .5em 0 #fff}
.yin-yang-mark::after{background:#fff;box-shadow:0 .5em 0 var(--accent)}
.index-link,.index-cta{color:var(--accent)!important}
.index-cta{display:inline-flex;align-items:center;justify-content:center;gap:.35em;line-height:1.5}
.index-cta .yin-yang-mark{flex-shrink:0}
.close-index{font-weight:300}
.work-page{max-width:1220px;margin:0 auto;padding:1.5rem 2rem 4rem}
.work-title{font-family:var(--site-font);font-size:clamp(24px,3vw,36px);font-weight:300;line-height:1.25;letter-spacing:-.015em;margin:2rem 0 3rem;max-width:1000px}
.work-introduction{white-space:pre-line;max-width:760px;line-height:1.7;margin:0 0 3rem}
.back-to-works{display:inline-block;color:var(--accent);font-size:14px;margin:.5rem 0 1.5rem}
.work-section{margin:0 0 4rem;column-gap:2rem;row-gap:1.5rem;line-height:1.6}
.work-section .media{max-width:none;width:100%}
.work-section .portfolio-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;columns:auto;gap:1.5rem!important;align-items:start;overflow:visible;scroll-snap-type:none;margin:1.5rem 0 2rem}
.work-section .portfolio-gallery.single-item{grid-template-columns:minmax(0,1fr)!important}
.work-section .portfolio-gallery>.media{display:block;width:100%;min-width:0;max-width:none;margin:0;flex:none;break-inside:auto}
.work-section .gallery-frame{display:flex!important;align-items:center;justify-content:center;aspect-ratio:4/3;width:100%;height:auto!important;background:#f7f7f7}
.work-section .gallery-frame img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain}
.work-section .media video,.work-section .video-embed{width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#f7f7f7}
.work-section .media .caption{font-size:14px;line-height:1.6;margin:.75rem 0 1.5rem;font-weight:300;filter:none;will-change:auto}
.work-section .slideshow-controls{display:none}
.standalone-work-image{max-width:850px;margin:0 auto 3rem}
.standalone-work-image img{max-height:70vh;object-fit:contain;background:#f7f7f7}
@media(max-width:700px){
  .site-header{padding:3rem 1rem;height:auto}
  .site-header>a,.home .bodycopy [style*="--font-scale: 2.8"]{font-size:calc(2.25rem - 2px)}
  .bodycopy{font-size:14px}
  .caption2{font-size:12px}
  .work-page{padding:1rem 1rem 3rem}
  .work-title{margin:1.5rem 0 2rem}
  .work-section .portfolio-gallery{grid-template-columns:minmax(0,1fr)!important;gap:1rem!important}
  body[data-page="index"] .bodycopy [style*="--font-scale"]{font-size:14px}
  body[data-page="index"] .columns:first-of-type{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}
  body[data-page="index"] .columns:first-of-type .column{width:auto}
}

/* Editorial preview: consistent rhythm and deliberate image crops. */
:root{--ui-size:13px}
body,.bodycopy{font-size:13px;line-height:1.75}
.bodycopy [style*="--font-scale"]{font-size:calc(1rem * var(--font-scale) - 3px)}
.site-header>a{font-size:calc(2.8rem - 3px)}
.site-header nav,.back-to-works,.close-index,.index-link,.index-cta,.icon-link{font-size:var(--ui-size)!important;line-height:1.5}
body[data-page="index"] .bodycopy,body[data-page="index"] .bodycopy [style*="--font-scale"]{font-size:var(--ui-size)}
.page-content{padding:clamp(1.25rem,4vw,4rem)}
.home .page-content{padding:1.25rem}
.work-page{max-width:1240px;padding:1.5rem clamp(1.5rem,5vw,5rem) 5rem}
.work-title{color:var(--accent);font-weight:500;font-size:clamp(23px,3vw,35px);margin:1.5rem 0 2.5rem}
.work-section{gap:3rem;margin-bottom:4rem;font-size:13px;line-height:1.85}
.work-section .column[span="3"],.work-section .column[span="9"]{font-size:13px}
.work-meta{border-top:1px solid #ddd;padding-top:1rem}
.work-meta p{margin:0 0 1.25rem;line-height:1.8}
.work-meta p:first-child,.work-meta p:first-child *{font-weight:500!important}
.work-section .column[span="9"]{padding:0 .5rem}
.work-introduction{font-size:13px;line-height:1.85;margin:2.5rem 0}
.work-hero{margin:0 0 3.5rem!important;max-width:none!important}
.work-hero>a,.standalone-work-image>a{display:block;aspect-ratio:3/2;overflow:hidden;background:#f7f7f7}
.work-hero img,.standalone-work-image img{width:100%;height:100%;max-height:none;object-fit:cover}
.work-section .gallery-frame{overflow:hidden}
.work-section .gallery-frame img{object-fit:cover}
.media img{box-shadow:0 3px 12px rgb(0 0 0 / .07)}
body[data-page="index-suqare"] .gallery.columnized{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.75rem 2rem;columns:auto;max-width:1400px;margin:auto}
body[data-page="index-suqare"] .gallery.columnized>.media{display:block;margin:0;max-width:none}
body[data-page="index-suqare"] .gallery.columnized>.media>a{display:block;aspect-ratio:4/3;overflow:hidden}
body[data-page="index-suqare"] .gallery.columnized img{width:100%;height:100%;object-fit:cover}
body[data-page="index-suqare"] .gallery.columnized video{aspect-ratio:4/3;object-fit:cover}
.bodycopy .caption2{font-size:13px;font-weight:500!important;line-height:1.5}
.media .caption{margin:.85rem 0 0}
a{transition:color .16s ease}
a:hover,a:focus-visible{color:var(--accent)!important;text-decoration:none}
a.red-link:hover,a.red-link:focus-visible{color:#111!important}
.index-link:hover,.close-index:hover,.back-to-works:hover,.site-header nav a:hover,.icon-link:hover{text-decoration:underline;text-underline-offset:4px}
.yin-yang-mark:not(.cms-logo){border:0;background:radial-gradient(circle at 50% 25%,#fff 0 8%,transparent 8.5%),radial-gradient(circle at 50% 75%,var(--accent) 0 8%,transparent 8.5%),radial-gradient(circle at 50% 25%,var(--accent) 0 25%,transparent 25.5%),radial-gradient(circle at 50% 75%,#fff 0 25%,transparent 25.5%),linear-gradient(90deg,var(--accent) 50%,#fff 50%);box-shadow:inset 0 0 0 1px var(--accent)}
.yin-yang-mark:not(.cms-logo)::before,.yin-yang-mark:not(.cms-logo)::after{display:none}
.close-lightbox{color:var(--accent);z-index:3}
.lightbox-step{position:fixed;top:calc(50% - 24px);width:44px;height:48px;border:0;border-radius:4px;background:rgba(255,255,255,.95);color:var(--accent);font-size:32px;z-index:2}
.lightbox-step.previous{left:1rem}.lightbox-step.next{right:1rem}.lightbox-step[hidden]{display:none}
.lightbox-count{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);color:#fff;font-size:13px}
@media(max-width:900px){body[data-page="index-suqare"] .gallery.columnized{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}.work-section{column-gap:1.75rem}}
@media(max-width:700px){
 .site-header>a,.home .bodycopy [style*="--font-scale: 2.8"]{font-size:calc(2.25rem - 3px)}
 .bodycopy{font-size:13px}.work-page{padding:1rem 1.25rem 3rem}
 .work-title{line-height:1.3}.work-hero{margin-bottom:2.5rem!important}
 .work-section{gap:1.5rem}.work-section .column[span="9"]{padding:0}
 .work-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem}
 .work-meta p{margin:0}.work-meta p:first-child{grid-column:1/-1}
 body[data-page="index"] .bodycopy [style*="--font-scale"]{font-size:var(--ui-size)}
 dialog{padding:2.75rem .75rem}dialog img{max-width:94vw;max-height:80svh}
 .lightbox-step.previous{left:.25rem}.lightbox-step.next{right:.25rem}
 .lightbox-step{width:36px;background:rgba(255,255,255,.85)}
 .close-lightbox{right:.5rem;top:.5rem}
}
@media(max-width:480px){body[data-page="index-suqare"] .gallery.columnized{grid-template-columns:minmax(0,1fr);gap:2.25rem}.site-header nav a,.back-to-works,.close-index{min-height:44px;display:inline-flex;align-items:center}.work-meta{grid-template-columns:minmax(0,1fr)}}
.home a[href="contents.html"],.home a[href="about-me.html"]{font-size:var(--ui-size)!important}
@media(prefers-reduced-motion:reduce){a{transition:none}}

/* Natural proportions; both indexes open the same category content. */
.yin-yang-mark:not(.cms-logo){background:none;border:0;box-shadow:none;color:var(--accent);overflow:visible}
.yin-yang-mark>svg{display:block;width:100%;height:100%;overflow:visible}
.home .media img{box-shadow:none}
html,body,.bodycopy,.bodycopy *,a,button,.site-header,.site-header>a,.site-header nav,.work-title,.section-work-title,.work-introduction{line-height:1.4!important;letter-spacing:normal!important}
a,a:hover,a:focus-visible{text-decoration:none!important;border-bottom:0!important;background-image:none!important;box-shadow:none!important}
a::before,a::after{border-bottom:0!important;text-decoration:none!important}
.work-meta{border:0;padding-top:0}
.work-section>.section-work-title{grid-column:1/-1;font-size:clamp(20px,2.2vw,28px);font-weight:500!important;color:var(--accent);margin:0 0 .5rem}
.section-work-title *{font-weight:inherit!important}
.work-section{row-gap:1.5rem;column-gap:clamp(1.5rem,4vw,4rem);margin:0 0 5rem}
.work-section>.column[span="9"]{padding:0}
.work-meta p{margin:0 0 1.25rem}
.work-meta p:first-child,.work-meta p:first-child *{font-weight:300!important}
body[data-page="index-suqare"] .gallery.columnized{display:block;columns:3;column-gap:clamp(2rem,6vw,6rem);max-width:1400px;margin:auto}
body[data-page="index-suqare"] .gallery.columnized>.media{display:inline-block;break-inside:avoid;margin:0 0 3rem;width:100%}
body[data-page="index-suqare"] .gallery.columnized>.media>a{aspect-ratio:auto;overflow:visible}
body[data-page="index-suqare"] .gallery.columnized img,body[data-page="index-suqare"] .gallery.columnized video{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.work-section .portfolio-gallery{display:block!important;columns:2;column-gap:1.5rem;overflow:visible;margin:1.5rem 0 2rem}
.work-section .portfolio-gallery.single-item{columns:1}
.work-section .portfolio-gallery>.media{display:inline-block;width:100%;break-inside:avoid;margin:0 0 1.5rem;vertical-align:top}
.work-section .gallery-frame,.standalone-work-image>a{display:block!important;aspect-ratio:auto;height:auto!important;background:none;overflow:visible}
.work-section .gallery-frame img,.standalone-work-image img{width:100%!important;height:auto!important;max-height:none;aspect-ratio:auto;object-fit:contain}
.work-section .media video{aspect-ratio:auto;height:auto;background:none}
.work-section .video-embed{aspect-ratio:16/9;background:none}
.work-section[id],.work-section [id],.work-anchor{scroll-margin-top:2rem}
.work-anchor{display:block;height:0;width:0}
@media(max-width:700px){
 body[data-page="index-suqare"] .gallery.columnized{columns:2;column-gap:1.25rem}
 body[data-page="index-suqare"] .gallery.columnized>.media{margin-bottom:2rem}
 .work-section .portfolio-gallery{columns:1}
 .work-section{gap:1.5rem;margin-bottom:3rem}
 .work-section>.section-work-title{width:100%;font-size:22px}
 .work-meta{display:block}
}

.detail .bodycopy hr{display:none}

.bodycopy a:hover span,.bodycopy a:hover b,.bodycopy a:hover i,.bodycopy a:focus-visible span,.bodycopy a:focus-visible b,.bodycopy a:focus-visible i{color:inherit!important}

/* Artwork rhythm: clear lead media, compact rows, and unboxed controls. */
:root{--work-title-gap:2rem;--artwork-gap:.65rem}
.work-title,.work-section>.section-work-title{color:#111;margin:0;font-weight:500!important}
.work-section>.section-work-title *{color:inherit!important}
.work-section{margin-top:var(--work-title-gap);row-gap:var(--work-title-gap)}
.work-navigation{display:flex;align-items:center;gap:1rem;margin:0;padding:0}
.work-navigation+br[hidden],.work-navigation~hr[hidden]{display:none}
.work-title{margin:var(--work-title-gap) 0}
#work-content>.work-section:first-child{margin-top:0}
.work-page>.back-to-works{margin:0}
.work-section .lead-video-figure{width:100%;max-width:none;margin:0 0 1.5rem}
.work-section .lead-video{display:block;width:100%;max-width:100%;visibility:visible}
.work-section iframe.lead-video{height:auto;aspect-ratio:16/9}
.work-section .lead-image{display:block;width:100%;max-width:none;margin:1rem 0 var(--artwork-gap)}
.work-section .lead-image>a{display:block;aspect-ratio:auto;background:none;height:auto}
.work-section .lead-image img{display:block;width:100%;height:auto!important;max-height:none;object-fit:contain}
.work-section .portfolio-gallery{display:flex!important;flex-wrap:wrap;columns:auto;gap:var(--artwork-gap)!important;align-items:flex-start;margin:var(--artwork-gap) 0 1.5rem}
.work-section .portfolio-gallery>.media{flex:var(--image-ratio,1) 1 calc(160px * var(--image-ratio,1));width:auto;min-width:0;max-width:100%;margin:0;display:block}
.work-section .portfolio-gallery.single-item>.media{flex:1 1 100%}
.work-section .gallery-frame{display:block!important;aspect-ratio:auto}
.work-section .gallery-frame img{height:auto!important;object-fit:contain}
.close-lightbox,.lightbox-step{background:transparent!important;border:0;border-radius:0;box-shadow:none;color:var(--accent)}
body[data-page="index"] .bodycopy a,body[data-page="index"] .bodycopy a *{font-weight:500!important}
@media(max-width:700px){
 :root{--work-title-gap:1.5rem;--artwork-gap:.5rem}
 .work-section{row-gap:var(--work-title-gap)}
 .work-section .portfolio-gallery>.media{flex-basis:calc(100px * var(--image-ratio,1))}
 .work-section .lead-video-figure{margin-bottom:1rem}
}

/* Shared language navigation and localized project information. */
.language-switch{position:fixed;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:.55rem;z-index:30;isolation:isolate;background:transparent;padding:.6rem 1rem;color:var(--accent);font-family:var(--site-font);font-size:calc(var(--ui-size) - 1px);white-space:nowrap}
.language-switch button{border:0;padding:.3rem .12rem;background:none;color:var(--accent);font:inherit;font-weight:300;cursor:pointer}
.language-switch button[aria-pressed="true"]{color:var(--accent);font-weight:600}
.language-switch button:not(:disabled):hover,.language-switch button:not(:disabled):focus-visible{color:#111}
.language-switch button:disabled{opacity:.35;cursor:default}
.site-copyright{position:fixed;left:0;right:0;bottom:0;z-index:25;text-align:center;padding:.65rem 1rem max(.65rem,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);color:#111;font-family:var(--site-font);font-size:12px;font-weight:300;pointer-events:none}
body{padding-bottom:3rem}
.home .bodycopy a,.home .bodycopy a *{font-weight:500!important}
.home .bodycopy [style*="--font-scale: 2.8"]{font-size:calc(2.8rem - 4px)}
body[data-page="index"] .bodycopy .column{font-weight:500!important}
body[data-page="index"] .index-entry{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem}
body[data-page="index"] .index-entry>.column{grid-column:2}
body[data-page="index"] .index-entry>.column:first-child{grid-column:1}
body[data-page="index"] .index-entry>.column[hidden]{display:none!important}
body[data-page="index-suqare"] .gallery.columnized{margin-top:2rem;margin-bottom:2.5rem}
.caption2 .index-caption-line{display:block;font-size:inherit;font-weight:inherit!important}
.caption2{position:relative;display:block;padding-right:.85em}
.caption2>.link-indicator{position:absolute;right:0;bottom:0}
.section-work-title>span,.work-title>span{display:block;font-size:inherit;font-weight:inherit!important}
.work-attributes{margin:0;display:grid;gap:1.25rem}
.work-attributes>div{min-width:0}
.work-attributes dt{margin:0 0 .3rem;font-weight:500!important}
.work-attributes dd{margin:0;overflow-wrap:anywhere}
.work-attributes:empty{display:none}
.work-credit{margin-top:1.25rem!important}
.work-related-links{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}
.work-related-links a{display:block;font-size:inherit}
.localized-copy{margin:1.5rem 0 2rem;font-weight:300;white-space:normal}
.localized-copy p{margin:0 0 1.25rem;white-space:pre-line}
.localized-copy p:last-child{margin-bottom:0}
.about-statement{font-size:15px;font-weight:500!important;margin:0 0 1.5rem}
.about-history-block{margin:3rem 0 0;max-width:920px}
.about-history-block h3{font-size:15px;font-weight:500!important;margin:0 0 1.25rem;color:#111}
.about-history-list{display:grid;gap:1rem}
.about-history-group{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1rem;align-items:start}
.about-history-year{font-weight:500!important}
.about-history-entries{display:grid;gap:.35rem}
.about-history-entries p{margin:0;white-space:pre-line}
.link-indicator{display:inline-block;margin-left:.3em;font-size:.9em;line-height:1!important;color:inherit}
.image-link{position:relative}
.image-link>.link-indicator{position:absolute;right:.3rem;bottom:.3rem;color:var(--accent);font-size:15px;pointer-events:none}
.image-link:hover>.link-indicator{color:#111!important}
.work-section[id],.work-section [id],.work-anchor{scroll-margin-top:4rem}
[hidden]{display:none!important}
@media(max-width:700px){
 .home .bodycopy [style*="--font-scale: 2.8"]{font-size:calc(2.25rem - 4px)}
 .language-switch{padding:.4rem .75rem}
 .language-switch button{min-height:32px}
 .site-copyright{font-size:11px}
 body[data-page="index"] .index-entry{display:grid;gap:.75rem}
 .work-attributes{gap:1rem}
 .about-history-block{margin-top:2.5rem}
 .about-history-group{grid-template-columns:3.5rem minmax(0,1fr);gap:.75rem}
 .work-section[id],.work-section [id],.work-anchor{scroll-margin-top:4rem}
}
.work-section{position:relative}
.work-anchor{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none}
.column[span="9"]>.localized-copy:first-child{margin-top:0}

.work-section[id],.work-section [id],.work-anchor{scroll-margin-top:7rem}

/* Soft frosted edges, with sharp language labels above the glass. */
.language-switch::before{content:"";position:absolute;inset:-10px -22px -16px;z-index:-1;pointer-events:none;background:rgba(255,255,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask-image:radial-gradient(ellipse at 50% 25%,#000 15%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at 50% 25%,#000 15%,transparent 78%)}
@media(min-width:701px){body[data-page="index-suqare"] .gallery.columnized>.index-column-start{display:block;break-before:column;-webkit-column-break-before:always}}
/* One explicit weight and size for Latin, Japanese and future Chinese indexes. */
:root{--index-weight:600;--index-font:var(--site-font),"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","PingFang SC","Microsoft YaHei",sans-serif}
body[data-page="index"] .bodycopy,body[data-page="index"] .bodycopy .column,body[data-page="index"] .bodycopy a,body[data-page="index"] .bodycopy a *,body[data-page="index"] .bodycopy [style*="--font-scale"],.bodycopy .caption2,.bodycopy .caption2 *, .home .bodycopy a:not(:has(.yin-yang-mark:not(.cta-mark))),.home .bodycopy a:not(:has(.yin-yang-mark:not(.cta-mark))) *{font-family:var(--index-font);font-size:var(--ui-size);font-weight:var(--index-weight)!important}

/* Keep compact players above YouTube's 200px minimum viewport. */
iframe.youtube-embed{min-width:min(200px,100%);min-height:200px}

/* New-work entry and natural-ratio documentation media. */
video.ghost-documentation{width:auto!important;height:auto;max-width:100%;max-height:75vh;margin-inline:auto;object-fit:contain}
figure[data-research-poster]{margin-top:2rem;max-width:100%;width:100%}
.research-caption{margin:.75rem 0 1rem;font-size:var(--ui-size)}
.research-caption a{color:var(--accent)}

.work-title{font-size:clamp(20px,2.2vw,28px)}
.localized-copy .copy-heading{display:block;font-weight:600!important;margin-bottom:.5rem}
@media(max-width:700px){.work-title{font-size:22px}}