.marketing-content .aura-design-showcase{padding-bottom:70px}.design-introduction{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);align-items:end;gap:7%;margin:44px 0 38px}.design-kicker{display:block;font:500 9px/1.6 'Instrument Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6c756c}.design-introduction>.design-kicker,.design-introduction>div>.design-kicker{color:#b4432b}.marketing-content .design-introduction h2{font-size:clamp(40px,4.8vw,72px);line-height:1.03;letter-spacing:-.03em;margin:14px 0 0}.design-introduction h2 em{font-style:normal;color:#8b9387}.design-introduction>p{font-size:14px;line-height:1.9;max-width:390px;color:#657066;margin:0 0 4px}.design-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.design-case{min-width:0}.design-window{display:block;overflow:hidden;background:#f0ece2;color:#30372f!important;border:1px solid #17251a25;border-radius:9px;text-decoration:none;box-shadow:0 8px 20px #1e2c1707;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;transform:translateZ(0)}.design-window-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:#e8e6df;color:#6d756a;font-size:8px;letter-spacing:.06em;border-bottom:1px solid #26311b10}.design-window-bar>span:first-child{font-size:7px;letter-spacing:2px;color:#a0a59a}.design-demo-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px;min-height:58px}.design-demo-nav strong{font:600 19px/1 'Instrument Sans',sans-serif;letter-spacing:-.06em}.design-demo-nav strong>span{font-size:9px;font-weight:400;letter-spacing:0}.design-demo-nav>span{font-size:7px}.design-demo-nav>span:last-child{font-size:13px}.design-nordic-hero{position:relative;height:330px;background:#ccc9b7;isolation:isolate}.design-nordic-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#191e1400 30%,#171c14b0);z-index:0}.design-nordic-hero>img{width:100%;height:100%;object-fit:cover;display:block}.design-nordic-hero>div{position:absolute;left:20px;bottom:24px;z-index:1;color:#fff9ec}.design-nordic-hero small,.design-sevrin-hero small,.design-pulse-hero>small{display:block;font-size:7px;line-height:1.5;letter-spacing:.12em;margin-bottom:12px}.design-nordic-hero strong{display:block;font:400 clamp(34px,3.5vw,52px)/.98 Georgia,serif;letter-spacing:-.04em}.design-nordic-hero strong em{font-weight:400}.design-nordic-hero>div>span{display:inline-block;font-size:8px;line-height:1.5;margin-top:15px;padding-bottom:5px;border-bottom:1px solid #fff8}.design-photo-index{position:absolute;right:14px;bottom:20px;color:#fff8;font-size:8px;z-index:1}.design-demo-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;gap:14px;font-size:7px;min-height:43px;line-height:1.5}.design-demo-footer>span:last-child{font-size:16px}.design-sevrin .design-window{background:#392e29;color:#f8edd9!important;border-color:#392e29}.design-sevrin .design-window-bar{background:#2d2420;color:#c4b5a2;border-color:#fff1}.design-sevrin .design-demo-nav{background:#392e29}.design-sevrin .design-demo-nav strong{font:400 24px/1 Georgia,serif}.design-sevrin .design-demo-nav strong>span{font-style:italic;font-size:14px}.design-sevrin-hero{height:330px;position:relative;overflow:hidden;background:#e5b5ae}.design-sevrin-hero>div{height:141px;background:#392e29;position:relative;padding:12px 18px 20px;z-index:1}.design-sevrin-hero strong{font:400 clamp(22px,2.5vw,35px)/1.08 Georgia,serif;letter-spacing:-.04em;display:block}.design-sevrin-hero strong em{color:#dba88d}.design-sevrin-hero>img{display:block;width:100%;height:220px;object-fit:cover;object-position:center 48%}.design-editorial-note{position:absolute;bottom:12px;left:14px;background:#392e29ed;color:#f8edd9;padding:8px 12px;border-radius:100px;font-size:7px}.design-pulse .design-window{background:#d7deef;color:#182c66!important}.design-pulse .design-window-bar{background:#c7d0e6;color:#4e5f8c}.design-pulse .design-demo-nav{background:#d7deef}.design-pulse .design-demo-nav strong{font-weight:700}.design-pulse-hero{height:330px;position:relative;overflow:hidden;background:#d7deef;padding:12px 18px}.design-pulse-hero>strong{font:700 clamp(28px,3.3vw,46px)/.95 'Instrument Sans',sans-serif;letter-spacing:-.06em;position:relative;z-index:2;display:block}.design-pulse-hero>strong em{font-style:normal;color:#5568c8}.design-pulse-product{position:absolute;right:15px;bottom:29px;width:66%;height:205px;transform:rotate(-9deg);background:#bccce4;border-radius:13px;display:grid;place-items:center}.design-pulse-product img{display:block;width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply}.design-pulse-product>span{position:absolute;left:-17px;top:40%;display:grid;place-items:center;width:36px;height:36px;background:#e5f783;border-radius:50%;font-size:23px;color:#182c66;z-index:1}.design-pulse-link{display:inline-block;position:absolute;left:18px;bottom:16px;font-size:8px;text-decoration:underline;text-underline-offset:4px;z-index:2}.design-case-caption{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #142d2226}.design-case-caption h3{font:500 27px/1.1 'Instrument Sans',sans-serif;letter-spacing:-.04em;margin:8px 0 10px}.design-case-caption p{font-size:11px;line-height:1.7;max-width:210px;margin:0;color:#687264}.design-case-caption>a{display:inline-flex;align-items:center;white-space:nowrap;gap:10px;font-size:10px;min-height:44px;text-decoration:none;color:#263c2c;flex-shrink:0}.design-case-caption>a:hover{text-decoration:underline}.design-showcase-bottom{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-top:22px}.design-showcase-bottom p{font-size:10px;line-height:1.8;color:#74806f;max-width:650px;margin:0}.design-showcase-bottom>a{white-space:nowrap;font-size:11px;min-height:44px;display:inline-flex;align-items:center;gap:12px;color:#263c2c;text-decoration:none;border-bottom:1px solid #263c2c55}.design-theme-picker{border-top:1px solid #142d2226;padding-top:24px;margin-top:30px}.design-theme-picker>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.design-theme-picker a{display:inline-flex;align-items:center;gap:16px;min-height:40px;border:1px solid #142d2226;border-radius:100px;padding:8px 14px;font-size:11px;text-decoration:none;color:#43543d}.design-theme-picker a>span{font-size:13px;color:#8a9583}.design-theme-picker a:hover{background:#e8e9df;border-color:#596d4f}.aura-design-showcase :focus-visible{outline:2px solid #b4432b;outline-offset:5px}@media(hover:hover) and (pointer:fine){.design-window:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1e2c1712}}@media(max-width:1100px){.design-gallery{gap:16px}.design-demo-nav{padding:15px 12px}.design-demo-nav>span:not(:last-child){display:none}.design-case-caption{display:block}.design-case-caption>a{margin-top:6px}.design-nordic-hero,.design-sevrin-hero,.design-pulse-hero{height:300px}.design-sevrin-hero>div{height:135px}.design-sevrin-hero strong{font-size:28px}.design-introduction{gap:30px}.design-introduction>p{font-size:12px}.design-pulse-product{height:185px}.design-case-caption p{max-width:none}}
@media(max-width:760px){.design-introduction{grid-template-columns:1fr;gap:22px;margin:30px 0}.marketing-content .design-introduction h2{font-size:45px}.design-introduction>p{font-size:13px;max-width:500px}.design-gallery{grid-template-columns:1fr;gap:30px}.design-demo-nav{padding:20px}.design-demo-nav>span:not(:last-child){display:inline}.design-demo-nav strong{font-size:22px}.design-window-bar{padding:11px 15px}.design-nordic-hero,.design-sevrin-hero,.design-pulse-hero{height:360px}.design-nordic-hero strong{font-size:57px}.design-sevrin-hero strong{font-size:35px}.design-sevrin-hero>div{height:146px;padding:10px 20px 20px}.design-sevrin-hero>img{height:250px}.design-pulse-hero{padding:14px 20px}.design-pulse-hero>strong{font-size:49px}.design-pulse-product{height:230px}.design-case-caption{display:flex;margin-top:18px}.design-case-caption>a{margin-top:0}.design-case-caption p{max-width:230px}.design-showcase-bottom{display:block}.design-showcase-bottom p{font-size:10px}.design-showcase-bottom>a{margin-top:10px}.design-theme-picker a{min-height:44px}.design-kicker{font-size:8px}}@media(prefers-reduced-motion:reduce){.design-window{transition:none}}