/* Only the five collection titles and their optional edge directory. */

.collection-heading.floral-heading{position:relative;isolation:isolate;overflow:hidden;min-height:118px;padding:24px 42px;gap:25px;border:4px solid transparent;border-image:url('assets/ui/gilded-frame.webp?v=4277067976') 90 / 23px / 0 stretch;background:linear-gradient(105deg,#fff9ecb8,#fff4ed66 48%,#efc3d01a),url('assets/ui/peony-paper.webp?v=b8e9df8532') right 52% / auto 410px no-repeat,#f3c9c6;background-clip:padding-box;box-shadow:0 8px 26px #59372a2e,0 0 30px #ffd4e338,inset 0 0 24px #fffcf394;margin-bottom:28px}
.collection-heading.floral-heading:before{content:"";position:absolute;inset:14px;z-index:-1;width:auto;height:auto;opacity:.58;background:radial-gradient(ellipse at 20% 50%,#fffdf4c9,transparent 60%),linear-gradient(115deg,transparent 28%,#fffdf8a1 43%,transparent 58%);mask-image:none;pointer-events:none}
.collection-heading.floral-heading:after{content:"";position:absolute;inset:auto 14px 14px auto;z-index:-1;width:57%;height:38px;opacity:.66;background:url('assets/ui/cloud-sill.webp?v=2f1664d4fd') right bottom / auto 45px no-repeat;mask-image:linear-gradient(90deg,transparent,#000 35%);pointer-events:none}
.floral-heading h2{font-family:var(--serif);font-size:clamp(32px,3.2vw,46px);font-weight:400;line-height:1.3;letter-spacing:.14em;color:#813952;text-shadow:0 1px #fff9ee,0 2px 0 #efbba5,0 0 17px #fffaf5;position:relative}
.floral-heading small{font-family:var(--serif);font-size:21px;line-height:1.25;letter-spacing:.08em;color:#904c3d;min-width:34px;padding:8px 3px;text-align:center;border-block:1px solid #b07849a3;transform:rotate(-3deg)}
.edge-directory{position:fixed;inset:145px auto 80px 0;width:20px;z-index:64;pointer-events:auto}
.edge-directory-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:39px;min-height:106px;padding:12px 9px;border:1px solid #f9ddb5a6;border-left:0;border-radius:0 18px 18px 0;color:#fff7e8;background:linear-gradient(100deg,#6e4c40de,#9e5a74a3 70%,#eac7be61);backdrop-filter:blur(10px);box-shadow:0 0 18px #f4b3c73b;cursor:pointer;font:20px/1.3 var(--serif);writing-mode:vertical-rl;letter-spacing:.2em;transition:opacity .25s,transform .35s}
.edge-directory-toggle:focus-visible{outline:2px solid #fff0c9;outline-offset:3px}
.edge-directory-panel{position:absolute;top:50%;left:14px;width:296px;max-width:calc(100vw - 32px);max-height:calc(100svh - 200px);overflow-y:auto;overscroll-behavior:contain;padding:41px 39px 49px;border:3px solid transparent;border-image:url('assets/ui/gilded-frame.webp?v=4277067976') 90 / 17px / 0 stretch;isolation:isolate;color:#51352b;transform:translate(-115%,-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s,transform .4s cubic-bezier(.2,.75,.25,1),visibility .4s;background:linear-gradient(100deg,#fff8eceb,#fff1e6c9 62%,#fbdce55c);background-clip:padding-box;box-shadow:12px 12px 40px #24171238;backdrop-filter:blur(16px)}
.edge-directory-panel:before{content:"";position:absolute;inset:14px;z-index:-1;background:url('assets/ui/peony-paper.webp?v=b8e9df8532') 85% 60% / auto 100%;opacity:.5;mask-image:linear-gradient(100deg,#000 8%,#0008 65%,transparent);pointer-events:none}
.edge-directory-panel:after{content:"";position:absolute;inset:auto 14px 14px;height:34px;z-index:-1;background:url('assets/ui/cloud-sill.webp?v=2f1664d4fd') right bottom / auto 34px;opacity:.55;mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}
.edge-directory[data-open="true"] .edge-directory-panel{transform:translate(0,-50%);opacity:1;visibility:visible;pointer-events:auto}
.edge-directory[data-open="true"] .edge-directory-toggle{opacity:0;pointer-events:none;transform:translate(-110%,-50%)}
.edge-directory .directory-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;border-bottom:1px solid #9d5a6559;padding-bottom:13px}
.edge-directory .directory-caption strong{font:29px/1.3 var(--serif);letter-spacing:.2em;color:#813952}
.edge-directory .directory-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid #9451645c;border-radius:50%;background:#fff8ee8f;color:#6e483a;font:24px/1 sans-serif;cursor:pointer}
.edge-directory .directory-links{display:grid;gap:8px}
.edge-directory .directory-links a{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 11px;border:1px solid transparent;border-radius:3px;font-size:15px;line-height:1.6;transition:background .2s,border-color .2s,transform .2s}
.edge-directory .directory-links a span{font:18px var(--serif);color:#a2663c}
.edge-directory .directory-links a:hover,.edge-directory .directory-links a:focus-visible,.edge-directory .directory-links a[aria-current="location"]{background:linear-gradient(95deg,#f4acc061,#fff6e34d);border-color:#ac6d6663;box-shadow:inset 3px 0 #ad5875;color:#6a4030}
.edge-directory a:focus-visible,.edge-directory button:focus-visible{outline:2px solid #a5496c;outline-offset:2px}
.edge-directory .directory-top{display:block;margin-top:20px;padding:10px 12px 0;border-top:1px solid #9d5a653b;font-size:14px;color:#83524b}
@media(max-width:760px){
 .collection-heading.floral-heading{min-height:101px;padding:28px 28px;gap:13px;border-width:3px;border-image-width:17px;background-size:auto,auto 310px}
 .floral-heading h2{font-size:32px;letter-spacing:.06em;line-height:1.4}
 .floral-heading small{font-size:17px;min-width:27px;padding-block:6px}
 .collection-heading.floral-heading:before{inset:10px}
 .collection-heading.floral-heading:after{right:10px;bottom:10px;width:65%;height:27px;background-size:auto 32px}
 .edge-directory{top:155px;bottom:110px;width:13px}
 .edge-directory-toggle{width:30px;min-height:88px;padding:11px 5px;font-size:18px}
 .edge-directory-panel{left:8px;padding:36px 32px 44px;max-height:calc(100svh - 195px)}
}
@media(max-width:370px){.collection-heading.floral-heading{padding-inline:20px;gap:9px}.floral-heading h2{font-size:29px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.edge-directory-panel,.edge-directory-toggle,.edge-directory .directory-links a{transition:none}}