.library-intro{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:60px;padding-block:86px 64px;align-items:end}
.library-intro>.library-intro-note{border-left:1px solid var(--line);padding-left:32px;padding-block:12px}
.library-intro h1{font-size:clamp(60px,6.4vw,100px);line-height:1.05;margin-block:23px 28px}
.library-intro>div>p:not(.caption){font-size:16px;line-height:1.85;max-width:550px}
.library-intro-note>span{font:500 98px/.95 Outfit;letter-spacing:-.07em;color:var(--accent)}
.library-intro-note>p{font-size:14px!important;line-height:1.65!important;margin-top:20px}
.library-intro-note>p+p{font-size:12px!important;margin-top:10px;color:var(--muted)}
.library-workspace{display:grid;grid-template-columns:minmax(240px,.64fr) minmax(0,1.6fr);gap:54px;padding-block:28px 75px}
.library-shelf{border-top:1px solid var(--line);padding-top:23px}
.library-shelf>.caption{font-size:10px;margin-bottom:21px}
.library-shelf [role=tablist]{display:grid;position:relative}.library-shelf [role=tablist]:before{content:"";position:absolute;left:0;top:var(--guide-y,0);height:var(--guide-height,108px);width:3px;background:var(--accent);z-index:2;transition:top 320ms cubic-bezier(.22,1,.36,1),height 320ms;pointer-events:none}
.library-shelf [role=tab]{display:grid;grid-template-columns:27px minmax(0,1fr) 17px;text-align:left;align-items:center;gap:15px;padding:23px 15px;min-height:108px;border:0;border-bottom:1px solid var(--line);background:transparent;position:relative;transition:background 250ms,color 250ms}
.library-shelf [role=tab]:first-child{border-top:1px solid var(--line)}
.library-shelf [role=tab][aria-selected=true]{background:var(--sage);color:var(--cocoa)}

.library-number{font:italic 20px Playfair;color:var(--accent)}
.library-shelf strong{font:500 20px/1.2 Outfit;letter-spacing:-.025em;display:block}
.library-shelf small{font-size:11px;line-height:1.5;color:var(--muted);display:block;margin-top:8px}
.library-shelf-arrow{font-size:20px;transition:transform 250ms}.library-shelf [role=tab]:hover .library-shelf-arrow{transform:translate(2px,-2px)}
.library-shelf-note{font:italic 18px/1.5 Playfair;margin-top:26px;max-width:220px;color:var(--cocoa)}
.library-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:36px;align-items:center;scroll-margin-top:40px}
.library-panel[hidden]{display:none}
.library-paper-stage{position:relative;display:grid;place-items:center;background:var(--sand);padding:52px 32px 62px;min-height:548px;overflow:hidden;isolation:isolate}
.library-paper{width:100%;max-width:336px;position:relative;transform:rotate(var(--paper-angle));filter:drop-shadow(8px 13px 11px #5d403721)}
.library-paper:before,.library-paper:after{content:"";position:absolute;inset:3px;background:var(--paper);border:1px solid var(--line);z-index:-1;transform:rotate(3deg) translate(4px,3px)}
.library-paper:after{transform:rotate(-2deg) translate(-4px,3px)}
.library-paper img{width:100%;height:auto;position:relative}
.library-paper-count{position:absolute;top:19px;left:23px;font-size:11px;letter-spacing:.12em;color:var(--cocoa)}
.library-paper-open{position:absolute;inset:auto 22px 17px;display:flex;align-items:center;justify-content:space-between;font-size:12px;min-height:35px}.library-paper-open svg{width:20px}
.library-guide-copy .caption{font-size:10px}.library-guide-copy h2{font:500 clamp(30px,2.65vw,41px)/1.12 Outfit;letter-spacing:-.045em;margin-block:18px 23px}
.library-guide-copy>p:not(.caption):not(.file-meta){font-size:15px;line-height:1.8}
.library-guide-copy .file-meta{font-size:12px;line-height:1.8;margin-top:20px}
.library-guide-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px}.library-guide-actions .button{font-size:13px;padding-inline:22px}.library-guide-actions .text-link{font-size:12px}
.library-care{display:grid;grid-template-columns:1fr .8fr;gap:70px;padding-block:30px 75px;position:relative}.library-care:before{content:"";height:1px;background:var(--line);position:absolute;inset:0 var(--gutter) auto}.library-care h2{font:500 26px/1.2 Outfit;letter-spacing:-.03em;margin-bottom:18px}.library-care p{font-size:13px;line-height:1.8;color:var(--muted)}
.library-mobile-picker{display:none}
@media(max-width:1150px){.library-workspace{gap:32px;grid-template-columns:minmax(230px,.75fr) minmax(0,1.4fr)}.library-panel{grid-template-columns:1fr;gap:27px}.library-paper-stage{min-height:440px;padding:45px 50px 60px}.library-paper{max-width:250px}.library-guide-copy h2{font-size:34px;margin-block:13px}.library-guide-copy .file-meta{margin-top:13px}.library-guide-actions{margin-top:18px}.library-guide-copy>p:not(.caption):not(.file-meta){font-size:14px}.library-shelf [role=tab]{min-height:105px;padding-inline:12px}}
@media(max-width:700px){.library-intro{grid-template-columns:1fr;gap:26px;padding-block:44px 28px}.library-intro h1{font-size:clamp(46px,11.4vw,73px);margin-block:20px 25px}.library-intro>.caption,.library-intro .caption{font-size:9px}.library-intro>div>p:not(.caption){font-size:14px;line-height:1.8}.library-intro>.library-intro-note{border-left:0;border-top:1px solid var(--line);padding:17px 0 0;display:flex;align-items:center;gap:16px}.library-intro-note>span{font-size:48px}.library-intro-note>p{font-size:13px!important;margin:0;max-width:100px}.library-intro-note>p+p{font-size:10px!important;margin:0 0 0 auto;max-width:125px}.library-workspace{grid-template-columns:1fr;gap:25px;padding-top:15px;padding-bottom:45px}.library-shelf{display:none}.library-mobile-picker{display:grid;gap:9px}.library-mobile-picker label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--cocoa)}.library-mobile-picker select{width:100%;min-width:0;max-width:100%;border:1px solid var(--cocoa);border-radius:0;background:var(--paper);color:var(--cocoa);font:500 16px Outfit;padding:16px 35px 16px 15px;min-height:55px}.library-panel{gap:27px;scroll-margin-top:25px}.library-paper-stage{padding:48px 54px 57px;min-height:390px}.library-paper{max-width:260px}.library-guide-copy h2{font-size:35px;max-width:400px}.library-guide-copy>p:not(.caption):not(.file-meta){font-size:15px}.library-guide-copy .caption{font-size:10px}.library-guide-actions{margin-top:24px;gap:25px}.library-guide-actions .button{font-size:13px}.library-guide-actions .text-link{font-size:13px}.library-care{grid-template-columns:1fr;gap:20px;padding-block:30px 45px}.library-care h2{font-size:25px}.library-care p{font-size:12px}.library-paper-open{font-size:11px}}
@media(max-width:360px){.library-paper-stage{padding-inline:37px;min-height:340px}.library-intro-note>p+p{font-size:9px!important}.library-guide-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.library-shelf [role=tab],.library-shelf-arrow{transition:none}}
.reduced .library-shelf [role=tab],.reduced .library-shelf-arrow{transition:none}

.library-turn-leaf{position:absolute;z-index:3;pointer-events:none;backface-visibility:hidden;background:var(--paper)}
@media(prefers-reduced-motion:reduce){.library-shelf [role=tablist]:before{transition:none}}
.reduced .library-shelf [role=tablist]:before{transition:none}
