/* Occasion navigation and a scalable grid; no fictional catalog items. */
.occasion-options{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 18px}
.occasion-options button{font:400 14px/1.5 StoreManrope,Arial,sans-serif;min-height:44px;padding:10px 20px;border:1px solid #8C967D;border-radius:26px;background:transparent;color:#2F322D;cursor:pointer;transition:background-color .32s ease-in-out,color .32s ease-in-out,border-color .32s ease-in-out}
.occasion-options button[aria-pressed=true]{background:#66715B;color:#FBF8F4;border-color:#66715B}
.occasion-options button:focus-visible,.upcoming-designs button:focus-visible{outline:3px solid #66715B;outline-offset:4px}
.occasion-status{font-size:13px;color:#66715B;margin:0 0 25px}
#design-gallery.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding:0;gap:30px}
#design-gallery.cards>article{min-width:0;width:auto}
.upcoming-designs{padding:45px 0 55px;max-width:650px;position:relative}
.upcoming-designs:before{content:'';display:block;width:70px;height:2px;background:linear-gradient(90deg,#8C967D 50%,#C9AEAF 50%);margin-bottom:24px}
.upcoming-label{display:inline-block;padding:5px 12px;border-radius:20px;background:#E4D3D3;color:#2F322D;font-size:12px;margin-bottom:20px}
.upcoming-designs h3{font-size:clamp(28px,4vw,38px);line-height:1.25}
.upcoming-designs p{font-size:16px;line-height:1.75;max-width:500px;margin:18px 0 24px}
.upcoming-designs .link{background:none;border-width:0 0 1px;cursor:pointer;border-radius:0}
@media(min-width:1600px){#design-gallery.cards:has(>article:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){#design-gallery.cards{grid-template-columns:1fr;gap:24px}.occasion-options{gap:8px}.occasion-options button{font-size:13px;padding:10px 15px}.hero .copy h1{font-size:36px}.upcoming-designs{padding:25px 0 35px}}
@media(prefers-reduced-motion:reduce){.occasion-options button{transition:none}}

/* Rose accent follows the selected occasion, including wrapped rows. */
.occasion-options{position:relative;padding-bottom:14px}
.occasion-marker{position:absolute;top:0;left:0;height:2px;background:#B48F92;border-radius:2px;pointer-events:none}
.occasion-options.marker-ready .occasion-marker{transition:transform .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1)}
.occasion-options button[aria-pressed=true]{box-shadow:0 4px 12px #66715B14}
@media(hover:hover){.occasion-options button[aria-pressed=false]:hover{background:#E4D3D355;border-color:#B48F92}}
.occasion-options button:focus-visible{outline:2px solid #66715B;outline-offset:3px}
.hero .copy{min-width:0;padding-right:clamp(20px,3vw,48px)}
.hero .copy h1{font-size:clamp(36px,3.7vw,54px);line-height:1.18;max-width:100%}
@media(max-width:800px){.hero .copy{padding-right:0}.hero .copy h1{font-size:clamp(32px,8.8vw,40px)}}
html[data-motion-paused] .occasion-options .occasion-marker{transition:none}
@media(prefers-reduced-motion:reduce){.occasion-options.marker-ready .occasion-marker{transition:none}}

.custom-design{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:50px;padding:35px 0 25px;align-items:start}
.custom-eyebrow{font-size:12px;color:#66715B;letter-spacing:.05em;margin:0 0 20px}.custom-copy h3{font-size:clamp(32px,3.2vw,46px);line-height:1.2;max-width:600px}.custom-copy>p{max-width:600px;font-size:15px;line-height:1.8}.custom-copy .custom-intro{font-size:17px}.custom-steps{list-style:none;padding:0;margin:32px 0;display:grid;gap:22px}.custom-steps li{border-left:1px solid #C9AEAF;padding-left:18px}.custom-steps strong{font:400 23px/1.3 StoreLora,Georgia,serif;display:block;margin-bottom:7px}.custom-steps span{display:block;font-size:14px;line-height:1.7;max-width:500px}.custom-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}.custom-actions button{cursor:pointer}.custom-actions .button{border:0}.custom-actions .link{background:none;border-width:0 0 1px;border-radius:0}.custom-art{height:440px;position:relative;max-width:420px;width:100%;margin:35px auto 0;isolation:isolate}.custom-paper{position:absolute;width:70%;height:310px;top:40px;left:16%}.rose-paper{background:#E4D3D3;transform:rotate(-9deg) translate(-20px,20px)}.story-paper{background:#FBF8F4;box-shadow:7px 15px 35px #2F322D0D;transform:rotate(5deg);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}.story-paper>span:first-child{font-size:11px;letter-spacing:.12em;color:#66715B}.story-paper em{font:400 33px/1.25 StoreLora,Georgia,serif;margin:45px 0 20px}.paper-rule{width:35px;height:1px;background:#C9AEAF;margin-bottom:25px}.story-paper small{font-size:10px;color:#66715B}.custom-art svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#8C967D;stroke-width:1;pointer-events:none}.custom-contact{margin-top:30px;padding:24px 0;border-top:1px solid #E4D3D3;max-width:600px}.custom-contact h4{font:400 25px/1.3 StoreLora,Georgia,serif;margin:0}.custom-contact p,.custom-contact label{font-size:13px;line-height:1.7}.custom-contact label{display:block;margin:20px 0 8px}.custom-contact textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:160px;font:14px/1.7 StoreManrope,Arial,sans-serif;color:#2F322D;background:#FBF8F4;border:1px solid #B9C1B0;border-radius:5px;padding:14px;margin-bottom:14px}.custom-contact .outline{cursor:pointer}.custom-contact textarea:focus-visible,.custom-actions button:focus-visible{outline:2px solid #66715B;outline-offset:4px}
@media(max-width:900px){.custom-design{gap:25px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.custom-art{height:350px}.custom-paper{width:85%;height:260px;left:8%}.story-paper{padding:12px}.story-paper em{font-size:27px}}
@media(max-width:650px){.custom-design{grid-template-columns:1fr;padding-top:20px;gap:0}.custom-copy h3{font-size:34px}.custom-art{max-width:290px;height:325px;margin:10px auto}.custom-paper{width:70%;left:16%;height:245px;top:25px}.custom-copy .custom-intro{font-size:16px}.custom-actions{align-items:flex-start;gap:10px}.custom-contact{padding-top:22px}}

.custom-copy .custom-contact-note{font-size:12px;color:#66715B;line-height:1.7;margin-top:14px}

/* Compact custom offer: one short introduction and three small steps. */
.custom-design{grid-template-columns:minmax(0,1.45fr) minmax(0,.65fr);gap:32px;padding:16px 0 10px}
.custom-copy h3{font-size:clamp(30px,3vw,40px);line-height:1.2}
.custom-copy .custom-intro{font-size:16px;line-height:1.75;margin:16px 0 22px;max-width:620px}
.custom-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 26px}
.custom-steps li{padding-left:12px}.custom-steps strong{font-size:20px;margin-bottom:8px}.custom-steps span{font-size:13px;line-height:1.6}
.custom-art{height:300px;max-width:290px;margin:5px auto 0}.custom-paper{height:220px;width:72%;left:16%;top:28px}.story-paper{padding:14px}.story-paper em{font-size:27px;margin:24px 0 16px}.paper-rule{margin-bottom:18px}.story-paper small{font-size:9px}.story-paper>span:first-child{font-size:10px}
.custom-copy .custom-contact-note{max-width:560px;margin:12px 0 0}
@media(max-width:1000px){.custom-design{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:20px}.custom-steps{gap:12px}.custom-steps strong{font-size:18px}.custom-art{height:270px}.custom-paper{width:78%;left:12%;height:205px}}
@media(max-width:700px){.custom-design{grid-template-columns:1fr;gap:0;padding-top:10px}.custom-copy h3{font-size:32px}.custom-steps{grid-template-columns:1fr;gap:14px;margin-bottom:22px}.custom-steps li{padding-left:14px}.custom-steps strong{font-size:20px;margin-bottom:3px}.custom-steps span{font-size:13px}.custom-art{max-width:225px;height:225px;margin:12px auto 0}.custom-paper{height:160px;width:72%;left:16%;top:20px}.story-paper em{font-size:22px;margin:15px 0 10px}.paper-rule{margin-bottom:10px}.story-paper small{font-size:8px}.story-paper>span:first-child{font-size:8px}.custom-art svg{stroke-width:1.2}}

/* Compact catalog, matching the approved expansion study. */
.mood-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:4px 0 24px;padding:0 0 24px;border-bottom:1px solid #E4D3D3}
.mood-toolbar label{display:flex;gap:14px;align-items:center;font-size:14px}
.mood-toolbar select{font:400 14px/1.5 StoreManrope,Arial,sans-serif;min-height:44px;padding:8px 32px 8px 12px;color:#2F322D;background:#FBF8F4;border:1px solid #B9C1B0;border-radius:7px;max-width:100%}
.mood-toolbar button{font:13px/1.5 StoreManrope,Arial,sans-serif;color:#2F322D;background:none;border:0;text-decoration:underline;text-underline-offset:5px;min-height:44px;padding:8px 0;cursor:pointer}
.mood-toolbar button:disabled{opacity:.45;cursor:default;text-decoration:none}
.mood-toolbar select:focus-visible,.mood-toolbar button:focus-visible,.mood-empty button:focus-visible{outline:2px solid #66715B;outline-offset:4px}
.catalog-subtitle{font-size:27px;margin:0 0 28px}
#design-gallery.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#design-gallery.cards>article{border:0;background:transparent;overflow:visible}
#design-gallery .card-art{height:300px;border-radius:4px}
#design-gallery .card-art .phone{width:145px;top:20px;border-radius:20px}
#design-gallery .card-copy{padding:20px 0 25px}
#design-gallery .card-copy h3{font-size:25px}
#design-gallery .card-copy>p:not(.small){font-size:14px;line-height:1.7;min-height:0}
#design-gallery .card-copy .small{font-size:12px}
#design-gallery .card-copy .actions{gap:12px;padding-top:10px}
#design-gallery .actions .link,#design-gallery .actions .outline{font-size:13px}
.mood-empty{max-width:620px;padding:22px 0 36px}.mood-empty h4{font:400 28px/1.3 StoreLora,Georgia,serif;margin:0 0 16px}.mood-empty p{font-size:15px;line-height:1.7}.mood-empty .link{background:none;border-width:0 0 1px;border-radius:0;cursor:pointer}
@media(max-width:1100px){#design-gallery.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#design-gallery.cards{grid-template-columns:1fr;gap:16px}#design-gallery .card-art{height:285px}.mood-toolbar{gap:8px;margin-bottom:20px;padding-bottom:18px}.mood-toolbar label{gap:10px}.catalog-subtitle{font-size:25px;margin-bottom:22px}#design-gallery .card-copy{padding-bottom:18px}}