@font-face{font-family:Azeret;src:url('assets/neon-library/Azeret-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
/* Original covers, ten purposeful subjects, and the production left hinge. */
[data-gallery-layout=standard].is-detail .neon-library-figure>div{display:block;background:#f8f5f2;padding:clamp(20px,3vw,32px);border-radius:var(--image-radius,8px)}
.neon-library{container-type:inline-size;color:#1c1917;font-family:GT,sans-serif}
.library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.library-heading h2{font:500 clamp(19px,2.6cqw,26px)/1.2 Azeret,sans-serif;letter-spacing:-.02em;margin:0}
.library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 22px}
.library-tile{min-width:0}
.library-book{position:relative;display:block;width:100%;aspect-ratio:1188/1684;padding:0;border:0;border-radius:4px;background:transparent;perspective:1600px;transform-style:preserve-3d;container-type:inline-size;isolation:isolate;color:#111;transition:translate 850ms cubic-bezier(.22,.65,.25,1);cursor:pointer}
.library-paper-block,.library-leaf{position:absolute;inset:1px 2px 1px 0;border-radius:4px;background:#edebe7;border-right:1px solid #0000000b;pointer-events:none}
.library-paper-block{background:#fcfbfa;box-shadow:2px 2px 6px #0000000a;overflow:hidden}
.library-inside-title{display:block;margin:14% 12% 0;font-size:9cqw;line-height:1.2;text-align:left;color:#78716c}
.library-inside-lines{position:absolute;inset:30% 12% 14%;background:repeating-linear-gradient(transparent 0 8px,#e7e5e4 8px 9px)}
.library-leaf{background:linear-gradient(90deg,#edebe7,#fcfbfa 14%,#fcfbfa 85%,#edebe7);transform-origin:left;transition:transform 850ms cubic-bezier(.22,.65,.25,1);backface-visibility:hidden;box-shadow:1px 0 4px #00000008}
.library-leaf:nth-of-type(2){right:4px}.library-leaf:nth-of-type(3){right:6px}.library-leaf:nth-of-type(4){right:8px}
.library-cover{position:absolute;inset:0;background:#fff;border:1px solid #e7e5e4;border-radius:4px;transform-origin:left;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 1px 3px #1c191718,0 4px 9px #1c191708;transition:transform 850ms cubic-bezier(.22,.65,.25,1),box-shadow 850ms ease;overflow:hidden;pointer-events:none}
[data-direction=gallery] :is(.neon-library-figure,.library-home-canvas) .library-printed-cover{display:block;width:100%;height:100%;object-fit:fill;border-radius:0}
.library-designed-cover{position:relative;display:block;height:100%;padding:6.7%;text-align:left;box-sizing:border-box}
.library-cover-label{display:block;font-size:5.4cqw;line-height:1.15;margin:0 0 2%}
.library-designed-cover strong{position:relative;display:block;font-size:11cqw;font-weight:600;line-height:1.02;letter-spacing:-.045em;margin:0;z-index:1}
.library-level{position:absolute;right:7%;top:5.4%;border:1px solid #fa4c82;border-radius:1px;color:#fa4c82;font-size:2.5cqw;line-height:1.2;padding:1% 2%}
[data-direction=gallery] :is(.neon-library-figure,.library-home-canvas) .library-cover-photo{position:absolute;left:6.7%;right:6.7%;top:27%;width:86.6%;height:62%;object-fit:cover;border-radius:20cqw 20cqw 3cqw 20cqw}
[data-direction=gallery] :is(.neon-library-figure,.library-home-canvas) .library-cover-brand{position:absolute;left:6.7%;bottom:3%;width:28%;height:6%;object-fit:contain;object-position:left;border-radius:0}
.library-book-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:10px 0 0;min-height:38px}
.library-book-name{font:400 14px/1.3 GT,sans-serif;color:#57534e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-favorite{display:grid;place-items:center;width:26px;height:26px;border:0;padding:3px;color:#1c1917;border-radius:6px;background:transparent;transition:background 180ms ease}
.library-favorite svg{width:20px;height:20px}
.library-favorite:hover{background:#e7e5e4}
.library-favorite[aria-pressed=true] svg{fill:#f5b301;stroke:#f5b301}
.library-book:is(:hover,:focus-visible,[aria-pressed=true]){translate:0 -2px}
.library-book:is(:hover,:focus-visible,[aria-pressed=true]) .library-cover{transform:rotateY(-28deg);box-shadow:2px 5px 14px #1c19171a}
.library-book:is(:hover,:focus-visible,[aria-pressed=true]) .library-leaf{transform:rotateY(var(--leaf-angle))}
.library-book:focus-visible,.library-control:focus-visible{outline:2px solid #b33589;outline-offset:4px}
.library-filter{position:relative;z-index:20}
.library-filter-toggle{display:flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid #e7e5e4;border-radius:6px;background:#fff;color:#1c1917;font:400 14px/1 GT,sans-serif}
.library-filter-toggle svg{width:16px;height:16px}
.library-filter-toggle:hover{background:#fcfbfa}
.library-filter-popover{position:absolute;right:0;top:40px;width:152px;padding:5px;background:#fff;border:1px solid #e7e5e4;border-radius:8px;box-shadow:0 6px 22px #1c191714}
.library-filter-popover[hidden]{display:none}
.library-filter-option{display:block;width:100%;border:0;border-radius:4px;background:none;padding:9px 10px;text-align:left;font:400 13px/1.3 GT,sans-serif;color:#57534e}
.library-filter-option:hover,.library-filter-option[aria-pressed=true]{background:#f8f5f2;color:#1c1917}
.library-grid[data-book-filter=favorites] .library-tile:not(.is-favorite){display:none}
.library-empty{padding:32px 0;color:#78716c;font:400 14px/1.5 GT,sans-serif;text-align:center}
.library-empty[hidden]{display:none}
/* Production organiser hero is scaled as one composition, preserving its geometry. */
[data-gallery-layout=standard].is-detail .neon-organiser-figure>div{display:block;padding:0;background:#fff;overflow:hidden;aspect-ratio:30/11;border-radius:var(--image-radius,8px);position:relative}
.organiser-viewport iframe{display:block;position:absolute;inset:0;width:1200px;height:440px;max-width:none;border:0;transform:scale(var(--organiser-scale,1));transform-origin:top left}
/* The identical library also lives in the home gallery, at a wider ratio. */
[data-direction=gallery] .visual.library{position:relative;overflow:hidden;padding:0;background:#f8f5f2;container-type:normal}
.library-home-canvas{position:absolute;top:0;left:0;width:1280px;height:840px;transform:scale(var(--library-scale,1));transform-origin:top left;background:#f8f5f2;padding:24px;box-sizing:border-box}
.library-home-canvas .neon-library{display:block}
.library-home-canvas .library-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 22px}
@container(max-width:650px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}}
@media(prefers-reduced-motion:reduce){.library-book,.library-leaf,.library-cover,.library-control{transition:none!important;translate:none!important}.library-book:is(:hover,:focus-visible,[aria-pressed=true]) .library-cover,.library-book:is(:hover,:focus-visible,[aria-pressed=true]) .library-leaf{transform:none}}


[data-gallery-layout=standard].is-detail .case-figure.neon-presentation-figure>div{display:block;padding:0;background:transparent;overflow:hidden;border-radius:var(--image-radius,8px)}
.presentation-viewport{position:relative;width:100%;aspect-ratio:1280/920;overflow:hidden;background:#f8f5f2;border-radius:inherit}
[data-direction=gallery] .presentation-viewport iframe{display:block;position:absolute;inset:0;width:1280px;height:920px;max-width:none;border:0;transform:scale(var(--presentation-scale,1));transform-origin:top left}
[data-direction=gallery] .visual.presentation{position:relative;display:block;padding:0;overflow:hidden;background:#f8f5f2}

/* Quiet library metadata: one subject in Lexend and compact, consistent Lucide actions. */
@font-face{font-family:NeonLexend;src:url('assets/neon-library/organiser-font-0.ttf') format('truetype');font-weight:100 900;font-display:swap}
.library-book-meta{margin-top:8px;min-height:24px;gap:4px}.library-book-name{font:325 13px/1.4 NeonLexend,sans-serif;color:#57534e;min-width:0;overflow:hidden;text-overflow:ellipsis}.library-book-actions{display:flex;gap:2px;flex:none}.library-book-actions button{display:grid;place-items:center;width:22px;height:24px;padding:3px;border:0;border-radius:4px;background:transparent;color:#78716c}.library-book-actions button svg{width:13px;height:13px}.library-book-actions button:hover{background:#e7e5e4;color:#1c1917}

[data-direction=gallery] .visual.organiser{position:relative;display:block;padding:0;overflow:hidden;background:#fff}.visual.organiser .organiser-viewport{width:100%;height:100%;aspect-ratio:30/11;overflow:hidden}
/* This is a visual preview, so wheel and click input belong to the portfolio.
   Keep the iframe alive for its animation without letting it trap input. */
[data-direction=gallery] .organiser-viewport iframe{pointer-events:none}

/* Frame the white picker and its two complete rows. Hide the gray scrim,
   partial third row and screenshot's bottom scrollbar without stretching it. */
[data-gallery-layout=standard].is-detail .case-figure.organiser-picker-figure>div{position:relative;display:block;aspect-ratio:920/483;padding:0;overflow:hidden;background:#fff;border-radius:var(--image-radius,8px)}
[data-direction=gallery] :is(.visual.organiser-picker,.organiser-picker-figure>div)>img{position:absolute;inset:auto;margin:0;left:-5.6522%;top:-2.2774%;width:111.3044%;height:auto;max-width:none;max-height:none;object-fit:fill}

[data-gallery-layout=standard].is-detail .case-figure.lynk-labels-figure>div{position:relative;display:block;aspect-ratio:1.57;padding:0;overflow:hidden;background:#fff;border-radius:var(--image-radius,8px)}
[data-direction=gallery] :is(.visual.lynk-labels,.lynk-labels-figure>div)>img{position:absolute;align-self:start;justify-self:start;left:-3.33%;top:-4.08%;width:106.67%;height:auto;max-width:none;max-height:none;object-fit:fill}

[data-direction=gallery]:not(.is-detail) .visual.organiser iframe{height:600px}
[data-direction=gallery].is-detail .visual.organiser iframe{height:440px}

@media(max-width:720px), (hover:none) and (pointer:coarse) and (max-width:1024px){
 [data-gallery-layout=standard] .library-home-canvas{position:relative;width:100%;height:auto;transform:none;padding:16px}
 [data-gallery-layout=standard] .library-home-canvas .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
 [data-gallery-layout=standard] .library-home-canvas .library-tile:nth-child(n+5){display:none}
 [data-gallery-layout=standard] .library-heading{gap:10px;margin-bottom:16px}
 [data-gallery-layout=standard] .library-heading h2{font-size:20px}
 [data-gallery-layout=standard] .library-filter-toggle{min-height:44px;font-size:16px}
 [data-gallery-layout=standard] .library-filter-option{min-height:44px;font-size:16px}
 [data-gallery-layout=standard] .library-book-meta{margin-top:8px;min-height:44px}
 [data-gallery-layout=standard] .library-book-name{font-size:14px}
 [data-gallery-layout=standard] .library-book-actions button{width:44px;height:44px;padding:12px}
 [data-gallery-layout=standard] .library-book-actions button svg{width:18px;height:18px}
 [data-gallery-layout=standard] .library-cover,[data-gallery-layout=standard] .library-leaf{transition:transform 240ms ease}
 [data-gallery-layout=standard] .library-book{transition:none}
 [data-gallery-layout=standard] .library-book:not([aria-pressed=true]){translate:none}
 [data-gallery-layout=standard] .library-book:not([aria-pressed=true]) :is(.library-cover,.library-leaf){transform:none}
 [data-gallery-layout=standard].is-detail .neon-library-figure>div{padding:16px}
}