.sn-introduction-grid{margin-top:42px;align-items:start}
#latest{background:#242e39;color:#e9e3d5;padding:0;overflow:hidden;border-radius:20px;box-shadow:8px 8px 20px #0003,-6px -6px 16px #ffffff80}
.field-notes-art{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.field-notes-intro{padding:28px 30px 32px}#latest .eyebrow{color:#c6b173}#latest h2{font-size:30px;line-height:1.15;margin:14px 0 20px}#latest p{font-size:16px;line-height:1.7;color:#c4cbd1}#latest .btn{color:#e9e3d5;background:#2b3742;box-shadow:4px 4px 10px #0005,-3px -3px 9px #ffffff0c;margin-top:24px}
.sn-card-featured{grid-column:1/-1}.sn-card-featured>a{display:grid;grid-template-columns:minmax(220px,.75fr) 1.5fr;align-items:center;gap:28px}.sn-card-featured .sn-card-img{aspect-ratio:auto;height:350px}.sn-card-featured .sn-card-img img{height:100%;object-fit:contain}.sn-card-featured .sn-card-body{padding:32px 40px 32px 8px}.sn-card-featured .sn-card-title{font-size:clamp(30px,4vw,46px);line-height:1.1}.sn-card-featured .sn-card-ex{font-size:20px;line-height:1.65;max-width:42ch}
#stretch{background:#242e39;color:#e9e3d5;border-radius:20px;padding:46px 38px;box-shadow:8px 8px 22px #0003}#stretch .eyebrow{color:#c6b173}#stretch .sec-head p,#stretch .stretch-note{color:#bac4cb}#stretch .stretch{background:transparent;box-shadow:none;padding:0;overflow:visible}#stretch ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;min-width:0}#stretch ol:before{display:none}#stretch .stop{background:#2b3742;border-radius:20px;padding:24px 20px;gap:14px;box-shadow:6px 6px 14px #0006,-5px -5px 12px #ffffff0b}#stretch .dot{background:#242e39;color:#c6b173;box-shadow:inset 3px 3px 7px #0007,inset -3px -3px 7px #ffffff0e}#stretch .stop h3{font-size:20px}#stretch .stop p{font-size:15px;color:#c4cbd1;line-height:1.65}#stretch .stop a{color:#e9e3d5;margin-top:auto}#stretch .stretch-note{margin-top:28px;line-height:1.6}
@media(max-width:950px){#stretch ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sn-introduction-grid{margin-top:24px}.sn-card-featured>a{grid-template-columns:1fr;gap:0}.sn-card-featured .sn-card-img{height:280px}.sn-card-featured .sn-card-body{padding:24px}.sn-card-featured .sn-card-ex{font-size:17px}#stretch{padding:30px 20px}#stretch ol{grid-template-columns:1fr}#stretch .sec-head{grid-template-columns:1fr}.field-notes-intro{padding:24px}}
#latest h2,#stretch h2,#stretch .stop h3{color:#e9e3d5}
.page-guide{margin:40px 0;padding:30px 32px;border-radius:20px;background:#e9e6de;box-shadow:inset 4px 4px 10px #d1cec6,inset -4px -4px 10px #fff}.page-guide h2{font-size:32px;margin:10px 0 24px}.page-guide>div{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.page-guide a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid #cbc7bc;font-size:16px;font-weight:700;text-decoration:none;line-height:1.5}.page-guide a:hover{color:#886a40}.wrap>.grief-player .archive-heading{font-size:clamp(30px,3.5vw,42px);color:#e9e3d5;line-height:1.15;margin:0 0 30px}.grief-collection-head h2{color:#e9e3d5;font-size:32px;margin-bottom:12px}#featured-videos{scroll-margin-top:120px}#downloads{padding:32px;border-radius:20px;background:#e9e6de}#downloads .sn-downloads{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}@media(max-width:600px){.page-guide{padding:26px 22px}.page-guide>div{grid-template-columns:1fr}#downloads{padding:26px 22px}}
/* Page guide occupies the right-hand introduction column. */
.sn-introduction-grid>.page-guide{margin:16px 0 0;padding:28px}.sn-introduction-grid>.page-guide>div{grid-template-columns:1fr}.sn-introduction-grid>.page-guide h2{font-size:30px;margin-bottom:16px}.sn-introduction-grid>.page-guide a{padding:12px 0;font-size:15px}
.grief-invitation{position:absolute;z-index:2;top:32px;right:40px;display:block;max-width:430px;text-align:right;text-decoration:none;color:#fff8e7;padding:20px 24px;border-radius:20px;background:#132534b8;box-shadow:0 6px 24px #0002}.grief-invitation-label{display:block;font-size:19px;font-weight:700;letter-spacing:.02em;margin-bottom:12px}.grief-invitation-script{display:block;font-family:'Snell Roundhand','Apple Chancery','Segoe Script','Brush Script MT',cursive;font-size:34px;font-weight:400;line-height:1.3}.grief-invitation-script span{display:inline-block;font-family:Arial,sans-serif;font-size:27px;margin-left:6px}.grief-invitation:hover{background:#132534e6;color:#e6c77d}.grief-invitation:focus-visible{outline:3px solid #e6c77d;outline-offset:5px}
#notes .field-notes-series-intro{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;margin-bottom:40px}#notes .field-notes-art{height:100%;min-height:240px;object-fit:cover}#notes .field-notes-intro .complete-collection{display:none}
@media(max-width:600px){.grief-invitation{top:20px;right:20px;left:20px;max-width:none;padding:18px;text-align:center}.grief-invitation-script{font-size:29px}.grief-invitation-label{font-size:17px}.sn-introduction-grid>.page-guide{padding:24px;margin-top:0}#notes .field-notes-series-intro{grid-template-columns:1fr}#notes .field-notes-art{min-height:0;height:auto}.sn-hero-text{bottom:30px}}

/* One named collection: introduction, filters and articles share a single frame. */
#notes.field-notes-collection{padding:0;background:#e7e4dc;border:1px solid #d0cdc5;border-radius:20px;overflow:hidden;box-shadow:8px 8px 22px #0002,-6px -6px 18px #ffffff90}
#notes #latest{margin:0;border-radius:0;box-shadow:none}
#notes #latest h2{font-size:clamp(30px,3.5vw,46px);line-height:1.12;margin:0 0 16px}
#notes #latest .field-notes-subtitle{font-size:clamp(20px,2vw,26px);line-height:1.35;color:#d1b876;margin:0 0 22px}
#notes .field-notes-intro{padding:38px}
#notes .field-notes-index{padding:32px}
@media(max-width:600px){#notes .field-notes-intro{padding:26px 22px}#notes .field-notes-index{padding:24px 18px}#notes.field-notes-collection{border-radius:20px}}

/* Clean logo hero and a continuous ivory Field Notes collection. */
.sn-evergreen-hero.sn-logo-hero{height:440px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:none}
.sn-logo-hero:after{display:none}
.sn-logo-hero h1{width:82%;max-width:980px;margin:0;padding:0;line-height:0}
.sn-logo-hero h1 img{display:block;width:100%;height:auto}
.sn-logo-hero .grief-invitation{top:auto;bottom:30px;left:36px;right:auto;max-width:none;background:none;box-shadow:none;border-radius:0;padding:8px 0;text-align:left;color:#1c3841;font-size:24px;font-family:'Snell Roundhand','Apple Chancery','Segoe Script','Brush Script MT',cursive;font-weight:400}
.sn-logo-hero .grief-invitation span{font-family:Arial,sans-serif;margin-left:12px}
.sn-logo-hero .grief-invitation:hover{color:#8b6936;text-decoration:underline}
#notes #latest{background:#e7e4dc;color:#253440}
#notes #latest h2{color:#253440}
#notes #latest p{color:#46545c}
#notes #latest .field-notes-subtitle{color:#80643a}
@media(max-width:600px){.sn-evergreen-hero.sn-logo-hero{height:300px}.sn-logo-hero h1{width:90%}.sn-logo-hero .grief-invitation{left:24px;bottom:22px;font-size:23px}}

/* Barn hero follows the supplied composition and inherits the page background. */
.sn-evergreen-hero.sn-barn-hero{height:auto;aspect-ratio:1.69;background:transparent;border-radius:0;box-shadow:none;position:relative;overflow:hidden}
.sn-barn-hero:after{display:none}
.sn-barn-hero>img.sn-barn-art{position:absolute;inset:auto 0 0;width:100%;height:auto;object-fit:contain;object-position:bottom}
.sn-barn-heading{position:absolute;z-index:1;top:9%;left:10%;width:43%;text-align:center;color:#19333e}
.sn-barn-heading h1{margin:0;line-height:0;font-size:inherit}
.sn-barn-heading h1 img{width:100%;height:auto;display:block}
.sn-barn-heading p{font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,1.35vw,19px);font-weight:700;letter-spacing:.12em;line-height:1.5;margin:-3% 0 22px;text-transform:uppercase}
.sn-grief-link{display:inline-flex;align-items:center;gap:12px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;letter-spacing:.09em;line-height:1.5;text-transform:uppercase;text-decoration:none;color:#19333e;padding:10px 0;border-bottom:1px solid #9a8052}
.sn-grief-link:hover{color:#80643a}.sn-grief-link:focus-visible{outline:3px solid #9a8052;outline-offset:5px}
@media(max-width:600px){.sn-evergreen-hero.sn-barn-hero{aspect-ratio:auto;height:410px}.sn-barn-heading{top:12px;left:6%;width:88%}.sn-barn-heading p{font-size:12px;margin:-3% 0 12px}.sn-grief-link{font-size:13px}.sn-barn-hero>img.sn-barn-art{width:140%;max-width:none;left:-40%}}

/* Give the practical downloads their own generous, raised section. */
#downloads{margin-top:72px;margin-bottom:80px;padding:54px 42px;box-shadow:10px 10px 26px #c9c5ba99,-8px -8px 22px #ffffffcc;border:1px solid #ffffff70}#downloads .sn-downloads{margin-top:34px;gap:20px}@media(max-width:600px){#downloads{margin-top:48px;margin-bottom:52px;padding:36px 24px}#downloads .sn-downloads{gap:16px;margin-top:26px}}