:root{--ink:#252822;--muted:#777970;--paper:#faf9f6;--line:#deded6;--lime:#a99b80}
.store-card-link{display:block;height:100%;color:inherit;text-decoration:none;cursor:pointer}
.store-card-link:hover{opacity:1}
.store-card-link:focus-visible{outline:2px solid #30392f;outline-offset:6px}
body{background:var(--paper);color:var(--ink)}
.announcement{background:#30392f;color:#fff;font-size:10px;letter-spacing:1px;padding:10px 20px}
header{max-width:none;height:110px;display:grid;grid-template-columns:1fr auto 1fr;padding:0 5%;background:var(--paper)}
header .brand{grid-column:2;grid-row:1;font:32px Georgia,serif;letter-spacing:7px;padding-left:7px}
header nav{grid-column:1;grid-row:1;gap:25px;font-size:10px}
header .nav-cta{grid-column:3;justify-self:end;border:0;font-size:9px;letter-spacing:1.5px}
.campaign{position:relative;min-height:650px;height:min(760px,75vh);display:grid;place-items:center;background:#484d43;color:white;isolation:isolate}
.campaign-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 56%;z-index:-2}
.campaign:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,27,20,.4),rgba(20,27,20,.23)),linear-gradient(0deg,rgba(20,27,20,.35),transparent 40%);z-index:-1}
.campaign-content{text-align:center;max-width:740px;padding:45px 25px}
.campaign .eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:24px}
.campaign h1{font:400 clamp(48px,5.4vw,82px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-2px;text-wrap:balance}
.campaign p{color:#fff;max-width:465px;margin:25px auto 30px;font-size:13px;line-height:1.9;text-shadow:0 1px 4px #333}
.campaign-button{background:#faf9f6;color:#252822;border-radius:0;letter-spacing:1.4px;font-size:9px;padding:18px 27px}
.campaign-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px}
.discovery-note{display:flex;justify-content:center;gap:75px;padding:25px 5%;border-bottom:1px solid var(--line);font-size:11px;color:#5f655b}
.discovery-note span+span:before{content:"·";margin-right:75px}
.stores-section{padding:90px 5% 75px;max-width:1600px}
.section-heading{display:block;text-align:center}
.section-heading .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:20px}
.section-heading h2{font:400 45px/1.2 Georgia,serif;letter-spacing:-1.2px}
.section-heading p{margin-top:16px;font-size:12px}
.directory-toolbar{justify-content:center;border:0;margin:25px 0 36px}
.directory-count{display:none}
.filters{gap:30px;justify-content:center}
.filters button{font-size:10px;padding:10px 0;color:#777}
.filters span{background:#eeede7}
.store-grid{gap:28px}
.store-image{border-radius:0}
.store-image img{aspect-ratio:3/4;transition:transform .65s ease}
.store-card:hover .store-image img{transform:scale(1.04)}
.badge{border-radius:0;font-size:8px;letter-spacing:.8px;background:#faf9f6;padding:8px 13px;top:18px;left:18px}
.pick{background:#30392f;border-radius:0;font-size:8px;letter-spacing:1.1px}
.store-heading h3{font:400 28px Georgia,serif;letter-spacing:-.4px}
.card-arrow{border:0;font-size:22px!important}
.store-card p{font-size:12px;line-height:1.85;max-width:330px}
.store-link{font-size:10px;padding:16px 0;border-color:var(--line)}
.directory-footnote{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;font-size:9px}
.about{background:#eeeee7;padding:75px 7%;gap:8%;grid-template-columns:1fr 1fr}
.about-photo{height:540px;border-radius:0}
.about-photo img{transform:none;object-position:center}
.about-photo>span{font-size:8px;border-radius:0;letter-spacing:1.5px;padding:13px 16px}
.about-copy .eyebrow{letter-spacing:2px;font-size:9px}
.about-copy h2{font:400 46px/1.13 Georgia,serif;letter-spacing:-1px}
.about-copy>p{font-size:13px;line-height:1.95;margin:25px 0}
.about-principles{margin-top:25px}
.about-principles span{color:#6d7865}
.about-principles strong{font-weight:500;font-size:12px}
.text-link{padding:9px 0;letter-spacing:.5px}
.contact{background:#30392f;color:#fff;padding:65px 7%}
.contact .eyebrow{color:#d5dacd;font-size:8px;letter-spacing:2px}
.contact h2{font:400 45px Georgia,serif;letter-spacing:-1px}
.contact p{color:#d5dacd;font-size:12px}
.contact .button{background:transparent;border:1px solid #939b88;color:#fff;border-radius:0;font-size:11px}
footer{background:#faf9f6;padding:60px 5% 28px}
footer .brand{font:30px Georgia,serif;letter-spacing:6px}
.footer-top p{color:#777970;font-size:11px}
.footer-links{font-size:10px;gap:40px}
.footer-bottom{font-size:9px}
.dark{background:#30392f}
.button{border-radius:0}
.login-story{background:#30392f}
.login-story h1{font-family:Georgia,serif;letter-spacing:-1px}
.login-story em{color:#d3d8c6}
.login-shell{border-radius:0;background:#fff}
.page h1,.form-panel h2{font-family:Georgia,serif;font-weight:400}
.notice{background:#e9eedf}
a,button{transition:opacity .2s}
a:hover,button:hover{opacity:.8}
@media(min-width:1600px){.about{padding-left:max(7%,calc((100vw - 1360px)/2));padding-right:max(7%,calc((100vw - 1360px)/2))}}
@media(max-width:1000px){header{height:95px}header nav{gap:16px;font-size:9px}header .brand{font-size:28px;letter-spacing:5px}.discovery-note{gap:30px}.discovery-note span+span:before{margin-right:30px}.about-photo{height:470px}.about-copy h2{font-size:39px}.campaign{min-height:570px}}
@media(max-width:640px){.announcement{font-size:8px;letter-spacing:.4px;padding:9px 10px}header{height:105px;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:15px 5%}header .brand{font-size:27px;letter-spacing:6px}header nav{gap:30px;font-size:9px}header nav a:last-child{display:block}header .nav-cta{display:none}.campaign{min-height:570px;height:72vh;max-height:720px}.campaign-image{object-position:63% center}.campaign-content{padding:40px 20px}.campaign h1{font-size:54px;letter-spacing:-1.5px;max-width:340px}.campaign .eyebrow{font-size:8px;letter-spacing:2px}.campaign p{font-size:12px;max-width:290px;margin:22px auto 27px}.campaign-button{padding:17px 22px;font-size:8px}.campaign-bottom{bottom:22px;font-size:7px;letter-spacing:1px}.campaign-bottom>span{display:none}.campaign-bottom a{margin:auto}.discovery-note{gap:0;justify-content:space-between;padding:19px 5%;font-size:8px}.discovery-note span+span:before{display:none}.stores-section{padding:48px 5%}.section-heading h2{font-size:35px;max-width:330px;margin:auto}.section-heading p{font-size:11px}.filters{gap:19px;row-gap:0}.filters button{font-size:9px}.directory-toolbar{margin:18px 0 26px}.store-grid{gap:30px}.store-image img{aspect-ratio:4/5}.store-heading h3{font-size:27px}.store-heading{margin-top:17px}.store-card p{font-size:12px}.directory-footnote{font-size:8px;line-height:1.8;gap:7px}.about{padding:40px 5%;grid-template-columns:1fr;gap:35px}.about-photo{height:390px}.about-copy h2{font-size:39px}.about-copy>p{font-size:12px}.contact{padding:45px 5%}.contact h2{font-size:37px}.contact p{font-size:11px}.contact .button{margin-top:25px}.footer-top{gap:30px}.footer-links{font-size:10px;gap:30px}footer{padding:40px 5% 24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Product photography and cover editing share the existing Ralen palette. */
.campaign{min-height:520px;height:min(650px,72vh)}
.campaign p{font-size:15px}
.stores-section{padding-top:72px}
.directory-toolbar{flex-direction:column;gap:18px;margin:28px 0 36px}
.filters{flex-wrap:wrap;gap:24px;row-gap:4px}
.filters button{font-size:12px;color:#62675e}
.directory-count{display:block;font-size:10px;letter-spacing:1.4px}
.store-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px;row-gap:48px}
.store-card[hidden]{display:none}
.store-image{background:#eeeee7}
.store-image img{width:100%;aspect-ratio:1;object-fit:contain}
.store-category{margin-top:20px;color:#62675e;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.store-heading{margin-top:9px}
.store-heading h3{font-size:27px}
.store-card p{font-size:13px;line-height:1.8;min-height:70px;margin:12px 0 20px}
.store-link,.store-link span{font-size:11px}
.store-card-link:hover .card-arrow{transform:translate(2px,-2px)}
.card-arrow{transition:transform .2s ease}
.filters button:focus-visible,.button:focus-visible{outline:2px solid #30392f;outline-offset:5px}
.cover-editor{border:1px solid var(--line);padding:22px;margin:22px 0 6px;min-width:0}
.cover-editor legend{padding:0 8px;font-size:17px;font-weight:500}
.cover-controls{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:start}
.cover-preview{background:#eeeee7;aspect-ratio:1;overflow:hidden}
.cover-preview img{width:100%;height:100%;object-fit:contain;display:block}
.cover-fields{display:flex;flex-direction:column;gap:8px;min-width:0}
.cover-fields label:first-child{margin-top:0}
.cover-fields input[type="file"]{padding:9px;max-width:100%;font-size:12px}
.cover-fields input[type="file"]::file-selector-button{background:#30392f;color:white;border:0;padding:9px 12px;margin-right:10px;font:inherit;cursor:pointer}
.cover-fields input{font-size:13px}
.editor .cover-status{font-size:12px;margin:4px 0;overflow-wrap:anywhere;color:#526048}
.editor .cover-status.validation{color:#923c31}
.cover-status:empty{display:none}
.domain-editor{border:1px solid var(--line);padding:22px;margin:22px 0 6px;min-width:0}
.domain-editor legend{padding:0 8px;font-size:17px;font-weight:500}
.domain-editor select{width:100%;padding:12px 14px;border:1px solid #cdd1c4;border-radius:4px;background:white;color:var(--ink);font:inherit}
.domain-editor [hidden]{display:none}
.domain-editor input[readonly]{background:#f5f5f1}
.editor .domain-help{font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin:16px 0 0}
.domain-editor select:focus-visible{outline:2px solid #30392f;outline-offset:3px}
@media(max-width:640px){.domain-editor{padding:16px}.domain-editor select,.domain-editor input{font-size:16px}}
@media(max-width:1199px){.store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-card p{min-height:0}}
@media(max-width:640px){.campaign{min-height:490px;max-height:610px}.campaign p{font-size:13px}.stores-section{padding-top:48px}.filters{gap:18px;row-gap:2px}.filters button{font-size:11px}.store-grid{grid-template-columns:1fr;gap:38px}.store-image img{aspect-ratio:1}.store-category{margin-top:17px}.cover-editor{padding:16px}.cover-controls{grid-template-columns:1fr;gap:18px}.cover-preview{width:min(220px,100%)}.cover-fields input{font-size:16px}}
.api-scopes{border:1px solid var(--line);padding:6px 16px 14px;margin:12px 0 4px}.api-scopes legend{font-size:12px;font-weight:600;padding:0 6px}.api-scopes .check{font-weight:400}
.api-key-once{display:flex;flex-direction:column;gap:8px}.api-key-once label{font-size:12px;font-weight:600}.api-key-once input{font-family:Consolas,Menlo,monospace;font-size:13px}.api-key-once small{font-size:11px;color:var(--muted)}.guide code{font-family:Consolas,Menlo,monospace;font-size:11px}