.showcase-list{display:grid;gap:42px}.showcase-card{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);background:#fffdf8;border:1px solid #d9d8cc;overflow:hidden}.showcase-visual{padding:24px;background:#e8e5dc;display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}.showcase-card--studio .showcase-visual{background:#1b4039}.showcase-card--cafe .showcase-visual{background:#a8684d}.showcase-screen{display:block;border:1px solid #bebcaf;border-radius:6px;background:#f8f6f0;box-shadow:0 16px 38px #112c3221;overflow:hidden;color:#183538;text-decoration:none;transition:transform .2s}.showcase-screen:hover{transform:translateY(-3px)}.showcase-screen img{display:block;width:100%;height:auto;aspect-ratio:1280/900;object-fit:cover}.showcase-screen__caption{display:flex;justify-content:space-between;gap:20px;padding:13px 17px;font:600 12px/1.5 'Manrope',sans-serif;border-top:1px solid #d9d8cc}.showcase-copy{padding:40px 36px;align-self:center;color:#19373a}.showcase-copy .showcase-sector{font:700 10px/1.6 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:1.7px;color:#896126;margin:0 0 13px}.showcase-copy h3{font:400 clamp(38px,4vw,58px)/1.08 'Cormorant Garamond',serif;margin:0 0 15px}.showcase-copy .showcase-tagline{font:600 17px/1.5 'Manrope',sans-serif;margin:0 0 12px}.showcase-copy>p{font:400 14px/1.8 'Manrope',sans-serif;margin:0 0 20px}.showcase-copy ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}.showcase-copy li{font:500 12px/1.6 'Manrope',sans-serif;padding-left:22px;position:relative}.showcase-copy li:before{content:'✓';position:absolute;left:0;color:#916829}.showcase-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.showcase-primary{background:#17373a;color:#fffdf8;padding:14px 17px;font:700 11px/1.5 'Manrope',sans-serif;text-decoration:none;display:inline-flex;gap:20px;align-items:center}.showcase-primary:hover{background:#28544f}.showcase-choice{font:600 11px/1.6 'Manrope',sans-serif;color:#19373a;text-underline-offset:5px}.showcase-formats{display:flex;justify-content:center;gap:6px}.showcase-formats button{border:1px solid #ffffff73;background:#fffdf8cc;color:#19373a;font:600 11px/1.4 'Manrope',sans-serif;padding:10px 16px;cursor:pointer}.showcase-formats button[aria-pressed=true]{background:#fffdf8;box-shadow:inset 0 -3px #b8904a}.showcase-screen--mobile{width:min(100%,265px);margin:0 auto}.showcase-screen--mobile img{aspect-ratio:390/844}.showcase-hero{background:#163b37;color:#f7f3e8;padding:165px 0 74px;overflow:hidden}.showcase-hero__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.showcase-hero h1{font:400 clamp(48px,5vw,78px)/1.05 'Cormorant Garamond',serif;letter-spacing:-1.5px;margin:18px 0 26px}.showcase-hero h1 em{color:#dec89d;font-weight:400}.showcase-hero .gallery-kicker{color:#dec89d}.showcase-hero .gallery-lead{font-size:15px;line-height:1.85;max-width:500px;margin-bottom:28px}.showcase-hero__note{font:500 11px/1.6 'Manrope',sans-serif;color:#d4ddd2;margin-top:22px}.showcase-hero__devices{position:relative;padding:16px 38px 58px 0;min-width:0}.showcase-hero__desktop{display:block;border:8px solid #e3e0d5;border-top-width:20px;border-radius:8px;box-shadow:0 18px 50px #06191880}.showcase-hero__desktop img{width:100%;display:block;height:auto}.showcase-hero__phone{display:block;position:absolute;right:0;bottom:30px;width:24%;border:5px solid #ebe7de;border-radius:16px;overflow:hidden;box-shadow:0 15px 25px #06191880}.showcase-hero__phone img{display:block;width:100%;height:auto}.showcase-hero__devices>p{font:400 10px/1.7 'Manrope',sans-serif;color:#d2ded3;margin:15px 0 0;max-width:70%}.showcase-collection [id]{scroll-margin-top:120px}.showcase-screen:focus-visible,.showcase-choice:focus-visible,.showcase-primary:focus-visible,.showcase-formats button:focus-visible,.showcase-hero a:focus-visible{outline:3px solid #b78c42;outline-offset:5px}
@media(max-width:1000px){.showcase-card{grid-template-columns:1fr 1fr}.showcase-copy{padding:28px 24px}.showcase-visual{padding:18px}.showcase-hero__grid{gap:30px}.showcase-hero h1{font-size:56px}}
@media(max-width:760px){.showcase-card{grid-template-columns:1fr}.showcase-copy{padding:28px 25px 34px}.showcase-copy h3{font-size:47px}.showcase-visual{padding:20px}.showcase-list{gap:28px}.showcase-hero{padding:125px 0 42px}.showcase-hero__grid{grid-template-columns:1fr;gap:30px}.showcase-hero h1{font-size:clamp(43px,10vw,64px)}.showcase-hero__devices{max-width:600px}.showcase-hero .gallery-lead{font-size:14px}.showcase-primary{padding:13px 16px}.showcase-screen__caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.showcase-screen{transition:none}}
.showcase-card .showcase-copy h3{font-size:clamp(38px,4vw,58px);line-height:1.08}
@media(max-width:760px){.showcase-card .showcase-copy h3{font-size:47px}}