/* Indonesia editorial gallery. Scoped to clients.html; no external font or motion library. */
.brand-gallery {
  --gallery-red:#a83a3d;
  --gallery-soft-red:#ead2ca;
  --gallery-ink:#232321;
  --gallery-ease:cubic-bezier(.2,.72,.18,1);
  isolation:isolate;
  color:var(--gallery-ink);
}
.brand-gallery .collaboration-intro { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr); align-items:end; gap:clamp(24px,5vw,80px); margin:0 0 42px; }
.brand-gallery .gallery-heading-copy { min-width:0; }
.brand-gallery .kicker { color:var(--gallery-red); letter-spacing:1.6px; font-size:10px; margin:0 0 22px; }
.brand-gallery .gallery-title { font-size:clamp(34px,3.5vw,51px); line-height:1.12; letter-spacing:-2px; margin:0; max-width:none; }
.brand-gallery .gallery-title-line { display:block; }
.brand-gallery .gallery-title em { font-weight:400; }
.brand-gallery .collaboration-deck { font-size:14px; line-height:1.8; color:#77716a; margin:24px 0 0; }
.brand-gallery .collaboration-signature { border-left:1px solid #dac9bd; padding:8px 0 8px 30px; }
.brand-gallery .gallery-signature-label { display:block; font-size:8px; letter-spacing:1.4px; color:#8b786c; }
.brand-gallery .collaboration-signature p { display:flex; flex-wrap:wrap; align-items:baseline; gap:0 8px; font-size:clamp(29px,3vw,44px); line-height:1.15; letter-spacing:-1.5px; margin:17px 0 14px; }
.brand-gallery .collaboration-signature em { color:var(--gallery-red); font-family:Georgia,serif; font-weight:400; }
.brand-gallery .collaboration-signature p > span { margin-left:auto; font-size:24px; font-weight:400; color:var(--gallery-red); }
.brand-gallery .collaboration-signature > span:last-child { font-size:10px; line-height:1.7; color:#77716a; }
.brand-gallery .gallery-editorial-line { display:flex; align-items:center; gap:20px; margin:0 0 24px; color:#8b8178; font-size:8px; letter-spacing:1.15px; }
.brand-gallery .gallery-editorial-line i { flex:1; height:1px; background:#d9cec3; transform-origin:left; }
.brand-gallery .gallery-swipe-hint { display:none; }
.brand-gallery .client-grid.collaboration-grid { position:relative; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:20px; padding:3px 2px 14px; overflow:visible; }
.brand-gallery .client-entry.collaboration-card { min-width:0; min-height:0; display:block; grid-column:span 4; padding:0; border:0; border-radius:0; text-align:left; background:none; box-shadow:none; }
.brand-gallery .collaboration-card[data-client='bell-ross'] { grid-column:span 5; }
.brand-gallery .collaboration-card[data-client='diptyque'] { grid-column:span 3; }
.brand-gallery .collaboration-surface { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; height:100%; min-height:335px; padding:24px; border:1px solid #e0d7cd; border-radius:18px; background:linear-gradient(145deg,#fffefa 20%,#f1e9df); box-shadow:0 4px 10px #3d251503; transform:perspective(1100px) translateY(0) rotateX(0) rotateY(0); transition:transform .6s var(--gallery-ease),background-color .6s ease,border-color .45s ease,box-shadow .6s ease; }
.brand-gallery .collaboration-surface::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:radial-gradient(ellipse at 90% 10%,#d7a89930,transparent 67%); opacity:0; transition:opacity .6s ease; }
.brand-gallery .collaboration-surface::after { content:''; position:absolute; top:0; left:24px; right:24px; height:2px; background:var(--gallery-red); transform:scaleX(.09); transform-origin:left; opacity:.65; transition:transform .65s var(--gallery-ease),opacity .4s ease; }
.brand-gallery .collaboration-topline { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:baseline; gap:12px; min-height:15px; color:#7d746b; font-size:8px; line-height:1.5; letter-spacing:1.1px; }
.brand-gallery .collaboration-index { color:var(--gallery-red); font-size:10px; letter-spacing:.6px; }
.brand-gallery .collaboration-category { text-align:right; max-width:80%; }
.brand-gallery .collaboration-core { position:relative; flex:1; display:flex; flex-direction:column; justify-content:center; min-width:0; min-height:155px; }
.brand-gallery .collaboration-logos { display:flex; align-items:center; justify-content:center; gap:24px; min-width:0; width:100%; padding:35px 8px; }
.brand-gallery .client-entry .collaboration-logos img { display:block; width:auto; height:auto; max-width:100%; max-height:72px; object-fit:contain; transform:translateY(0) scale(1); transition:transform .65s var(--gallery-ease),opacity .6s ease; }
.brand-gallery .collaboration-card[data-client='bell-ross'] .collaboration-logos { justify-content:flex-start; padding-left:12px; }
.brand-gallery .collaboration-card[data-client='bell-ross'] .collaboration-logos img { width:min(82%,255px); }
.brand-gallery .collaboration-card[data-client='diptyque'] .collaboration-logos img { width:195px; max-height:76px; }
.brand-gallery .collaboration-card[data-client='ferragamo'] .collaboration-logos img { width:250px; }
.brand-gallery .collaboration-card[data-client='armani'] .collaboration-logos img { width:230px; }
.brand-gallery .collaboration-card[data-client='greenlight'] .collaboration-logos img { width:225px; }
.brand-gallery .collaboration-card[data-client='holywings'] .collaboration-logos img { width:225px; max-height:77px; }
.brand-gallery .collaboration-card[data-client='bell-ross'] .collaboration-surface { background:linear-gradient(130deg,#f0e3d8,#fffaf2); }
.brand-gallery .collaboration-card[data-client='bell-ross'] .collaboration-core::after { content:''; position:absolute; right:-60px; top:10px; width:165px; height:165px; border:1px solid #b48b6a25; border-radius:50%; pointer-events:none; z-index:-1; }
.brand-gallery .collaboration-card[data-client='diptyque'] .collaboration-surface { background:linear-gradient(155deg,#fffefa,#f1eee4); }
.brand-gallery .collaboration-card[data-client='diptyque'] .collaboration-core::before { content:''; position:absolute; inset:6px 24px; border:1px solid #a59b7920; border-radius:50%; pointer-events:none; z-index:-1; }
.brand-gallery .collaboration-card[data-client='ferragamo'] .collaboration-surface { background:linear-gradient(150deg,#fffdf6 35%,#f2e5df); }
.brand-gallery .collaboration-card[data-client='greenlight'] .collaboration-surface { background:linear-gradient(145deg,#fbfcf5,#e9eddf); }
.brand-gallery .collaboration-card[data-client='holywings'] .collaboration-surface { background:linear-gradient(145deg,#f4f0eb,#ebe6df); }
.brand-gallery .collaboration-credits { position:relative; z-index:1; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; min-height:59px; padding-top:15px; border-top:1px solid #cfc0b44f; }
.brand-gallery .collaboration-identity { min-width:0; }
.brand-gallery .client-entry .collaboration-identity h3 { font-size:13px; font-weight:600; line-height:1.5; letter-spacing:-.2px; margin:0; }
.brand-gallery .collaboration-creator { display:inline-flex; align-items:center; justify-content:center; gap:6px; max-width:100%; min-height:44px; padding:9px 12px; border:1px solid #cfb6a45c; border-radius:28px; background:#f5eee6c9; color:var(--gallery-ink); text-decoration:none; font-size:10px; line-height:1.3; transition:background-color .3s ease,border-color .3s ease,color .3s ease; }
.brand-gallery .collaboration-with { color:#86766a; font-size:9px; }
.brand-gallery .collaboration-creator strong { font-weight:600; overflow-wrap:anywhere; }
.brand-gallery .collaboration-handle-arrow { font-size:14px; color:var(--gallery-red); transition:transform .3s var(--gallery-ease); }
.brand-gallery .collaboration-creator:focus-visible { outline:3px solid var(--gallery-red); outline-offset:4px; }
.brand-gallery .collaboration-creator:hover { background:#ead6cb; color:#6e2426; border-color:#be8c77; }
.brand-gallery .collaboration-creator:hover .collaboration-handle-arrow,.brand-gallery .collaboration-creator:focus-visible .collaboration-handle-arrow { transform:translate(2px,-2px); }
.brand-gallery .collaboration-detail { margin:12px 0 0; min-height:30px; color:#796d63; font-size:10px; line-height:1.6; opacity:.78; transform:translateY(0); transition:opacity .4s ease,transform .4s var(--gallery-ease); }
.brand-gallery .collaboration-brand-name { font-weight:600; font-size:25px; }
/* The featured collaboration is a wider editorial spread, with a real project glimpse. */
.brand-gallery .collaboration-card.collaboration-card--duo { grid-column:1/-1; }
.brand-gallery .collaboration-card--duo .collaboration-surface { min-height:365px; padding:26px 32px; background:linear-gradient(115deg,#f2dfd4 0%,#fbf4e8 58%,#f6eee3); }
.brand-gallery .collaboration-card--duo .collaboration-core { display:grid; grid-template-columns:minmax(0,1fr) 120px; gap:12px 35px; align-items:center; padding:10px 0 14px; min-height:220px; }
.brand-gallery .collaboration-card--duo .collaboration-logos { padding:20px 12px; justify-content:flex-start; gap:clamp(22px,3.2vw,48px); }
.brand-gallery .collaboration-card[data-client='iqos-sonderlab'] .collaboration-logos img:first-child { width:112px; max-width:22%; max-height:112px; flex-shrink:0; }
.brand-gallery .collaboration-card[data-client='iqos-sonderlab'] .collaboration-logos img:last-child { width:330px; max-width:55%; max-height:75px; }
.brand-gallery .collaboration-cross { display:inline-block; flex-shrink:0; font:italic 40px/1 Georgia,serif; color:var(--gallery-red); opacity:.75; transform:rotate(0); transition:transform .8s var(--gallery-ease),opacity .4s ease; }
.brand-gallery .collaboration-featured-note { grid-column:1; grid-row:2; margin:-15px 0 10px 12px; font:italic 22px/1.3 Georgia,serif; color:#94705c; }
.brand-gallery .collaboration-project-glimpse { grid-column:2; grid-row:1/3; position:relative; width:120px; height:156px; margin:0; overflow:hidden; border-radius:60px 60px 10px 10px; box-shadow:0 12px 25px #63432b12; }
.brand-gallery .client-entry .collaboration-project-glimpse img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 25%; transform:scale(1); transition:transform .8s var(--gallery-ease); }
.brand-gallery .collaboration-card--duo .collaboration-credits { flex-wrap:nowrap; }
.brand-gallery .collaboration-card--duo .collaboration-detail { position:absolute; bottom:33px; left:50%; right:220px; text-align:center; min-height:0; margin:0; }
.brand-gallery .gallery-navigation { display:none; }
/* Progressive enhancement: without JS, all content remains readable. */
.brand-gallery.gallery-enhanced [data-gallery-reveal] { opacity:0; transform:translateY(18px); transition:opacity .75s var(--gallery-ease),transform .85s var(--gallery-ease); transition-delay:var(--gallery-heading-delay,0ms); }
.brand-gallery.gallery-enhanced [data-gallery-reveal].is-in-view { opacity:1; transform:translateY(0); }
.brand-gallery.gallery-enhanced .gallery-editorial-line i { transform:scaleX(0); transition:transform 1s var(--gallery-ease); }
.brand-gallery.gallery-enhanced.is-gallery-visible .gallery-editorial-line i { transform:scaleX(1); }
.brand-gallery.gallery-enhanced .collaboration-card { opacity:0; transform:translateY(24px); transition:opacity .7s var(--gallery-ease),transform .85s var(--gallery-ease); transition-delay:var(--gallery-delay,0ms); }
.brand-gallery.gallery-enhanced .collaboration-card.is-in-view { opacity:1; transform:translateY(0); }
.brand-gallery.gallery-enhanced .collaboration-card:not(.is-in-view) .collaboration-logos img { opacity:0; transform:translateY(10px) scale(.98); }
@media(min-width:641px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .brand-gallery .collaboration-card:hover .collaboration-surface { border-color:#c59c87; box-shadow:0 20px 42px #47302012; transform:perspective(1100px) translateY(-5px) rotateX(var(--gallery-tilt-x,0deg)) rotateY(var(--gallery-tilt-y,0deg)); }
 .brand-gallery .collaboration-card.is-pointer-active .collaboration-surface { transition:transform .16s ease-out,box-shadow .5s ease,border-color .4s ease; will-change:transform; }
 .brand-gallery .collaboration-card:hover .collaboration-surface::before { opacity:1; }
 .brand-gallery .collaboration-card:hover .collaboration-surface::after,.brand-gallery .collaboration-card:focus-within .collaboration-surface::after { transform:scaleX(1); opacity:.9; }
 .brand-gallery .collaboration-card.is-in-view:hover .collaboration-logos img { transform:scale(1.045); }
 .brand-gallery .collaboration-detail { opacity:0; transform:translateY(6px); }
 .brand-gallery .collaboration-card:hover .collaboration-detail,.brand-gallery .collaboration-card:focus-within .collaboration-detail { opacity:1; transform:translateY(0); }
 .brand-gallery .collaboration-card--duo:hover .collaboration-cross { transform:rotate(90deg); opacity:1; }
 .brand-gallery .collaboration-card--duo:hover .collaboration-project-glimpse img { transform:scale(1.05); }
}
@media(max-width:1050px) {
 .brand-gallery .collaboration-intro { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:30px; }
 .brand-gallery .collaboration-surface { padding:22px 20px; }
 .brand-gallery .collaboration-card--duo .collaboration-logos { gap:25px; }
 .brand-gallery .collaboration-credits { align-items:flex-start; flex-direction:column; gap:10px; }
 .brand-gallery .collaboration-card--duo .collaboration-credits { flex-direction:row; align-items:center; }
 .brand-gallery .collaboration-card--duo .collaboration-detail { position:static; text-align:left; margin:12px 0 0; }
}
@media(max-width:900px) {
 .brand-gallery .client-grid.collaboration-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
 .brand-gallery .client-entry.collaboration-card,.brand-gallery .collaboration-card[data-client='bell-ross'],.brand-gallery .collaboration-card[data-client='diptyque'] { grid-column:span 3; }
 .brand-gallery .collaboration-card.collaboration-card--duo { grid-column:1/-1; }
 .brand-gallery .gallery-title { letter-spacing:-1.3px; }
 .brand-gallery .collaboration-card--duo .collaboration-core { grid-template-columns:minmax(0,1fr) 95px; gap:18px; }
 .brand-gallery .collaboration-project-glimpse { width:95px; height:135px; }
 .brand-gallery .collaboration-card--duo .collaboration-logos { gap:20px; padding-left:0; }
 .brand-gallery .collaboration-card[data-client='iqos-sonderlab'] .collaboration-logos img:first-child { width:88px; }
 .brand-gallery .collaboration-card[data-client='iqos-sonderlab'] .collaboration-logos img:last-child { width:245px; }
 .brand-gallery .collaboration-cross { font-size:32px; }
 .brand-gallery .collaboration-featured-note { margin-left:0; }
}
/* Mobile is a native scroll-snap exhibition, not a shrunken desktop grid. */
@media(max-width:640px) {
 .brand-gallery .collaboration-intro { display:block; margin-bottom:27px; }
 .brand-gallery .kicker { font-size:8px; margin-bottom:18px; letter-spacing:1.3px; }
 .brand-gallery .gallery-title { font-size:clamp(31px,8.5vw,41px); line-height:1.14; letter-spacing:-1.6px; }
 .brand-gallery .collaboration-deck { font-size:12px; line-height:1.8; margin-top:18px; }
 .brand-gallery .collaboration-signature { margin-top:26px; padding:0; border:0; }
 .brand-gallery .gallery-signature-label { display:none; }
 .brand-gallery .collaboration-signature p { font-size:31px; line-height:1.2; margin:0 0 8px; letter-spacing:-1px; }
 .brand-gallery .collaboration-signature p > span { font-size:22px; }
 .brand-gallery .collaboration-signature > span:last-child { font-size:10px; }
 .brand-gallery .gallery-editorial-line { font-size:7px; gap:12px; margin-bottom:18px; }
 .brand-gallery .gallery-editorial-line > span:last-child { display:none; }
 .brand-gallery .gallery-swipe-hint { display:flex; justify-content:space-between; margin:0 2px 8px; color:#8b7768; font-size:10px; line-height:1.7; }
 .brand-gallery .client-grid.collaboration-grid { display:flex; gap:14px; overflow-x:auto; overflow-y:hidden; width:100%; max-width:100%; padding:8px 2px 20px; scroll-snap-type:x mandatory; scroll-padding-inline:2px; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
 .brand-gallery .collaboration-grid::-webkit-scrollbar { display:none; }
 .brand-gallery .client-entry.collaboration-card { flex:0 0 calc(100% - 25px); min-width:0; max-width:100%; scroll-snap-align:start; scroll-snap-stop:normal; }
 .brand-gallery .collaboration-surface { height:365px; min-height:365px; padding:20px; border-radius:17px; }
 .brand-gallery .collaboration-topline { font-size:8px; }
 .brand-gallery .collaboration-core { min-height:170px; }
 .brand-gallery .collaboration-card[data-client='bell-ross'] .collaboration-logos { justify-content:center; padding-left:8px; }
 .brand-gallery .collaboration-card[data-client='bell-ross'] .collaboration-logos img { width:min(100%,235px); }
 .brand-gallery .client-entry .collaboration-identity h3 { font-size:14px; }
 .brand-gallery .collaboration-creator { font-size:11px; min-height:44px; }
 .brand-gallery .collaboration-credits { flex-direction:column; align-items:flex-start; gap:10px; }
 .brand-gallery .collaboration-detail { font-size:10px; opacity:1; transform:none; min-height:24px; margin-top:12px; }
 .brand-gallery .collaboration-card--duo .collaboration-surface { min-height:365px; padding:20px; }
 .brand-gallery .collaboration-card--duo .collaboration-core { display:flex; gap:0; padding:10px 0; min-height:170px; }
 .brand-gallery .collaboration-card--duo .collaboration-logos { justify-content:center; padding:16px 0 12px; gap:clamp(8px,3vw,15px); }
 .brand-gallery .collaboration-card[data-client='iqos-sonderlab'] .collaboration-logos img:first-child { width:64px; max-width:24%; max-height:68px; }
 .brand-gallery .collaboration-card[data-client='iqos-sonderlab'] .collaboration-logos img:last-child { width:150px; max-width:56%; max-height:45px; }
 .brand-gallery .collaboration-cross { font-size:26px; }
 .brand-gallery .collaboration-featured-note { margin:5px 0 0; font-size:17px; text-align:center; }
 .brand-gallery .collaboration-project-glimpse { display:none; }
 .brand-gallery .collaboration-card--duo .collaboration-credits { align-items:flex-start; flex-direction:column; }
 .brand-gallery .gallery-navigation:not([hidden]) { display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px 14px; padding:0 2px; }
 .brand-gallery .gallery-navigation-caption { font:italic 18px/1.3 Georgia,serif; color:#8e6453; }
 .brand-gallery .gallery-arrow-controls { display:flex; gap:8px; }
 .brand-gallery .gallery-arrow-controls button { display:grid; place-items:center; width:44px; height:44px; min-width:44px; min-height:44px; padding:0; border:1px solid #d9c6b8; border-radius:50%; background:transparent; color:#704534; font:18px/1 Arial,sans-serif; cursor:pointer; }
 .brand-gallery .gallery-arrow-controls button:disabled { opacity:.3; cursor:default; }
 .brand-gallery .gallery-arrow-controls button:focus-visible { outline:3px solid var(--gallery-red); outline-offset:3px; }
 .brand-gallery .gallery-progress { grid-column:1/-1; display:flex; gap:5px; padding:4px 0; }
 .brand-gallery .gallery-progress span { flex:1; height:2px; border-radius:2px; background:#e0d3c8; transition:background-color .25s ease; }
 .brand-gallery .gallery-progress span.is-active { background:var(--gallery-red); }
 .brand-gallery .collaboration-grid:focus-visible { outline:2px solid #b26d56; outline-offset:3px; border-radius:18px; }
 .brand-gallery.gallery-enhanced .collaboration-card { transition-delay:0ms; }
}
@media(prefers-reduced-motion:reduce) {
 .brand-gallery [data-gallery-reveal],.brand-gallery .collaboration-card,.brand-gallery .collaboration-logos img,.brand-gallery .collaboration-surface,.brand-gallery .collaboration-surface::before,.brand-gallery .collaboration-surface::after,.brand-gallery .collaboration-detail,.brand-gallery .collaboration-cross,.brand-gallery .collaboration-project-glimpse img,.brand-gallery .gallery-editorial-line i,.brand-gallery .collaboration-handle-arrow { transition:none!important; opacity:1!important; transform:none!important; }
 .brand-gallery .collaboration-grid { scroll-behavior:auto; }
}