.moodroyal-first-page{--mr-background:#faf8f5;--mr-surface:#fffdfb;--mr-soft:#f7f3ef;--mr-text:#302d2b;--mr-muted:#706963;--mr-brown:#96816b;--mr-brown-dark:#7e6955;--mr-border:#d9c9b9;--mr-border-dark:#c6b09a;--mr-success:#58715e;width:min(1040px,100% - 28px);margin:0 auto;padding:18px 0 55px}.moodroyal-first-page .site-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin:0 auto;padding:8px 4px 18px;display:flex}.moodroyal-first-page .site-logo{color:var(--mr-text);font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:700;text-decoration:none}.moodroyal-first-page .header-details{color:var(--mr-muted);align-items:center;gap:11px;font-size:11px;font-weight:700;display:flex}.moodroyal-first-page>.mini-process{border:1px solid var(--mr-border);background:#fffdfbf5;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin:7px auto 20px;padding:9px 16px;display:flex;box-shadow:0 6px 18px #7e69550d}.moodroyal-first-page .mini-process-item{color:var(--mr-muted);white-space:nowrap;align-items:center;gap:7px;display:flex}.moodroyal-first-page .mini-process-item>span{border:1px solid var(--mr-border);background:#fffdfb;border-radius:999px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.moodroyal-first-page .mini-process-item strong{font-size:10px}.moodroyal-first-page .mini-process-item.active{color:var(--mr-brown-dark)}.moodroyal-first-page .mini-process-item.active>span{border-color:var(--mr-brown-dark);color:#fffdfb;background:var(--mr-brown-dark)}.moodroyal-first-page .mini-process-line{background:var(--mr-border);width:34px;height:1px;margin:0 9px}.moodroyal-first-page .portrait-choice-hero{border:1px solid var(--mr-border);background:var(--mr-surface);border-radius:16px;grid-template-columns:minmax(330px,410px) minmax(0,1fr);width:100%;max-width:1000px;min-height:490px;margin:0 auto 18px;display:grid;overflow:hidden;box-shadow:0 13px 35px #7e695514}.moodroyal-first-page .portrait-choice-content{flex-direction:column;justify-content:center;min-width:0;padding:30px 32px;display:flex}.moodroyal-first-page .portrait-choice-content .small-eyebrow{color:var(--mr-brown);letter-spacing:.14em;margin-bottom:10px;font-size:8px;font-weight:800}.moodroyal-first-page .portrait-choice-content h1{max-width:380px;color:var(--mr-text);letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(39px,4.2vw,52px);font-weight:500;line-height:1}.moodroyal-first-page .portrait-choice-description{max-width:380px;color:var(--mr-muted);margin:14px 0 0;font-size:11px;line-height:1.6}.moodroyal-first-page .portrait-choice-trust{color:var(--mr-muted);flex-wrap:wrap;gap:6px 11px;margin-top:12px;font-size:9px;font-weight:700;display:flex}.moodroyal-first-page .hero-selected-design{border:1px solid var(--mr-border);background:#f7f3ef;border-radius:11px;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:12px;margin-top:19px;padding:10px;display:grid}.moodroyal-first-page .hero-selected-design>.design-image{aspect-ratio:auto;border-radius:8px;width:68px;height:84px}.moodroyal-first-page .hero-selected-design .portrait-crown{font-size:18px}.moodroyal-first-page .hero-selected-design .portrait-face{width:37%}.moodroyal-first-page .hero-selected-copy>span{color:var(--mr-muted);text-transform:uppercase;letter-spacing:.08em;font-size:7px;font-weight:800}.moodroyal-first-page .hero-selected-copy strong{color:var(--mr-text);margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:16px;display:block}.moodroyal-first-page .hero-selected-copy small{color:var(--mr-brown);text-transform:uppercase;margin-top:2px;font-size:7px;font-weight:800;display:block}.moodroyal-first-page .hero-selected-copy p{color:var(--mr-muted);margin:5px 0 0;font-size:8px;line-height:1.4}.moodroyal-first-page .hero-continue-button{border-radius:8px;width:100%;min-height:45px;margin-top:12px;font-size:11px}.moodroyal-first-page .continue-help-text{color:var(--mr-muted);text-align:center;margin:7px 0 0;font-size:8px}.moodroyal-first-page .portrait-choice-visual{background:radial-gradient(circle at 50% 38%,#fffffff0,#0000 43%),linear-gradient(#faf8f5 0%,#ede4da 100%);flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:490px;padding:28px;display:flex}.moodroyal-first-page .portrait-choice-frame{aspect-ratio:4/5;border:1px solid var(--mr-border);background:#fffdfb;border-radius:13px;width:min(285px,76%);padding:7px;display:flex;box-shadow:0 15px 34px #7e69551f,0 0 0 6px #fff6}.moodroyal-first-page .design-image--large{border-radius:8px;width:100%;height:100%}.moodroyal-first-page .portrait-choice-caption{margin-top:13px}.moodroyal-first-page .portrait-choice-caption span{font-size:7px}.moodroyal-first-page .portrait-choice-caption strong{margin-top:3px;font-size:16px}.moodroyal-first-page .portrait-choice-dots{margin-top:10px}.moodroyal-first-page .style-gallery-panel{border:1px solid var(--mr-border);background:#fffdfbf7;border-radius:16px;width:100%;max-width:1000px;margin:0 auto;padding:25px;box-shadow:0 12px 30px #4630210f}.moodroyal-first-page .gallery-heading-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.moodroyal-first-page .gallery-heading-row h2{color:var(--mr-text);margin:0;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:500}.moodroyal-first-page .gallery-heading-row p{color:var(--mr-muted);margin:7px 0 0;font-size:10px}.moodroyal-first-page .design-count{color:#fffdfb;background:var(--mr-brown);border-radius:999px;padding:6px 10px;font-size:8px;font-weight:800}.moodroyal-first-page .category-filter{flex-wrap:wrap;justify-content:center;gap:7px;width:100%;margin:20px auto;display:flex}.moodroyal-first-page .category-button{border:1px solid var(--mr-border);min-height:32px;color:var(--mr-text);background:#fffdfb;border-radius:999px;padding:6px 12px;font-size:9px;font-weight:700}.moodroyal-first-page .category-button.active{border-color:var(--mr-brown-dark);color:#fffdfb;background:var(--mr-brown-dark)}.moodroyal-first-page .portrait-design-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 12px;display:grid}.moodroyal-first-page .portrait-design-card{min-width:0;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;flex-direction:column;padding:7px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.moodroyal-first-page .portrait-design-card:hover{border-color:var(--mr-border);background:#fffdfb;transform:translateY(-3px)}.moodroyal-first-page .portrait-design-card.selected{border-color:var(--mr-brown-dark);background:#fffdfb;box-shadow:0 8px 20px #7e69551c}.moodroyal-first-page .design-card-image-wrap{width:100%;display:block;position:relative}.moodroyal-first-page .portrait-design-card .design-image{aspect-ratio:1;border-radius:8px;width:100%;height:auto;display:block}.moodroyal-first-page .portrait-design-card .portrait-crown{font-size:25px;top:7%}.moodroyal-first-page .portrait-design-card .portrait-face{width:34%;top:21%}.moodroyal-first-page .portrait-design-card .portrait-body{width:73%;height:62%}.moodroyal-first-page .selected-mark{width:23px;height:23px;font-size:11px;top:7px;right:7px}.moodroyal-first-page .design-card-copy{flex-direction:column;min-height:87px;padding:8px 2px 3px;display:flex}.moodroyal-first-page .design-card-copy strong{color:var(--mr-text);font-family:Georgia,Times New Roman,serif;font-size:12px;line-height:1.2}.moodroyal-first-page .design-card-copy>span{color:var(--mr-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:8px;line-height:1.4;display:-webkit-box;overflow:hidden}.moodroyal-first-page .design-card-copy small{color:var(--mr-brown);text-transform:uppercase;letter-spacing:.05em;margin-top:auto;padding-top:5px;font-size:7px;font-weight:800}.moodroyal-first-page .selected-style-footer{border:1px solid var(--mr-border-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfbf5;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:13px 14px;display:flex;position:sticky;bottom:10px;box-shadow:0 9px 24px #7e69551f}.moodroyal-first-page .selected-style-information strong{font-size:15px}.moodroyal-first-page .selected-style-information small{font-size:8px}.moodroyal-first-page .selected-style-footer .continue-style-button{min-width:190px;min-height:42px;font-size:10px}.moodroyal-first-page .style-trust-section{width:100%;max-width:1000px;margin:15px auto 0}@media (max-width:900px){.moodroyal-first-page .portrait-choice-hero{grid-template-columns:1fr}.moodroyal-first-page .portrait-choice-visual{order:-1;min-height:0}.moodroyal-first-page .portrait-choice-content{text-align:center;width:min(620px,100%);margin:0 auto}.moodroyal-first-page .portrait-choice-content h1,.moodroyal-first-page .portrait-choice-description{margin-left:auto;margin-right:auto}.moodroyal-first-page .portrait-choice-trust{justify-content:center}.moodroyal-first-page .hero-selected-design{text-align:left}.moodroyal-first-page .portrait-design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:620px){.moodroyal-first-page{width:min(100% - 16px,1040px)}.moodroyal-first-page .header-details{display:none}.moodroyal-first-page .site-header{justify-content:center}.moodroyal-first-page .mini-process-item strong{display:none}.moodroyal-first-page .mini-process-line{width:22px;margin-inline:6px}.moodroyal-first-page .portrait-choice-content{padding:27px 16px}.moodroyal-first-page .portrait-choice-content h1{font-size:37px}.moodroyal-first-page .portrait-choice-frame{width:min(270px,86%)}.moodroyal-first-page .style-gallery-panel{padding:19px 11px}.moodroyal-first-page .gallery-heading-row{text-align:center;display:block}.moodroyal-first-page .design-count{margin-top:10px;display:inline-flex}.moodroyal-first-page .portrait-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.moodroyal-first-page .selected-style-footer{text-align:center;flex-direction:column;align-items:stretch}.moodroyal-first-page .selected-style-footer .continue-style-button{width:100%;min-width:0}}