/* An open illustrated landscape for childhood curiosity and clear research. */
.home-editorial .garden-library-hero { position:relative; isolation:isolate; overflow:hidden; border:0; background:#f4eddb; }
.garden-library-scene { position:absolute; inset:0; z-index:-1; display:block; pointer-events:none; }
.garden-library-scene img { display:block; width:100%; height:100%; object-fit:cover; object-position:center bottom; }
.garden-library-inner { max-width:1530px; margin:auto; padding:clamp(56px,5vw,80px) clamp(26px,5.5vw,84px) clamp(130px,12vw,190px); min-height:clamp(760px,51vw,900px); display:flex; align-items:flex-start; }
.garden-library-copy { width:47%; max-width:570px; }
.garden-library-kicker { display:flex; gap:10px; align-items:center; margin:0 0 25px; color:#0f4c5c; font:500 12px/1.4 var(--font-mono); letter-spacing:.09em; text-transform:uppercase; }
.garden-library-kicker span { width:8px; height:8px; flex:none; background:#e07a5f; border-radius:50%; }
.garden-library-copy h1 { margin:0; color:#1f2a37; font:500 clamp(48px,4.5vw,68px)/1.04 var(--font-display); letter-spacing:-.04em; }
.garden-library-copy h1 em { color:#0f4c5c; font-weight:500; }
.garden-library-deck { max-width:45ch; margin:23px 0 0; color:#354756; font:400 18px/1.65 var(--font-body); }
.garden-library-search { margin-top:25px; max-width:520px; }
.garden-library-search .hero-search { background:#fffdf9; border-radius:5px; box-shadow:0 6px 25px rgb(61 64 91 / .08); }
.garden-library-search .hero-search .button { border-radius:4px; }
.garden-library-search .hero-search-links a { background:#fffdf9; border-radius:4px; }
.garden-library-ink { position:absolute; right:5%; top:7%; width:120px; fill:none; stroke:#e07a5f; stroke-width:1.5; opacity:.8; pointer-events:none; }
@media(prefers-reduced-motion:no-preference) { .garden-library-ink path { stroke-dasharray:100; animation:garden-library-draw 2.8s ease-in-out both; } @keyframes garden-library-draw { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } } }
@media(max-width:1100px) { .home-editorial .garden-library-hero { display:flex; flex-direction:column; } .garden-library-scene { position:relative; inset:auto; order:2; height:auto; } .garden-library-scene img { width:100%; height:auto; object-fit:contain; } .garden-library-inner { width:100%; order:1; min-height:0; padding:44px 28px 30px; } .garden-library-copy { width:100%; max-width:640px; } .garden-library-ink { top:auto; bottom:17%; right:4%; width:90px; } }
@media(max-width:600px) { .garden-library-inner { padding:36px 20px 25px; } .garden-library-copy h1 { font-size:clamp(36px,9.5vw,51px); } .garden-library-kicker { margin-bottom:20px; } .garden-library-deck { font-size:16px; line-height:1.6; margin-top:20px; } .garden-library-search { margin-top:22px; } .garden-library-search .hero-search { gap:8px; padding-left:12px; } .garden-library-search .hero-search .button { padding-inline:16px; } .garden-library-ink { display:none; } }
/* A small pen stroke and a passing butterfly bring the illustration to life. */
.garden-library-underline { display:inline-block; position:relative; isolation:isolate; }
.garden-library-underline::after { content:""; position:absolute; left:1%; right:0; bottom:-.08em; height:.13em; border-bottom:3px solid #d88c6e; border-radius:0 0 58% 42%; transform:rotate(-1deg); z-index:-1; pointer-events:none; }
.garden-library-butterfly { position:absolute; left:52%; top:39%; width:36px; height:auto; fill:#f2cc8f; fill-opacity:.45; stroke:#0f4c5c; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; opacity:.78; pointer-events:none; }
.garden-library-search .hero-search { transition:border-color .2s ease,box-shadow .2s ease; }
.garden-library-search .hero-search:focus-within { border-color:#0f4c5c; box-shadow:0 8px 24px rgb(15 76 92 / .16); }
.garden-library-search .hero-search-links a { transition:background-color .2s ease,color .2s ease,border-color .2s ease; }
@media(prefers-reduced-motion:no-preference) {
 .garden-library-underline::after { transform-origin:left center; animation:garden-underline 1.5s ease-out both; }
 .garden-library-butterfly { animation:garden-butterfly-arrival 4.2s ease-in-out both; }
 .butterfly-left { transform-origin:28px 27px; animation:garden-left-wing .75s ease-in-out 4 alternate; }
 .butterfly-right { transform-origin:28px 27px; animation:garden-right-wing .75s ease-in-out 4 alternate; }
 @keyframes garden-underline { from { transform:rotate(-1deg) scaleX(0); } to { transform:rotate(-1deg) scaleX(1); } }
 @keyframes garden-butterfly-arrival { 0% { transform:translate(-24px,14px) rotate(-10deg); opacity:0; } 18% { opacity:.78; } 55% { transform:translate(9px,-10px) rotate(6deg); } 100% { transform:translate(0,0) rotate(0); opacity:.78; } }
 @keyframes garden-left-wing { from { transform:scaleX(1); } to { transform:scaleX(.68); } }
 @keyframes garden-right-wing { from { transform:scaleX(1); } to { transform:scaleX(.68); } }
}
@media(max-width:1100px) { .garden-library-butterfly { left:auto; right:30%; top:auto; bottom:30%; } }
@media(max-width:600px) { .garden-library-butterfly { width:25px; right:31%; bottom:12%; } }
/* Fine ink and small editorial details are part of the illustrated scene. */
.garden-library-standards { display:inline-flex; align-items:center; gap:7px; margin-top:15px; min-height:34px; color:#0f4c5c; font:600 13px/1.4 var(--font-body); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.garden-library-standards:hover { color:#a03b33; }
.garden-library-standards:focus-visible { outline:2px solid #0f4c5c; outline-offset:3px; }
.garden-library-search { margin-top:17px; }
.garden-library-search .hero-search { border:1px solid #d9d1c0; border-radius:3px; box-shadow:0 4px 14px rgb(61 64 91 / .07); }
.garden-library-search .hero-search-links { gap:0; }
.garden-library-search .hero-search-links a { border:0; border-radius:0; background:#f8f3e7; padding-inline:13px; min-height:40px; }
.garden-library-search .hero-search-links a + a { border-left:1px solid #d9d1c0; }
.garden-library-ink { left:46%; right:auto; top:10%; width:108px; color:#0f4c5c; stroke:none; opacity:.65; }
.garden-library-butterfly { width:31px; fill:none; opacity:.78; }
.butterfly-wing { stroke:#0f4c5c; stroke-width:1.2; stroke-linejoin:round; }
.butterfly-wing--peach { fill:#e6a88b; }
.butterfly-wing--gold { fill:#f2cc8f; }
.butterfly-vein,.butterfly-body { fill:none; stroke:#0f4c5c; stroke-width:.9; stroke-linecap:round; }
@media(prefers-reduced-motion:no-preference) { .garden-library-ink { animation:garden-birds-glide 4s ease-out both; } @keyframes garden-birds-glide { from { transform:translate(-16px,5px); } to { transform:translate(0,0); } } }
@media(max-width:1100px) { .garden-library-ink { left:auto; right:7%; top:auto; bottom:32%; } }
@media(max-width:600px) { .garden-library-search { margin-top:15px; } .garden-library-butterfly { width:23px; } }
.garden-library-standards { margin-top:8px; padding:5px 9px; background:#f8f3e7; }