.demo-page{color:#f9edf7;background:radial-gradient(at 50% 0,#69317255,#0000 60%);min-height:100vh;padding-bottom:50px}.demo-header{align-items:center;gap:28px;min-height:100px;display:flex}.demo-header .wordmark{margin-right:auto}.demo-header .language-switch{display:flex}.demo-header .language-switch a[aria-current=page]{color:#301436;background:#f4b3df}.demo-back{color:#ecd6ed;font-size:13px;text-decoration:none}.demo-intro{text-align:center;max-width:900px;margin:42px auto 40px}.demo-intro h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(40px,5.2vw,70px);font-weight:500;line-height:1.06}.demo-intro h1 em{color:#efb2da;font-family:Georgia,serif;font-weight:400}.demo-lead{color:#d9c4df;font-size:18px;line-height:1.65}.demo-disclosure{text-align:left;background:#43264caa;border:1px solid #e2acd553;border-radius:18px;align-items:flex-start;gap:14px;max-width:770px;margin:28px auto 0;padding:18px 22px;display:flex}.demo-disclosure>span{color:#f9c9e8;font-size:26px;line-height:1.3}.demo-disclosure p{color:#efdfed;margin:0;font-size:14px;line-height:1.65}.demo-disclosure strong{color:#fff}.demo-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:20px;display:grid}.demo-card{background:#2d1938;border:1px solid #e6bfd72e;border-radius:26px;overflow:hidden;box-shadow:0 15px 45px #0c06132b}.demo-photo{aspect-ratio:4/5;position:relative;overflow:hidden}.demo-photo img{object-fit:cover;width:100%;height:100%;display:block}.demo-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#100b18d9);position:absolute;inset:42% 0 0}.demo-badge{z-index:2;letter-spacing:.6px;color:#fff;background:#271330ed;border:1px solid #fff4;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:750;position:absolute;top:14px;left:14px}.demo-photo-caption{z-index:2;position:absolute;bottom:19px;left:20px}.demo-photo-caption h2{color:#fff;margin:0 0 4px;font-size:29px;line-height:1.1}.demo-photo-caption h2 span{color:#f4e8f0;font-size:23px;font-weight:400}.demo-photo-caption p{color:#f9edf7;margin:0;font-size:13px}.demo-card-body{padding:20px}.demo-quote{color:#f8e5f4;min-height:84px;margin:0 0 16px;font-family:Georgia,serif;font-size:18px;line-height:1.55}.demo-tags{flex-wrap:wrap;gap:7px;margin:0 0 19px;padding:0;list-style:none;display:flex}.demo-tags li{color:#ead3e7;background:#ffffff07;border:1px solid #f3c5e32b;border-radius:100px;padding:6px 9px;font-size:11px}.demo-card details{border-top:1px solid #ffffff16;padding-top:15px}.demo-card summary{cursor:pointer;color:#fac7e7;font-size:13px;font-weight:600;line-height:1.5}.demo-card summary:focus-visible{outline-offset:5px;outline:2px solid #f4b3df}.demo-back:focus-visible{outline-offset:5px;outline:2px solid #f4b3df}.demo-card summary::marker{color:#f4b3df}.demo-card summary span{float:right;font-size:20px;line-height:1}.demo-card details[open] summary span{transform:rotate(45deg)}.demo-details{color:#dec8e2;font-size:13px;line-height:1.8}.demo-details h3{color:#fae2f3;margin:17px 0 3px;font-size:13px}.demo-details p{margin:12px 0}.demo-details .demo-footnote{color:#ccb8d1;margin-top:20px;font-size:11px}.demo-bottom{text-align:center;padding-top:55px}.demo-bottom>p{margin-bottom:22px;font-family:Georgia,serif;font-size:29px}.demo-bottom small{color:#cdb4d4;margin-top:19px;font-size:12px;line-height:1.7;display:block}@media (max-width:1100px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}.demo-quote{min-height:55px}.demo-intro{margin-top:28px}}@media (max-width:540px){.demo-header{gap:14px;min-height:80px}.demo-header .wordmark{font-size:27px}.demo-back{max-width:66px;font-size:11px;line-height:1.5}.demo-header .language-switch a{padding:6px 7px}.demo-intro{margin-top:23px}.demo-intro h1{letter-spacing:-1.5px}.demo-lead{font-size:16px}.demo-disclosure{gap:10px;padding:15px}.demo-disclosure p{font-size:12px}.demo-grid{grid-template-columns:1fr;gap:26px;max-width:430px}.demo-photo{max-height:490px}.demo-quote{min-height:0}.demo-card-body{padding:22px}.demo-tags li{font-size:12px}.demo-card summary,.demo-details{font-size:14px}}