*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f0eee9;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:22px 4%;background:#090909e8;border-bottom:1px solid #262626}.brand{font-size:14px;letter-spacing:.19em;font-weight:700}nav{display:flex;gap:30px;font-size:11px;letter-spacing:.15em;color:#aaa}nav a:hover{color:white}.hero{min-height:82vh;display:flex;flex-direction:column;justify-content:flex-end;padding:130px 4% 60px;border-bottom:1px solid #333}.eyebrow{font-size:11px;letter-spacing:.3em;color:#a8a8a8}.hero h1{font-size:clamp(64px,12vw,190px);letter-spacing:-.095em;line-height:.82;margin:36px 0 42px;font-weight:500}.hero h1 em{font-family:Georgia,serif;font-weight:400}.herofoot{display:flex;justify-content:space-between;gap:20px;align-items:end;color:#aaa;font-size:12px;line-height:1.8}.herofoot span:last-child{text-align:right}.section{padding:90px 4% 30px}.sectionhead{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #444;padding-bottom:20px;margin-bottom:32px}.sectionhead h2{font-size:clamp(30px,5vw,60px);font-weight:400;margin:0;letter-spacing:-.05em}.muted{color:#888;font-size:11px;letter-spacing:.15em}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:55px 22px;align-items:start}.work{cursor:pointer;min-width:0}.poster{background:#1b1b1b;overflow:hidden}.poster img{width:100%;height:auto;display:block;transition:transform .6s ease,filter .6s ease}.work:hover img{transform:scale(1.035);filter:brightness(.86)}.meta{display:flex;justify-content:space-between;gap:10px;padding-top:14px}.meta strong{font-weight:400;font-size:13px}.meta small{display:block;color:#777;margin-top:6px;font-size:11px}.num{color:#777;font-size:11px}.about{border-top:1px solid #333;margin-top:100px;padding:100px 4%;display:grid;grid-template-columns:1fr 1.4fr;gap:30px}.about p{font-size:clamp(22px,3vw,43px);line-height:1.45;letter-spacing:-.04em;margin:0}.contact{border-top:1px solid #333;padding:50px 4% 70px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#999}.lightbox{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.96);display:none;align-items:center;justify-content:center;padding:50px}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:86vh;object-fit:contain}.close{position:absolute;right:25px;top:20px;background:none;border:0;color:white;font-size:30px;cursor:pointer}.lightname{position:absolute;bottom:15px;left:5%;font-size:12px;color:#bbb}@media(max-width:950px){.gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){header{padding:18px 5%}nav{gap:14px}.hero{padding:120px 5% 50px;min-height:65vh}.hero h1{font-size:16vw}.herofoot{font-size:10px}.section{padding:60px 5% 20px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px}.meta strong{font-size:11px}.meta small{font-size:10px}.about{grid-template-columns:1fr;padding:70px 5%}.contact{padding:40px 5%;flex-direction:column}}.categories{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 38px}.cat{border:1px solid #444;background:transparent;color:#bbb;padding:13px 20px;font-size:12px;cursor:pointer;letter-spacing:.08em}.cat.active,.cat:hover{background:#eee;color:#111;border-color:#eee}.empty{padding:90px 5%;border:1px solid #333;color:#aaa;font-size:14px;line-height:2}.bio{display:grid;grid-template-columns:180px 1fr;gap:42px;align-items:start;margin-top:25px}.bio img{width:180px;height:238px;object-fit:cover}.bio p{font-size:17px;line-height:2.1;letter-spacing:.035em;color:#dedbd5}.bio h3{font-size:13px;color:#aaa;margin:28px 0 10px;letter-spacing:.1em}.credits{font-size:14px;line-height:2;color:#aaa}.about{display:block!important}.about>div:first-child{margin-bottom:22px}@media(max-width:650px){.bio{grid-template-columns:1fr;gap:20px}.bio img{width:140px;height:187px}.bio p{font-size:14px}.categories{gap:7px}.cat{padding:10px 12px;font-size:11px}}
/* Editorial archive — based on approved visual reference */
.archive-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:38px}.archive-side{border-right:1px solid #292929;padding-right:24px;display:flex;flex-direction:column;gap:10px;align-self:stretch}.archive-nav{border:0;border-left:2px solid transparent;background:transparent;color:#777;padding:15px 12px 15px 18px;text-align:left;cursor:pointer;white-space:pre;font-family:inherit;font-size:13px;letter-spacing:.1em}.archive-nav small{display:block;color:#777;font-size:10px;margin-top:7px;letter-spacing:.08em}.archive-nav.active{color:#f5f1ea;border-left-color:#eee}.archive-nav.active small{color:#b6b3af}.archive-nav:hover{color:#fff}.archive-intro{margin:0 0 45px}.archive-intro h3{white-space:pre-line;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,6vw,94px);line-height:.98;letter-spacing:-.04em;margin:0;color:#eae6e0}.archive-intro p{font-size:18px;letter-spacing:.17em;margin:18px 0 0}.performance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px}.performance-grid .poster{border:1px solid #272727}.performance-grid .meta{padding-top:13px}.archive-content{min-width:0}@media(max-width:1100px){.performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.archive-layout{grid-template-columns:1fr;gap:25px}.archive-side{border-right:0;border-bottom:1px solid #333;flex-direction:row;overflow-x:auto;padding:0 0 12px;gap:3px}.archive-nav{min-width:125px;font-size:11px;padding:12px 9px}.archive-nav small{font-size:8px}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.archive-intro h3{font-size:clamp(45px,12vw,76px)}.archive-intro{margin-bottom:30px}}
/* Refined gallery zoom: image grows from the clicked thumbnail */
.lightbox{display:flex!important;visibility:hidden;opacity:0;pointer-events:none;background:rgba(5,5,5,.94);transition:opacity .42s cubic-bezier(.2,.7,.2,1),visibility .42s;backdrop-filter:blur(0px)}
.lightbox.open{visibility:visible;opacity:1;pointer-events:auto;backdrop-filter:blur(12px)}
.lightbox #large{opacity:0;transition:opacity .24s ease;box-shadow:0 18px 65px rgba(0,0,0,.35)}
.lightbox.ready #large{opacity:1}
.lightbox .close,.lightbox .lightname{opacity:0;transform:translateY(7px);transition:opacity .3s ease .2s,transform .3s ease .2s}
.lightbox.ready .close,.lightbox.ready .lightname{opacity:1;transform:translateY(0)}
.zoom-flyer{position:fixed;z-index:35;object-fit:fill;pointer-events:none;transform-origin:top left;will-change:transform,opacity;box-shadow:0 15px 45px rgba(0,0,0,.3)}
@media(prefers-reduced-motion:reduce){.lightbox,.lightbox #large,.lightbox .close,.lightbox .lightname{transition:none!important}}

/* V21 uniform metadata and album presentation */
#filmGallery .meta{align-items:flex-start}
#filmGallery .meta>div:first-child{min-width:0}
#filmGallery .meta strong{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#filmGallery .meta small{font-size:11px;line-height:1.6;margin-top:4px}
#albumGallery .album-series{margin:0 0 50px!important;padding:0!important}
#albumGallery .album-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:28px 16px!important}
#albumGallery .meta{padding-top:9px!important}
#albumGallery .meta strong{display:block;font-size:11px!important;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#albumGallery .meta small,#albumGallery .meta .num{display:none!important}
.about-contact{margin-top:62px;padding-top:30px;border-top:1px solid #333}
.contact-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:26px;flex-wrap:wrap}
.contact-email{font-size:clamp(17px,2.5vw,30px);letter-spacing:-.025em}
.contact-email:hover{text-decoration:underline}
.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.social-card{border:1px solid #292929;padding:18px;min-width:0}
.social-label{font-size:12px;color:#ccc;margin-bottom:14px}
.social-qr{display:block;width:100%;max-width:170px;aspect-ratio:1;object-fit:contain;background:#fff;padding:6px}
.social-placeholder{width:100%;max-width:170px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px dashed #454545;color:#777;font-size:11px}
@media(max-width:1100px){#albumGallery .album-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){#albumGallery .album-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#albumGallery .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* V31: restrained bilingual section heading */
.sectionhead .works-bilingual{display:flex;align-items:baseline;gap:18px;letter-spacing:0;font-weight:400;font-size:clamp(22px,2.6vw,35px);line-height:1.2}
.sectionhead .works-bilingual span{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-weight:400}
.sectionhead .works-bilingual small{font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,1.25vw,16px);font-weight:400;letter-spacing:.07em;color:#999}
@media(max-width:600px){.sectionhead .works-bilingual{gap:12px;font-size:24px}.sectionhead .works-bilingual small{font-size:11px}}

/* V33: remove the inherited 9px QR image padding that offset the visible square from its label. */
#about .about-contact .social-grid > .social-card{padding:0!important;box-sizing:border-box!important;}
#about .about-contact .social-grid > .social-card > .social-qr,
#about .about-contact .social-grid > .social-card > .cat-photo{
  padding:0!important;margin:0!important;box-sizing:border-box!important;
  display:block!important;width:76px!important;height:76px!important;
  border:0!important;outline:0!important;transform:none!important;
}
#about .about-contact .social-grid > .social-card > .social-label{
  left:0!important;right:auto!important;transform:none!important;
  padding:0!important;margin:0!important;text-align:left!important;
}
@media(max-width:850px){
  #about .about-contact .social-grid > .social-card > .social-qr,
  #about .about-contact .social-grid > .social-card > .cat-photo{width:100%!important;height:100%!important;}
}

/* V34 — five posters per row for film and performance; album grid unchanged. */
@media (min-width:1101px) {
  #filmGallery.gallery,
  #performanceGallery.gallery.performance-grid {
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}

/* V35: refined editorial hero lettering, retain original layout */
.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-.088em;font-kerning:normal;}
.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.082em;display:inline-block;position:relative;padding-right:.055em;}


.album-collection{width:100%}.album-series{margin-bottom:78px}.album-series-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid #353535;margin:0 0 24px;padding:0 0 16px}.album-series-head h4{font-size:clamp(20px,2.5vw,31px);font-weight:400;letter-spacing:.04em;margin:0}.album-series-head span{font-size:10px;color:#777;letter-spacing:.13em;text-align:right}.album-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.album-grid .poster{aspect-ratio:1/1}.album-grid .poster img{height:100%;object-fit:cover}.album-grid .meta small{color:#777}@media(max-width:1100px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.album-series{margin-bottom:55px}.album-series-head{align-items:start}.album-series-head span{font-size:8px}}

/* V6: consistent editorial grid, spacing, baseline and responsive rhythm */
:root{--page-gutter:clamp(22px,4vw,76px);--ink:#eae7e1;--rule:#343434;--muted:#96918a}
body{overflow-x:hidden}header{padding:20px var(--page-gutter);min-height:69px;gap:24px}nav{align-items:center;flex-wrap:wrap;justify-content:flex-end;row-gap:10px}
.hero{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.hero h1{max-width:100%;overflow-wrap:anywhere}
.section{padding:90px var(--page-gutter) 36px}.sectionhead{margin-bottom:38px;align-items:baseline;gap:20px}.sectionhead h2{line-height:1.1}
.archive-layout{grid-template-columns:205px minmax(0,1fr);gap:clamp(24px,3vw,52px);align-items:start}
.archive-side{position:sticky;top:102px;gap:4px;padding-right:18px;min-width:0}
.archive-nav{width:100%;white-space:normal;line-height:1.45;padding:14px 8px 14px 15px;min-height:66px}
.archive-nav small{line-height:1.45;margin-top:5px;overflow-wrap:anywhere}
.archive-intro{margin-bottom:42px}.archive-intro h3{line-height:1.03;overflow-wrap:anywhere}.archive-intro p{margin-top:16px;line-height:1.4}
.gallery{gap:38px 20px;align-items:stretch}.work{display:flex;flex-direction:column;min-width:0}.poster{width:100%;flex:none}.meta{min-height:64px;align-items:flex-start;padding-top:13px;gap:12px}.meta>div,.meta strong{min-width:0;overflow-wrap:anywhere}.meta strong{display:block;line-height:1.45}.meta small{line-height:1.45}.num{flex:none;font-variant-numeric:tabular-nums;padding-top:2px}
#filmGallery .poster,#performanceGallery .poster{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;border:1px solid #252525}
#filmGallery .poster img,#performanceGallery .poster img{width:100%;height:100%;object-fit:contain}
#filmGallery,#performanceGallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px}
.album-collection{min-width:0}.album-series{margin:0 0 74px}.album-series-head{align-items:end;gap:24px;margin-bottom:22px;padding-bottom:17px}.album-series-head h4{line-height:1.3}.album-series-head span{line-height:1.6;max-width:55%}
.album-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 20px}.album-grid .poster{aspect-ratio:1;display:block}.album-grid .poster img{width:100%;height:100%;object-fit:cover}
.about{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.contact{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
@media(max-width:1250px){#filmGallery,#performanceGallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.archive-layout{grid-template-columns:165px minmax(0,1fr);gap:24px}.archive-side{padding-right:12px}.archive-nav{font-size:11px;letter-spacing:.035em}.archive-nav small{font-size:9px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--page-gutter:5vw}header{padding:15px var(--page-gutter);min-height:64px}.section{padding-top:62px}.archive-layout{grid-template-columns:1fr;gap:28px}.archive-side{position:static;display:flex;flex-direction:row;gap:6px;padding:0 0 12px;border-right:0;border-bottom:1px solid var(--rule);overflow-x:auto}.archive-nav{min-width:145px;min-height:60px;padding:10px 12px;flex:1;white-space:normal}.archive-intro{margin-bottom:30px}.archive-intro h3{font-size:clamp(44px,11vw,74px)}#filmGallery,#performanceGallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.album-grid{gap:26px 12px}.album-series{margin-bottom:56px}.album-series-head{align-items:baseline}.meta{min-height:62px}}
@media(max-width:480px){header{gap:10px}.brand{font-size:11px}nav{gap:12px;font-size:9px}.sectionhead h2{font-size:28px}.album-series-head{gap:12px}.album-series-head span{font-size:8px;letter-spacing:.06em}.album-series-head h4{font-size:22px}.archive-nav{min-width:125px}.meta strong{font-size:11px}.num{font-size:10px}.herofoot{flex-wrap:wrap}}


#filmGallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:54px 22px;align-items:start}
#filmGallery .work{min-width:0}
#filmGallery .meta{min-height:65px}
#filmGallery .meta>div{min-width:0}
#filmGallery .meta strong{display:block;overflow-wrap:anywhere;line-height:1.5}
#filmGallery .meta small{line-height:1.5}
#filmGallery .num{flex-shrink:0}
@media(max-width:1100px){#filmGallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#filmGallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 12px}}

/* Preserve adjacent series posters as a visual unit */
#filmGallery .work{break-inside:avoid;}
#filmGallery .meta small{overflow-wrap:anywhere;}

/* V20: compact six-column album gallery with a single title line */
#albumGallery .album-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 14px}
#albumGallery .album-grid .meta{display:block;min-width:0;margin-top:10px}
#albumGallery .album-grid .meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.6}
#albumGallery .album-grid .meta small,#albumGallery .album-grid .meta .num{display:none!important}
@media(max-width:1100px){#albumGallery .album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){#albumGallery .album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px}}
@media(max-width:420px){#albumGallery .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Compact biography and selected-project lines */
#about .bio p{line-height:1.55!important;margin-bottom:0!important}
#about .bio h3{margin:18px 0 8px!important}
#about .credits{line-height:1.55!important}
#about .credits br+br{display:none}
/* Left-aligned contact information and closely grouped QR thumbnails */
#about .contact-top{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;margin-bottom:24px!important}
#about .contact-email{text-align:left!important}
#about .social-grid{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:12px!important}
#about .social-card{position:relative!important;flex:0 0 110px!important;width:110px!important;min-width:0!important;padding:9px!important;overflow:visible!important}
#about .social-label{font-size:11px!important;margin-bottom:8px!important}
#about .social-qr,#about .social-placeholder{width:90px!important;max-width:90px!important;height:90px!important;aspect-ratio:1!important}
#about .social-qr{position:relative;z-index:1;object-fit:contain;transform-origin:top left;transition:box-shadow .18s ease;cursor:zoom-in}
/* Enlarged image is a separate hover layer so its size never shifts the layout */
#about .social-card .qr-enlarged{display:none;position:absolute;left:8px;top:34px;width:240px;height:240px;object-fit:contain;background:#fff;padding:9px;border:1px solid #555;box-shadow:0 18px 50px #000b;z-index:25;pointer-events:none}
#about .social-card:hover .qr-enlarged{display:block}
#about .social-card:focus-within .qr-enlarged{display:block}
@media(max-width:650px){#about .social-card{flex-basis:100px!important;width:100px!important}#about .social-qr,#about .social-placeholder{width:80px!important;max-width:80px!important;height:80px!important}#about .social-card .qr-enlarged{width:200px;height:200px}}


/* V24: matching square cat-photo slots and consistent Chinese subtitle typography */
#about .cat-photo-placeholder{width:90px;height:90px;max-width:90px;aspect-ratio:1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px dashed #555;color:#888;font-size:11px;letter-spacing:.04em;background:#171717}
#about .cat-photo-card{flex:0 0 110px!important;width:110px!important}
#archiveSubtitle{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Source Han Sans SC",sans-serif!important;font-weight:400!important;font-synthesis:none;letter-spacing:.17em!important}
@media(max-width:650px){#about .cat-photo-card{flex-basis:100px!important;width:100px!important}#about .cat-photo-placeholder{width:80px;height:80px}}


/* V25: place the two cat-photo slots at the far right of the contact row. */
#about .social-grid > .cat-photo-card:first-of-type{margin-left:auto!important}
#about .social-grid > .cat-photo-card:nth-last-child(2){margin-left:auto!important}
@media(max-width:760px){#about .social-grid > .cat-photo-card:nth-last-child(2){margin-left:0!important}}


/* V26: founder link on the home hero */
.founder-teaser{display:inline-flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:clamp(24px,4vh,52px);padding:14px 0 12px;border-top:1px solid rgba(255,255,255,.38);color:inherit;text-decoration:none;transition:opacity .2s ease,border-color .2s ease;max-width:100%}
.founder-teaser:hover,.founder-teaser:focus-visible{opacity:.72;border-color:#fff}
.founder-teaser-name{font-size:14px;letter-spacing:.05em;font-weight:500}
.founder-teaser-name i{font-size:11px;font-weight:400;font-style:normal;letter-spacing:.1em;margin-left:8px;color:#aaa}
.founder-teaser-desc{font-size:12px;letter-spacing:.03em;color:#aaa}
.founder-teaser-action{font-size:10px;letter-spacing:.14em;margin-top:6px}
html{scroll-behavior:smooth}
@media(max-width:760px){.founder-teaser{margin-top:24px}.founder-teaser-desc{font-size:11px}}


/* V27: social QR images, clean cat thumbnails, linked home categories */
#about .contact-email{font-size:clamp(13px,1.4vw,17px)!important;letter-spacing:0!important}
#about .cat-photo-card{padding:9px!important;align-self:flex-start}
#about .cat-photo{display:block;width:90px;height:90px;object-fit:cover;border:0;border-radius:0}
#about .cat-photo-card .social-label{display:none!important}
.hero-category-link{color:inherit;text-decoration:none;border-bottom:1px solid transparent;cursor:pointer;transition:border-color .2s,color .2s}
.hero-category-link:hover,.hero-category-link:focus-visible{color:#fff;border-bottom-color:currentColor}
#archiveSubtitle{font-family:Arial,"Noto Sans CJK SC","Microsoft YaHei","PingFang SC",sans-serif!important;font-stretch:normal!important;font-weight:400!important;font-synthesis:none!important;font-size:18px!important;letter-spacing:.12em!important;transform:none!important;scale:none!important}
@media(max-width:650px){#about .cat-photo{width:80px;height:80px}#archiveSubtitle{font-size:15px!important}}


/* V29: frameless social and pet images */
#about .social-grid .social-card{border:0!important;background:transparent!important;box-shadow:none!important;padding:9px!important}
#about .social-grid .social-qr,#about .social-grid .cat-photo{border:0!important;outline:0!important;box-shadow:none!important}
#about .social-grid .qr-enlarged{border:0!important}
/* V29: category navigation remains visible as the visitor scrolls the archive */
#works,.archive-layout,.archive-content{overflow:visible!important}
#works .archive-side{position:sticky!important;top:92px!important;align-self:start!important;z-index:12!important;height:max-content!important;max-height:calc(100vh - 105px);overflow-y:auto!important;scrollbar-width:thin}
@media(max-width:760px){#works .archive-side{top:64px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;position:sticky!important;z-index:18!important;background:#0a0a0a;padding-top:8px!important}}


/* V30: exact shared image geometry and aligned contact row */
.about-contact .social-grid{display:grid!important;grid-template-columns:repeat(4,76px) minmax(0,1fr) repeat(2,76px)!important;column-gap:24px!important;row-gap:20px!important;align-items:start!important;padding-top:22px!important;width:100%!important}
.about-contact .social-card{position:relative!important;width:76px!important;min-width:0!important;height:76px!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important;align-self:start!important}
.about-contact .social-card .social-label{position:absolute!important;left:0!important;top:-20px!important;margin:0!important;padding:0!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important}
.about-contact .social-card .social-qr,.about-contact .social-card .cat-photo{display:block!important;width:76px!important;height:76px!important;max-width:none!important;min-width:76px!important;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important}
.about-contact .social-card .social-qr{object-fit:contain!important;background:#fff!important}
.about-contact .social-card.cat-photo-card:nth-child(5){grid-column:6!important}
.about-contact .social-card.cat-photo-card:nth-child(6){grid-column:7!important}
@media(max-width:850px){.about-contact .social-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;column-gap:12px!important}.about-contact .social-card{width:100%!important;height:auto!important;aspect-ratio:1!important}.about-contact .social-card .social-qr,.about-contact .social-card .cat-photo{width:100%!important;height:100%!important;min-width:0!important}}
@media(max-width:480px){.about-contact .social-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:12px!important;row-gap:38px!important}.about-contact .social-card.cat-photo-card:nth-child(5){grid-column:3!important}.about-contact .social-card.cat-photo-card:nth-child(6){grid-column:4!important}}

/* V32: QR labels share exactly the same left edge as their images. */
#about .about-contact .social-grid>.social-card:not(.cat-photo-card){text-align:left!important;}
#about .about-contact .social-grid>.social-card:not(.cat-photo-card)>.social-label{left:0!important;right:auto!important;text-align:left!important;transform:none!important;width:76px!important;box-sizing:border-box!important;}
#about .about-contact .social-grid>.social-card:not(.cat-photo-card)>.social-qr{margin-left:0!important;margin-right:0!important;transform:none!important;}

/* V37: tightly kern only the oversized SIXTEEN word */
.hero h1 .hero-sixteen{display:inline-block;white-space:nowrap;letter-spacing:-.145em;font-kerning:normal;padding-right:.145em;}


/* V38: mobile navigation top alignment and responsive contact image grid */
@media (max-width:760px){
  #works .archive-side{align-items:flex-start!important;justify-content:flex-start!important;}
  #works .archive-nav{align-self:flex-start!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;vertical-align:top!important;min-height:74px!important;}
  #works .archive-nav small{display:block!important;text-align:left!important;align-self:flex-start!important;}
  #about .about-contact .social-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:34px clamp(6px,2.4vw,14px)!important;align-items:start!important;width:100%!important;}
  #about .about-contact .social-grid>.social-card{box-sizing:border-box!important;position:relative!important;grid-column:auto!important;min-width:0!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;padding:0!important;margin:0!important;align-self:start!important;}
  #about .about-contact .social-grid>.social-card:nth-child(-n+4){grid-row:1!important;}
  #about .about-contact .social-grid>.social-card:nth-child(1){grid-column:1!important;}
  #about .about-contact .social-grid>.social-card:nth-child(2){grid-column:2!important;}
  #about .about-contact .social-grid>.social-card:nth-child(3){grid-column:3!important;}
  #about .about-contact .social-grid>.social-card:nth-child(4){grid-column:4!important;}
  #about .about-contact .social-grid>.cat-photo-card:nth-child(5){grid-row:2!important;grid-column:3!important;margin:0!important;}
  #about .about-contact .social-grid>.cat-photo-card:nth-child(6){grid-row:2!important;grid-column:4!important;margin:0!important;}
  #about .about-contact .social-grid>.social-card .social-qr,
  #about .about-contact .social-grid>.social-card .cat-photo{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
  #about .about-contact .social-grid>.social-card .social-qr{object-fit:contain!important;}
  #about .about-contact .social-grid>.social-card .social-label{width:100%!important;left:0!important;top:-19px!important;white-space:nowrap!important;}
}