/* Velia / Bookshop-inspired composition. Original hero and motion retained. */
:root{--paper:#f6f3ec;--ink:#18362e;--muted:#5e6c60;--line:#d8ddd0;--serif:Literata,Georgia,serif}
.collection{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:center;gap:44px;padding-top:110px;padding-bottom:120px;overflow:hidden;border-bottom:1px solid var(--line)}
.collection-intro h2{font-size:clamp(34px,3.2vw,50px);font-weight:400;letter-spacing:-.05em;line-height:1.2;margin:26px 0}
.collection-intro h2 em{color:#617b4e;font-style:normal}
.collection-intro>p{font-size:15px;line-height:1.8;max-width:280px;color:var(--muted);margin-bottom:28px}
.collection-intro .eyebrow{font-size:9px;letter-spacing:1.5px}
.book-shelf{display:flex;align-items:center;justify-content:center;perspective:1200px;min-height:350px;padding:24px 4px 28px}
.topic-book{position:relative;display:block;flex:0 1 175px;min-width:0;aspect-ratio:2/3;background:#15392d;border-radius:2px 7px 7px 2px;box-shadow:-3px 4px 0 #a3ad91,0 16px 22px #11281c24;overflow:hidden;transform:translateY(var(--book-y,0px)) rotate(var(--book-angle,0deg));transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;margin-left:-12px}
.topic-book:first-child{margin-left:0}.book-1{--book-angle:-9deg;--book-y:15px}.book-2{--book-angle:-5deg;--book-y:-4px}.book-3{--book-angle:0deg;--book-y:-16px;z-index:2}.book-4{--book-angle:5deg;--book-y:-4px}.book-5{--book-angle:9deg;--book-y:15px}
.topic-book:before{content:'';position:absolute;left:5px;top:0;bottom:0;width:4px;background:linear-gradient(90deg,#0004,transparent);z-index:2;pointer-events:none}
.book-image{height:57%;overflow:hidden}.book-image img{width:100%;height:100%;object-fit:cover;display:block}
.book-caption{position:relative;padding:15px 13px;color:#eef0dc;height:43%}.book-index{display:block;font-size:6px;letter-spacing:1.1px;opacity:.7}.book-caption h3{font-weight:400;font-size:clamp(13px,1.25vw,20px);letter-spacing:-.03em;line-height:1.3;margin:11px 0 7px;overflow-wrap:anywhere}.book-caption p{font-size:9px;line-height:1.5;max-width:115px;opacity:.75}.book-arrow{position:absolute;right:10px;bottom:8px;font-size:16px}
@media(hover:hover){.topic-book:hover,.topic-book:focus-visible{transform:translateY(-28px) rotate(0);z-index:5;box-shadow:-3px 4px 0 #a3ad91,0 22px 30px #11281c35}}
.journal{padding-top:90px;padding-bottom:100px}.journal .section-top{align-items:end;margin-bottom:42px}.journal .display{font-size:clamp(46px,5.7vw,82px);font-weight:400;letter-spacing:-.055em;line-height:1.08}.journal .display em{font-style:normal;color:#617b4e}.journal-deck{font-size:15px;line-height:1.8;max-width:300px;color:var(--muted);margin:0 0 5px}
.category-filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:8px 28px;margin-bottom:42px;padding:0;overflow:auto;flex-wrap:nowrap}
.category-filters .filter{border:0;border-radius:0;background:transparent;color:#687665;padding:18px 0;min-height:58px;font-size:13px;position:relative;white-space:nowrap}.category-filters .filter.active{background:transparent;color:#18362e}.category-filters .filter.active:after{content:'';position:absolute;height:2px;background:#18362e;bottom:0;left:0;right:0}
.article-grid{gap:54px 30px}.article-card{border-bottom:1px solid var(--line);padding-bottom:26px}.article-card[hidden]{display:none!important}.card-art{height:auto;aspect-ratio:4/3;border-radius:6px;isolation:isolate}.card-art>img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.article-card:hover .card-art>img{transform:scale(1.025)}.art-arrow{right:16px;top:16px;width:32px;height:32px;border:0;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.article-card:hover .art-arrow,.article-card:focus-visible .art-arrow{opacity:1;transform:none}.card-meta{font-size:10px;line-height:1.6;margin-top:20px;letter-spacing:.02em}.card-meta span:first-child{letter-spacing:1.3px;color:#61734d}.article-card .card-title{font-size:24px;font-weight:400;line-height:1.3;letter-spacing:-.035em}.article-card p{font-size:14px;line-height:1.8;margin-top:12px;max-width:560px}
#journal .article-card.featured{grid-column:span 2}#journal .article-card.featured .card-art{height:auto;aspect-ratio:2.05/1}#journal .article-card.featured .card-title{font-family:var(--serif);font-size:clamp(29px,3vw,42px);font-weight:400;line-height:1.2;letter-spacing:-.035em;max-width:760px}#journal .article-card.featured p{max-width:650px}
.feature-story{width:calc(100% - var(--pad)*2);max-width:1400px;margin:0 auto 100px;border-radius:16px;min-height:0}.feature-copy{padding:42px}.feature-copy h2{font-size:clamp(34px,3.3vw,48px)}.feature-copy p{font-size:14px}.feature-visual.feature-photo{padding:28px}.feature-photo .feature-label{left:28px;bottom:10px;font-size:8px}
.bot-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:center;padding-top:85px;padding-bottom:85px;min-height:0;background:#12362b;overflow:hidden}.bot-section-content{margin-left:0;min-width:0;max-width:580px}.bot-section h2{font-size:clamp(38px,4vw,60px);font-weight:400;line-height:1.15;letter-spacing:-.045em}.bot-section p{font-size:15px}.bot-section .eyebrow{font-size:9px}.bot-section small{font-size:10px;line-height:1.8}.bot-section .button-row{flex-wrap:wrap}.bot-library{height:330px;position:relative;display:flex;justify-content:center;align-items:center;perspective:1000px}.bot-library img{width:44%;height:270px;object-fit:cover;border:6px solid #f0eddf;border-radius:4px;box-shadow:0 18px 36px #061a1755;position:absolute}.bot-library img:nth-child(1){transform:translateX(-45%) rotate(-12deg)}.bot-library img:nth-child(2){transform:translateY(-12px);z-index:2}.bot-library img:nth-child(3){transform:translateX(45%) rotate(12deg)}
.approach{background:#ecefe5}.approach-grid{gap:80px}.approach .display{font-size:clamp(35px,3.8vw,54px);font-weight:400;line-height:1.2}.principle{border-color:#c9d2c1;padding:24px 0}.principle h3{font-size:20px;font-weight:400}.principle p{font-size:14px}.footer{background:#e5eadd}.footer-bottom,.footer-note{font-size:11px;line-height:1.8}.footer-top p{font-size:14px}.back-top{font-size:12px}
.inner .site-header{background:#f6f3eced}.category-hero{padding-top:42px;padding-bottom:62px}.category-title h1{font-size:clamp(44px,5vw,72px);font-weight:400;letter-spacing:-.05em}.category-title p{font-size:16px;line-height:1.8}.category-art{border-radius:50%;background:#e8eddf;width:260px;height:260px}.category-list{padding-top:0}
.article-hero{max-width:1180px;margin:auto;padding-top:44px;padding-bottom:42px}.article-hero h1{font-weight:400;font-size:clamp(34px,4.8vw,64px);line-height:1.1;letter-spacing:-.04em;max-width:1050px}.article-deck{font-size:18px;line-height:1.75;max-width:800px}.article-byline{border-top:1px solid var(--line);padding-top:24px}.article-cover.photographic{max-width:1280px;width:calc(100% - var(--pad)*2);height:clamp(240px,32vw,440px);margin:0 auto;border-radius:12px}.article-layout{width:calc(100% - var(--pad)*2);max-width:1180px;margin:auto;padding:64px 0;grid-template-columns:210px minmax(0,720px);gap:70px}.article-toc nav a{font-size:12px;line-height:1.6}.article-body{font-size:18px;line-height:1.9}.article-body h2{font-family:'Golos Text',sans-serif;font-size:30px;font-weight:400;letter-spacing:-.035em}.article-body .article-intro{font-size:22px;line-height:1.7}.worked-example{border:0;border-left:3px solid #7f9465;border-radius:0 10px 10px 0}.inline-cta{border-radius:12px;border:0;padding:36px}.inline-cta h2{max-width:580px}.related{background:#edf0e6}.related .display{font-weight:400}.info-page h1,.product-hero h1{font-weight:400}
@media(min-width:1700px){.collection,.journal,.approach{padding-left:max(var(--pad),calc((100vw - 1480px)/2));padding-right:max(var(--pad),calc((100vw - 1480px)/2))}.book-shelf{gap:0}.topic-book{flex-basis:190px}.book-caption h3{font-size:22px}.bot-section{padding-left:max(var(--pad),calc((100vw - 1380px)/2));padding-right:max(var(--pad),calc((100vw - 1380px)/2))}}
@media(max-width:1100px){.collection{grid-template-columns:260px minmax(0,1fr);gap:20px;padding-top:80px;padding-bottom:80px}.topic-book{aspect-ratio:1/1.7;margin-left:-16px}.book-caption{padding:12px 9px}.book-caption h3{font-size:14px}.book-caption p{font-size:8px}.book-shelf{min-height:300px}.article-card .card-title{font-size:21px}.article-layout{gap:40px;grid-template-columns:180px minmax(0,1fr)}.bot-section{gap:30px}.feature-copy{padding:34px}}
@media(max-width:850px){.collection{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px;gap:25px}.collection-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.collection-intro .eyebrow{grid-column:1/-1}.collection-intro h2{font-size:43px;margin:22px 0;grid-row:2/4}.collection-intro>p{margin-top:24px}.collection-intro .text-link{justify-self:start}.book-shelf{min-height:310px;padding:15px 15px 30px}.topic-book{flex-basis:150px;margin-left:-8px;aspect-ratio:2/3}.book-caption h3{font-size:17px}.book-caption p{font-size:9px}.journal{padding-top:64px;padding-bottom:64px}.journal .display{font-size:58px}.journal-deck{font-size:14px}.article-grid{gap:38px 22px}#journal .article-card.featured .card-title{font-size:34px}.feature-story{margin-bottom:65px}.feature-copy{padding:28px}.feature-copy h2{font-size:35px}.bot-section{grid-template-columns:1fr;gap:20px;padding-top:45px;padding-bottom:60px}.bot-library{height:280px;max-width:500px;width:100%;margin:auto}.bot-library img{height:240px;width:40%}.bot-section-content{max-width:620px;margin:auto}.bot-section h2{font-size:48px}.approach-grid{gap:40px}.article-layout{display:block;max-width:760px;padding-top:40px}.article-toc{margin-bottom:38px}.article-hero{padding-top:28px}.article-cover.photographic{width:calc(100% - var(--pad)*2);height:300px}.article-deck{font-size:17px}}
@media(max-width:580px){.collection{padding-top:48px;padding-bottom:42px;gap:10px}.collection-intro{display:block}.collection-intro h2{font-size:39px;margin:20px 0}.collection-intro>p{font-size:14px;max-width:300px;margin:0 0 22px}.collection-intro .eyebrow{font-size:8px}.book-shelf{min-height:0;justify-content:flex-start;overflow-x:auto;gap:16px;margin:20px calc(-1 * var(--pad)) 0;padding:15px var(--pad) 26px;scroll-snap-type:x mandatory;scrollbar-width:thin;perspective:none}.topic-book{flex:0 0 144px;margin:0;aspect-ratio:2/3;transform:none;scroll-snap-align:start;box-shadow:-2px 3px 0 #a3ad91,0 10px 16px #11281c20}.book-caption{padding:13px 12px}.book-caption h3{font-size:18px}.book-index{font-size:6px}.book-caption p{font-size:9px}.journal{padding-top:48px;padding-bottom:48px}.journal .display{font-size:48px}.journal .section-top{margin-bottom:28px}.journal-deck{font-size:14px;margin-top:20px}.category-filters{gap:23px;margin-bottom:28px;margin-right:0;padding-bottom:0}.category-filters .filter{font-size:12px;min-height:54px;padding:15px 0}.article-grid{grid-template-columns:1fr;gap:32px}.article-card{padding-bottom:24px}.card-art{aspect-ratio:3/2}.card-meta{font-size:10px;margin-top:15px}.article-card .card-title{font-size:25px}.article-card p{font-size:14px}#journal .article-card.featured{grid-column:auto}#journal .article-card.featured .card-art{aspect-ratio:3/2}#journal .article-card.featured .card-title{font-size:30px}.art-arrow{opacity:1;transform:none;width:28px;height:28px;right:12px;top:12px}.feature-story{width:calc(100% - 30px);border-radius:12px;margin-bottom:48px}.feature-visual.feature-photo{padding:18px 18px 38px}.feature-photo .feature-label{left:18px;bottom:10px;font-size:7px}.feature-copy{padding:26px 23px 34px}.feature-copy h2{font-size:35px}.feature-copy p{font-size:14px}.feature-copy .button{font-size:10px;padding:15px;gap:12px}.bot-section{padding-top:32px;padding-bottom:42px}.bot-library{height:225px}.bot-library img{height:180px;width:39%}.bot-section h2{font-size:39px}.bot-section p{font-size:14px}.bot-section .button{font-size:12px}.bot-section small{font-size:10px}.approach .display{font-size:36px}.principle h3{font-size:19px}.principle p{font-size:14px}.footer-top>p{font-size:11px}.footer-bottom,.footer-note{font-size:10px}.category-hero{padding-top:24px;padding-bottom:40px}.category-title h1{font-size:48px}.category-title p{font-size:15px}.article-hero h1{font-size:35px}.article-deck{font-size:16px;line-height:1.75}.article-cover.photographic{height:230px;width:calc(100% - 30px);border-radius:9px}.article-layout{width:calc(100% - var(--pad)*2);padding-top:32px}.article-body{font-size:17px;line-height:1.85}.article-body .article-intro{font-size:19px}.article-body h2{font-size:27px}.inline-cta{padding:25px}.worked-example{margin-left:0;margin-right:0}.article-byline{padding-top:18px}.category-art{display:none}}
@media(prefers-reduced-motion:reduce){.topic-book,.card-art>img{transition:none}.topic-book:hover,.topic-book:focus-visible{transform:none}}

@media(min-width:581px){.book-shelf{gap:10px}.topic-book{margin-left:0}.book-caption h3{font-size:clamp(12px,1.1vw,18px);letter-spacing:-.04em;overflow-wrap:normal}.book-caption{padding-left:10px;padding-right:8px}.book-1{--book-angle:-7deg}.book-2{--book-angle:-3deg}.book-4{--book-angle:3deg}.book-5{--book-angle:7deg}}

@media(max-width:580px){.book-shelf{margin-left:0;margin-right:0;padding-left:0;padding-right:0;scrollbar-width:none}.book-shelf::-webkit-scrollbar,.category-filters::-webkit-scrollbar{display:none}.category-filters{scrollbar-width:none}}
