@charset "UTF-8";
:root{--ivory:#fffaf4;--ink:#3a3034;--blush:#cda39f;--gold:#9a7950;--line:#dbc9b5;--wine:#513341}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--blush);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:6px}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12}em{font-weight:400}h1{font-size:clamp(3.8rem,6.2vw,6.6rem);letter-spacing:-.065em;margin-bottom:28px}h2{font-size:clamp(2.7rem,4.1vw,4.6rem);letter-spacing:-.045em}h3{font-size:2.6rem;letter-spacing:-.035em}.ribbon{text-align:center;background:var(--wine);color:#fff7ed;font-size:14px;padding:9px;letter-spacing:.13em}header{max-width:1440px;margin:auto;padding:20px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.brand{width:160px;display:block}.brand img{display:block}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a{text-decoration:none}.nav-shop{border-bottom:1px solid var(--gold);padding-bottom:4px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:730px;padding:42px 6% 55px;gap:6%}.hero-copy{align-self:center;padding:30px 0}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:600;color:#765c4b;margin-bottom:23px}.intro{font-family:Georgia,serif;font-size:23px;line-height:1.5;margin-bottom:22px}.hero-copy>p:not(.eyebrow){max-width:430px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;padding:14px 27px;background:var(--wine);color:#fffaf4;text-decoration:none;font-size:14px;border:1px solid var(--wine);transition:background .2s}.button:hover{background:#6c4758}.text-link{font-size:14px}.small-note{font-size:12px;color:#786963;margin:17px 0 0}.mirror{position:relative;min-height:650px}.mirror-bg{width:100%;height:100%;object-fit:cover;display:block}.mirror-message{position:absolute;inset:20% 15% 19%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.mirror-message img{width:92%;margin-bottom:20px}.mirror-message p{font-family:Georgia,serif;font-size:clamp(2.2rem,3.5vw,4rem);line-height:1.1;margin-bottom:25px}.mirror-message span{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.interlude{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-evenly;gap:20px;padding:22px 6%;font-size:14px;font-family:Georgia,serif;font-style:italic}.section{padding:100px 6%;max-width:1440px;margin:auto}.story{display:grid;grid-template-columns:1fr 1fr;column-gap:10%}.story>.eyebrow{grid-column:1/-1}.story h2{margin:0}.story-copy p{margin-bottom:18px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}.section-top h2{margin:0}.delusions{padding-top:25px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.collection{padding:34px 30px 32px;min-height:390px;border:1px solid var(--line);display:flex;flex-direction:column}.number{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:40px}.collection h3{margin-bottom:22px}.collection p{font-size:16px;max-width:290px}.collection a{font-size:14px;margin-top:auto}.autumn{background:#ead9cf}.veil{background:var(--wine);color:#fff4ea;border-color:var(--wine)}.sunday{background:#f3e8cf}.popups{display:grid;grid-template-columns:1.1fr 1fr;background:#f0ded9;max-width:1440px;margin:auto}.pop-image img{display:block;width:100%;height:100%;min-height:620px;object-fit:cover}.pop-copy{padding:70px 12%}.pop-copy h2{font-size:clamp(2.7rem,3.6vw,4rem)}.event-note{border-top:1px solid #c6aaa2;margin-top:28px;padding-top:23px}.event-note>span{font-size:12px;letter-spacing:.13em;text-transform:uppercase}.event-note p{margin:10px 0 12px}.shopping{text-align:center;max-width:900px}.shopping>p:not(.eyebrow){max-width:610px;margin-left:auto;margin-right:auto}.shopping .actions{justify-content:center}.signature{font-family:Georgia,serif;font-style:italic;margin-top:55px;font-size:20px}footer{border-top:1px solid var(--line);padding:45px 6% 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;font-size:14px}footer img{width:170px;display:block}footer p{margin:0;font-family:Georgia,serif;font-size:17px}footer>a:nth-of-type(2){text-align:right}footer>span{grid-column:1/-1;text-align:center;color:#786963;font-size:12px;margin-top:15px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:2}.skip:focus{top:10px}@media(min-width:1600px){.popups{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:900px){header{padding:20px 5%}nav{gap:18px}.hero{padding:30px 5% 45px;gap:4%;min-height:0}.mirror{min-height:550px}h1{font-size:4.4rem}.hero-copy{padding:10px 0}.section{padding:70px 5%}.collection-grid{gap:12px}.collection{padding:25px 20px}h3{font-size:2.1rem}.pop-copy{padding:45px 8%}.pop-image img{min-height:600px}.section-top{align-items:start;flex-direction:column}}@media(max-width:620px){header{flex-direction:column;gap:15px;padding:20px 4%}.brand{width:140px}nav{justify-content:center;gap:19px;flex-wrap:wrap;font-size:13px}.hero{grid-template-columns:1fr;padding:35px 6% 40px;gap:28px}.hero-copy{text-align:center}.hero-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.hero-copy .actions{justify-content:center;gap:18px}h1{font-size:clamp(3.7rem,13vw,5rem)}.eyebrow{font-size:12px;letter-spacing:.12em}.intro{font-size:21px}.mirror{min-height:0;height:auto;aspect-ratio:4/5;max-width:440px;width:100%;margin:auto}.mirror-message p{font-size:2.9rem}.mirror-message img{margin-bottom:14px}.interlude{flex-direction:column;text-align:center;gap:4px;padding:18px}.story{grid-template-columns:1fr;gap:0}.story h2{margin-bottom:30px}.section{padding:60px 6%}.delusions{padding-top:0}.collection-grid{grid-template-columns:1fr;gap:16px}.collection{min-height:320px;padding:28px}.number{margin-bottom:22px}h3{font-size:2.8rem}.collection p{max-width:none}.popups{grid-template-columns:1fr}.pop-image img{min-height:0;aspect-ratio:4/3;object-position:center}.pop-copy{padding:45px 7%}.shopping .actions{flex-direction:column}.signature{font-size:19px}footer{grid-template-columns:1fr;text-align:center;gap:22px}footer img{margin:auto}footer>a:nth-of-type(2){text-align:center}footer>span{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* The invitation, carried through every detail. */
header{border-bottom:3px double var(--line)}.ribbon{border-bottom:3px double #b89878}.mirror-entry{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero{position:relative}.hero-copy{border-left:3px double var(--line);padding-left:28px}.interlude{border-top:3px double var(--line);border-bottom:3px double var(--line)}.details-gallery{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:45px;padding-top:65px;padding-bottom:30px}.details-gallery figure{margin:0}.details-gallery img{display:block;width:100%;height:365px;object-fit:cover;border:1px solid #b89a76;outline:1px solid #b89a76;outline-offset:7px}.details-gallery figure:first-child{transform:rotate(-3deg)}.details-gallery figure:last-child{transform:rotate(3deg)}figcaption{font-family:Georgia,serif;font-style:italic;font-size:15px;text-align:center;margin-top:22px}.details-words{text-align:center}.details-words h2{font-size:clamp(2.5rem,3.3vw,3.7rem)}.details-words p:last-child{font-size:16px}.collection{border:4px double #b69b78;box-shadow:0 7px 20px #563b3020}.collection h3{padding-bottom:22px;border-bottom:1px solid #b69b7880}.veil{background:#513341}.society{margin-top:80px;background:#f5e9e2;border-top:4px double var(--gold);border-bottom:4px double var(--gold);padding-top:70px;padding-bottom:80px}.society-heading{text-align:center;max-width:740px;margin:0 auto 55px}.society-seal{width:170px;height:170px;object-fit:cover;border-radius:50%;margin-bottom:22px;box-shadow:0 8px 30px #68493925}.society-heading h2{margin-bottom:20px}.society-intro{font-size:24px;font-style:italic;font-family:Georgia,serif}.society-layout{display:grid;grid-template-columns:.9fr 1fr;gap:9%;align-items:center}.invitation-art{display:block;transform:rotate(-2deg);box-shadow:0 18px 40px #71564425}.invitation-art img{display:block;width:100%;height:auto}.society-content h3{font-size:clamp(2.8rem,3.8vw,4rem)}h4{font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.4;margin:0 0 6px}.privileges{display:grid;gap:18px}.privileges>div{padding-bottom:12px;border-bottom:1px solid var(--line)}.privileges p{margin:0;font-size:16px}.ritual-label{margin-top:35px}.ritual{list-style:none;padding:0;counter-reset:steps;margin:0 0 28px}.ritual li{counter-increment:steps;position:relative;padding-left:47px;margin:0 0 20px}.ritual li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font-family:Georgia,serif;font-size:23px;color:#896841}.ritual p{margin:0;font-size:15px}.customer-love{text-align:center}.love-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:35px}.love-grid img{width:100%;display:block;border:1px solid var(--line)}.shopping{border:4px double var(--line);margin-bottom:80px;position:relative}.shopping:before{content:'';position:absolute;inset:10px;border:1px solid var(--line);pointer-events:none}footer{border-top:4px double var(--line)}
@media(max-width:900px){nav{gap:16px}.details-gallery{gap:25px}.details-gallery img{height:300px}.society-layout{gap:6%;align-items:start}.society{margin-top:45px}.shopping{margin-left:5%;margin-right:5%}.hero-copy{padding-left:18px}}@media(max-width:620px){nav{gap:13px}.hero-copy{border-left:0;padding-left:0}.details-gallery{grid-template-columns:1fr 1fr;gap:28px;padding-top:20px}.details-words{grid-column:1/-1;grid-row:1}.details-gallery img{height:260px}.details-gallery figure:first-child{grid-row:2}.details-gallery figure:last-child{grid-row:2}figcaption{font-size:14px}.society{margin-top:20px;padding-top:45px}.society-layout{grid-template-columns:1fr;gap:40px}.invitation-art{max-width:370px;margin:auto}.society-seal{width:145px;height:145px}.society-heading{margin-bottom:35px}.love-grid{grid-template-columns:1fr;max-width:370px;margin:30px auto 0;gap:25px}.shopping{margin-bottom:45px}.society-content h3{font-size:3rem}}@media(max-width:360px){.details-gallery img{height:210px}}

/* Centered brand signature. */
footer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}footer img{margin:0 auto}footer p{text-align:center}footer>a:nth-of-type(2){text-align:center}footer>span{margin-top:15px}

/* Rich blush ground with distinct, lighter section surfaces. */
header{background:#f0dad2}
.interlude{background:#ead0c9}
footer{background:#f0dad2}
/* Feather the editorial photographs into their section surfaces. */
.details-gallery img,
.pop-image img{
  -webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);
  mask-composite:intersect;
}

/* Let the editorial photographs blend into their section surfaces. */
.details-gallery img{border:0;outline:0}

/* A soft branded welcome, followed by the introduction and Mirror. */
.intro-art{grid-column:1/-1;width:100%;margin-bottom:10px}
.intro-art img{display:block;width:100%;height:auto}
@media(max-width:620px){
  .ribbon{padding:6px 10px;font-size:12px;letter-spacing:.1em}
  header{padding:10px 4% 12px;gap:7px}
  .brand{width:105px}
  nav{gap:6px 16px;font-size:14px;line-height:1.6}
  .hero{padding:0 0 36px;gap:24px}
  .intro-art{margin-bottom:0}
  .hero-copy{padding:12px 6% 0}
  .hero-copy h1{font-size:clamp(3.2rem,12vw,4.7rem)}
  .hero-copy .eyebrow{margin-bottom:20px}
  .hero .mirror{width:88%;max-width:440px;margin:0 auto}
  .mirror-message p{font-size:clamp(2.3rem,10vw,3.4rem);color:#513341}
  .mirror-entry{font-size:14px;letter-spacing:.08em;padding:10px 14px;text-decoration:none}
}

/* An immersive entrance, with the authentic logo intact. */
.welcome-page{background:#e8ddd1}
.welcome{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:60px 6%;isolation:isolate}
.welcome-scene{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}
.welcome-content{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;text-align:center}
.welcome-logo{display:block;width:100%;height:auto}
.welcome-tagline{font-size:14px;text-transform:uppercase;letter-spacing:.2em;color:#604a3c;line-height:1.7;max-width:560px;margin:25px 0 32px}
.welcome-enter{display:inline-block;padding:13px 40px;border:1px solid #9a7950;color:#513341;background:#f5e9e2ed;font-family:Georgia,serif;font-size:20px;letter-spacing:.06em;text-decoration:none;transition:background .2s,color .2s}
.welcome-enter:hover{background:#513341;color:#fffaf4}
@media(max-width:620px){.welcome{padding:45px 7%}.welcome-content{max-width:440px}.welcome-tagline{font-size:13px;letter-spacing:.15em;max-width:290px;margin:24px 0 30px}.welcome-enter{font-size:19px}}
@media(prefers-reduced-motion:reduce){.welcome-enter{transition:none}}
/* The meaning behind each monthly collection and its permission slip. */
.delusion-intro{max-width:820px;margin:0 0 45px}
.delusion-lead{font-family:Georgia,serif;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.4;color:var(--wine)}
.permission-story{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;margin-top:65px;padding-top:55px;border-top:3px double var(--gold)}
.permission-copy h3{font-size:clamp(2.5rem,3.3vw,3.6rem)}
.permission-signature{font-family:Georgia,serif;font-style:italic;font-size:21px;color:var(--wine)}
.permission-examples{background:#f5e9e2;border:4px double #b69b78;padding:35px}
.permission-examples h4{font-size:32px;color:var(--wine)}
.permission-examples ul{padding-left:22px;margin:24px 0}
.permission-examples li{padding-left:6px;margin-bottom:16px;font-family:Georgia,serif;font-size:18px;line-height:1.5}
.permission-examples li::marker{color:var(--gold)}
.permission-footnote{border-top:1px solid var(--line);padding-top:20px;margin:0;font-family:Georgia,serif;font-style:italic}
@media(max-width:620px){.delusion-intro{margin-bottom:30px}.permission-story{grid-template-columns:1fr;gap:25px;margin-top:40px;padding-top:35px}.permission-examples{padding:27px}.permission-signature{font-size:20px}}

/* Let the Society invitation feather gently into its surroundings. */
.invitation-art{box-shadow:none}
.invitation-art img{
  -webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);
  mask-composite:intersect;
}

/* Gently feather customer notes while keeping their words crisp. */
.love-grid img{
  border:0;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);
  mask-composite:intersect;
}

/* The entrance atmosphere continues through the interior. */
body:not(.welcome-page){background:#dcc1b9;isolation:isolate}
body:not(.welcome-page)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#efd9d1a3,#e6c7be8c),url("assets/entrance-scene.webp") center/cover no-repeat}
body:not(.welcome-page) header{background:#f7e9e0d9}
body:not(.welcome-page) .hero-copy{background:#fff7eea6;padding:28px;border-left:3px double var(--line)}
body:not(.welcome-page) .interlude{background:#edd4cac9}
body:not(.welcome-page) .story{background:#fff7ecb8}
body:not(.welcome-page) .delusion-intro{background:#fff7eea6;padding:28px 32px}
body:not(.welcome-page) .permission-copy{background:#fff7eea6;padding:28px}
body:not(.welcome-page) .permission-examples{background:#fbede4e8}
body:not(.welcome-page) .popups{background:#f2dfd6d9}
body:not(.welcome-page) .society{background:#fcf0e6d9}
body:not(.welcome-page) .customer-love{background:#fff6ebb8}
body:not(.welcome-page) .shopping{background:#fff7ecd9}
body:not(.welcome-page) footer{background:#f7e9e0d9}
@media(max-width:620px){
  body:not(.welcome-page) .hero-copy{margin:0 5%;padding:25px 6%;border-left:0}
  body:not(.welcome-page) .delusion-intro{padding:24px}
  body:not(.welcome-page) .permission-copy{padding:24px}
}

/* Soft Delusion product boutique. */
.shop-hero{text-align:center;min-height:580px;padding:95px 6% 85px;background:linear-gradient(#fbede2d9,#f6e5da8c),url("assets/entrance-scene.webp") center 48%/cover;border-bottom:4px double var(--gold)}.shop-hero h1{color:var(--wine);margin-bottom:25px}.shop-hero>p:not(.eyebrow){font-family:Georgia,serif;font-size:23px}.shop-catalog{padding-top:75px}.shop-motto{font-family:Georgia,serif;font-style:italic;font-size:21px;color:var(--wine)}.shop-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:38px}.shop-filters button{font:inherit;font-size:14px;padding:11px 20px;background:#fff7eee0;color:var(--wine);border:1px solid #9a7950;cursor:pointer}.shop-filters button[aria-pressed="true"]{background:var(--wine);color:var(--ivory);border-color:var(--wine)}.shop-filters button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.shop-empty{position:relative;text-align:center;padding:65px 25px;background:#fff7eee8;border:4px double var(--gold)}.shop-empty::before{content:"";position:absolute;inset:9px;border:1px solid var(--line);pointer-events:none}.shop-empty h3{font-size:clamp(2.6rem,4.5vw,4rem)}.shop-empty>p:not(.eyebrow):not(.small-note){max-width:550px;margin:0 auto 28px}.shop-invitation{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#f7e9e0d9;border-top:4px double var(--gold);padding-top:65px;padding-bottom:65px}.shop-invitation h2{font-size:clamp(2.5rem,4vw,3.8rem)}.shop-invitation>div+div{border-left:3px double var(--line);padding-left:14%}nav [aria-current="page"]{color:var(--wine);font-weight:600}@media(max-width:620px){.shop-hero{min-height:470px;padding:65px 6%}.shop-hero h1{font-size:clamp(3.3rem,13vw,4.8rem)}.shop-hero>p:not(.eyebrow){font-size:21px}.shop-catalog{padding-top:45px}.shop-filters{gap:9px}.shop-filters button{padding:10px 14px}.shop-empty{padding:45px 23px}.shop-invitation{grid-template-columns:1fr;gap:38px}.shop-invitation>div+div{border-left:0;border-top:3px double var(--line);padding:35px 0 0}.shop-motto{margin-bottom:0}}

[hidden]{display:none!important}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product-card{background:#fff7eeed;border:4px double var(--gold);overflow:hidden}.product-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.product-copy{padding:27px}.product-copy .eyebrow{font-size:10px;margin-bottom:15px}.product-copy h3{font-size:2.1rem;margin-bottom:18px}.product-price{font-family:Georgia,serif;font-size:26px;color:var(--wine);display:flex;align-items:center;justify-content:space-between;gap:10px}.product-price span{font-family:Arial,sans-serif;font-size:12px}.product-copy>p:not(.eyebrow):not(.product-price){font-size:14px}.product-specs{color:#765c4b}.product-detail{margin:20px 0;font-size:14px}.product-detail summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.product-detail img{margin-top:15px;display:block;width:100%}.product-copy .button{margin-top:12px;width:100%;text-align:center}@media(max-width:900px){.product-grid{gap:15px}.product-copy{padding:20px}.product-copy h3{font-size:1.8rem}}@media(max-width:620px){.product-grid{grid-template-columns:1fr;gap:28px}.product-copy{padding:27px}.product-copy h3{font-size:2.3rem}.product-photo{aspect-ratio:4/5}}

.candle-photo{object-fit:contain;background:#f7eee5}
/* Keep the entrance artwork within the viewport, including narrow webviews. */
.welcome-page{width:100%;overflow-x:clip}.welcome{width:100%;min-width:0;overflow:hidden}.welcome-content{min-width:0;max-width:min(680px,100%);flex:0 1 680px}.welcome-logo{width:min(100%,680px);max-width:100%;min-width:0;object-fit:contain}.welcome-tagline{width:100%;max-width:560px;white-space:normal;overflow-wrap:break-word}
@media(max-width:620px){.welcome{padding:70px 7% 110px;min-height:100svh}.welcome-content{flex-basis:auto;width:100%;max-width:440px}.welcome-logo{width:100%;max-width:100%;height:auto}.welcome-tagline{max-width:290px;font-size:13px;line-height:1.8;margin:25px 0 30px}.welcome-enter{max-width:100%;padding:13px 32px}}