/* The carousel displays page designs directly, with no campaign portraits. */
.page-showcase .gallery{gap:24px;padding-top:28px;padding-bottom:24px;align-items:flex-start}
.page-showcase .page-item{width:260px;min-width:260px;margin:0;transform:none;border:0;border-radius:18px;background:transparent;box-shadow:none}
.page-showcase .page-item:nth-child(n){margin:0;transform:none;z-index:auto}
.page-showcase .page-item:hover,.page-showcase .page-item:focus-within{transform:translateY(-5px)}
.page-preview{height:550px;display:flex;flex-direction:column;overflow:hidden;padding:22px 20px 18px;border:1px solid #00000024;border-radius:18px;position:relative;text-decoration:none;color:inherit;box-shadow:0 4px 0 #00000008;transition:box-shadow .2s}
.page-preview:focus-visible{outline:3px solid #181818;outline-offset:5px}
.page-preview:hover{box-shadow:0 9px 18px #0000000d}
.sample-masthead{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:650;gap:7px;padding-bottom:15px;border-bottom:1px solid currentColor}
.sample-masthead>span{font-size:9px;font-weight:450}
.sample-intro{padding:20px 0 17px}
.page-preview h3{margin:0;font:400 35px/.98 Georgia,serif;letter-spacing:-1.4px}
.sample-intro p{margin:11px 0 0;font-size:10px;line-height:1.6;opacity:.8}
.sample-art{height:165px;position:relative;overflow:hidden;flex-shrink:0;margin:0 0 15px}
.sample-action{display:flex;align-items:center;justify-content:center;padding:13px 5px;font-size:11px;font-weight:650;flex-shrink:0}
.sample-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #00000025;font-size:9px;padding:13px 0;gap:7px}
.sample-row>span{font-size:8px;opacity:.7}
.preview-soleil{background:#f4f0e5;color:#602b36}
.preview-soleil .sample-masthead{border:0;font:23px Georgia,serif;padding-bottom:0}
.preview-soleil .sample-masthead>span{font-size:26px}
.preview-soleil .sample-intro{padding-top:19px}
.preview-soleil .sample-art{height:147px;background:#d7d4b8;border-radius:95px 95px 0 0}
.soleil-art i{display:block;position:absolute;width:95px;height:170px;border:1px solid #f8f4e2;border-radius:60px;transform:rotate(35deg);top:24px;left:30px}
.soleil-art i+i{left:92px;top:7px;transform:rotate(-35deg);background:#bbc3a5;border-color:#bbc3a5;mix-blend-mode:multiply}
.soleil-art>span{position:absolute;bottom:13px;left:15px;font:italic 18px Georgia,serif;color:#3d4935}
.preview-soleil .sample-action{background:#602b36;color:#fff8ed;border-radius:4px}
.sample-slots{display:flex;justify-content:space-between;gap:5px;margin:8px 0 2px;font-size:8px}
.sample-slots span{border:1px solid #602b3640;border-radius:3px;padding:7px 9px}
.preview-stereo{background:#153acb;color:#f5f472}
.preview-stereo .sample-intro{padding:14px 0}
.preview-stereo .sample-intro p{margin:0 0 10px;font-size:9px}
.preview-stereo h3{font:600 38px/.88 'Clash Display','DM Sans',sans-serif;letter-spacing:-1.2px}
.preview-stereo .sample-art{height:143px;background:#172a67}
.stereo-art i{position:absolute;width:120px;height:120px;border-radius:50%;left:53px;top:12px;background:linear-gradient(#fbb185,#be5b87 58%,#142e75 59%,#071940);box-shadow:0 0 35px #eda66f55}
.stereo-art>span{position:absolute;bottom:12px;left:12px;font-size:19px;font-weight:650;letter-spacing:-.7px}
.stereo-art small{font-size:8px;font-weight:400;letter-spacing:0}
.preview-stereo .sample-action{background:#f5f472;color:#1732ad}
.preview-stereo .sample-row{border-color:#f5f47255}
.preview-form{background:#ecd8c0;color:#643f2b}
.preview-form .sample-masthead{font-family:Georgia,serif;font-size:18px}
.preview-form .sample-intro{padding-top:18px}
.preview-form .sample-art{background:#c48b65;height:160px}
.form-art .vase{position:absolute;width:65px;height:108px;background:linear-gradient(90deg,#a95331,#d08d5f 46%,#ad5e38);left:42px;top:23px;border-radius:30% 30% 38% 38%;box-shadow:7px 9px 9px #5f321b30}
.form-art .vase:before{content:'';position:absolute;left:21px;top:-10px;width:24px;height:23px;background:#b7754d;border-radius:3px 3px 7px 7px;box-shadow:inset 0 4px 0 #6a3b25}
.form-art .bowl{position:absolute;width:88px;height:44px;background:linear-gradient(#dec8a0,#b8986f);border-radius:4px 4px 50px 50px;right:25px;bottom:29px;box-shadow:4px 8px 8px #5f321b30}
.form-art .bowl:before{content:'';position:absolute;top:-6px;width:88px;height:15px;background:#8f7254;border:4px solid #d6bd95;border-radius:50%}
.form-art>span{position:absolute;bottom:10px;left:13px;font:italic 12px Georgia,serif;color:#f8e8d5}
.preview-form .sample-action{border:1px solid #643f2b;background:#643f2b;color:#f5eadc}
.preview-frame{background:#d2f783;color:#263c29}
.preview-frame .sample-masthead{font-size:11px;align-items:flex-start}
.preview-frame .sample-masthead>span{font-size:7px;max-width:58px;text-align:right;line-height:1.4}
.preview-frame h3{font:600 34px/.98 'Clash Display','DM Sans',sans-serif;letter-spacing:-1.5px}
.preview-frame .sample-intro{padding:20px 0}
.preview-frame .sample-art{height:182px;background:#243d32}
.frame-art>div{width:118px;height:215px;position:absolute;left:47px;top:12px;background:linear-gradient(90deg,#87987a 0 22%,#d3dabf 23% 52%,#99a88c 53% 78%,#71896f 79%);transform:rotate(24deg);box-shadow:15px 0 0 #0f2827}
.frame-art>div:before{content:'';position:absolute;width:65px;height:110px;background:#263f35;left:27px;top:55px;border-radius:40px 40px 0 0}
.frame-art>span{position:absolute;bottom:13px;left:13px;color:#eff3da;font-size:16px;letter-spacing:-.6px;line-height:1.2}
.frame-art small{font-size:8px;letter-spacing:0}
.preview-frame .sample-action{background:#263c29;color:#d2f783}
.preview-podcast{background:#e9dcf0;color:#39253f}
.preview-podcast h3{font-size:31px;letter-spacing:-1.1px}
.preview-podcast .sample-intro{padding:20px 0 15px}
.preview-podcast .sample-art{height:171px;background:#4a2c50;color:#e7c9ed}
.podcast-art>i{position:absolute;width:160px;height:160px;right:-55px;top:-34px;border:30px solid #9b77aa;border-radius:50%}
.podcast-art>span{position:absolute;top:17px;left:14px;font:400 40px/.9 Georgia,serif;letter-spacing:-2px}
.sound-wave{position:absolute;bottom:16px;left:15px;right:15px;font-size:21px;letter-spacing:1px;color:#c6a2d2}
.preview-podcast .sample-action{background:#39253f;color:#f6ebfa}
.play-symbol{font-size:10px;margin-right:7px}
@media(min-width:1600px){.page-showcase .gallery{padding-left:max(55px,calc((100vw - 1376px)/2));padding-right:max(55px,calc((100vw - 1376px)/2))}}
@media(max-width:600px){.page-showcase .gallery{padding:24px 24px 22px;gap:18px}.page-showcase .page-item{width:260px;min-width:260px}.page-showcase .page-item:nth-child(n){margin:0;transform:none}.page-preview{height:550px}.page-showcase .gallery-footer{margin:0 24px}}
@media(prefers-reduced-motion:reduce){.page-showcase .page-item:hover,.page-showcase .page-item:focus-within{transform:none}.page-preview{transition:none}}