:root{font-family:system-ui,-apple-system,"Noto Sans",sans-serif;color:#f9f2de;background:#142825;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:9;background:#fff;color:#111;padding:1rem}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}header{border-bottom:1px solid #ffffff26}header .wrap{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:16px}.brand{font-family:Georgia,serif;font-size:1.3rem;letter-spacing:.12em;font-weight:700}.seal{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #d0a76d;border-radius:50%;color:#f1c990;margin-right:10px}select{background:#233b35;border:1px solid #ffffff4d;color:#fff;padding:9px;border-radius:8px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:70px 0 62px}.eyebrow{color:#edc889;letter-spacing:.16em;font-size:.78rem;font-weight:700}.hero h1{font-family:Georgia,serif;line-height:1.15;font-size:clamp(2.4rem,5vw,4.7rem);margin:18px 0}.lead{font-size:1.08rem;line-height:1.9;color:#d5dfd5;max-width:35rem}.primary{display:inline-block;background:#e8bf79;color:#172b27;border-radius:6px;padding:14px 23px;font-weight:700;margin-top:16px}.hero-image{height:420px;border-radius:12px;overflow:hidden;position:relative}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero-image:after{content:'';position:absolute;inset:0;border:1px solid #ffffff38;border-radius:12px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:40px;margin-bottom:25px}.section-head h2{font-family:Georgia,serif;font-size:2rem;margin:9px 0}.section-head p{color:#b9c9be}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#f3eee0;color:#263b35;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.card:hover,.card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 35px #0005}.card img{width:100%;height:190px;object-fit:cover;display:block}.card-body{padding:20px 21px 22px;display:flex;flex-direction:column;flex:1}.tag{font-size:.75rem;color:#96704b;letter-spacing:.1em;font-weight:700}.card h3{font-family:Georgia,serif;font-size:1.45rem;margin:10px 0 7px}.card p{line-height:1.65;margin:0 0 18px;color:#53635a;min-height:3.3em}.card .go{margin-top:auto;font-weight:700;color:#9a5437}.note{margin:45px 0 30px;padding:21px 25px;border:1px solid #ffffff2e;border-radius:8px;line-height:1.8;color:#d7dfd4}.note strong{color:#f1d6a3}footer{border-top:1px solid #ffffff25;color:#aabbb0;padding:26px 0 35px;font-size:.9rem;line-height:1.7}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:26px;padding:48px 0}.hero-image{height:320px;grid-row:1}.grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}}@media(max-width:500px){.wrap{width:calc(100% - 32px)}.hero-image{height:260px}.grid{grid-template-columns:1fr}.card img{height:200px}.hero h1{font-size:2.45rem}header .brand{font-size:1rem}}

.catalog-nav{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:0 0 14px;white-space:nowrap}.catalog-nav a{padding:8px 13px;border-radius:20px;color:#cfddd1;font-size:.93rem;flex:none}.catalog-nav a:hover,.catalog-nav a:focus-visible,.catalog-nav a[aria-current]{background:#e7c38b;color:#1b332d}.catalog-nav a:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Use the phone layout within the centered reading column. */
@container storyview (max-width:800px){.hero{grid-template-columns:1fr;gap:26px;padding:48px 0}.hero-image{height:320px;grid-row:1}.grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}}
@container storyview (max-width:500px){.wrap{width:calc(100% - 32px)}.hero-image{height:260px}.grid{grid-template-columns:1fr}.card img{height:200px}.hero h1{font-size:2.45rem}header .brand{font-size:1rem}}