@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--cream:#ffffff;--ink:#253e50;--gold:#487b9b;--line:#d8e8f2;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:5}.skip:focus{top:0}.announcement{text-align:center;background:#b9dff5;color:#253e50;padding:8px;font-size:11px;letter-spacing:1.8px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;gap:28px;border-bottom:1px solid var(--line)}.wordmark{font:35px/1.1 var(--serif);letter-spacing:-1.5px}.wordmark span{display:block;font:8px/2 Arial,sans-serif;letter-spacing:2px;margin-top:9px}nav{display:flex;gap:28px;font-size:12px}nav a:hover,.text-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.header-cta{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:6px}.header-cta span{margin-left:16px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:640px}.hero-copy{padding:85px 8% 60px 10%}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;color:#48718b;margin:0 0 24px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.13;margin:0}h1{font-size:clamp(46px,4.8vw,76px);letter-spacing:-2.8px}em{font-weight:400;color:#487b9b}.intro{max-width:380px;margin:28px 0;font-size:15px;color:#526979}.button{display:inline-flex;gap:36px;background:#b9dff5;color:#253e50;padding:16px 24px;font-size:12px}.button:hover{background:#9bcfee}.text-link{display:block;margin-top:19px;font-size:12px}.small-note{font-size:11px;color:#5a7181;margin-top:30px}.hero-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 40%,#f5fbff,#c9e6f7);min-height:600px}.hero-art svg{width:100%;height:100%;position:absolute;inset:0}.art-label{position:absolute;top:32px;left:30px;z-index:1;font-size:9px;letter-spacing:2px;color:#46677d}.art-caption{position:absolute;bottom:27px;left:30px;right:30px;display:flex;flex-direction:column}.art-caption span{font:italic 26px var(--serif)}.art-caption small{font-size:8px;letter-spacing:1.5px;margin-top:10px}.chapter-strip{display:flex;justify-content:space-evenly;gap:15px;padding:20px;border-block:1px solid var(--line);font-size:10px;letter-spacing:2px}.section{padding:85px 7%;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}h2{font-size:44px;letter-spacing:-1.3px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{font-size:12px;color:#526979;margin:0}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.category-art{height:270px;background:#eaf5fc;display:flex;align-items:center;justify-content:center;overflow:hidden}.category-title{display:flex;justify-content:space-between;align-items:center;margin-top:23px}h3{font-size:25px}.category-title span{font-size:11px;color:#48718b}.categories p{font-size:12px;color:#526979}.tag{font-size:8px;letter-spacing:1.7px;border-bottom:1px solid #c3ddea;padding-bottom:5px}.chain-art{transform:none}.chain-art i{border:5px solid #bb985a;min-width:68px;height:37px;border-radius:50%;margin:-7px;transform:rotate(-30deg);box-shadow:2px 5px 4px #b9aa8a}.charm-art{background:#e1f1fb;gap:18px}.charm-art i{font:58px Georgia;color:#aa8749;font-style:normal;text-shadow:2px 3px 2px #c1b28f}.charm-art i:nth-child(2){font-size:77px}.supply-art{background:#f0f8fd;gap:14px}.supply-art i{width:65px;height:65px;border:6px solid #b69258;border-radius:50%;box-shadow:2px 4px 3px #bca984}.supply-art i:nth-child(2){transform:translateY(30px)}.services{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#e5f3fc}.services>div>p:not(.eyebrow){font-size:16px;max-width:440px}.services h2{font-size:48px}details{border-block:1px solid #c3ddea;margin-top:28px;max-width:480px}summary{cursor:pointer;list-style:none;padding:17px 0;font-size:12px;display:flex;justify-content:space-between;gap:30px}summary::-webkit-details-marker{display:none}details p{font-size:13px;padding-bottom:16px;color:#526979}.events{text-align:center;background:#f0f8fd}.events>p:not(.eyebrow){color:#526979}.events details{margin:30px auto 0;text-align:left;width:100%}.about{text-align:center;max-width:800px;margin:auto}.about>p:last-child{max-width:510px;margin:24px auto 0;color:#526979}footer{border-top:1px solid var(--line);padding:42px 7%;display:flex;flex-wrap:wrap;align-items:center;gap:30px}footer p{font-size:12px}footer div{margin-left:auto;display:flex;gap:24px;font-size:12px}footer small{width:100%;font-size:10px;color:#5a7181}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){header{flex-wrap:wrap}.header-cta{display:none}nav{gap:20px}.hero-copy{padding-top:65px}h1{font-size:54px}.hero,.hero-art{min-height:550px}.category-art{height:210px}.section{padding:65px 6%}.section-heading{align-items:start;flex-direction:column}}@media(max-width:640px){header{padding:22px 6%;gap:22px}.wordmark{font-size:31px}nav{width:100%;gap:13px;justify-content:space-between;font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7% 40px}h1{font-size:55px}.hero-art{min-height:380px}.hero-art svg{transform:scale(1.3)}.chapter-strip{font-size:7px;letter-spacing:1px;padding:17px 8px}.chapter-strip>span:nth-child(even){display:none}.categories{grid-template-columns:1fr;gap:40px}.category-art{height:260px}.section{padding:55px 7%}h2,.services h2{font-size:37px}.services{grid-template-columns:1fr;gap:22px}.section-heading{gap:20px}footer{gap:18px}footer div{margin-left:0;width:100%}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Prominent homepage shopping action. */
.hero-copy .button{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:410px;min-height:76px;padding:22px 28px;font-size:18px;font-weight:600;line-height:1.4;gap:16px;border:2px solid #83bddd;border-radius:6px;box-shadow:0 6px 16px #487b9b26}.hero-copy .button:hover{background:#9bcfee;box-shadow:0 8px 20px #487b9b38}.hero-copy .button span{font-size:26px}@media(max-width:640px){.hero-copy .button{font-size:17px;padding:20px;min-height:72px}}
