/* Shared brand details across public pages and customer journeys. */
.topline,.brand-topline{font-family:Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:.13em;text-align:center;background:#f5e7df;padding:10px 18px}
.header .brand,.site-header .brand{font-family:Georgia,'Times New Roman',serif;font-size:35px;font-weight:400;line-height:1;letter-spacing:.13em;text-decoration:none;color:#322b27}
.header .brand-main{font:inherit;letter-spacing:inherit}
.header .brand-small,.site-header .brand small{display:block;font:400 12px/1.5 Arial,sans-serif;letter-spacing:.15em;text-align:center;text-transform:uppercase;margin-top:9px}
.hero h1 em{font-weight:400;color:#e7cdc0}
.careers-intro h1{font-size:clamp(2.8rem,5vw,4.3rem);line-height:1.05;letter-spacing:-.035em}
.careers-intro h1 em{color:#89715d;font-weight:400}
.career-card h2,.career-aside h2{font-size:44px;line-height:1.12}
.film-grid{align-items:start}.film-grid .film-card{align-self:start}
.shop-picture.product-cover img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center}
.gift-photo img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center}
.slot-grid>.slot-empty{grid-column:1/-1;min-width:0;width:100%;padding:clamp(24px,4vw,36px)}
.slot-empty h3{font-size:1.5rem;line-height:1.2}.slot-empty p{max-width:640px}.slot-empty .button{max-width:100%;text-align:center}
.social-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#f5e7df;color:#322b27;padding:18px 44px}
.social-footer p{margin:0;font:400 14px/1.5 Arial,sans-serif}.social-footer nav{display:flex;gap:12px;flex-wrap:wrap}
.social-footer a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #c7ac9d;border-radius:50%;color:inherit}
.social-footer a:hover{background:#e7cdc0}.social-footer a:focus-visible{outline:3px solid #89715d;outline-offset:4px}.social-footer svg{width:21px;height:21px;fill:currentColor}
@media(max-width:700px){.careers-intro h1{font-size:2.8rem}.career-card h2,.career-aside h2{font-size:36px}}
@media(max-width:600px){.topline,.brand-topline{font-size:12px;line-height:1.5;letter-spacing:.04em;padding:9px 14px}.header,.site-header{padding:18px 22px}.header .brand,.site-header .brand{font-size:29px}.header .brand-small,.site-header .brand small{font-size:12px;margin-top:7px}.gift-hero .gift-photo{height:240px;min-height:0;max-height:none}.social-footer{padding:18px 22px}}

@container(max-width:600px){.video-intro .detail-copy h1.wellness-title{font-size:clamp(2rem,10.2cqi,3rem)}.wellness-title em{white-space:nowrap}}

/* The foam product uses the same complete landscape photograph in both web views. */
.product-photo.product-photo-cover{height:auto;aspect-ratio:3/2;padding:0;overflow:hidden}
.product-photo.product-photo-cover img{display:block;width:100%;height:100%;padding:0;object-fit:cover;object-position:center}

/* Align the foam photo with the first line of the purchase copy. */
.product-feature>.product-photo-cover{align-self:start}

/* Approved cream product photography. Reserve the final frame before images load. */
.shop-picture.product-studio-frame,.product-photo.product-studio-frame,.aftercare-picture.product-studio-frame{display:block;height:auto;aspect-ratio:3/2;padding:0;overflow:hidden;align-self:start}
.product-studio-image{display:block;width:100%;height:100%;aspect-ratio:3/2;overflow:hidden}
.product-studio-image img,.shop-picture .product-studio-image img,.product-photo .product-studio-image img,.aftercare-picture .product-studio-image img{display:block;width:100%;height:100%;max-height:none;margin:0;padding:0;object-fit:cover;object-position:center;background:transparent}
.product-studio-image.product-studio-portrait{aspect-ratio:4/5}
.journal-embed>.product-studio-image{flex:0 0 32%;width:32%;height:auto;max-width:320px}
.product-studio-image.product-studio-thumb{flex:none;width:90px;height:115px;aspect-ratio:auto;margin:0}
@media(max-width:760px){
.shop-picture.studio-foam-frame,.product-photo.studio-foam-frame,.aftercare-picture.studio-foam-frame,.product-studio-image.product-studio-foam{aspect-ratio:4/5}
.journal-embed>.product-studio-image{width:70%;max-width:260px;height:auto;margin:24px auto 0}
}

.journal-embed .product-studio-image img{width:100%;height:100%;max-height:none;margin:0;padding:0;object-fit:cover}
@media(max-width:700px){.product-studio-image.product-studio-thumb{width:70px;height:90px}}