/* One continuous collection table per category, using original source artwork. */
.portfolio-explorer .portfolio-tabs { gap:0; border:1px solid #c9beae; border-radius:12px; overflow:hidden; margin-bottom:36px; background:#f1ece3; }
.portfolio-explorer .portfolio-tabs button { border:0; border-radius:0; border-right:1px solid #d8d0c3; border-bottom:1px solid #d8d0c3; padding:20px; color:#605b52; background:transparent; position:relative; }
.portfolio-explorer .portfolio-tabs button[aria-selected=true] { background:linear-gradient(115deg,#706453,#514f46); color:#fff9eb; }
.portfolio-explorer .portfolio-tabs button[aria-selected=true] span { color:#dcc39a; }
.portfolio-explorer .portfolio-tabs button:hover:not([aria-selected=true]) { background:#e7dfd2; }
.portfolio-explorer .portfolio-panels article { grid-template-columns:1fr; gap:26px; }
.portfolio-explorer .portfolio-panel-copy { position:static; display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px 30px; padding:0; }
.portfolio-explorer .portfolio-panel-copy .eyebrow { grid-column:1/-1; margin-bottom:0; }
.portfolio-explorer .portfolio-panel-copy h2 { font-size:clamp(32px,3.4vw,52px); margin:0; }
.portfolio-explorer .portfolio-panel-copy h2 br { display:none; }
.portfolio-explorer .portfolio-panel-copy h2 em { font-style:normal; }
.portfolio-explorer .portfolio-panel-copy>p:not(.eyebrow) { display:none; }
.portfolio-explorer .portfolio-panel-copy .button { grid-column:2; grid-row:2; background:transparent; color:#685b47; border-radius:30px; }
.portfolio-explorer .brand-gallery.brand-paper { width:100%; padding:0; border:1px solid #c9beae; border-radius:12px; background:#fbf8f1; box-shadow:0 18px 45px #66533c09; }
.portfolio-explorer .brand-paper:before,.portfolio-explorer .brand-paper:after { display:none; }
.portfolio-explorer .brand-paper .brand-gallery-label { padding:19px 28px; background:linear-gradient(110deg,#e9e1d4,#f5efe5 65%,#e7e0d4); font-size:10px; letter-spacing:.13em; color:#71624e; border-bottom:1px solid #c9beae; }
.portfolio-explorer .brand-paper .paper-heading { display:none; }
.portfolio-explorer .brand-paper .brand-logo-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; }
.portfolio-explorer .brand-paper .brand-logo-tile { height:auto; min-height:136px; padding:24px 12px 18px; gap:13px; border-right:1px solid #e3dcd0; border-bottom:1px solid #e3dcd0; background:transparent; position:relative; }
.portfolio-explorer .brand-paper .brand-logo-tile:hover { background:#eee7db; box-shadow:inset 0 -2px #ad9373; }
.portfolio-explorer .brand-paper .brand-logo-tile .logo-mark,.portfolio-explorer .brand-paper .brand-logo-tile .logo-mark svg { height:58px!important; max-height:58px; max-width:142px; }
.portfolio-explorer .brand-paper .brand-tile-name { display:block; color:#746b5f; font-size:10px; line-height:1.4; }
.portfolio-explorer .brand-paper .gallery-source { padding:17px 28px; margin:0; border:0; font-size:10px; color:#877b69; background:#f3eee5; }
.portfolio-explorer .portfolio-panels article:not([hidden]) .brand-gallery { animation:collection-arrival .5s both; }
@keyframes collection-arrival { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1000px) { .portfolio-explorer .brand-paper .brand-logo-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:640px) {
 .portfolio-explorer .portfolio-tabs button { padding:15px 12px; font-size:11px; }
 .portfolio-explorer .portfolio-panel-copy { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
 .portfolio-explorer .portfolio-panel-copy .button { padding:13px 19px; }
 .portfolio-explorer .brand-paper .brand-logo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .portfolio-explorer .brand-paper .brand-logo-tile { min-height:112px; padding:17px 8px 14px; gap:10px; }
 .portfolio-explorer .brand-paper .brand-logo-tile .logo-mark,.portfolio-explorer .brand-paper .brand-logo-tile .logo-mark svg { height:46px!important; max-height:46px; max-width:95px; }
 .portfolio-explorer .brand-paper .brand-tile-name { font-size:9px; }
 .portfolio-explorer .brand-paper .brand-gallery-label { padding:16px; font-size:8px; }
 .portfolio-explorer .brand-paper .gallery-source { padding:15px 16px; font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .portfolio-explorer .portfolio-panels article:not([hidden]) .brand-gallery { animation:none; } }

/* Fragrance and fashion artwork supplied in the brand workbook. */
.portfolio-explorer .perfume-brands .brand-logo-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.portfolio-explorer .perfume-brands .brand-logo-tile { min-height:194px; padding:24px 16px 20px; background:#fff; }
.portfolio-explorer .perfume-brands .brand-logo-tile:hover { background:#fff; box-shadow:inset 0 -3px #ad9373; }
.portfolio-explorer .perfume-brands .brand-logo-tile .logo-mark { width:100%; height:112px!important; max-height:112px; max-width:none; display:flex; align-items:center; justify-content:center; }
.portfolio-explorer .perfume-brands .logo-mark img { display:block; width:auto; height:auto; max-width:170px; max-height:108px; object-fit:contain; transition:transform .3s ease; }
.portfolio-explorer .perfume-brands .brand-logo-tile:hover img { transform:scale(1.04); }
.portfolio-explorer .perfume-brands .brand-tile-name { font-size:12px; }
@media(max-width:640px) {
 .portfolio-explorer .perfume-brands .brand-logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .portfolio-explorer .perfume-brands .brand-logo-tile { min-height:164px; padding:18px 12px; }
 .portfolio-explorer .perfume-brands .brand-logo-tile .logo-mark { height:90px!important; max-height:90px; }
 .portfolio-explorer .perfume-brands .logo-mark img { max-width:120px; max-height:86px; }
 .portfolio-explorer .perfume-brands .brand-tile-name { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .portfolio-explorer .perfume-brands .logo-mark img { transition:none; transform:none!important; } }