/* Maskarade 0.1.28: shared shell/footer + Arcana chapter visual correction. */
:root{
  --mask-navy:#13161F;
  --mask-navy-rgb:19,22,31;
  --mask-ui-navy:var(--mask-navy);
  --mask-heritage-navy:var(--mask-navy);
}
.mask-site-header,
.mask-commerce-header,
.shopall-header,
.mask-site-footer,
.mask-commerce-footer,
.mask-footer,
.shopall-footer,
.mask-commerce-mobile-panel,
.mask-site-mobile-panel,
body div[style*="position:fixed"][style*="inset:0"][style*="z-index:200"][style*="backdrop-filter:blur(6px)"],
.mask-home-arcana,
.mask-drawer-panel,
.mask-drawer-head,
.mask-drawer-content,
.mask-drawer-lines,
.mask-drawer-line,
.mask-drawer-line-summary,
.mask-drawer-foot,
.mask-drawer-empty{
  background-color:var(--mask-navy)!important;
  background-image:none!important;
}
.mask-hero-plaque,
.mask-hero-copy:before{
  display:inline-block;
  margin:0 0 16px;
  padding:9px 18px 9px calc(18px + .55em);
  background:#F5F0E8;
  color:#1B2845;
  box-shadow:0 6px 22px rgba(13,13,15,.45);
  font-family:'Noto Sans KR',sans-serif;
  font-size:15px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.55em;
  white-space:nowrap;
}
.mask-hero-copy:before{content:var(--mask-hero-plaque-text);width:max-content}
@media(max-width:900px){.mask-hero-plaque,.mask-hero-copy:before{font-size:13.5px;letter-spacing:7px}}
@media(max-width:520px){.mask-hero-plaque,.mask-hero-copy:before{font-size:12px;letter-spacing:6px;padding:8px 15px 8px 21px}}


/* 0.1.25 Round 9: one rendered customer shell for formerly inline/bespoke and commerce routes. */
.mask-shared-header{position:sticky;top:0;z-index:160;border-bottom:1px solid rgba(196,162,101,.24);box-shadow:0 8px 28px rgba(8,18,31,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.mask-shared-nav{box-sizing:border-box;width:auto;max-width:1520px;min-height:0;margin:0 auto;padding:clamp(14px,1.6vw,20px) clamp(16px,2.4vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(12px,1.6vw,24px) clamp(14px,1.8vw,28px)}
.mask-shared-brand{display:flex;flex-direction:column;gap:3px;flex:none;text-decoration:none}.mask-shared-brand>span{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(20.4px,1.924vw,24.9px);line-height:1;letter-spacing:.42em;color:#F5F0E8}.mask-shared-brand em{font-style:normal;color:#C4A265}.mask-shared-brand small{font-family:'Noto Sans KR',sans-serif;font-weight:300;font-size:12px;line-height:1;letter-spacing:.42em;color:#B6AD9E}
.mask-shared-links{display:flex;flex-wrap:wrap;align-items:center;min-width:0;gap:clamp(9px,1.1vw,26px) clamp(11px,1.35vw,26px)}.mask-shared-links a,.mask-shared-actions a,.mask-shared-actions button{flex:none;white-space:nowrap;text-decoration:none;font:400 clamp(12.4px,1.05vw,14.3px)/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#F2EDE5}.mask-shared-links a:hover,.mask-shared-links a.is-current{color:#D4B87A!important}
.mask-shared-actions{display:flex;align-items:center;gap:clamp(10px,1.3vw,18px);flex:none}.mask-shared-actions a{color:#B6AD9E}.mask-shared-actions button{background:none;border:1px solid rgba(196,162,101,.30);padding:9px 13px;cursor:pointer;letter-spacing:.2em;color:#D4B87A}
.mask-shared-mobile{display:none;position:relative;flex:none}.mask-shared-mobile>summary{list-style:none;width:42px;height:40px;padding:8px 8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid rgba(196,162,101,.24);background:transparent}.mask-shared-mobile>summary::-webkit-details-marker{display:none}.mask-shared-mobile>summary span{display:block;width:22px;height:1px;background:#F5F0E8}.mask-shared-mobile>summary span:last-child{width:14px;background:#C4A265}
.mask-shared-mobile-panel{box-sizing:border-box;position:fixed;inset:0;z-index:260;padding:22px 22px 34px;overflow-y:auto;background:var(--mask-navy)!important}.mask-shared-mobile:not([open])>.mask-shared-mobile-panel{display:none!important}.mask-shared-mobile-panel .mask-site-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #2A2A32;padding-bottom:18px}.mask-shared-mobile-panel .mask-site-mobile-head>span{font:300 21px/1 'Cormorant Garamond',serif;letter-spacing:.42em;color:#F5F0E8}.mask-shared-mobile-panel .mask-site-mobile-head em{font-style:normal;color:#C4A265}.mask-shared-mobile-close{background:none;border:1px solid #2A2A32;padding:10px 12px;color:#B6AD9E;font:400 10px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.mask-shared-mobile-panel nav{display:flex!important;flex-direction:column!important;gap:18px!important;padding:26px 0 22px!important}.mask-shared-mobile-panel nav a{font:300 30px/1.1 'Cormorant Garamond',serif!important;letter-spacing:.06em!important;color:#F5F0E8!important;text-decoration:none!important;border-bottom:1px solid #252831!important;padding:0 0 14px!important}.mask-shared-mobile-panel .mask-site-mobile-actions{display:flex;flex-wrap:wrap;gap:16px 22px;border-top:1px solid #2A2A32;padding-top:22px}.mask-shared-mobile-panel .mask-site-mobile-actions a,.mask-shared-mobile-panel .mask-site-mobile-actions button{background:none;border:0;padding:0;text-decoration:none;font:400 13px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#B6AD9E;cursor:pointer}.mask-shared-mobile-panel .mask-site-mobile-actions button{color:#D4B87A}
.mask-site-footer.mask-shared-footer{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border-top:1px solid rgba(196,162,101,.20)!important;background:var(--mask-navy,#13161F)!important;background-image:none!important;color:#B6AD9E!important;overflow:hidden!important}.mask-site-footer.mask-shared-footer .mask-footer-inner{box-sizing:border-box!important;width:min(1520px,calc(100% - 48px))!important;max-width:1520px!important;margin:0 auto!important;padding:52px 0 28px!important;display:grid!important;grid-template-columns:minmax(250px,.88fr) minmax(360px,1.22fr) minmax(230px,.7fr)!important;gap:42px clamp(34px,4vw,72px)!important;align-items:start!important}.mask-site-footer.mask-shared-footer .mask-footer-brand,.mask-site-footer.mask-shared-footer .mask-footer-navs,.mask-site-footer.mask-shared-footer .mask-footer-delivery,.mask-site-footer.mask-shared-footer .mask-footer-meta{min-width:0!important;max-width:none!important;margin:0!important}.mask-site-footer.mask-shared-footer .mask-footer-wordmark{display:inline-flex!important;flex-direction:column!important;gap:5px!important;text-decoration:none!important}.mask-site-footer.mask-shared-footer .mask-footer-wordmark>span{font:300 clamp(21px,1.7vw,26px)/1 'Cormorant Garamond',serif!important;letter-spacing:.42em!important;color:#F5F0E8!important;white-space:nowrap!important}.mask-site-footer.mask-shared-footer .mask-footer-wordmark em{font-style:normal!important;color:#C4A265!important}.mask-site-footer.mask-shared-footer .mask-footer-wordmark small{font:300 11px/1 'Noto Sans KR',sans-serif!important;letter-spacing:.42em!important;color:#B6AD9E!important;white-space:nowrap!important}.mask-site-footer.mask-shared-footer .mask-footer-brand p{max-width:330px!important;margin:18px 0 0!important;font:300 12.5px/1.72 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#9F998F!important}.mask-site-footer.mask-shared-footer .mask-footer-navs{display:grid!important;grid-template-columns:repeat(2,minmax(140px,1fr))!important;gap:26px clamp(28px,3vw,52px)!important}.mask-site-footer.mask-shared-footer nav{display:grid!important;grid-auto-flow:row!important;align-content:start!important;gap:12px!important;margin:0!important;padding:0!important}.mask-site-footer.mask-shared-footer nav>span,.mask-site-footer.mask-shared-footer .mask-footer-delivery>span{display:block!important;margin:0 0 4px!important;color:#D4B87A!important;font:600 9px/1 Inter,sans-serif!important;letter-spacing:.2em!important;text-transform:uppercase!important}.mask-site-footer.mask-shared-footer nav a{display:block!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;color:#C7C0B5!important;text-decoration:none!important;font:400 10px/1.35 Inter,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;white-space:normal!important}.mask-site-footer.mask-shared-footer a:hover{color:#D4B87A!important}.mask-site-footer.mask-shared-footer .mask-footer-delivery{padding-left:clamp(20px,2.4vw,38px)!important;border-left:1px solid rgba(196,162,101,.16)!important}.mask-site-footer.mask-shared-footer .mask-footer-delivery p{max-width:280px!important;margin:14px 0 0!important;color:#A7A095!important;font:300 12px/1.7 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important;overflow-wrap:anywhere!important}.mask-site-footer.mask-shared-footer .mask-footer-meta{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px 32px!important;padding-top:22px!important;border-top:1px solid rgba(196,162,101,.16)!important;color:#9F998F!important;font:300 10.5px/1.5 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important}.mask-site-footer.mask-shared-footer .mask-footer-meta span{font:inherit!important;letter-spacing:0!important;color:inherit!important;text-transform:none!important;white-space:normal!important}
@media(max-width:900px){.mask-site-footer.mask-shared-footer .mask-footer-inner{width:min(100% - 36px,1520px)!important;grid-template-columns:minmax(220px,.8fr) minmax(340px,1.2fr)!important}.mask-site-footer.mask-shared-footer .mask-footer-delivery{grid-column:1/-1!important;padding:22px 0 0!important;border-left:0!important;border-top:1px solid rgba(196,162,101,.14)!important}.mask-site-footer.mask-shared-footer .mask-footer-delivery p{max-width:520px!important}}@media(max-width:760px){.mask-shared-nav{padding:13px 16px}.mask-site-footer.mask-shared-footer .mask-footer-inner{width:min(100% - 34px,1520px)!important;grid-template-columns:1fr!important;padding:40px 0 24px!important;gap:30px!important}.mask-site-footer.mask-shared-footer .mask-footer-navs{grid-template-columns:1fr 1fr!important;gap:26px!important}.mask-site-footer.mask-shared-footer .mask-footer-delivery{grid-column:1!important}.mask-site-footer.mask-shared-footer .mask-footer-meta{grid-column:1!important;align-items:flex-start!important;flex-direction:column!important}}@media(max-width:480px){.mask-site-footer.mask-shared-footer .mask-footer-navs{grid-template-columns:1fr!important}.mask-site-footer.mask-shared-footer .mask-footer-wordmark>span{font-size:21px!important}}
@media(max-width:782px){body.admin-bar .mask-shared-mobile-panel{padding-top:68px}}
@media(min-width:783px){body.admin-bar .mask-shared-mobile-panel{padding-top:54px}}


/* 0.1.26 Round 10: decorative PDP atmosphere must never enlarge the document. */
.mask-pdp-atmosphere{overflow:clip!important;overflow-x:clip!important}

/* Balanced editorial frame: no single-edge accent treatment. */
:where(.mask-copy-frame,.dk-note,.mask-home-rare-copy,.mask-shopify-pdp-savings,.mask-skin-editorial,.mask-skin-detail-notes>div){border:1px solid rgba(196,162,101,.44)!important;border-left-width:1px!important}


/* Footer brand is one invariant component across editorial, commerce and account routes. */
.mask-site-footer.mask-shared-footer .mask-footer-wordmark{display:inline-flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
.mask-site-footer.mask-shared-footer .mask-footer-wordmark>span{font-family:'Cormorant Garamond',serif!important;font-weight:300!important;font-size:24px!important;line-height:1!important;letter-spacing:.42em!important;color:#F5F0E8!important;text-transform:none!important}
.mask-site-footer.mask-shared-footer .mask-footer-wordmark small{font-family:'Noto Sans KR',sans-serif!important;font-weight:300!important;font-size:11px!important;line-height:1!important;letter-spacing:.42em!important;color:#B6AD9E!important;text-transform:none!important}
.mask-site-footer.mask-shared-footer .mask-footer-wordmark em{font-style:normal!important;color:#C4A265!important}

/* 0.1.29: the shared footer owns every customer route, including PDPs. */
.mask-site-footer.mask-shared-footer{position:relative!important;left:auto!important;right:auto!important;transform:none!important;float:none!important;clear:both!important;min-width:0!important}
.mask-shopify-pdp-page .mask-site-footer.mask-shared-footer,
.single-product .mask-site-footer.mask-shared-footer,
.maskarade-commerce-page .mask-site-footer.mask-shared-footer{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#13161F!important;background-image:none!important}
.mask-shopify-pdp-page .mask-site-footer.mask-shared-footer .mask-footer-inner,
.single-product .mask-site-footer.mask-shared-footer .mask-footer-inner,
.maskarade-commerce-page .mask-site-footer.mask-shared-footer .mask-footer-inner{width:min(1520px,calc(100% - 48px))!important;max-width:1520px!important;margin-inline:auto!important;letter-spacing:initial!important;text-transform:none!important}
.mask-shopify-pdp-page .mask-site-footer.mask-shared-footer .mask-footer-meta,
.single-product .mask-site-footer.mask-shared-footer .mask-footer-meta{letter-spacing:0!important;white-space:normal!important}
.mask-footer-delivery{position:relative}
.mask-footer-delivery:after{display:none!important}
.mask-footer-ornament{display:block!important;width:96px!important;height:auto!important;max-height:46px!important;object-fit:contain!important;object-position:left center!important;margin:18px 0 0!important;opacity:.72!important;filter:none!important;pointer-events:none!important}
@media(max-width:480px){.mask-site-footer.mask-shared-footer .mask-footer-wordmark>span{font-size:21px!important}}

/* 0.1.29 Round 13: footer brand geometry cannot inherit page-template typography. */
.mask-site-footer.mask-shared-footer a.mask-footer-wordmark{font-family:'Cormorant Garamond',serif!important;font-size:16px!important;font-weight:300!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;width:253px!important;max-width:100%!important}
.mask-site-footer.mask-shared-footer a.mask-footer-wordmark>span{font-family:'Cormorant Garamond',serif!important;font-size:26px!important;line-height:1!important;letter-spacing:.42em!important;font-weight:300!important}
.mask-site-footer.mask-shared-footer a.mask-footer-wordmark>small{font-family:'Noto Sans KR',sans-serif!important;font-size:11px!important;line-height:1!important;letter-spacing:.42em!important;font-weight:300!important}
@media(max-width:560px){.mask-site-footer.mask-shared-footer a.mask-footer-wordmark>span{font-size:23px!important}}


/* 0.1.30 Round 14: owner-approved 10% main hero title reduction. */
.maskarade-page-shell .mask-hero h1{font-size:clamp(43.2px,5.4vw,79.2px)!important}
.maskarade-page-shell .story-hero h1{font-size:clamp(55.8px,6.3vw,97.2px)!important}
.maskarade-page-shell .help-hero h1{font-size:clamp(52.2px,6.3vw,84.6px)!important}
.maskarade-page-shell .policy-hero h1{font-size:clamp(52.2px,6.3vw,86.4px)!important}
.maskarade-page-shell .shopall-hero h1{font-size:clamp(52.2px,6.3vw,86.4px)!important}
.maskarade-page-shell .mask-reading-hero h1{font-size:clamp(34.2px,4.14cqw,66.6px)!important}
.maskarade-page-shell>section:first-of-type:not(.mask-reading-hero):not(.mask-hero):not(.story-hero):not(.help-hero):not(.policy-hero):not(.shopall-hero):not(.mask-home-hero) h1{font-size:clamp(33px,4.859cqw,71.9px)!important}
.mask-arcana-chapter-hero h1{font-size:clamp(35px,4.474cqw,70px)!important}
@media(max-width:560px){.maskarade-page-shell .shopall-hero h1{font-size:52.2px!important}}

/* 0.1.30 Round 14: the Arcana savings band is canonical navy even when it follows the live shell without a generated bundle class. */
.mask-arcana-chapter-modern .mask-arcana-live-section + section,
.mask-arcana-chapter-modern .mask-arcana-chapter-bundle{background:#13161F!important;background-image:none!important}

/* Round 14: 10% reduction of main hero titles only. */
.story-hero h1{font-size:clamp(55.8px,6.3vw,97.2px)!important}
.help-hero h1{font-size:clamp(52.2px,6.3vw,84.6px)!important}
.policy-hero h1{font-size:clamp(52.2px,6.3vw,86.4px)!important}
.mask-hero h1{font-size:clamp(43.2px,5.4vw,79.2px)!important}
.mask-reading-hero h1{font-size:clamp(34.2px,4.14cqw,66.6px)!important}
.mask-arcana-chapter-hero h1{font-size:clamp(35px,4.474cqw,70px)!important}
.mask-site-search-hero h1{font-size:clamp(41.4px,6.3vw,77.4px)!important}
.mask-catalogue-hero h1{font-size:clamp(46.8px,6.3vw,86.4px)!important}
.mask-commerce-heading:not(.mask-account-heading) h1{font-size:clamp(37.8px,5.4vw,73.8px)!important}

/* Round 15: explicit hero scale and canonical Arcana savings token. */
@media(min-width:901px){.mask-home-hero .mask-home-hero-title{font-size:clamp(48.6px,5.76vw,90px)!important}}
[data-mask-ritual-discount-panel="1"]{background:#13161F!important;background-image:none!important}
[data-mask-ritual-discount-panel="1"]>div>div:last-child{background:#13161F!important;background-image:none!important}

/* 0.1.53: accessible brand gold for small text on light Maskarade surfaces. */
.mask-home-hero .mask-home-kicker,
.mask-home-section:not(.mask-home-arcana) .mask-home-kicker,
.mask-home-edit .mask-home-kicker,
.mask-home-edit .mask-home-edit-stamp:after,
.mask-home-edit p>a[href*="shop-all"],
.maskarade-page-shell .mask-hero .kicker,
.maskarade-page-shell .shopall-kicker,
.maskarade-page-shell .dk-story-copy .kicker,
.maskarade-page-shell>section:first-of-type[style*="min-height:clamp(400px,44cqw,620px)"] span[style*="color:#C4A265"]{
  color:#76582E!important;
}

/* 0.1.57 Lighthouse accessibility: minimum primary-nav target geometry. */
.mask-shared-links a{min-height:24px;display:inline-flex;align-items:center}
