.collection-page{background:#17171c;color:#f3f0e9;padding-bottom:60px}.collection-intro{padding-top:65px;padding-bottom:35px}.collection-intro h1{font-size:clamp(40px,5vw,75px);max-width:950px}.collection-intro>p:not(.eyebrow){max-width:670px;color:#cfc7d9}.collection-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.collection-nav a{border:1px solid #61536e;padding:9px 14px;font-size:11px;border-radius:3px}.collection-nav a[aria-current],.collection-nav a:hover{background:#c0a1ef;color:#17171c}.collection-group{padding:40px 0 55px;border-top:1px solid #ffffff30;scroll-margin-top:25px}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.collection-heading h2{font-size:clamp(30px,3.5vw,50px)}.collection-heading .button{font-size:11px;white-space:nowrap}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.collection-grid figure{margin:0;min-width:0}.collection-grid img{display:block;width:100%;height:320px;object-fit:contain;background:#28242f}.collection-grid figcaption{font-size:11px;line-height:1.6;padding-top:12px;color:#d4cdda}.collection-grid a:focus-visible{outline:3px solid #d1ed86;outline-offset:4px}#projects{scroll-margin-top:20px}@media(max-width:760px){.collection-intro{padding-top:40px}.collection-heading{display:block}.collection-heading .button{margin-top:15px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.collection-grid img{height:220px}.collection-grid figcaption{font-size:10px}.collection-nav{gap:8px}.collection-nav a{font-size:10px;padding:8px 10px}}@media(max-width:380px){.collection-grid{grid-template-columns:1fr}.collection-grid img{height:300px}}

.collection-browser{margin-top:45px;padding:30px;background:#24202b;border-top:3px solid #c0a1ef;border-radius:4px}.browser-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.browser-heading .eyebrow{color:#d1ed86;margin-bottom:10px}.browser-heading h2{font-size:clamp(24px,2.8vw,38px);margin:0}.all-work-link{display:inline-flex;gap:25px;align-items:center;background:#d1ed86;color:#17171c;padding:14px 19px;font-size:12px;font-weight:800;white-space:nowrap}.all-work-link span{font-size:20px}.browser-hint{font-size:10px;color:#c9bfd4;margin:18px 0 0}.collection-browser .collection-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:20px}.collection-browser .collection-tile{display:block;padding:0;border:1px solid #675975;border-radius:3px;overflow:hidden;background:#17171c;color:#f3f0e9;transition:border-color .2s,transform .2s}.tile-photo{display:block;height:94px;background:#302937;padding:5px}.tile-photo img{width:100%;height:100%;object-fit:contain;display:block}.tile-copy{display:block;padding:12px}.tile-copy strong{display:block;font-size:11px;line-height:1.35;min-height:30px}.tile-copy small{display:block;color:#bfb0cd;font-size:9px;margin-top:8px}.tile-copy small span{float:right;color:#d1ed86;font-size:16px;line-height:1}.collection-browser .collection-tile:hover{background:#302639;color:#fff;border-color:#c0a1ef;transform:translateY(-3px)}.collection-browser .collection-tile[aria-current]{background:#c0a1ef;color:#17171c;border:3px solid #d1ed86}.collection-tile[aria-current] .tile-copy small,.collection-tile[aria-current] .tile-copy small span{color:#30213e}.collection-tile:focus-visible{outline:3px solid #d1ed86;outline-offset:3px}@media(max-width:1100px){.collection-browser .collection-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.collection-browser{padding:20px 16px;margin-top:30px}.browser-heading{display:block}.all-work-link{margin-top:20px}.collection-browser .collection-nav{grid-template-columns:none;grid-template-rows:repeat(2,1fr);grid-auto-flow:column;grid-auto-columns:145px;overflow-x:auto;gap:12px;padding:4px 2px 16px;scroll-snap-type:x proximity}.collection-tile{scroll-snap-align:start}.tile-photo{height:90px}.tile-copy strong{font-size:11px}.browser-hint{line-height:1.6}}@media(prefers-reduced-motion:reduce){.collection-browser .collection-tile{transition:none}}
/* Faceted, icon-led collection controls in the approved brand palette. */
.collection-browser{background:linear-gradient(135deg,#28222f,#1d1b24);border-top:0;border-radius:8px;padding:32px;box-shadow:inset 0 1px 0 #ffffff1a}.collection-browser .collection-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}.collection-browser .collection-tile{position:relative;display:flex;align-items:center;gap:16px;min-height:94px;padding:12px 30px 12px 12px;border:0;border-radius:0;background:linear-gradient(125deg,#4b3d5c 0%,#302838 50%,#25212e 100%);clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,3% 50%);box-shadow:inset 0 1px 0 #a68dbe77,inset 0 -2px 0 #110f17}.collection-tile:after{content:'›';position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#d1ed86;font-size:30px;font-weight:800}.tile-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;flex-shrink:0;color:#e4d5f5;background:linear-gradient(145deg,#a687c9,#4f386a 55%,#2b203b);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:inset 0 0 0 2px #c0a1ef}.tile-icon svg{width:31px;height:31px;filter:drop-shadow(0 2px 1px #17171c)}.tile-copy{padding:0}.tile-copy strong{font-size:13px;min-height:0;letter-spacing:-.015em}.tile-copy small{margin-top:6px;color:#c2b2d0;font-size:10px}.tile-copy small span{display:none}.collection-browser .collection-tile:hover{background:linear-gradient(125deg,#6b5184,#40314f);transform:translateY(-2px)}.collection-browser .collection-tile[aria-current]{border:0;background:linear-gradient(120deg,#c0a1ef,#a386ca);color:#17171c}.collection-tile[aria-current] .tile-icon{background:linear-gradient(145deg,#e5f6b8,#b5d364);color:#242d15}.collection-tile[aria-current]:after{color:#28321b}.collection-tile:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #d1ed86}.browser-hint{color:#bcb1c8}@media(max-width:1000px){.collection-browser .collection-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.collection-browser{padding:23px 16px}.collection-browser .collection-nav{grid-template-columns:none;grid-auto-columns:255px;grid-template-rows:repeat(2,1fr);gap:14px;padding-bottom:18px}.collection-browser .collection-tile{min-height:92px;gap:13px}.tile-icon{width:62px;height:62px}.tile-copy strong{font-size:12px}}
/* Owner refinement: approximately 30% shorter collection controls. */
.collection-browser .collection-tile{min-height:66px;padding:8px 28px 8px 10px;gap:12px}.tile-icon{width:48px;height:48px}.tile-icon svg{width:25px;height:25px}.tile-copy small{margin-top:3px}.collection-browser .collection-nav{gap:13px 22px}@media(max-width:760px){.collection-browser .collection-tile{min-height:64px;padding:8px 28px 8px 10px;gap:12px}.tile-icon{width:46px;height:46px}.tile-icon svg{width:24px;height:24px}.collection-browser .collection-nav{gap:10px;padding-bottom:14px}}
