.library-intro{padding:76px 0 48px}.library-intro h1{margin:24px 0 36px;font-size:clamp(58px,7.5vw,100px)}.library-summary{display:flex;justify-content:space-between;gap:32px;align-items:center}.library-summary p{max-width:390px;font-size:16px;line-height:1.7;color:var(--muted)}.stats{display:flex;gap:35px}.stats span{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.stats strong{color:var(--accent);font-size:36px;font-weight:400}.archive-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:30px}.archive-note a{color:var(--accent)}.library-controls{display:flex;align-items:end;gap:18px;padding:22px;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(130deg,#ffffff0d,#ffffff03);backdrop-filter:blur(16px);margin:20px 0 34px}.library-controls label{display:flex;flex-direction:column;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent)}.library-controls label:first-child{flex:1}.library-controls input,.library-controls select{font:14px Arial;background:#000;color:var(--text);padding:14px;border:1px solid #ffffff30;border-radius:6px;min-width:0}.library-controls select{width:235px}.library-controls input:focus-visible,.library-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#result-count{font-size:12px;color:var(--muted);white-space:nowrap;padding-bottom:15px}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 20px}.archive-cover{display:block;aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:4px;background:#080808;border:1px solid #ffffff18}.archive-cover img{filter:grayscale(1);transition:transform .55s cubic-bezier(.2,.7,.2,1)}.archive-cover:hover img{transform:scale(1.035)}.archive-meta{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin:16px 0 9px}.archive-card h3{font-size:16px;line-height:1.4;font-weight:400;letter-spacing:-.3px}.archive-card h3 a:hover{color:var(--accent)}.cover-fallback:before{content:attr(data-brand);position:absolute;inset:25px;display:grid;align-content:center;font-size:30px;color:#9eac89;letter-spacing:-1px}#load-more{display:block;margin:45px auto 0}#load-more[hidden]{display:none}#empty{padding:60px 0;color:var(--muted)}.photo-links{margin:100px 0;padding:40px 0;border-top:1px solid var(--line)}.photo-links h2{margin:15px 0 20px}.photo-links p{color:var(--muted);line-height:1.7;max-width:550px}.photo-links>div{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.photo-links a{border:1px solid #ffffff22;border-radius:40px;padding:14px 18px;font-size:12px;color:var(--accent);background:linear-gradient(130deg,#ffffff0c,#ffffff02)}#archive-player{width:min(960px,94vw);max-height:94dvh;background:#000;border:1px solid #ffffff35;color:var(--text);padding:24px;overflow:auto}#archive-player::backdrop{background:#000c;backdrop-filter:blur(12px)}.player-head{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.player-head h2{font-size:20px;letter-spacing:-.4px}.player-head button{background:#ffffff08;color:var(--text);padding:12px;white-space:nowrap;border:1px solid #ffffff30}#archive-media{height:min(65dvh,650px);background:#000}#archive-media iframe,#archive-media video{width:100%;height:100%;border:0;object-fit:contain}#drive-link{display:inline-block;color:var(--accent);margin-top:20px;font-size:12px}.player-note{color:var(--muted);font-size:11px;margin-top:12px;line-height:1.6}@media(max-width:900px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-controls{flex-wrap:wrap}#result-count{padding:0;width:100%}}@media(max-width:600px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.library-intro{padding-top:45px}.library-summary{align-items:start;flex-direction:column}.library-controls{padding:17px;gap:16px}.library-controls label{width:100%;flex:auto}.library-controls select{width:100%}.archive-card h3{font-size:14px}.archive-meta{font-size:8px}.archive-cover .play{width:30px;height:30px;right:10px;bottom:10px}#archive-player{padding:15px}.player-head h2{font-size:16px}.photo-links{margin:70px 0}.stats strong{font-size:30px}}
.orbit-section{position:relative;margin:0 calc((100% - 100vw)/2);overflow:hidden;background:#000}#orbit-stage{height:720px;max-height:85vh;min-height:560px;position:relative;overflow:hidden;isolation:isolate}#orbit-cards{position:absolute;inset:0;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.orbit-card{position:absolute;left:50%;top:50%;width:90px;height:120px;margin:-60px 0 0 -45px;border:1px solid #ffffff26;border-radius:7px;overflow:hidden;box-shadow:0 12px 25px #0009;background:#000;will-change:transform}.orbit-card img{filter:grayscale(1);transition:filter .3s}.orbit-card:hover img,.orbit-card:focus-visible img{filter:grayscale(0)}.orbit-card:hover{outline:1px solid var(--accent);opacity:1!important}.orbit-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:20;pointer-events:none}.orbit-center h1{font-size:clamp(48px,6.8vw,88px);margin:17px 0 20px;letter-spacing:-.055em}.orbit-center p{font-size:14px;line-height:1.7}.orbit-center p strong{color:var(--accent);font-weight:400}.orbit-center p span{font-size:11px;color:var(--muted)}.orbit-center .text-link{pointer-events:auto;font-size:10px;gap:12px;padding:13px 0;margin-top:12px}.orbit-bottom{width:90%;max-width:1320px;margin:0 auto 42px;display:flex;justify-content:space-between;align-items:center;gap:16px}.orbit-bottom p{font-size:12px;line-height:1.7;color:var(--accent)}.orbit-bottom p span{color:var(--muted);font-size:11px}.orbit-bottom button{font-size:11px;padding:12px 17px}.browse-head{padding:45px 0 15px;border-top:1px solid var(--line);scroll-margin-top:30px}.browse-head h2{margin:16px 0}.browse-head p{font-size:12px;color:var(--muted);line-height:1.7}.browse-head a{color:var(--accent)}@media(max-width:600px){#orbit-stage{height:620px;min-height:580px;max-height:none}.orbit-card{width:58px;height:80px;margin:-40px 0 0 -29px}.orbit-center h1{font-size:47px}.orbit-center .eyebrow{font-size:8px}.orbit-center p{font-size:12px}.orbit-center p span{font-size:9px}.orbit-center .text-link{font-size:9px;max-width:180px}.orbit-bottom{margin-bottom:25px}.browse-head h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.orbit-card{will-change:auto}}
.orbit-center{background:radial-gradient(ellipse 210px 170px at center,#000 70%,transparent 100%)}@media(max-width:600px){.orbit-center{background:radial-gradient(ellipse 120px 155px at center,#000 65%,transparent 100%)}}

.archive-cover{aspect-ratio:4/4.6;border-radius:14px}.archive-cover:after,.orbit-card:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);pointer-events:none;z-index:1}.archive-cover .play{z-index:2}
.orbit-card{width:82px;height:110px;margin:-55px 0 0 -41px;border-radius:12px}
@media(max-width:600px){.archive-cover{border-radius:11px}.orbit-card{width:54px;height:74px;margin:-37px 0 0 -27px;border-radius:9px}}

.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.archive-cover{aspect-ratio:1.28;border-radius:14px}.archive-cover img{object-fit:cover;transition:filter .6s ease,transform .6s ease}.archive-card h3{font-size:19px;line-height:1.4}.archive-card:hover .archive-cover img,.archive-card:focus-within .archive-cover img{filter:grayscale(0);transform:scale(1.025)}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.archive-grid{gap:28px 14px}.archive-cover{border-radius:11px}.archive-card h3{font-size:15px}}

.collection-jumps{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 24px}.collection-jumps a{font-size:12px;color:var(--accent);padding:12px 18px;border:1px solid #ffffff25;border-radius:25px;background:#ffffff06}.behance-search{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:20px;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(120deg,#ffffff08,#ffffff02);margin-bottom:30px}.behance-search label{font-size:11px;color:var(--accent)}.behance-search input{flex:1;min-width:180px;border:1px solid #ffffff30;border-radius:6px;background:#000;color:var(--text);padding:13px;font:14px Arial}.behance-search input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.behance-search p,#behance-empty{font-size:12px;color:var(--muted)}.behance-project[hidden]{display:none}

/* Touch devices keep thumbnail covers monochrome, including sticky hover states. */
@media(hover:none){body .archive-card .archive-cover img,body .orbit-card img{filter:grayscale(1)}}

body .archive-card .archive-cover img,body .orbit-card img{object-fit:contain;object-position:center;transform:none}
.archive-cover{background:#000}

/* Stronger collection stats and larger square floating covers. */
.orbit-center p{font-size:22px;line-height:1.65}.orbit-center p strong{font-size:36px}.orbit-center p span{font-size:16px}
.orbit-card{width:126px;height:126px;margin:-63px 0 0 -63px;border-radius:10px}
body .orbit-card img{object-fit:cover;object-position:center 25%}
#videos{padding-top:45px;scroll-margin-top:28px}
@media(max-width:600px){.orbit-card{width:80px;height:80px;margin:-40px 0 0 -40px}.orbit-center p{font-size:18px}.orbit-center p strong{font-size:30px}.orbit-center p span{font-size:13px}}

/* Keep animated cards isolated and avoid expensive shadows on every frame. */
.orbit-card{contain:layout paint;backface-visibility:hidden;box-shadow:none;will-change:transform,opacity}.orbit-card img{opacity:0;transition:opacity .4s ease,filter .3s}.orbit-card.is-loaded img{opacity:1}

.archive-cover{aspect-ratio:1;border-radius:12px}
/* Full frames remain the fallback for unreviewed archive covers. */
@media(max-width:600px){.archive-card h3{font-size:16px}.archive-meta{font-size:11px}.collection-jumps a{font-size:13px}.orbit-center p span{font-size:14px}}

/* Fill square archive covers, using each creative's reviewed focal point. */
body .archive-card .archive-cover img{object-fit:cover;transform:none}
#behance-projects{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1000px){#behance-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
