:root{color-scheme:light;--paper:#fbfaf7;--ink:#302d28;--gold:#b68e56}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{min-height:100vh;margin:0;background:radial-gradient(circle at 50% 30%,#fff 0%,#fcfbf8 48%,#f5f1e9 100%);color:var(--ink)}
button{font:inherit}
.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.portal{position:relative;isolation:isolate;width:min(100%,520px);min-height:min(740px,calc(100vh - 48px));display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #d9c8ac;background:linear-gradient(150deg,#fffefd 4%,#faf8f3 55%,#f5f0e8 100%);box-shadow:0 24px 90px #5c463018}
.portal::before{content:"";position:absolute;inset:11px;border:1px solid #d8c5a575;pointer-events:none}
.portal::after{content:"";position:absolute;left:50%;top:0;width:75%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#b88b4b,transparent)}
.ornament{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 31%,#e8d9bf2b 0%,transparent 32%),linear-gradient(135deg,transparent 48%,#d1bc9c0e 48.2%,#d1bc9c0e 48.4%,transparent 48.6%)}
.corner{position:absolute;width:24px;height:24px;border-color:#bf9b65;opacity:.68;pointer-events:none}
.corner.tl{top:17px;left:17px;border-top:1px solid;border-left:1px solid}.corner.tr{top:17px;right:17px;border-top:1px solid;border-right:1px solid}.corner.bl{bottom:17px;left:17px;border-bottom:1px solid;border-left:1px solid}.corner.br{bottom:17px;right:17px;border-bottom:1px solid;border-right:1px solid}
.portal-content{width:100%;padding:58px 34px 54px;text-align:center}
.crest{display:block;width:172px;height:128px;margin:0 auto 27px;filter:drop-shadow(0 5px 7px #a97e3e28)}
.rule{width:62px;height:1px;margin:0 auto 23px;background:linear-gradient(90deg,transparent,#b68e56,transparent)}
.store-name{max-width:450px;margin:0 auto;color:#332e25;font:400 clamp(27px,5vw,39px)/1.16 Georgia,"Times New Roman",serif;letter-spacing:.095em;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere}
.store-name.long{font-size:clamp(25px,4.4vw,34px);letter-spacing:.065em}
.eyebrow{margin:13px 0 0;color:#9b7a4c;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.38em;text-transform:uppercase}
.button-wrap{margin:45px 0 0}
.open-store{width:min(100%,252px);min-height:54px;border:1px solid #c7a978;border-radius:30px;background:linear-gradient(180deg,#fff,#f8f3ea);box-shadow:inset 0 1px 0 #fff,0 7px 20px #8d6f3b1b;color:#493820;letter-spacing:.18em;font:700 11px/1.3 Arial,sans-serif;cursor:default}
.open-store span{font-size:17px;vertical-align:-1px;margin-left:9px;font-weight:400}
.open-store:disabled{opacity:1}
.button-note{display:block;margin:9px 0 0;color:#aa8f6b;font:10px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.under-rule{width:29px;height:1px;background:#c9ac7c;margin:37px auto 15px}
.assurance{margin:0;color:#797168;font:italic 12px/1.5 Georgia,serif;letter-spacing:.015em}
.preview-mark{position:absolute;bottom:28px;left:0;width:100%;color:#b8b1a5;font:9px/1.4 Arial,sans-serif;letter-spacing:.18em;text-align:center;text-transform:uppercase}
@media(max-width:540px){.landing{padding:0}.portal{min-height:100vh;border:0;box-shadow:none}.portal::before{inset:13px}.portal-content{padding:50px 32px}.crest{width:152px;height:113px;margin-bottom:25px}.store-name{font-size:clamp(27px,8vw,39px)}.store-name.long{font-size:clamp(25px,7vw,34px)}.button-wrap{margin-top:42px}}

/* Clean Light reference refinement: lightly crumpled paper and gold Phoenix. */
body{background:#f9f8f5}
.portal{background:#faf9f6 url("./paper-texture.png") center/cover no-repeat;border-color:#d8bf95;box-shadow:inset 0 0 0 1px #f4ead8,0 14px 54px #51433114}
.portal::before{inset:15px;border-color:#d7bf977d}
.portal::after{display:none}
.ornament,.corner,.rule,.under-rule,.button-note,.preview-mark{display:none}
.portal-content{padding:52px 34px;margin-top:-16px}
.crest{width:222px;height:162px;margin-bottom:28px;filter:none;mix-blend-mode:multiply}
.store-name,.store-name.long{max-width:440px;font-size:clamp(28px,4vw,37px);font-weight:400;line-height:1.17;letter-spacing:.11em;color:#3c342b}
.eyebrow{margin-top:12px;font-size:9px;letter-spacing:.32em;color:#a48459}
.button-wrap{margin-top:45px}
.open-store{min-height:50px;width:min(100%,252px);border-color:#bb9156;background:linear-gradient(160deg,#fff 4%,#fffdf9 48%,#f4ead8 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ddc397,0 5px 14px #7f623426;color:#56422c;font-size:10px;letter-spacing:.15em}
.assurance{margin-top:31px;color:#82796e;font-size:11px;font-style:normal;letter-spacing:.01em}
@media(max-width:540px){.portal{background:#faf9f6 url("./paper-texture.png") center/cover no-repeat}.portal::before{inset:14px}.portal-content{padding:50px 32px}.crest{width:205px;height:150px;margin-bottom:28px}.store-name,.store-name.long{font-size:clamp(27px,7vw,35px)}.button-wrap{margin-top:42px}}
.open-store{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.open-store:focus-visible{outline:3px solid #8f692f;outline-offset:3px}
.open-store.unavailable{cursor:default;opacity:.58}