/* Approved Elegant Original Flow palette and shared storefront surfaces. */

/* stellari-light-theme-overrides.css */
/* Color-only alternatives layered over the approved local homepage. */
#coastal-storefront {
 color-scheme:light;
 --midnight:var(--theme-bg);--midnight-deep:var(--theme-footer);
 --midnight-panel:var(--theme-card);--ink:var(--theme-ink);
 --text:var(--theme-ink);--muted:var(--theme-muted);
 --champagne:var(--theme-gold);--champagne-light:var(--theme-gold);
 --line:color-mix(in srgb,var(--theme-detail) 35%,transparent);
}
#coastal-storefront {background:var(--theme-bg);color:var(--theme-ink);background-image:none;scroll-behavior:auto!important;}
#coastal-storefront .header {background:var(--theme-header);background-image:none;color:var(--theme-ink);}
#coastal-storefront .header .wordmark,#coastal-storefront .header .header-tool,#coastal-storefront .header .main-nav,#coastal-storefront .header .menu-toggle {color:var(--theme-ink);}
#coastal-storefront .main-nav a:hover,#coastal-storefront .main-nav a[aria-current='page'] {color:var(--theme-ink);}
#coastal-storefront .main-nav a::after {background:var(--theme-detail);}
#coastal-storefront .home-story {background:var(--theme-bg);background-image:none;}
#coastal-storefront .home-departments {background:var(--theme-bg);}
#coastal-storefront .home-departments#men-departments {background:var(--theme-alt);}
#coastal-storefront .home-departments::before,#coastal-storefront .site-footer::before {
 background:var(--theme-detail);opacity:.65;
 mask-image:url('/coastal/assets/midnight-reference-texture-v2.webp');
 mask-mode:luminance;mask-size:cover;mask-position:center;
}
#coastal-storefront .home-departments#men-departments::before {transform:rotate(180deg);}
#coastal-storefront .home-department-copy .eyebrow {color:var(--theme-muted);}
#coastal-storefront .home-department-copy h2 {color:var(--theme-ink);}
#coastal-storefront .home-department-copy>p:not(.eyebrow) {color:var(--theme-muted);}
#coastal-storefront .button,#coastal-storefront .home-story .button,#coastal-storefront .home-story .button.light,#coastal-storefront .button.light,#coastal-storefront .site-email-field .button {
 background:var(--theme-gold);border-color:var(--theme-gold);color:var(--theme-ink);
}
#coastal-storefront .home-rail-controls button,#coastal-storefront .rail-controls button {color:var(--theme-ink);border-color:var(--line);}
#coastal-storefront .home-hero .home-wave-bottom,#coastal-storefront .home-men .home-wave-top {color:var(--theme-bg);}
#coastal-storefront .home-men .home-wave-bottom,#coastal-storefront .home-philosophy .home-wave-top {color:var(--theme-alt);}
#coastal-storefront .home-philosophy .home-wave-bottom {color:var(--theme-footer);}
#coastal-storefront .department-card.showcase-card {
 --card-paper:var(--theme-card);background:var(--theme-card);
 color:var(--theme-ink);border-color:var(--line);
}
#coastal-storefront .home-window-rail .department-card.showcase-card {border-color:var(--line);}
#coastal-storefront .department-card.showcase-card h3 {color:var(--theme-ink);}
#coastal-storefront .department-card.showcase-card .showcase-caption {color:var(--theme-muted);}
#coastal-storefront .showcase-card .showcase-pill {color:var(--theme-ink);border-color:var(--line);}
#coastal-storefront .home-philosophy-copy .eyebrow,#coastal-storefront .home-philosophy-copy>.home-handwritten {color:#f0debd;}
#coastal-storefront .site-footer {background:var(--theme-footer);color:var(--theme-footer-ink);}
#coastal-storefront .site-footer::before {opacity:.35;}
#coastal-storefront .site-newsletter h2,#coastal-storefront .site-footer-brand .wordmark {color:var(--theme-footer-ink);}
#coastal-storefront .site-newsletter>p,#coastal-storefront .site-footer-brand p,#coastal-storefront .site-footer-links a,#coastal-storefront .site-footer-links button,#coastal-storefront .site-newsletter .form-note,#coastal-storefront .site-footer-legal {color:var(--theme-footer-muted);}
#coastal-storefront .site-email-field input {background:var(--theme-footer-input);color:var(--theme-footer-ink);border-color:var(--theme-footer-line);}
#coastal-storefront .site-email-field input::placeholder {color:var(--theme-footer-muted);}
#coastal-storefront .site-footer-bottom {border-top-color:var(--theme-footer-line);}
#coastal-storefront .site-footer-social a {color:var(--theme-footer-ink);border-color:var(--theme-footer-line);}
@media(max-width:700px) {
 #coastal-storefront .main-nav {background:var(--theme-header);}
 #coastal-storefront .home-men-copy {background:var(--theme-alt);color:var(--theme-ink);}
 #coastal-storefront .home-men-copy h2 {color:var(--theme-ink);}
 #coastal-storefront .home-men-copy .eyebrow,#coastal-storefront .home-men-copy .home-handwritten {color:var(--theme-muted);}
 #coastal-storefront .home-philosophy-copy {background:var(--theme-footer);color:var(--theme-footer-ink);}
 #coastal-storefront .home-philosophy-copy h2 {color:var(--theme-footer-ink);}
 #coastal-storefront .home-philosophy-copy>p:not(.eyebrow),#coastal-storefront .home-philosophy-copy .eyebrow,#coastal-storefront .home-philosophy-copy>.home-handwritten {color:var(--theme-footer-muted);}
}


/* stellari-original-stars-overrides.css */
/* Preserve the original stars and etched lines, with one continuous page color. */
#coastal-storefront {
 --theme-alt:var(--theme-bg);--theme-header:var(--theme-bg);--theme-footer:var(--theme-bg);
 --theme-card:var(--theme-bg);--midnight-deep:var(--theme-bg);
 --theme-footer-ink:var(--theme-ink);--theme-footer-muted:var(--theme-muted);
 --theme-footer-input:var(--theme-bg);--theme-footer-line:color-mix(in srgb,var(--theme-detail) 45%,transparent);
}
#coastal-storefront,#coastal-storefront .header,#coastal-storefront .home-story,#coastal-storefront .home-departments,#coastal-storefront .home-departments#men-departments,#coastal-storefront .site-footer {
 background:var(--theme-bg);
}
#coastal-storefront .header {isolation:isolate;}
#coastal-storefront .header::before,#coastal-storefront .home-departments::before,#coastal-storefront .site-footer::before {
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:url('/coastal/assets/midnight-reference-texture-v2.webp') center/cover no-repeat;
 opacity:1;mask:none;mask-image:none;mix-blend-mode:normal;
 filter:url(#stellari-original-stars-color);
}
#coastal-storefront .header::before {background-size:1600px 800px;background-position:50% 32%;}
#coastal-storefront .home-departments#men-departments::before {transform:rotate(180deg);background-position:45% 60%;}
#coastal-storefront .site-footer::before {background-position:50% 60%;}
#coastal-storefront .home-hero .home-wave-bottom,#coastal-storefront .home-men .home-wave-top,#coastal-storefront .home-men .home-wave-bottom,#coastal-storefront .home-philosophy .home-wave-top,#coastal-storefront .home-philosophy .home-wave-bottom,#coastal-storefront .site-footer-wave {color:var(--theme-bg);}
#coastal-storefront .department-card.showcase-card,#coastal-storefront .home-window-rail .department-card.showcase-card {
 --card-paper:var(--theme-bg);background:var(--theme-bg);
 border-color:color-mix(in srgb,var(--theme-detail) 60%,transparent);
}
#coastal-storefront .home-department-copy .eyebrow {color:var(--theme-ink);}
#coastal-storefront .showcase-card .showcase-pill {border-color:color-mix(in srgb,var(--theme-ink) 32%,transparent);}
@media(max-width:700px) {
 #coastal-storefront .main-nav,#coastal-storefront .home-men-copy,#coastal-storefront .home-philosophy,#coastal-storefront .home-philosophy-copy {background:var(--theme-bg);}
 #coastal-storefront .home-men-copy,#coastal-storefront .home-philosophy-copy {isolation:isolate;position:relative;}
 #coastal-storefront .home-men-copy::before,#coastal-storefront .home-philosophy-copy::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url('/coastal/assets/midnight-reference-texture-v2.webp') center/1000px 500px;
  filter:url(#stellari-original-stars-color);
 }
 #coastal-storefront .home-men-copy h2,#coastal-storefront .home-philosophy-copy h2 {color:var(--theme-ink);}
 #coastal-storefront .home-men-copy .eyebrow,#coastal-storefront .home-men-copy .home-handwritten,#coastal-storefront .home-philosophy-copy .eyebrow,#coastal-storefront .home-philosophy-copy>p:not(.eyebrow),#coastal-storefront .home-philosophy-copy>.home-handwritten {color:var(--theme-muted);}
 #coastal-storefront .site-footer::before {background-size:1400px 700px;background-position:55% 50%;}
}


/* refinement.css */
/* Riviera Porcelain: a continuous surface, cleaned original linework, isolated stars. */
#coastal-storefront {
 --theme-bg:#FAFCFD;--theme-alt:#FAFCFD;--theme-card:#FAFCFD;
 --theme-footer:#FAFCFD;--theme-header:#FAFCFD;
 --theme-ink:#173D5C;--theme-muted:#50687D;
 --theme-gold:#EDD8AE;--theme-detail:#A27C36;
 --theme-footer-ink:#173D5C;--theme-footer-muted:#50687D;
 --theme-footer-input:#FAFCFD;--theme-footer-line:#A27C3666;
}
#coastal-storefront .header::before {content:none;}
#coastal-storefront .home-departments::before,#coastal-storefront .home-departments#men-departments::before,#coastal-storefront .site-footer::before {
 background:url('/coastal/assets/elegant/lines-clean-v1.webp') center/cover no-repeat;
 filter:none;mask:none;opacity:.22;
}
#coastal-storefront .home-departments::before {background-position:50% 52%;}
#coastal-storefront .home-departments#men-departments::before {background-position:50% 56%;transform:rotate(180deg);}
#coastal-storefront .site-footer::before {background-position:50% 58%;opacity:.2;}
#coastal-storefront .home-department-copy,#coastal-storefront .site-newsletter,#coastal-storefront .site-footer-brand,#coastal-storefront .site-footer-meta,#coastal-storefront .site-footer-legal {
 position:relative;background:var(--theme-bg);
 box-shadow:0 0 28px 22px var(--theme-bg);
}
#coastal-storefront .site-newsletter {box-shadow:0 0 40px 32px var(--theme-bg);}
#coastal-storefront .site-footer-legal {box-shadow:0 0 14px 12px var(--theme-bg);}
#coastal-storefront .riviera-star {
 position:absolute;display:block;z-index:-1;pointer-events:none;
 width:18px;height:24px;background:var(--theme-detail);opacity:.6;
 mask:url('/coastal/assets/elegant/star-v1.webp') center/172% 130% no-repeat;
 transform:translate(-50%,-50%);
}
#coastal-storefront .home-departments>.riviera-star--first {left:12%;top:36px;}
#coastal-storefront .home-departments>.riviera-star--second {left:82%;top:calc(100% - 34px);width:14px;height:20px;}
#coastal-storefront #men-departments>.riviera-star--first {left:78%;}
#coastal-storefront #men-departments>.riviera-star--second {left:19%;}
#coastal-storefront .site-footer>.riviera-star--first {left:7%;top:150px;}
#coastal-storefront .site-footer>.riviera-star--second {left:92.5%;top:255px;width:14px;height:20px;}
#coastal-storefront .header-tools .header-tool:hover,#coastal-storefront .home-rail-controls button:enabled:hover,#coastal-storefront .showcase-card:hover .showcase-pill,#coastal-storefront .showcase-card:focus-visible .showcase-pill,#coastal-storefront .site-footer-social a:hover {color:var(--theme-ink);}
#coastal-storefront .site-footer-links a:hover,#coastal-storefront .site-footer-links button:hover {color:var(--theme-ink);}
#coastal-storefront .button:hover,#coastal-storefront .home-story .button:hover,#coastal-storefront .home-story .button.light:hover,#coastal-storefront .button.light:hover {
 color:var(--theme-ink);background:#E5C995;border-color:#E5C995;
}
#coastal-storefront .header-tools .header-tool:focus-visible,#coastal-storefront .department-card.showcase-card:focus-visible {
 outline-color:var(--theme-ink);
}
@media(max-width:700px) {
 #coastal-storefront .home-men-copy::before,#coastal-storefront .home-philosophy-copy::before {content:none;}
 #coastal-storefront .home-departments::before,#coastal-storefront .home-departments#men-departments::before {
  background-size:1100px 550px;background-position:60% 50%;opacity:.2;
 }
 #coastal-storefront .home-department-copy {box-shadow:0 0 20px 16px var(--theme-bg);}
 #coastal-storefront .site-newsletter {box-shadow:0 0 28px 20px var(--theme-bg);}
 #coastal-storefront .home-departments>.riviera-star--first,#coastal-storefront #men-departments>.riviera-star--first {
  left:calc(100% - 32px);top:12px;width:8px;height:12px;
 }
 #coastal-storefront .home-departments>.riviera-star--second {
  left:78%;top:calc(100% - 16px);width:8px;height:12px;
 }
 #coastal-storefront #men-departments>.riviera-star--second {left:19%;}
 #coastal-storefront .site-footer>.riviera-star--first {left:35px;top:9px;width:6px;height:8px;}
 #coastal-storefront .site-footer>.riviera-star--second {left:calc(100% - 35px);top:11px;width:8px;height:12px;}
 #coastal-storefront .site-footer::before {background-size:1100px 550px;background-position:55% 50%;}
}


/* elegant.css */
/* Option 1, refined: a shared canvas extends underneath every campaign. */
#coastal-storefront {position:relative;isolation:isolate;background:var(--theme-bg);}
#coastal-storefront::before {
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:var(--elegant-art,none);
 background-size:var(--elegant-canvas-width) var(--elegant-canvas-height);
 background-position:0 0;background-repeat:no-repeat;
}
#coastal-storefront .home-story,#coastal-storefront .home-departments,#coastal-storefront .home-departments#men-departments,#coastal-storefront .site-footer {
 background:transparent;
}
#coastal-storefront .home-departments::before,#coastal-storefront .home-departments#men-departments::before,#coastal-storefront .site-footer::before,#coastal-storefront .riviera-star {display:none!important;}
#coastal-storefront .home-department-copy {box-shadow:0 0 24px 20px var(--theme-bg);}
#coastal-storefront .site-footer-brand {box-shadow:0 0 34px 44px var(--theme-bg);}
#coastal-storefront .site-footer-brand p {opacity:1;color:var(--theme-muted);}
#coastal-storefront .site-footer-legal {background:transparent;box-shadow:none;}
#coastal-storefront .site-footer-legal>span {background:var(--theme-bg);box-shadow:0 0 12px 10px var(--theme-bg);}
#coastal-storefront[data-elegant-ready="true"] .home-wave::before,#coastal-storefront[data-elegant-ready="true"] .home-wave::after {
 content:"";position:absolute;inset:0;pointer-events:none;
 mask-image:var(--elegant-wave-mask);mask-size:100% 100%;mask-repeat:no-repeat;
}
#coastal-storefront[data-elegant-ready="true"] .home-wave::before {background:var(--theme-bg);}
#coastal-storefront[data-elegant-ready="true"] .home-wave::after {
 background-image:var(--elegant-art,none);
 background-size:var(--elegant-canvas-width) var(--elegant-canvas-height);
 background-position:var(--elegant-wave-x) var(--elegant-wave-y);
 background-repeat:no-repeat;
}
#coastal-storefront .home-wave>svg {position:relative;z-index:1;}
#coastal-storefront[data-elegant-ready="true"] .home-wave>svg>path:first-child {fill:transparent;}
#coastal-storefront .home-wave-keyline {stroke-opacity:.25!important;}
#coastal-storefront .elegant-mobile-star {display:none;}
@media(max-width:700px) {
 #coastal-storefront .elegant-mobile-star {
  display:block;position:absolute;pointer-events:none;z-index:0;
  right:27px;top:24px;width:11px;height:17px;background:var(--theme-detail);opacity:.4;
  mask:url('/coastal/assets/elegant/star-v1.webp') center/172% 130% no-repeat;
 }
 #coastal-storefront #men-departments>.elegant-mobile-star {right:28px;top:34px;}
 #coastal-storefront .site-footer>.elegant-mobile-star {right:25px;top:19px;width:9px;height:14px;}
 #coastal-storefront .home-men,#coastal-storefront .home-philosophy,#coastal-storefront .home-men-copy,#coastal-storefront .home-philosophy-copy {background:transparent;}
 #coastal-storefront .home-men-copy>*,#coastal-storefront .home-philosophy-copy>* {position:relative;isolation:isolate;}
 #coastal-storefront .home-men-copy h2,#coastal-storefront .home-men-copy p,#coastal-storefront .home-philosophy-copy h2,#coastal-storefront .home-philosophy-copy p,#coastal-storefront .home-philosophy-copy>.home-handwritten {background:var(--theme-bg);box-shadow:0 0 18px 12px var(--theme-bg);}
 #coastal-storefront .home-department-copy {box-shadow:0 0 22px 22px var(--theme-bg);}
}


html:has(#coastal-storefront),body:has(#coastal-storefront){background:#FAFCFD;color-scheme:light;scroll-behavior:auto!important;}
body:has(#coastal-storefront) .bag-drawer{--paper:#FAFCFD;--ink:#173D5C;--muted:#50687D;--line:#A27C3659;background:var(--paper);color:var(--ink);}
body:has(#coastal-storefront) .bag-drawer .button{background:#EDD8AE;border-color:#EDD8AE;color:#173D5C;}

/* Existing landing/footer curves reveal the same root-coordinate artwork. */
#coastal-storefront[data-elegant-ready="true"] :is(.landing-wave,.site-footer-wave)::before,
#coastal-storefront[data-elegant-ready="true"] :is(.landing-wave,.site-footer-wave)::after {
 content:"";position:absolute;inset:0;pointer-events:none;
 mask-image:var(--elegant-wave-mask);mask-size:100% 100%;mask-repeat:no-repeat;
}
#coastal-storefront[data-elegant-ready="true"] :is(.landing-wave,.site-footer-wave)::before {background:var(--theme-bg);}
#coastal-storefront[data-elegant-ready="true"] :is(.landing-wave,.site-footer-wave)::after {
 background-image:var(--elegant-art,none);
 background-size:var(--elegant-canvas-width) var(--elegant-canvas-height);
 background-position:var(--elegant-wave-x) var(--elegant-wave-y);background-repeat:no-repeat;
}
#coastal-storefront :is(.landing-wave,.site-footer-wave)>svg {position:relative;z-index:1;}
#coastal-storefront[data-elegant-ready="true"] :is(.landing-wave,.site-footer-wave)>svg>path:first-child {fill:transparent;}