/* Crown's angled photographic service cards. */
.service-card.angled-card,
.service-card.angled-card:hover{container-type:inline-size;isolation:isolate;position:relative;display:flex;flex-direction:column;background:#0B392F!important;border:1px solid #72907A;border-radius:9px;box-shadow:0 5px 0 #B89B42,0 12px 22px #102D2715;overflow:hidden;transform:none}
.angled-card::before{content:"";position:absolute;inset:0 0 auto;height:75cqw;background:linear-gradient(125deg,#23715CCC,#155742BB),url('/assets/aroma-damask-pattern.webp') center/330px;background-blend-mode:normal,luminosity;clip-path:polygon(0 0,100% 0,100% 39%,0 85%);z-index:-1;pointer-events:none}
.angled-card .angled-title{position:relative;z-index:3;padding:19px 18px 0;min-height:41cqw;pointer-events:none}
.angled-card .angled-title h3{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(43px,17cqw,73px);line-height:.86;letter-spacing:-.055em;text-wrap:initial;color:#F0F3F1;margin:0}
.angled-card .angled-title h3 span{display:block}
.angled-card.long-title .angled-title h3{font-size:clamp(28px,11.4cqw,49px);line-height:1.1;letter-spacing:-.045em}
.angled-card.medium-title .angled-title h3{font-size:clamp(36px,14.7cqw,64px);line-height:1;letter-spacing:-.055em}
.angled-card .service-picture,.angled-card:nth-child(even) .service-picture{position:relative;margin:-12cqw 16px 0;height:78cqw;max-height:340px;border:0;border-radius:0;overflow:visible;box-shadow:none;transform:none!important;background:none;padding:0;flex-shrink:0}
.angled-card .service-picture::before{content:"";position:absolute;inset:0 -3px 5px 5px;background:linear-gradient(110deg,#EDCC65D9,#C4A13CC4),url('/assets/aroma-damask-pattern.webp') center/180px;background-blend-mode:normal,luminosity;clip-path:polygon(11% 32%,100% 0,96% 96%,0 86%);pointer-events:none}
.angled-card .service-picture img{position:absolute;inset:12px 0 0;width:100%;height:calc(100% - 12px);aspect-ratio:auto;object-fit:cover;object-position:center;clip-path:polygon(10% 32%,98% 0,94% 100%,0 85%);transform:none!important}
.angled-card .service-picture>span{position:absolute;z-index:4;top:24%;left:0;bottom:auto;padding:0;background:none;color:#D2E4DB;font-size:13px;letter-spacing:0;line-height:1;font-weight:600;backdrop-filter:none}
.angled-card .service-picture>span::after{content:"";display:block;width:1px;height:46px;background:#C3D9C8;margin:10px 0 0 3px}
.angled-card .service-copy{display:flex;flex:1;flex-direction:column;margin:0;padding:8px 14px 14px;background:none!important;border:0}
.angled-card .service-copy p,.full-service-grid .angled-card .service-copy p{font-size:16px;line-height:1.4;color:#DCE7E1;margin:0 4px 14px;min-height:45px;max-width:34ch}
.angled-card .card-cta{position:relative;isolation:isolate;overflow:hidden;min-height:48px;border:1px solid #E1C05B;border-radius:4px;padding:10px 14px;background:#D9B744;color:#102D27;font-size:14px;font-weight:800;box-shadow:0 2px 0 #041B15;margin-top:auto}
.angled-card .card-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#EAC956E8,#DAB548B8),url('/assets/aroma-damask-pattern.webp') center/145px;background-blend-mode:normal,luminosity;pointer-events:none}
.angled-card .card-cta span{font-size:25px}
@media(hover:hover){.angled-card:hover .card-cta::before{opacity:.8}.angled-card:hover{border-color:#D4AF37}}
@media(max-width:600px){.service-track .angled-card{flex-basis:94%}.angled-card .angled-title{padding-top:17px}.angled-card .service-copy p{font-size:15px}.angled-card .card-cta{font-size:13px}}