/* Rebuilt live typography and high-resolution campaign assets. */
body[data-project="crostella"] .cst-web-frame{border:1px solid #4e392725;box-shadow:0 20px 55px #4e392710;background:#fffaf1}
body[data-project="crostella"] .cst-web-frame>figcaption{font-size:11px;letter-spacing:.08em;padding:12px 22px;background:#ead7bf}
body[data-project="crostella"] .cst-web-top{padding:20px 24px;border-bottom:1px solid #4e39271c}
body[data-project="crostella"] .cst-web-hero-hd{position:relative;display:grid;grid-template-columns:1fr;padding:0;isolation:isolate}
body[data-project="crostella"] .cst-web-hero-hd>img{grid-area:1/1;display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:none;min-height:0;object-fit:cover}
body[data-project="crostella"] .cst-web-hero-hd>.cst-web-native-copy{grid-area:1/1;align-self:start;z-index:1;width:52%;padding:clamp(16px,2vw,30px) 24px;background:linear-gradient(115deg,#f7efdfdd,#f7efdf88,transparent)}
body[data-project="crostella"] .cst-web-native-copy h4{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(1.8rem,3.2vw,3.3rem);line-height:1;margin:0 0 8px;color:#30251b;letter-spacing:-.035em}
body[data-project="crostella"] .cst-web-native-copy p{font-size:12px;line-height:1.55;margin:0 0 12px;color:#3f3023}
body[data-project="crostella"] .cst-web-native-copy .cst-web-native-tagline{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(1.15rem,1.8vw,1.7rem);line-height:1.1;color:#a73520;margin-bottom:10px}
body[data-project="crostella"] .cst-web-native-copy .cst-web-native-cta{display:inline-flex;align-items:center;gap:16px;background:#50512b;color:#fffaf1;font-family:'DM Sans',sans-serif;font-size:10px;padding:9px 12px;border-radius:3px;letter-spacing:0}
body[data-project="crostella"] .cst-web-native-cta>span{background:none;padding:0;font-size:15px;color:inherit}
body[data-project="crostella"] .cst-web-menu-heading{padding:24px 22px 0;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
body[data-project="crostella"] .cst-web-menu-heading .cst-web-title{padding:0;margin:0;font-size:clamp(1.5rem,2.2vw,2rem)}
body[data-project="crostella"] .cst-web-menu-heading>span{font-size:10px;color:#765640}
body[data-project="crostella"] .cst-web-products-hd{gap:12px;padding:18px 22px 24px}
body[data-project="crostella"] .cst-web-products-hd figure{margin:0;min-width:0}
body[data-project="crostella"] .cst-web-products-hd img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
body[data-project="crostella"] .cst-web-products-hd figcaption{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(.85rem,1.3vw,1.2rem);line-height:1.2;padding:10px 0 0;color:#403323}
body[data-project="crostella"] .cst-web-foot{font-family:'Instrument Serif',Georgia,serif;padding:20px;font-size:20px}
@media(max-width:600px){body[data-project="crostella"] .cst-web-menu-heading>span{display:none}body[data-project="crostella"] .cst-web-top{padding:16px}body[data-project="crostella"] .cst-web-hero-hd>.cst-web-native-copy{padding:16px;width:53%}body[data-project="crostella"] .cst-web-native-copy p{font-size:10px}body[data-project="crostella"] .cst-web-native-copy .cst-web-native-cta{font-size:9px;padding:7px 9px;gap:8px}body[data-project="crostella"] .cst-web-products-hd{padding:14px 16px 20px;gap:8px}body[data-project="crostella"] .cst-web-menu-heading{padding:20px 16px 0}}
@media(max-width:360px){body[data-project="crostella"] .cst-web-hero-hd>.cst-web-native-copy{grid-area:auto;width:100%;background:#f7efdf}body[data-project="crostella"] .cst-web-hero-hd>img{grid-area:auto}}
