@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,700;1,800;1,900&family=Bebas+Neue&family=Oswald:ital,wght@0,700;1,700&family=Roboto+Condensed:ital,wght@0,700;0,900;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;800;900&family=DM+Sans:wght@400;600;700&family=Permanent+Marker&display=swap');:root{--pink:#ff29b4;--cyan:#08e8f4;--orange:#ff851a;--yellow:#f5f323;--purple:#a435ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09080c;color:#faf6fa;font:16px/1.5 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1320px,calc(100% - 64px));margin:auto}header{border-bottom:1px solid #402d48;background:#09080c}header .wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:100px}nav{display:flex;flex-wrap:wrap;gap:22px}nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}nav a:hover{color:var(--yellow)}nav a:last-child{color:var(--pink);border:1px solid var(--pink);padding:7px 12px}.hero{min-height:630px;position:relative;overflow:hidden}.hero>img{position:absolute;right:0;top:0;width:68%;height:100%;object-fit:cover;object-position:65% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09080c 5%,#09080cf0 28%,#09080c77 60%,#09080c00)}.hero .wrap{position:relative;z-index:1;padding:90px 0 95px}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700}.hero h1{font:900 clamp(110px,18vw,245px)/.72 'Barlow Condensed',Impact,sans-serif;margin:35px 0 25px}.hero h1 b{display:block;color:var(--purple);text-shadow:-5px -4px var(--cyan),6px 6px var(--pink),10px 10px var(--yellow)}.hero h1 em{display:block;font:normal clamp(48px,8vw,112px)/1 'Permanent Marker',cursive;color:var(--pink);transform:rotate(-5deg);margin-left:25px}.slogan{border-left:3px solid var(--cyan);padding-left:20px;margin:55px 0 26px;font:800 clamp(27px,3vw,43px)/.98 'Barlow Condensed',sans-serif;text-transform:uppercase}.slogan span{display:block}.slogan span:nth-child(1){color:var(--pink)}.slogan span:nth-child(2){color:var(--orange)}.slogan span:nth-child(3){color:var(--cyan)}.btn{display:inline-block;background:var(--yellow);color:#101010;padding:14px 20px;font-size:12px;font-weight:700;text-transform:uppercase}.section{padding:70px 0}.section-title{border-bottom:1px solid #603a6c;padding-bottom:18px;margin-bottom:24px;font:800 clamp(50px,7vw,94px)/.9 'Barlow Condensed',sans-serif;text-transform:uppercase}.section-title em{font:normal .6em 'Permanent Marker',cursive;color:var(--pink)}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.tile .photo{aspect-ratio:4/5;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#5216a2,#fa2a99,#ff901a)}.tile:nth-child(2) .photo{background:linear-gradient(135deg,#01a0c5,#a52be2,#ff329b)}.tile:nth-child(3) .photo{background:linear-gradient(135deg,#fa8419,#ffce20,#8424c5)}.tile:nth-child(4) .photo{background:linear-gradient(135deg,#12cde8,#5932e8,#fa299e)}.tile:nth-child(5) .photo{background:linear-gradient(135deg,#fc319f,#f7891b,#ffdb21)}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.tile:hover img{transform:scale(1.07)}.photo strong{font:900 35px/.9 'Barlow Condensed',sans-serif;text-transform:uppercase;text-align:center;transform:rotate(-8deg)}.tile label{display:block;margin-top:10px;border-bottom:2px solid var(--pink);padding-bottom:8px;font:800 25px 'Barlow Condensed',sans-serif;text-transform:uppercase;cursor:pointer}.tile:nth-child(2) label{border-color:var(--purple)}.tile:nth-child(3) label{border-color:var(--yellow)}.tile:nth-child(4) label{border-color:var(--cyan)}.tile:nth-child(5) label{border-color:var(--orange)}.note{font-size:12px;color:#b9aebc}.feature{background:#160d1c;border-block:1px solid #563061;padding:65px 0}.feature .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.feature h2{font:900 clamp(65px,8vw,115px)/.8 'Barlow Condensed',sans-serif;color:var(--pink);text-transform:uppercase;margin:15px 0}.feature p{max-width:520px;color:#d4c8d7}.feature-art{min-height:300px;background:linear-gradient(120deg,#6c1f86,#ff239f);display:grid;place-items:center}.feature-art strong{font:900 clamp(48px,6vw,90px)/.85 'Barlow Condensed',sans-serif;transform:rotate(-6deg);text-shadow:4px 4px #48123d}.outline{display:inline-block;border:1px solid var(--pink);color:var(--pink);padding:12px 18px;margin-top:12px;font-size:12px;font-weight:700}.pagehead{padding:70px 0 40px}.pagehead h1{font:900 clamp(75px,12vw,165px)/.85 'Barlow Condensed',sans-serif;color:var(--orange);text-transform:uppercase;margin:15px 0}.pagehead p{max-width:700px;color:#c9b8d1}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:80px}.art{background:#1a1320;border:0;color:white;text-align:left;padding:0;cursor:pointer}.art img{width:100%;aspect-ratio:4/3;object-fit:cover}.art .info{padding:15px}.art .info strong{font:800 25px 'Barlow Condensed',sans-serif;text-transform:uppercase}.art .info small{display:block;color:#b8a7c0}.placeholder{background:linear-gradient(140deg,#31123c,#140d19);border:1px dashed #6b4d78;min-height:240px;display:flex;flex-direction:column;justify-content:end;padding:22px}.placeholder strong{font:800 35px 'Barlow Condensed',sans-serif;color:var(--cyan)}.copy{max-width:820px;min-height:300px;padding-bottom:90px}.copy h2{font:800 50px 'Barlow Condensed',sans-serif;color:var(--pink);text-transform:uppercase}.copy p{color:#d0c3d5}footer{border-top:1px solid #593660;padding:32px 0;font-size:12px;color:#b8a8bf}.lightbox{position:fixed;inset:0;background:#050407f5;z-index:30;display:none;align-items:center;justify-content:center;padding:50px 70px}.lightbox.open{display:flex}.lightbox figure{margin:0}.lightbox img{max-height:75vh;max-width:100%;margin:auto}.lightbox figcaption{text-align:center;margin-top:15px;font-size:18px}.lightbox button{position:absolute;background:none;color:white;border:0;font-size:40px;cursor:pointer}.close{top:10px;right:20px}.prev{left:15px}.next{right:15px}@media(max-width:900px){.tiles{grid-template-columns:repeat(3,1fr)}.feature .wrap{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{width:calc(100% - 32px)}header .wrap{flex-direction:column;align-items:flex-start;padding:12px 0}nav{gap:12px}nav a{font-size:10px}.hero{min-height:600px}.hero>img{width:100%;opacity:.5}.hero:after{background:linear-gradient(90deg,#09080cd9,#09080c50),linear-gradient(0deg,#09080c,transparent 70%)}.hero .wrap{padding:70px 0}.hero h1{font-size:28vw}.hero h1 em{font-size:14vw;margin-left:5px}.tiles{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr}.feature-art{min-height:220px}.lightbox{padding:45px 30px}.lightbox button{font-size:30px}.prev{left:0}.next{right:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V4: selectors match the actual HTML; no duplicate borders */
header{border-bottom:2px solid #a435ff}
.section-title{border-bottom:2px solid #a435ff}
.section#work{border-top:0;border-bottom:0}
.feature{border-top:2px solid #a435ff;border-bottom:2px solid #a435ff}
footer{border-top:2px solid #a435ff}
nav a[aria-current="page"]{position:relative;color:var(--yellow);text-decoration:none}
nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:3px;background:var(--yellow)}
nav a:last-child[aria-current="page"]::after{bottom:-6px}
.tiles{display:flex;gap:16px;align-items:stretch}
.tiles .tile{flex:1 1 0;min-width:0;transition:flex-grow .45s cubic-bezier(.22,.8,.24,1)}
.tiles:hover .tile{flex-grow:.78}
.tiles .tile:hover{flex-grow:2.05}
.tile .photo{height:300px;aspect-ratio:auto;display:block;overflow:hidden}
.tile .photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.tile:hover .photo img{transform:scale(1.09);filter:saturate(1.25)}
.tile label{min-height:54px;margin-top:0;padding:13px 8px 10px;border-bottom:2px solid var(--pink);font-size:clamp(17px,2vw,25px);transition:background-color .25s ease,color .25s ease}
.tile:hover label{background:var(--pink);color:#08080c}
.tile:nth-child(2):hover label{background:var(--purple)}
.tile:nth-child(3):hover label{background:var(--yellow)}
.tile:nth-child(4):hover label{background:var(--cyan)}
.tile:nth-child(5):hover label{background:var(--orange)}
@media(max-width:900px){.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tiles .tile,.tiles:hover .tile,.tiles .tile:hover{flex:initial}.tile .photo{height:260px}}
@media(max-width:600px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile .photo{height:210px}.tile label{font-size:18px}}
@media(hover:none){.tiles:hover .tile,.tiles .tile:hover{flex-grow:1}.tile:hover label{background:transparent;color:inherit}}
@media(prefers-reduced-motion:reduce){.tiles .tile,.tile .photo img,.tile label{transition:none}}

/* V5: navigation alignment, tighter divider, logo-inspired buttons */
header .wrap{min-height:76px}
nav{display:flex;align-items:center;gap:22px}
nav a{display:inline-flex;align-items:center;justify-content:center;line-height:1.2;position:relative;min-height:38px}
nav a[aria-current="page"]::after{bottom:1px;height:3px}
nav a:last-child{min-height:38px;padding:0 14px;line-height:1.2;border:2px solid var(--pink);margin:0}
nav a:last-child[aria-current="page"]::after{bottom:-6px}
.section-title{padding-bottom:7px;margin-bottom:17px;border-bottom:2px solid var(--purple)}
.section{padding-top:54px;padding-bottom:54px}
/* Offset neon edge layers, similar in spirit to BRY's logo */
.btn,.outline{position:relative;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease;box-shadow:4px 4px 0 var(--pink),8px 8px 0 var(--cyan);font-weight:800;letter-spacing:.05em}
.btn:hover,.outline:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pink),12px 12px 0 var(--cyan)}
.outline{background:var(--purple);border:2px solid var(--yellow);color:#fff}
nav a:last-child{box-shadow:3px 3px 0 var(--purple),6px 6px 0 var(--cyan);transition:box-shadow .2s,transform .2s}
nav a:last-child:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--purple),8px 8px 0 var(--cyan)}
@media(max-width:600px){header .wrap{min-height:auto}nav{gap:12px}nav a{min-height:32px}nav a:last-child{min-height:32px;padding:0 10px}.section{padding-top:42px;padding-bottom:42px}}
@media(prefers-reduced-motion:reduce){.btn,.outline,nav a:last-child{transition:none}}

/* V6: one offset color, filled buttons without outlines */
.btn,.outline,nav a:last-child{
  border:0;
  border-radius:0;
  text-decoration:none;
  box-shadow:5px 5px 0 var(--cyan);
  transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease;
}
.btn{background:var(--yellow);color:#101010}
.outline{background:var(--purple);color:#fff;text-transform:uppercase}
nav a:last-child{background:var(--pink);color:#101010;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;line-height:1.3;box-shadow:4px 4px 0 var(--cyan)}
.btn:hover,.outline:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--cyan)}
nav a:last-child:hover{background:var(--pink);color:#101010;transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--cyan)}
@media(prefers-reduced-motion:reduce){.btn,.outline,nav a:last-child{transition:none}}

.gallery-empty{grid-column:1/-1;padding:48px 20px;color:#c8b9cf;text-align:center;border:2px dashed #684379}.gallery .art{cursor:pointer}

/* Full artwork images and accessible metadata captions */
.gallery .art img{aspect-ratio:auto!important;object-fit:contain!important;width:100%;height:auto;max-height:540px;background:#130f18}
.gallery .art{align-self:start;overflow:hidden}
.gallery{align-items:start}
.lightbox{overflow-y:auto}
.lightbox figure{max-width:min(100%,1000px);max-height:calc(100vh - 70px);overflow-y:auto;text-align:center}
.lightbox img{width:auto;height:auto;max-height:65vh;object-fit:contain}
.lightbox figcaption{font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.45;max-width:760px;margin:15px auto 0;padding:0 12px 22px;white-space:normal}
.lightbox figcaption strong{display:block;font:800 27px 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--yellow)}
.lightbox .caption-meta,.lightbox .caption-description,.lightbox .caption-count{display:block;margin-top:5px}
.lightbox .caption-description{color:#e3d8e7;white-space:pre-line}
.lightbox .caption-count{font-size:12px;color:#bbaec3;margin-top:12px}
@media(max-width:600px){.lightbox img{max-height:55vh}.lightbox figcaption strong{font-size:23px}}

/* Gallery refinement: full artwork, bottom-aligned cards and neon captions */
.gallery{align-items:end;row-gap:28px;column-gap:20px}
.gallery .art{align-self:end;display:flex;flex-direction:column;min-width:0;overflow:visible;background:transparent;transition:transform .22s ease}
.gallery .art img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto!important;object-fit:contain!important;background:transparent}
.gallery .art .info{position:relative;flex:0 0 auto;min-height:92px;padding:15px 16px 17px;background:linear-gradient(rgba(8,6,12,.72),rgba(8,6,12,.72)),var(--purple);border-bottom:2px solid var(--purple);transition:background-color .25s ease,border-color .25s ease}
.gallery .art .info strong{display:block;font:800 25px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff}
.gallery .art .info small{display:block;margin-top:5px;color:#e1d4e6;font-size:12px;line-height:1.4}
.gallery .art:hover .info,.gallery .art:focus-visible .info{background:linear-gradient(rgba(8,6,12,.45),rgba(8,6,12,.45)),var(--purple);border-bottom-color:var(--pink)}
.gallery .art:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:600px){.gallery{row-gap:22px}.gallery .art .info{min-height:78px;padding:12px 13px 14px}}
@media(prefers-reduced-motion:reduce){.gallery .art,.gallery .art .info{transition:none}}


/* Gallery layout correction: consistent card widths and restrained image height */
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:28px 20px}
.gallery .art{box-sizing:border-box;display:flex;flex-direction:column;align-self:end;width:100%;min-width:0;max-width:100%;overflow:hidden;background:transparent;border:0}
.gallery .art img{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;height:340px;max-height:340px;aspect-ratio:auto!important;object-fit:contain!important;object-position:center bottom;background:transparent}
.gallery .art .info{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;min-height:72px;padding:12px 14px 13px;background:linear-gradient(rgba(8,6,12,.75),rgba(8,6,12,.75)),var(--art-color,var(--purple));border:0;border-bottom:3px solid var(--art-color,var(--purple));transition:background .22s ease}
.gallery .art .info strong{font-size:23px;line-height:1.05}
.gallery .art:hover .info,.gallery .art:focus-visible .info{background:linear-gradient(rgba(8,6,12,.52),rgba(8,6,12,.52)),var(--art-color,var(--purple));border-bottom-color:var(--art-color,var(--purple))}
@media(max-width:900px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery .art img{height:310px;max-height:310px}}
@media(max-width:600px){.gallery{grid-template-columns:minmax(0,1fr)}.gallery .art img{height:350px;max-height:350px}.gallery .art .info{min-height:68px}}

/* Natural artwork proportions; keep captions and rules full card width */
.gallery .art img{height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
@media(max-width:900px){.gallery .art img{height:auto!important;max-height:none!important}}
@media(max-width:600px){.gallery .art img{height:auto!important;max-height:none!important}}

/* Remove tinted caption backgrounds while retaining neon 3px rules */
.gallery .art .info,.gallery .art:hover .info,.gallery .art:focus-visible .info{background:transparent!important;border-bottom:3px solid var(--art-color,var(--purple))!important;transition:none!important}

/* Caption polish: muted color wash and breathing room between rows */
.gallery{row-gap:52px!important}
.gallery .art .info,
.gallery .art:hover .info,
.gallery .art:focus-visible .info{
  background:linear-gradient(rgba(8,6,12,.84),rgba(8,6,12,.84)),var(--art-color,var(--purple))!important;
  border-bottom:3px solid var(--art-color,var(--purple))!important;
  transition:none!important;
}
@media(max-width:600px){.gallery{row-gap:38px!important}}

/* Gallery headings: one offset neon layer, like the buttons */
.pagehead h1{
 position:relative;isolation:isolate;display:table;
 color:var(--heading-color,#ff8618);
 font-family:var(--heading-font,'Barlow Condensed',sans-serif);
 font-size:var(--heading-size,clamp(65px,10vw,132px));
 line-height:.98;
}
.pagehead h1::before{
 content:attr(data-shadow-text);position:absolute;inset:0;z-index:-1;
 color:var(--heading-shadow,#05dff2);transform:translate(5px,5px);
 pointer-events:none;
}
.pagehead .eyebrow{color:var(--eyebrow-color,#05dff2)}
.pagehead p{color:var(--description-color,#c8bccb)}

/* Gallery font choices and italic style */

.pagehead h1,.pagehead h1::before{font-style:var(--heading-slant,normal)}

/* Heading fonts: applies on all gallery pages, including pages without body data-category */
.pagehead h1{
  font-family:var(--heading-font,'Barlow Condensed',Impact,sans-serif);
  font-weight:900;
  font-style:var(--heading-slant,normal);
  letter-spacing:-.015em;
}
.pagehead h1::before{
  font-family:inherit;
  font-weight:inherit;
  font-style:inherit;
  letter-spacing:inherit;
  line-height:inherit;
}