/* rows.css */
:root{--leaf:#405a2c;--deep:#2c4221;--cream:#f4eed6;--sage:#d9dcbc;--tomato:#e8603c;--rule:rgba(244,238,214,.28)}
*{box-sizing:border-box}
html{background:var(--leaf);color:var(--cream);-webkit-text-size-adjust:100%}
body{margin:0;font:1.06rem/1.62 Avenir,"Avenir Next","Segoe UI","Trebuchet MS",sans-serif}
a{color:inherit;text-decoration-color:var(--tomato);text-underline-offset:.18em;text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--tomato);outline-offset:2px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,.name{font-family:Superclarendon,"Bookman Old Style","Clarendon",Georgia,serif;font-weight:700;line-height:1.12}
.top{background:var(--deep);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem 2rem;padding:1.1rem clamp(1rem,5vw,4rem)}
.name{margin:0;font-size:clamp(2.2rem,7.4vw,5.4rem);letter-spacing:-.02em}
.name--small{font-size:clamp(1.3rem,3.4vw,1.9rem);letter-spacing:0}
.name a{text-decoration:none}
.go{display:flex;gap:1.5rem}
.go a{text-decoration:none;border-bottom:2px solid var(--tomato)}
.morning{background:var(--deep);overflow:hidden;max-height:76vh}
.morning img{width:100%;height:76vh;max-height:60rem;min-height:15rem;object-fit:cover;object-position:62% 60%}
.tag{margin:0;padding:1.3rem clamp(1rem,5vw,4rem) .4rem;max-width:44rem;font-size:1.22rem;color:var(--sage)}
.calendar{display:grid;grid-template-columns:repeat(12,1fr);margin:1.4rem clamp(1rem,5vw,4rem) 0;max-width:62rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.calendar b{font-weight:400;text-align:center;font-size:.8rem;padding:.25rem 0;color:var(--sage)}
.season{margin:2.4rem clamp(1rem,5vw,4rem) 0;max-width:62rem}
.season h2{font-size:1.5rem;margin:0 0 .7rem}
.rows{list-style:none;margin:0;padding:0}
.season:last-of-type{margin-bottom:4rem}
.row{border-top:1px solid var(--rule);padding:1rem 0}
.row>a{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1.1rem;align-items:start;text-decoration:none}
.thumb{display:block;overflow:hidden}
.row .t{display:block;margin:0;font-size:1.22rem}
.row a:hover .t{text-decoration:underline;text-decoration-color:var(--tomato)}
.row .d{display:block;color:var(--sage);margin-top:.25rem;font-size:.97rem}
.band{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin-top:.75rem;height:.55rem}
.band i{background:rgba(244,238,214,.14)}
.band i.on{background:var(--tomato)}
.col{max-width:41rem;margin:0 auto;padding:0 clamp(1rem,5vw,1.5rem)}
.col--list{max-width:52rem;padding-bottom:4rem}
.entry{padding:2.2rem 0 4.5rem}
.entry h1{font-size:clamp(1.9rem,5.2vw,3rem);margin:0 0 .5rem}
.entry h2{font-size:1.32rem;margin:2.1rem 0 .4rem}
.dek{font-size:1.15rem;color:var(--sage);margin:0}
.entry .band{max-width:18rem;margin:1rem 0 1.8rem}
.entry p,.entry li{max-width:38rem}
.entry ul{padding-left:1.2rem}
.entry li{margin:.45rem 0}
.bleed{margin:-2.2rem 0 2.2rem;background:var(--deep)}
.bleed img{width:100%;max-height:70vh;object-fit:cover}
.side{margin:0 0 1rem}
.fig{margin:2rem 0}
.fig figcaption{font-size:.88rem;color:var(--sage);padding-top:.45rem;border-top:3px solid var(--tomato);margin-top:.5rem;display:inline-block}
.col--list h1{font-size:clamp(1.9rem,5vw,2.8rem);margin:2.2rem 0 .4rem}
.col--list .rows{margin-top:1.6rem}
.col--list .row .t{font-size:1.2rem}
@media (min-width:46rem){
.row>a{grid-template-columns:9rem minmax(0,1fr)}
.row{display:grid;grid-template-columns:minmax(0,1fr) 12rem;gap:1.5rem;align-items:center}
.row .band{margin-top:0}
.side{float:right;width:13rem;margin:.3rem 0 1rem 1.4rem}
}
@media (min-width:64rem){.side{width:15rem;margin-right:-7rem}}
@media (prefers-reduced-motion:no-preference){
.morning img{animation:drift 14s ease-out both}
@keyframes drift{from{object-position:48% 60%}to{object-position:62% 60%}}
.band i.on{transform-origin:left;animation:grow .7s ease-out both;animation-delay:calc(var(--n) * 60ms + .2s)}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.thumb img{transition:transform .5s ease}
.row a:hover .thumb img{transform:scale(1.05)}
}