.brand-about,.brand-reasons{margin:0 auto;padding-block:36px;max-width:1280px}.brand-about h2,.brand-reasons h2{font-size:clamp(28px,3vw,40px);margin-bottom:24px}.brand-about p{max-width:850px;font-size:16px;line-height:1.85;margin:0 0 16px}.brand-about .about-signature{font-weight:700;color:var(--purple)}.brand-about .eyebrow{font-size:13px;margin-top:26px}.brand-reasons ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.brand-reasons li{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--white);font-size:16px;line-height:1.5}.reason-icon{color:var(--purple);font-size:22px;min-width:24px;text-align:center}.how-context{max-width:760px;font-size:15px;line-height:1.7;margin:12px 0 22px}.how-steps ol{grid-template-columns:repeat(4,minmax(0,1fr))}.how-steps li{min-width:0}.how-steps .step-number{font-size:14px;color:var(--purple);font-weight:700}.how-steps li strong{font-size:16px;line-height:1.5}.iva-note{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 18px}.coverflow-copy strong{overflow-wrap:anywhere}
[data-theme="dark"] .brand-about .about-signature,[data-theme="dark"] .reason-icon,[data-theme="dark"] .how-steps .step-number{color:#cda6e6}[data-theme="dark"] .brand-reasons li{background:#281e32;border-color:#53405e}[data-theme="dark"] .iva-note{color:#c8bbd0}
@media(prefers-reduced-motion:reduce){.brand-edge-flowers *{animation:none!important}}
[data-effects="reduced"] .brand-edge-flowers *{animation:none!important}

.how-steps li::before{display:none}

.brand-info-shell{padding-block:8px}.brand-info{padding:0;max-width:none;margin:0;border:1px solid var(--line);border-radius:12px;background:var(--white)}.brand-info>summary{cursor:pointer;min-height:56px;padding:18px 22px;font-size:18px;font-weight:600;color:var(--ink);list-style-position:inside}.brand-info>summary:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:12px}.brand-info-content{padding:0 22px 22px;max-height:65vh;max-height:65dvh;overflow:auto;overscroll-behavior:contain}.brand-info-close{margin-top:18px;font-size:16px;min-height:44px}.brand-info-content p{font-size:16px;line-height:1.8}.brand-info-content ol{margin-top:18px}.brand-info-content .how-context{margin-top:0}

/* Decorations are clipped to existing empty gutters; catalogue width is unchanged. */
.brand-edge-flowers{position:fixed;inset:0;z-index:2;pointer-events:none!important;overflow:hidden;contain:strict;--edge-left:20px;--edge-right:20px;--edge-top:120px;--edge-bottom:90px}
.brand-edge-rail{position:absolute;top:var(--edge-top);bottom:var(--edge-bottom);width:var(--edge-left);left:0;overflow:hidden;pointer-events:none;contain:layout paint}
.brand-edge-rail.right{left:auto;right:0;width:var(--edge-right)}
.edge-foliage{position:absolute;width:180%;max-width:210px;height:auto;left:-70%;top:4%;opacity:.5;transform:rotate(18deg)}
.edge-foliage.lower{top:auto;bottom:0;transform:rotate(-12deg)}
.right .edge-foliage{left:auto;right:-70%;transform:scaleX(-1) rotate(18deg)}.right .edge-foliage.lower{transform:scaleX(-1) rotate(-12deg)}
.edge-blossom{position:absolute;width:180%;max-width:120px;height:auto;left:-90%;top:var(--flower-top);opacity:.6;transform:rotate(var(--flower-turn))}.right .edge-blossom{left:auto;right:-90%}
.edge-butterfly{position:absolute;left:8%;top:var(--flight-top);width:70%;max-width:34px;animation:jb-edge-flight var(--flight-duration) ease-in-out infinite;animation-delay:var(--flight-delay);pointer-events:none}
.edge-butterfly img{display:block;width:100%;height:auto;animation:jb-wing 3.4s ease-in-out infinite;filter:drop-shadow(0 0 3px #bb83e599)}
.edge-butterfly::after{content:'';position:absolute;width:2px;height:2px;border-radius:50%;left:45%;top:105%;background:#e7ceff;box-shadow:-3px 7px 3px #d2a3f6,3px 15px 2px #f0dcff,0 23px 3px #c389e6;animation:jb-fine-glitter 4s ease-in-out infinite}
.edge-petal{position:absolute;left:15%;top:var(--petal-top);width:34%;max-width:14px;height:auto;opacity:.6;animation:jb-edge-petal 23s ease-in-out infinite;animation-delay:var(--petal-delay)}
.edge-glitter{position:absolute;left:var(--spark-left);top:var(--spark-top);width:2px;height:2px;border-radius:50%;background:#d8afe9;box-shadow:0 0 5px 1px #c999e588;animation:jb-fine-glitter 6s ease-in-out infinite;animation-delay:var(--spark-delay)}
@keyframes jb-edge-flight{0%,100%{transform:translate(0,0) rotate(-9deg)}35%{transform:translate(3px,58px) rotate(9deg)}55%{transform:translate(0,80px) rotate(-6deg)}80%{transform:translate(2px,30px) rotate(7deg)}}
@keyframes jb-wing{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.72)}}
@keyframes jb-edge-petal{0%,100%{transform:translateY(0) rotate(-14deg);opacity:.35}50%{transform:translateY(65px) rotate(24deg);opacity:.65}}
@keyframes jb-fine-glitter{0%,100%{opacity:.12;transform:scale(.7)}50%{opacity:.85;transform:scale(1)}}
.brand-edge-flowers.effects-paused *{animation-play-state:paused!important}.brand-edge-flowers[hidden]{display:none}body:has(dialog[open]) .brand-edge-flowers{visibility:hidden}
.brand-bottom-information{padding-top:24px;padding-bottom:24px}.brand-info-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.brand-info-shell{padding:0;min-width:0}.brand-info-shell:has(details[open]){grid-column:1/-1}.brand-bottom-information>.iva-note{text-align:center;margin:20px 0 0}.brand-info>summary{font-size:16px;line-height:1.6;padding:16px 18px;min-height:60px}.brand-info{background:var(--white)}
@media(max-width:640px){.edge-butterfly{max-width:17px}.edge-butterfly.second{display:none}.edge-foliage{opacity:.4}.edge-blossom{opacity:.5}.edge-petal{max-width:8px}.edge-glitter:nth-of-type(even){display:none}.brand-info-cards{grid-template-columns:1fr;gap:8px}.brand-info-content{padding:0 16px 18px}.brand-reasons ul{grid-template-columns:1fr}.how-steps ol{grid-template-columns:1fr;gap:12px}.brand-bottom-information>.iva-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){.brand-edge-flowers *{animation:none!important}.edge-glitter,.edge-butterfly::after{display:none}}
[data-effects="reduced"] .brand-edge-flowers *{animation:none!important}[data-effects="reduced"] .edge-glitter,[data-effects="reduced"] .edge-butterfly::after{display:none}

.brand-how-before-order{padding-block:8px 24px}.brand-about-heading{font-size:22px;line-height:1.4;margin:4px 0 18px}

.brand-reasons li{align-items:flex-start}.brand-reasons li p{font-size:.9rem;font-weight:400;line-height:1.6;margin:6px 0 0}.brand-reasons li>div{min-width:0}