@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090a08;--surface:#11130f;--ink:#f2f2e9;--muted:#93998c;--acid:#c9fc51;--line:#33382d;--pad:clamp(22px,5vw,90px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.top-anchor{position:absolute;top:0}.progress{position:fixed;z-index:100;left:0;top:0;height:3px;background:var(--acid);width:0}.grain{position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");z-index:12;mix-blend-mode:screen}.header{height:81px;padding:0 var(--pad);position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:rgba(9,10,8,.86);backdrop-filter:blur(24px);border-bottom:1px solid #2a2f25}.wordmark{font-family:'Space Grotesk',sans-serif;font-size:27px;font-weight:700;letter-spacing:-1.7px;white-space:nowrap}.wordmark span{color:var(--acid);font-size:23px}.wordmark sup{font-size:9px;vertical-align:top;margin-left:2px;letter-spacing:0}.header nav{display:flex;gap:3px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.header nav a{padding:12px 9px;font-size:10px;font-weight:700;letter-spacing:.11em;position:relative;isolation:isolate;transition:color .26s ease;white-space:nowrap}.header nav a:before{content:'';position:absolute;inset:0;background:var(--acid);z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .27s cubic-bezier(.2,.8,.2,1)}.header nav a:hover:before,.header nav a:focus-visible:before,.header nav a.active:before{transform:scaleY(1)}.header nav a:hover,.header nav a:focus-visible,.header nav a.active{color:#0b0d08}.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span{display:block;width:26px;height:2px;background:var(--ink);margin:6px}.hero{min-height:780px;height:min(950px,100svh);position:relative;display:flex;align-items:center;padding:120px var(--pad) 70px;isolation:isolate;overflow:hidden}.hero-picture{position:absolute;inset:81px 0 0 30%;z-index:-1;overflow:hidden}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:48% 50%;filter:saturate(.85) contrast(1.1);animation:slowZoom 18s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090a08 0%,rgba(9,10,8,.90) 22%,rgba(9,10,8,.42) 64%,rgba(9,10,8,.16) 100%),linear-gradient(0deg,#090a08,transparent 38%)}.hero-copy{width:100%;position:relative}.eyebrow,.index{font-size:11px;letter-spacing:.18em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:13px;color:#e4e5df}.eyebrow .line{width:45px;height:1px;background:var(--acid);opacity:.8}.green-dot{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 15px var(--acid)}h1,h2,h3,p{margin-top:0}.hero h1,.section h2,.statement h2,.contact h2{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.085em;line-height:.92}.hero h1{font-size:clamp(68px,9.2vw,156px);margin:39px 0 32px;text-transform:uppercase;max-width:1200px}.hero h1 em,.section h2 i,.statement em,.contact h2 i{font-style:normal;color:var(--acid)}.period,.point{color:var(--acid)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:645px}.hero-bottom p{color:#d5d9d0;line-height:1.6;max-width:320px;font-size:15px;margin:0}.round-arrow{width:60px;height:60px;border:1px solid var(--acid);border-radius:50%;color:var(--acid);display:grid;place-items:center;font-size:26px;transition:background .2s,color .2s,transform .25s}.round-arrow:hover{background:var(--acid);color:var(--bg);transform:rotate(45deg)}.hero-count{position:absolute;bottom:38px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-weight:700;letter-spacing:.18em;font-size:10px;color:#a9b0a3}.ticker{height:62px;overflow:hidden;border-block:1px solid #292c24;background:var(--acid);color:#0b0c08;display:flex;align-items:center}.ticker-track{white-space:nowrap;word-spacing:1em;font-size:16px;font-weight:700;letter-spacing:.04em;animation:marquee 30s linear infinite}.section{padding:145px var(--pad) 110px}.section-intro{display:grid;grid-template-columns:22% 1fr;gap:20px;align-items:start;margin-bottom:62px}.index{color:var(--acid);padding-top:13px}.section h2{font-size:clamp(54px,7vw,113px);margin:0 0 20px}.section h2 i{font-style:italic;font-weight:400}.section h2 .outline{-webkit-text-stroke:1px var(--ink);color:transparent}.section-intro p{max-width:540px;line-height:1.7;color:var(--muted);font-size:16px}.featured-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.featured-grid .work:first-child{grid-row:span 2}.featured-grid .work:first-child .work-image{height:100%}.work{position:relative;border:0;background:#171913;color:white;text-align:left;overflow:hidden;padding:0;min-height:270px}.work-image{position:relative;overflow:hidden;height:100%;min-height:inherit;background:#242920}.work img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .6s;filter:saturate(.9)}.work:hover img{transform:scale(1.075);filter:saturate(1.15)}.work-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%);pointer-events:none}.work-info{position:absolute;left:24px;right:24px;bottom:20px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:15px}.work-info h3{font-family:'Space Grotesk';font-size:clamp(18px,2vw,29px);letter-spacing:-.04em;max-width:85%;margin:5px 0 0}.work-info small{font-size:10px;letter-spacing:.15em;color:#dce5d4}.work-info .work-arrow{display:grid;place-items:center;flex:none;border:1px solid #eeeeee99;width:37px;height:37px;border-radius:50%;font-size:18px;transition:background .25s,color .25s}.work:hover .work-arrow{background:var(--acid);color:#080a06;border-color:var(--acid)}.section-end{margin-top:40px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--muted)}.text-link{color:var(--acid);padding-bottom:6px;border-bottom:1px solid currentColor;transition:letter-spacing .25s}.text-link:hover{letter-spacing:.17em}.gallery-section{background:#10120e}.design-section{background:var(--bg)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.filter{background:transparent;border:1px solid #41463a;border-radius:99px;color:#cbd2c4;font-size:11px;letter-spacing:.04em;padding:12px 17px;transition:all .2s}.filter:hover,.filter.active{background:var(--acid);color:#0a0c07;border-color:var(--acid)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.gallery .work{aspect-ratio:1.23;min-height:unset}.photo-gallery .work:nth-child(7n+2),.photo-gallery .work:nth-child(7n+5){aspect-ratio:.91}.design-gallery .work{aspect-ratio:1.27}.gallery .work-info{bottom:18px;left:18px;right:18px}.gallery .work-info h3{font-size:19px}.statement{background:var(--acid);color:#0b0d08;padding:90px var(--pad) 110px;position:relative;overflow:hidden}.statement>span:first-child{font-size:11px;letter-spacing:.18em;font-weight:700}.statement h2{font-size:clamp(62px,9vw,145px);margin:56px 0 0;position:relative;z-index:1}.statement em{color:#0a0b09;text-decoration:underline;text-underline-offset:7px}.statement mark{background:#090b07;color:var(--acid);padding:0 .1em}.statement-star{position:absolute;right:5%;top:2%;font-size:min(34vw,460px);opacity:.11;animation:rotate 30s linear infinite}.education{background:#10120e}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.course-card{padding-bottom:24px;border-bottom:1px solid var(--line)}.course-art{height:380px;position:relative;overflow:hidden;background:#24271e}.course-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s;filter:brightness(.8)}.course-card:hover img{transform:scale(1.06)}.course-art .tag{position:absolute;left:20px;top:20px;padding:10px 14px;background:var(--acid);color:#080907;font-size:11px;font-weight:700;letter-spacing:.1em}.course-meta{display:flex;justify-content:space-between;padding:23px 0 13px;font-size:11px;letter-spacing:.12em;color:var(--acid)}.course-meta span:last-child{font-size:24px}.course-card h3{font-family:'Space Grotesk';font-size:clamp(35px,4vw,64px);line-height:1.04;letter-spacing:-.06em;margin:5px 0 18px}.course-card p{color:var(--muted)}.channels{border-top:1px solid var(--line)}.channel{display:flex;flex-direction:column;position:relative;border-bottom:1px solid var(--line);padding:37px 30px;gap:23px;isolation:isolate;transition:color .3s}.channel:before{content:'';background:var(--acid);position:absolute;inset:0;z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .3s}.channel:hover:before{transform:scaleY(1)}.channel:hover{color:#080b07}.channel-index{font-size:11px;letter-spacing:.16em;font-weight:700}.channel strong{font-family:'Space Grotesk';font-size:clamp(55px,9vw,140px);letter-spacing:-.075em;line-height:1}.channel-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em}.channel-bottom b{font-size:34px;font-weight:400}.shop{background:#10120e}.shop-strip{display:flex;justify-content:space-between;background:#20251a;border-left:3px solid var(--acid);padding:20px 24px;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:30px}.books{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px}.book-cover{aspect-ratio:3/4;position:relative;background:#22261f;overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.book:hover img{transform:scale(1.065)}.book-cover span{position:absolute;top:10px;left:10px;background:#090b09d9;padding:7px 10px;font-size:10px;color:var(--acid)}.book h3{font-size:16px;line-height:1.3;margin:15px 0 6px}.book p{font-size:12px;color:var(--muted)}.book button{border:1px solid var(--line);background:transparent;color:var(--acid);padding:11px 12px;width:100%;text-align:left;font-size:11px;letter-spacing:.08em}.book button:hover{background:var(--acid);color:#080a06}.centered{text-align:center;margin-top:40px}.pill{border:1px solid var(--acid);color:var(--acid);background:none;border-radius:99px;padding:16px 25px;font-size:11px;letter-spacing:.1em}.pill:hover{background:var(--acid);color:#090b08}.shop-foot{margin-top:25px;color:#a6ada0;font-size:11px;line-height:1.6}.tools{background:#0b0d0a}.tool-layout{display:grid;grid-template-columns:280px 1fr;border:1px solid var(--line);min-height:420px}.tool-tabs{background:#131711;padding:15px;display:flex;flex-direction:column;gap:7px}.tool-tab{text-align:left;padding:17px 16px;border:0;color:var(--ink);background:none;font-size:13px;font-weight:700}.tool-tab.active,.tool-tab:hover{background:var(--acid);color:var(--bg)}.tool-panel{padding:clamp(25px,5vw,65px)}.tool-panel h3{font-family:'Space Grotesk';font-size:clamp(30px,4vw,54px);letter-spacing:-.06em;margin:0 0 15px}.tool-panel p{color:var(--muted);line-height:1.65}.field-label{display:block;font-size:11px;color:var(--acid);letter-spacing:.13em;margin:25px 0 9px}.tool-panel input,.tool-panel select{display:block;width:100%;max-width:580px;padding:15px;background:#181e15;color:var(--ink);border:1px solid #4b5541;outline:none}.tool-panel input:focus,.tool-panel select:focus{border-color:var(--acid)}.tool-action{margin-top:21px;padding:15px 25px;border:0;background:var(--acid);color:#0c0d08;font-size:12px;font-weight:700}.tool-result{margin-top:24px;line-height:1.65;border-left:2px solid var(--acid);padding:17px;background:#161a14;white-space:pre-line;font-size:14px}.about{background:#121510}.about-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(35px,7vw,120px);align-items:center}.about-photo{position:relative;aspect-ratio:.95;background:#272d24;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover}.about-photo span{position:absolute;bottom:20px;left:22px;font-size:11px;letter-spacing:.12em;background:#0a0d09c9;padding:11px}.about-text h3{font-family:'Space Grotesk';font-size:clamp(32px,4.1vw,67px);letter-spacing:-.065em;line-height:1.12;margin:28px 0}.about-text h3 em{color:var(--acid);font-style:normal}.about-text p{font-size:16px;line-height:1.85;color:#b4bbae;max-width:570px}.about-text .text-link{display:inline-block;font-size:11px;letter-spacing:.09em;margin-top:24px}.awards-content{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:45px 0;border-block:1px solid var(--line)}.award-star{font-size:clamp(90px,14vw,240px);color:var(--acid)}.awards-content h3{font-family:'Space Grotesk';font-size:clamp(35px,5vw,75px);letter-spacing:-.07em;line-height:1;margin:0}.awards-content p{color:var(--muted);max-width:370px;line-height:1.6;margin:18px 0 0}.award-num{color:var(--acid);font-size:12px;align-self:end;white-space:nowrap}.contact{padding:120px var(--pad) 95px;background:var(--acid);color:#0a0b08}.contact .index{color:#0b0b09}.contact h2{font-size:clamp(69px,10vw,172px);margin:55px 0}.contact h2 i{color:#0b0b09}.contact h2 span{font-style:normal;color:transparent;-webkit-text-stroke:2px #0b0b09}.contact h2 em{font-style:normal;background:#090b08;color:var(--acid);padding:0 .1em}.big-contact{display:inline-flex;padding:18px 27px;background:#0b0d09;color:var(--acid);font-weight:700;font-size:15px;letter-spacing:.1em;transition:transform .2s}.big-contact:hover{transform:translateY(-5px)}.contact-note{font-size:11px;opacity:.7;margin:16px 0 50px}.socials{display:flex;flex-wrap:wrap;gap:20px;padding-top:30px;border-top:1px solid #161b0e70}.socials a{font-size:12px;font-weight:700;letter-spacing:.12em;border-bottom:1px solid #0a0b08;padding:8px 0}.socials a:hover{opacity:.6}footer{min-height:120px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px var(--pad)}footer>span,footer>a:last-child{font-size:10px;color:var(--muted);letter-spacing:.12em}.viewer{position:fixed;inset:0;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:70px 110px 40px;background:#050605f5;color:white;overflow:hidden}.viewer::backdrop{background:#000d}.viewer[open]{display:flex;align-items:center;justify-content:center}.viewer-stage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.viewer-stage img{display:block;max-height:calc(100% - 105px);max-width:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 22px 70px #0006}.viewer-details{display:flex;justify-content:space-between;align-items:center;width:min(900px,100%);gap:30px;padding-top:19px}.viewer-details small{font-size:10px;color:var(--acid);letter-spacing:.12em}.viewer-details h3{font-family:'Space Grotesk';font-size:23px;letter-spacing:-.03em;margin:4px 0}.viewer-details>span{font-size:12px;color:var(--muted)}.viewer-close,.viewer-prev,.viewer-next{position:absolute;border:1px solid #667060;background:#141912;color:white;border-radius:50%;display:grid;place-items:center;z-index:2}.viewer-close{top:20px;right:28px;width:46px;height:46px;font-size:26px}.viewer-prev,.viewer-next{top:50%;width:52px;height:52px;font-size:23px}.viewer-prev{left:25px}.viewer-next{right:25px}.viewer button:hover{background:var(--acid);color:#090b07}@keyframes marquee{to{transform:translateX(-45%)}}@keyframes slowZoom{to{transform:scale(1.09)}}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:1200px){.header nav a{padding:10px 6px;font-size:9px}.section-intro{grid-template-columns:20% 1fr}.books{grid-template-columns:repeat(4,1fr)}}@media(max-width:950px){.header{height:72px}.menu-toggle{display:block}.header nav{display:none;position:absolute;top:72px;left:0;right:0;max-height:calc(100vh - 72px);overflow-y:auto;background:#0e110d;flex-direction:column;align-items:stretch;padding:18px var(--pad) 35px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.header nav a{font-size:15px;padding:15px}.hero-picture{inset:72px 0 0 10%}.hero{height:780px;min-height:650px}.section{padding-top:100px;padding-bottom:90px}.section-intro{grid-template-columns:1fr;gap:20px}.section-intro h2{font-size:clamp(52px,9vw,96px)}.index{padding-top:0}.books{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){:root{--pad:22px}.hero{height:780px;min-height:740px;padding-top:100px}.hero-picture{inset:72px 0 0 -50%}.hero-shade{background:linear-gradient(90deg,#090a08d4,#090a08a0),linear-gradient(0deg,#090a08,transparent 70%)}.hero h1{font-size:clamp(57px,14vw,91px);margin-top:55px;letter-spacing:-.08em}.eyebrow{font-size:9px;flex-wrap:wrap}.hero-bottom{gap:20px}.hero-bottom p{font-size:13px}.round-arrow{width:47px;height:47px;flex:none}.hero-count{font-size:8px}.ticker{height:45px}.ticker-track{font-size:12px}.section{padding-top:85px;padding-bottom:74px}.section h2{font-size:clamp(48px,12vw,72px)}.section-intro{margin-bottom:40px}.section-intro p{font-size:14px}.featured-grid{grid-template-columns:1fr}.featured-grid .work:first-child{grid-row:auto}.featured-grid .work{aspect-ratio:1.28}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery .work,.photo-gallery .work:nth-child(7n+2),.photo-gallery .work:nth-child(7n+5){aspect-ratio:.85}.gallery .work-info{left:10px;right:10px;bottom:10px}.gallery .work-info h3{font-size:13px}.gallery .work-info small{font-size:8px}.gallery .work-info .work-arrow{width:27px;height:27px;font-size:14px}.section-end{font-size:9px;line-height:1.6}.statement{padding-top:65px;padding-bottom:70px}.statement h2{font-size:clamp(48px,11.3vw,77px)}.course-grid{grid-template-columns:1fr;gap:45px}.course-art{height:280px}.channel{padding:30px 12px}.channel strong{font-size:clamp(55px,12vw,85px)}.channel-bottom{font-size:9px}.shop-strip{font-size:9px;gap:15px}.books{grid-template-columns:repeat(2,1fr);gap:14px}.book h3{font-size:14px}.tool-layout{grid-template-columns:1fr}.tool-tabs{flex-direction:row;overflow-x:auto}.tool-tab{white-space:nowrap;font-size:11px}.tool-panel{padding:28px}.about-layout{grid-template-columns:1fr}.about-photo{aspect-ratio:1}.awards-content{flex-direction:column;align-items:start}.contact{padding:90px var(--pad) 70px}.contact h2{font-size:clamp(53px,12vw,90px)}.contact h2 span{-webkit-text-stroke:1px #000}footer{flex-wrap:wrap}.viewer{padding:60px 15px 30px}.viewer-prev,.viewer-next{top:auto;bottom:14px;width:42px;height:42px}.viewer-prev{left:15px}.viewer-next{right:15px}.viewer-details{padding-bottom:45px}.viewer-details h3{font-size:16px}.viewer-details small{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Smooth mouse-follow neon spotlight — desktop mouse only. */
.cursor-spotlight {
  position:fixed;
  top:0;left:0;
  width:470px;height:470px;
  z-index:14;
  pointer-events:none;
  border-radius:50%;
  opacity:0;
  will-change:transform,opacity;
  background:radial-gradient(circle,rgba(201,252,81,.20) 0%,rgba(201,252,81,.105) 19%,rgba(165,245,63,.038) 43%,transparent 71%);
  mix-blend-mode:screen;
  transition:opacity .35s ease,background .3s ease;
}
.cursor-spotlight.visible{opacity:1}
.cursor-spotlight.interactive{
  background:radial-gradient(circle,rgba(201,252,81,.29) 0%,rgba(201,252,81,.15) 22%,rgba(165,245,63,.055) 46%,transparent 73%);
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-spotlight{display:none!important}}



/* Consistent visual framing across both galleries.
   Every tile has the same dimensions, irrespective of source orientation.
   Contain preserves the entire photo or artwork without cropping. */
.photo-gallery, .design-gallery { align-items: stretch; }
.photo-gallery .work, .design-gallery .work,
.photo-gallery .work:nth-child(7n+2),
.photo-gallery .work:nth-child(7n+5) {
  aspect-ratio: 4 / 3;
  min-height: 0;
  height: auto;
  width: 100%;
}
.photo-gallery .work-image, .design-gallery .work-image {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #171a16;
}
.photo-gallery .work img, .design-gallery .work img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 650px) {
  .photo-gallery .work, .design-gallery .work,
  .photo-gallery .work:nth-child(7n+2),
  .photo-gallery .work:nth-child(7n+5) {
    aspect-ratio: 4 / 3;
    min-height: 0;
  }
}

/* =========================================================
   Gallery layout v2: predictable image orientation and labels
   Keep image aspect ratio unaltered, equal card geometry.
   ========================================================= */
.gallery.photo-gallery,.gallery.design-gallery {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.5vw,22px);
  align-items:stretch;
}
.gallery.photo-gallery .work,.gallery.design-gallery .work,
.gallery.photo-gallery .work:nth-child(n),.gallery.design-gallery .work:nth-child(n){
  display:flex;
  flex-direction:column;
  aspect-ratio:auto;
  min-height:0;
  height:auto;
  width:100%;
  overflow:hidden;
  background:#171b15;
  border:1px solid #2d3428;
  transition:border-color .25s ease,transform .25s ease;
}
.gallery .work:hover,.gallery .work:focus-visible {
  border-color:var(--acid);
  transform:translateY(-3px);
}
.gallery.photo-gallery .work-image,.gallery.design-gallery .work-image {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:4/3;
  flex:0 0 auto;
  background:#11150f;
  overflow:hidden;
}
.gallery.photo-gallery .work-image img,.gallery.design-gallery .work-image img {
  position:absolute;
  inset:0;
  width:100%;height:100%;
  object-fit:contain;
  object-position:center;
  filter:none;
  transition:transform .5s ease;
}
.gallery .work:hover .work-image img{transform:scale(1.025);filter:none}
.gallery .work-image:after{display:none}
.gallery.photo-gallery .work-info,.gallery.design-gallery .work-info {
  position:relative;
  inset:auto;
  width:100%;
  padding:14px 15px;
  min-height:88px;
  flex:1;
  background:#171b15;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid #2a3225;
}
.gallery.photo-gallery .work-info h3,.gallery.design-gallery .work-info h3 {
  font-size:clamp(13px,1.15vw,17px);
  line-height:1.3;
  letter-spacing:-.025em;
  margin:5px 0 0;
  max-width:none;
  overflow-wrap:anywhere;
}
.gallery .work-info small{font-size:9px;line-height:1.35;color:#aab6a0;letter-spacing:.12em}
.gallery .work-info .work-arrow{width:30px;height:30px;font-size:15px;flex:none}

/* Safe responsive typography and orientation for real portraits. */
@media(max-width:1050px){
  .gallery.photo-gallery,.gallery.design-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery.photo-gallery .work-info,.gallery.design-gallery .work-info{min-height:84px}
}
@media(max-width:560px){
  .gallery.photo-gallery,.gallery.design-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .gallery.photo-gallery .work-info,.gallery.design-gallery .work-info{padding:10px;min-height:88px}
  .gallery.photo-gallery .work-info h3,.gallery.design-gallery .work-info h3{font-size:12px}
  .gallery .work-info small{font-size:8px}
  .gallery .work-info .work-arrow{width:25px;height:25px;font-size:13px}
  .gallery 
}
@media(max-width:340px){.gallery.photo-gallery,.gallery.design-gallery{grid-template-columns:1fr}}
/* Prevent accessibility regressions from fixed overlays. */
.work:focus-visible,.filter:focus-visible,.tool-tab:focus-visible,.menu-toggle:focus-visible {
  outline:2px solid var(--acid);outline-offset:3px;
}
[hidden]{display:none!important}

/* Image-only Photography and Design archives; no category/title footer. */
.gallery.photo-gallery .work,.gallery.design-gallery .work{padding:0;}
.gallery.photo-gallery .work-image,.gallery.design-gallery .work-image{aspect-ratio:4/3;}
.gallery.photo-gallery .work-info,.gallery.design-gallery .work-info{display:none!important;}