/* Visual choices are compositions, not generated-site templates. */
.direction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}
.direction-option{position:relative;display:flex;flex-direction:column;min-width:0;cursor:pointer;border:1px solid #d7cfda;border-radius:14px;background:white;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.direction-option:hover{border-color:#972462}.direction-option:has(input:checked){border-color:#972462;box-shadow:0 0 0 2px #972462}.direction-option:has(input:focus-visible){outline:3px solid #0c7891;outline-offset:5px}
.direction-option input{position:absolute;opacity:0;width:1px;height:1px;top:16px;left:16px}
.direction-copy{padding:17px;display:grid;gap:7px}.direction-copy strong{font-size:18px;color:#22232c}.direction-copy small{font-size:14px;line-height:1.5;color:#69626f}
.direction-selected{position:absolute;right:12px;top:12px;width:26px;height:26px;background:#972462;color:#fff;border:2px solid white;border-radius:50%;display:grid;place-items:center;opacity:0}.direction-option:has(input:checked) .direction-selected{opacity:1}
.direction-art{height:140px;position:relative;display:block;background:#daeeb3;isolation:isolate;overflow:hidden;color:#182822}
.direction-art b{position:absolute;left:7%;top:18%;font:900 72px/.85 Arial,sans-serif;letter-spacing:-6px;z-index:2}.direction-photo{position:absolute;right:8%;top:12%;width:45%;height:81%;background:linear-gradient(145deg,#8c9e76,#364b3f);border-radius:45% 45% 5% 5%}.direction-inset{position:absolute;right:2%;bottom:8%;width:23%;height:35%;background:#fafbf6;z-index:1}.direction-rule{position:absolute;left:7%;bottom:15%;width:28%;height:4px;background:currentColor}
.direction-immersive .direction-art{background:#3d142b;color:#fcf8fb}.direction-immersive .direction-photo{inset:0;width:100%;height:100%;border-radius:0;background:radial-gradient(ellipse at 75% 30%,#bd97a8 0%,#704055 42%,#3d142b 75%)}.direction-immersive .direction-art b{font:italic 62px/1 Georgia,serif;letter-spacing:-5px;top:28%;left:12%}.direction-immersive .direction-inset{display:none}.direction-immersive .direction-rule{width:15%;left:13%}
.direction-collage .direction-art{background:#ffc9af;color:#2434a0}.direction-collage .direction-photo{width:31%;height:86%;right:13%;top:-3%;border-radius:0;transform:rotate(7deg);background:#6679a3}.direction-collage .direction-inset{background:#2434a0;width:30%;height:45%;right:31%;bottom:6%;transform:rotate(-5deg)}.direction-collage .direction-art b{top:10%;left:4%;font-weight:500}.direction-collage .direction-rule{width:18%;bottom:12%}
.direction-gallery .direction-art{background:#fafcfd;color:#483526}.direction-gallery .direction-photo{width:47%;right:12%;height:71%;top:14%;border-radius:0;background:#cbdde7}.direction-gallery .direction-inset{width:20%;height:30%;right:3%;bottom:8%;background:#a59c91;border:4px solid #fafcfd}.direction-gallery .direction-art b{font:italic 40px/1 Georgia,serif;left:9%;top:30%;letter-spacing:-3px}.direction-gallery .direction-rule{width:14%;height:1px;bottom:30%;left:10%}
.direction-precise .direction-art{background:#f4f9f7;color:#173638}.direction-precise .direction-art b{font-size:36px;letter-spacing:-2px;left:8%;top:12%}.direction-precise .direction-photo{inset:auto 8% 12% auto;width:60%;height:48%;border-radius:0;background:linear-gradient(120deg,#809f91,#173638)}.direction-precise .direction-inset{width:19%;height:48%;bottom:12%;left:8%;background:#f1df78}.direction-precise .direction-rule{width:43%;left:auto;right:8%;top:29%;height:2px}
.direction-advice .direction-art{background:#f3eaf0;color:#972462}.direction-advice .direction-art b{font:400 62px/1 Georgia,serif;left:calc(50% - 15px);top:27%;letter-spacing:0}.direction-advice .direction-photo{width:78px;height:78px;top:30px;left:calc(50% - 39px);border-radius:50%;background:#ead6e4}.direction-advice .direction-inset,.direction-advice .direction-rule{display:none}
@media(max-width:600px){.direction-grid{grid-template-columns:1fr}.direction-option{display:grid;grid-template-columns:110px minmax(0,1fr)}.direction-art{height:100%;min-height:128px}.direction-art b{font-size:52px}.direction-copy{padding:18px 14px}.direction-immersive .direction-art b{font-size:48px}.direction-selected{right:auto;left:8px;top:8px}.direction-advice .direction-art b{top:30%}}
@media(prefers-reduced-motion:reduce){.direction-option{transition:none}}
.direction-group-title{font-size:18px;margin:28px 0 10px}.direction-auto{margin-top:20px}.direction-auto small{display:block;font-size:13px;margin-top:5px;color:#766777}.direction-v2-preview{display:block;position:relative;height:210px;overflow:hidden;background:#F6F0F3;pointer-events:none}.direction-v2-preview iframe{position:absolute;left:0;top:-10px;width:1440px;height:1000px;border:0;transform:scale(.245);transform-origin:top left;pointer-events:none}.direction-more{margin-top:25px}.direction-more summary{cursor:pointer;font-weight:600;padding:16px 0;color:#852059;min-height:48px}.direction-library-link{display:inline-flex;align-items:center;min-height:44px;color:#852059;border-bottom:1px solid #D8B5CC;font-size:14px}.direction-option.direction-v2{display:flex}.direction-v2 .direction-copy{padding:16px}.direction-v2 .direction-copy small{font-size:12px}.direction-v2 .direction-selected{left:auto;right:12px}.direction-v2-preview{container-type:inline-size}.direction-v2-preview iframe{transform:scale(calc(100cqw / 1440px))}@media(max-width:600px){.direction-v2-preview{height:220px}.direction-grid:has(.direction-v2){grid-template-columns:1fr}.direction-group-title{font-size:17px}}@media(min-width:601px) and (max-width:900px){.direction-v2-preview{height:170px}}