@font-face{font-family:Keepsake;src:url('/assets/alfa-slab-one.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:#283f3a;background:#e8deca url('/assets/linen.webp') repeat;background-size:650px;font:18px/1.75 Georgia,'Times New Roman',serif}a{color:inherit;text-underline-offset:5px}a:hover{color:#8f382b}a:focus-visible,summary:focus-visible{outline:3px solid #943e2e;outline-offset:7px}img{max-width:100%;height:auto;display:block}.skip{position:absolute;left:10px;top:-100px;padding:8px 20px;background:#fff;z-index:100}.skip:focus{top:10px}.masthead{max-width:1500px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #284b412b}.wordmark{font-weight:bold;font-size:25px;text-decoration:none;line-height:1.3}.wordmark span{display:block;font:9px/2.2 Arial,sans-serif;letter-spacing:2.2px}.masthead nav{display:flex;gap:28px;align-items:center;font:13px/1.5 Arial,sans-serif}.masthead nav a{padding:12px 0;text-decoration:none}.masthead .shop-link{border-bottom:1px solid #466257}.intro-top{text-align:center;padding:30px 20px 4px}.eyebrow{font:11px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:2.5px;margin:0 0 18px}h1,h2{font-family:Keepsake,Rockwell,Georgia,serif;line-height:1.13;font-weight:400;letter-spacing:.1px}h1{font-size:clamp(36px,5vw,70px);margin:0 0 14px}h2{font-size:clamp(32px,3.7vw,54px);margin:0 0 20px}.intro-top h1{font-size:clamp(27px,3.2vw,45px)}.intro-top p:last-child{font-style:italic;font-size:16px;margin:0}.intro-top .eyebrow{margin-bottom:10px}.collage{position:relative;aspect-ratio:1;max-width:1280px;margin:0 auto}.object{position:absolute;left:var(--x);top:var(--y);width:var(--w);display:block;transition:transform .22s ease,filter .22s ease;isolation:isolate}.object img{width:100%;filter:drop-shadow(5px 9px 5px #302b2440)}.object-label{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);width:max-content;max-width:270px;white-space:normal;text-align:center;font:12px/1.4 Arial,sans-serif;background:#214c48;color:#fff4dc;border:1px solid #e5c882;padding:9px 14px;border-radius:2px;opacity:0;pointer-events:none;box-shadow:0 3px 10px #0002}.object:focus-visible{z-index:25;outline:none}.object:focus-visible .object-label{opacity:1}.object:focus-visible img{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #1e5148)}.object:active{transform:translateY(-4px)}.decorative{pointer-events:none}.intro-bottom{text-align:center;max-width:850px;margin:-12px auto 90px;padding:0 24px}.intro-bottom p{font-size:24px;line-height:1.5}.intro-bottom em{font-size:18px}.down-link{text-decoration:none;font:12px Arial,sans-serif;letter-spacing:1px;padding:15px;display:inline-block}.collection-menu{margin:25px auto;max-width:650px}.collection-menu summary{font:13px/1.5 Arial,sans-serif;cursor:pointer;padding:15px}.collection-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f5ecd9db;padding:20px;text-align:left}.collection-menu nav a{font:13px/1.5 Arial,sans-serif;padding:12px}.stories{background:#f9f2e3c9;border-block:1px solid #214c4829}.section-heading{text-align:center;max-width:800px;margin:auto;padding:90px 24px 50px}.section-heading p:last-child{font-style:italic}.story{max-width:1170px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:85px 40px;border-bottom:1px solid #254e4026;align-items:center;scroll-margin-top:15px}.story:last-child{border-bottom:0}.story:nth-of-type(even) .story-art{order:2}.story-art{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 0}.story-art img{max-height:420px;object-fit:contain;max-width:95%;filter:drop-shadow(5px 13px 6px #3b30232c)}#home-decor .story-art img{width:100%}.artifact-note{margin-top:35px;font:italic 13px Georgia,serif;color:#76634e}.story-copy p:not(.eyebrow):not(.category){font-size:17px;line-height:1.85}.category{font:11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#8c4c34;margin-top:22px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}.text-link{font-size:15px}.button{font:12px/1.5 Arial,sans-serif;letter-spacing:.3px;background:#24534e;border:1px solid #24534e;color:#fff5de;padding:15px 20px;text-decoration:none;display:inline-block;transition:background .2s}.button:hover{background:#963f2e;border-color:#963f2e;color:#fff5de}.archive-link{display:inline-block;font-size:14px;margin-top:25px}.contact{text-align:center;padding:100px 25px;max-width:850px;margin:auto}.contact img{width:500px;margin:0 auto 50px;filter:drop-shadow(4px 7px 4px #0003)}.contact h2{font-size:clamp(34px,4vw,55px)}.fine{font:11px/1.8 Arial,sans-serif;opacity:.8;margin-top:25px}footer{background:#214a46;color:#f1e4c6;text-align:center;padding:65px 24px 45px}footer>p{font-size:17px}footer>a:last-child{font:11px/1.5 Arial,sans-serif;display:inline-block;padding:15px}footer a:hover{color:#efd498}.back-top{position:fixed;right:20px;bottom:20px;background:#f6eedb;color:#264f48;border:1px solid #a79d7c;box-shadow:0 2px 10px #0002;width:62px;min-height:55px;text-decoration:none;display:none;text-align:center;padding:4px;z-index:40;font-size:21px}.back-top.visible{display:block}.back-top span{display:block;font:9px/1.4 Arial,sans-serif}.article{max-width:1000px;margin:auto;padding:35px 30px 85px}.breadcrumb{display:flex;gap:15px;font:12px Arial,sans-serif;flex-wrap:wrap}.article-head{text-align:center;max-width:850px;margin:65px auto 35px}.article-head h1{font-size:clamp(37px,5vw,65px)}.article-deck{font-size:20px;line-height:1.65}.article-body{max-width:660px;margin:auto}.article-body figure{margin:30px 0 50px;padding:35px;text-align:center}.article-body figure img{max-height:400px;margin:auto;object-fit:contain;filter:drop-shadow(4px 9px 5px #0003)}figcaption{font:italic 12px Georgia,serif;margin-top:30px}.article-body h2{font-size:32px}.article-next{display:flex;justify-content:space-between;gap:30px;font-size:15px;padding-top:60px}.contact,.story{scroll-margin-top:25px}@media(hover:hover) and (pointer:fine){.object:hover{transform:translateY(-9px) rotate(-.5deg);z-index:25;filter:drop-shadow(0 9px 5px #0002)}.object:hover .object-label{opacity:1}}@media(min-width:1500px){.intro-top{padding-top:35px}}@media(max-width:800px){.masthead{padding:20px 22px;flex-wrap:wrap;gap:14px}.masthead .wordmark{font-size:23px}.masthead nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.intro-top{padding-top:24px}.intro-top .eyebrow{font-size:9px}.intro-top p:last-child{font-size:14px}.story{gap:35px;padding:60px 25px}.story-copy p:not(.eyebrow):not(.category){font-size:16px}.story-art img{max-height:300px}.section-heading{padding-top:65px}.intro-bottom{margin-bottom:55px}.intro-bottom p{font-size:21px}.object-label{max-width:180px;font-size:11px}.contact{padding:65px 25px}.back-top{right:12px;bottom:12px}}
@media(max-width:560px){body{font-size:17px}.collage{aspect-ratio:1;margin-top:8px}.intro-bottom{margin-top:5px}.intro-bottom p{margin-top:10px}.collection-menu nav{grid-template-columns:1fr}.collection-menu nav a{min-height:44px}.story{grid-template-columns:1fr;gap:12px;padding:45px 28px}.story:nth-of-type(even) .story-art{order:0}.story-art{padding:10px 30px 20px}.story-art img{max-height:260px;max-width:100%}.artifact-note{margin-top:20px}.story-copy h2{font-size:37px}.eyebrow{font-size:10px;letter-spacing:2px}.section-heading{padding-bottom:25px}.section-heading h2{font-size:38px}.actions{gap:20px}.actions .button{min-height:48px}.contact p br{display:none}.article{padding-inline:24px}.article-head{margin-top:40px}.article-deck{font-size:18px}.article-body figure{padding:15px;margin-bottom:35px}.article-next{font-size:13px}.back-top{width:53px}.masthead nav a{min-height:44px;display:flex;align-items:center}.wordmark span{font-size:8px}footer .wordmark{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:560px){.object-label{display:none}}


/* Annotated design revisions: compact opening and consistent reading surfaces. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro{padding:0 12px 18px}
.intro-top{padding:12px 12px 8px}
.intro-top p.opening-tagline{font:17px/1.5 Georgia,'Times New Roman',serif;margin:0;color:#283f3a}
.collage{width:min(100%,1000px,calc(100svh - var(--masthead-height,100px) - 96px));max-width:none;margin:0 auto;aspect-ratio:1}
.article-page{background-image:linear-gradient(#f9f2e3c9,#f9f2e3c9),url('/assets/linen.webp');background-size:auto,650px}
.fine{font:500 14px/1.75 Arial,sans-serif;opacity:1}
.eyebrow,.category{font-size:13px;font-weight:600}
.wordmark span{font-size:11px;font-weight:600}
.masthead nav{font-size:14px}
.button,.object-label{font-size:13px}
.back-top span{font-size:11px;font-weight:600}
footer>a:last-child{font-size:14px}
.breadcrumb{font-size:14px;line-height:1.6}
.section-heading p:last-child{font-style:normal}
@media(max-width:800px){.masthead{padding-block:18px}.masthead nav{font-size:13px}.wordmark span{font-size:11px}}
@media(max-width:560px){
 .intro{padding-inline:10px;padding-bottom:14px}
 .intro-top{padding:10px 0 6px}
 .intro-top p.opening-tagline{font-size:16px;line-height:1.5}
 .collage{width:min(100%,max(280px,calc((100svh - var(--masthead-height,140px) - 82px)*.75)));aspect-ratio:1;margin-top:0}
 .eyebrow,.category{font-size:13px}
 .wordmark span{font-size:11px}
 .article-next{font-size:14px}
}

/* Large collage with the opening line set alongside it. */
.intro{display:grid;grid-template-columns:minmax(0,26fr) minmax(0,74fr);gap:2%;max-width:1700px;margin:0 auto;padding:32px 3% 40px}
.intro-top{padding:0 0 5%;text-align:left;min-width:0;align-self:stretch}
.intro-top p.opening-tagline{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin:0;text-align:left;font:italic 400 clamp(32px,4.8vw,82px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.opening-tagline span{display:block}
.collage{width:100%;max-width:1280px;margin:0;aspect-ratio:1}
@media(max-width:640px){
 .intro{display:block;padding:22px 12px 26px}
 .intro-top{padding:0 8px 24px}
 .intro-top p.opening-tagline{display:block;height:auto;font-size:clamp(25px,6.4vw,37px);line-height:1.25;letter-spacing:-.02em;max-width:20ch}
 .opening-tagline span{display:inline}
 .opening-tagline span:nth-child(4)::after{content:"";display:block;height:.3em}
 .collage{width:100%;max-width:none;aspect-ratio:1;margin:0}
}

/* Compact tagline, using the masthead subtitle lettering. */
.intro-top{display:flex;align-items:center;padding:0 0 5%;text-align:left}
.intro-top p.opening-tagline{display:block;height:auto;font:600 clamp(16px,1.6vw,24px)/1.8 Arial,sans-serif;letter-spacing:2.2px;text-transform:uppercase;text-align:left}
.opening-tagline span{display:block}
.opening-tagline span+span{margin-top:1.5em}
@media(max-width:640px){
 .intro-top{display:block;padding:0 8px 24px}
 .intro-top p.opening-tagline{font-size:15px;line-height:1.75;letter-spacing:2px;max-width:34ch}
 .opening-tagline span{display:block}
 .opening-tagline span+span{margin-top:1em}
}

/* A single square composition at every width; hit areas do not resize the artwork. */
.object:not(.decorative)::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}

/* Original full-width collage, centered, with its tagline underneath. */
.intro{display:block;max-width:none;margin:0;padding:18px 0 48px}
.collage{width:100%;max-width:1280px;margin:0 auto;aspect-ratio:1}
.intro-top{display:block;max-width:1100px;margin:0 auto;padding:20px 28px 0;text-align:center}
.intro-top p.opening-tagline{display:block;height:auto;max-width:none;font:400 clamp(22px,2.7vw,36px)/1.45 Keepsake,Rockwell,Georgia,serif;letter-spacing:0;text-transform:none;text-align:center}
.opening-tagline span{display:block}
.opening-tagline span+span{margin-top:.25em}
@media(max-width:640px){
 .intro{padding:16px 0 34px}
 .collage{width:100%;max-width:1280px;aspect-ratio:1;margin:0 auto}
 .intro-top{padding:20px 24px 0}
 .intro-top p.opening-tagline{font-size:clamp(20px,5vw,28px);line-height:1.45;letter-spacing:0;max-width:none}
 .opening-tagline span+span{margin-top:.4em}
}
