/* Coastal Boutique, Figma page 55:1024. Commerce remains owned by WooCommerce. */
:root{--canvas:#fff;--ink:#173e56;--muted:#566872;--rose:#245c74;--sage:#e9f4f8;--shell:#f8e8ee;--line:#e5ebed;--wc-primary:#245c74;--wc-primary-text:#fff;--wc-secondary:#e9f4f8;--wc-secondary-text:#173e56}
.announcement{display:block;background:#f7d6e3;color:var(--ink);font-size:12px;padding:8px 20px}
.site-header{height:112px;gap:24px;background:#fff}.nav-links{gap:32px;font-size:15px}.header-actions{gap:8px}
.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-block-button__link{border-radius:2px}
.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce #respond input#submit:hover,.wp-block-button__link:hover{background:#173e56;color:#fff}
.desktop-nav .products-nav-item{position:static}.products-submenu{left:0;right:0;top:100%;width:100%;padding:36px 64px;border-inline:0;box-shadow:0 14px 22px #173e560a;max-height:calc(100svh - 150px);overflow:auto}
.mega-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1312px;margin:auto}
.mega-column{min-width:0;padding:0 24px;min-height:210px;border-left:1px solid var(--line)}.mega-column:first-child{border:0;padding-left:0}.mega-column h2{font:500 13px/1.6 var(--body);text-transform:uppercase;margin:0 0 16px}.mega-column ul{list-style:none;margin:0;padding:0}.mega-column a{padding:8px 0;font-size:14px;overflow-wrap:anywhere}.mega-column a:hover{text-decoration:underline;text-underline-offset:5px}
.home-hero{height:min(620px,calc(100svh - 200px));min-height:480px;max-height:none;display:flex;align-items:end}.hero-image{opacity:1;object-position:center 48%}.hero-inner{height:auto;max-width:none}.hero-copy{background:rgba(255,255,255,.96);padding:24px max(64px,calc((100% - 1312px)/2));width:100%;display:block}.hero-copy .eyebrow{margin:0 0 6px}.hero-copy h1{font-size:52px;line-height:1.1;margin:0 0 8px}.hero-copy>p:not(.eyebrow){max-width:980px;font-size:18px;line-height:1.55;margin:0 0 8px}.hero-actions{margin-top:12px;gap:20px}.hero-actions .button{min-width:160px}.hero-actions .secondary{background:var(--rose);color:#fff}
.hero-inner{margin:0}.category-item img{aspect-ratio:244/220}.category-item h3{font-size:23px}.product-bottom .button:hover,.woocommerce ul.products li.product .button:hover{background:transparent;color:var(--rose);text-decoration:underline}.journal-band{background:#fff}.story{gap:72px}.story img{aspect-ratio:620/420}.story h2{font-size:48px}.story .button.secondary{background:var(--rose);color:#fff}
.newsletter{display:block;background:#d6f0ff;padding:48px 0;color:var(--ink)}.newsletter-inner{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.newsletter h2{font-size:40px;margin:0 0 20px}.newsletter p{max-width:580px;margin:0 auto;font-size:16px}.newsletter-form{width:min(520px,100%);min-width:0;margin:0}.newsletter-form input{border-radius:0}.newsletter-form form{max-width:100%}.newsletter-privacy{font-size:12px!important;line-height:1.5}.newsletter-privacy a{text-decoration:underline}.site-footer{background:#f7d6e5;padding:56px 0 0;color:var(--ink)}.footer-grid{grid-template-columns:2fr 1fr 1.2fr 1fr;gap:28px}.footer-grid p{color:var(--ink);font-size:15px;max-width:350px;margin:16px 0}.footer-grid h3{text-transform:uppercase;font-size:13px}.footer-grid a:not(.brand){font-size:14px;margin-bottom:14px}.copyright{padding-block:24px;margin-top:48px;border-color:#e0bac9;font-size:12px}.copyright-links{display:flex;flex-wrap:wrap;gap:24px}
@media(max-width:1100px){.site-header{padding-inline:32px}.nav-links{gap:20px;font-size:14px}.header-actions{gap:0}.products-submenu{padding-inline:32px}.mega-column{padding-inline:16px}.hero-copy{padding-inline:32px}.site-header .account-link{display:inline-flex}}
@media(max-width:900px){.site-header{height:90px;padding-inline:20px}.site-header .luma-logo.luma-signature{width:150px}.menu-dialog .products-submenu{padding:18px 0;max-height:none;overflow:visible}.menu-dialog .mega-grid{grid-template-columns:1fr;gap:24px}.menu-dialog .mega-column{border:0;padding:0;min-height:0}.menu-dialog .mega-column h2{font-size:12px;margin-bottom:4px}.menu-dialog .mega-column a{font-size:16px;min-height:44px}.menu-dialog .nav-links{margin-block:24px}.menu-dialog .products-menu summary{font-size:30px}.menu-dialog .brand{max-width:calc(100% - 32px)}}
@media(max-width:800px){.announcement{font-size:11px}.home-hero{height:calc(100svh - 178px);min-height:440px;max-height:640px;display:flex}.hero-copy{padding:22px 20px}.hero-copy .eyebrow{display:block;font-size:10px}.hero-copy h1{font-size:42px}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:400px}.hero-actions{gap:12px}.hero-actions .button{min-width:0;padding-inline:18px}.story{gap:28px}.story h2{font-size:36px}.newsletter{padding-block:40px}.newsletter h2{font-size:36px}.newsletter p{font-size:15px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.site-footer{padding-top:40px}.copyright{display:flex;flex-direction:column;gap:14px;margin-top:32px}.category-item h3{font-size:21px}}
@media(max-width:360px){.site-header .luma-logo.luma-signature{width:120px}.header-actions .icon-button{width:34px}.hero-copy h1{font-size:38px}.hero-actions .button{padding-inline:12px}.footer-grid{grid-template-columns:1fr}}
/* A full-width scrim keeps the original photograph continuous behind the copy. */
.home-hero{isolation:isolate;flex-direction:row}
.home-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 28%,rgba(255,255,255,.12) 43%,rgba(255,255,255,.78) 64%,rgba(255,255,255,.97) 82%,#fff 100%)}
.home-hero .hero-inner{width:100%;max-width:none;height:auto;margin:0;z-index:1;align-self:flex-end}
.home-hero .hero-copy{background:transparent;padding-bottom:32px}
@media(max-width:800px){.home-hero .hero-copy{padding-bottom:24px}.home-hero::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 20%,rgba(255,255,255,.2) 38%,rgba(255,255,255,.9) 60%,#fff 86%)}}
