:root{--paper:#f7f3eb;--ink:#292622;--red:#772b2b;--line:#d6cfc3;--muted:#625d55;--gutter:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Satoshi,Arial,sans-serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Averia,Georgia,serif;font-weight:300;line-height:1.08}p+p{margin-top:1em}h1{font-size:clamp(38px,5vw,74px)}h2{font-size:clamp(35px,4.5vw,62px)}h3{font-size:27px}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);padding:12px;z-index:100}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--gutter);background:var(--paper);border-bottom:1px solid var(--line)}.brand{flex-shrink:0;width:138px}.site-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,44px);font-size:14px}.site-header nav a{text-decoration:none;white-space:nowrap;transition:color .18s}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--red)}.eyebrow{text-transform:uppercase;font-size:11px;line-height:1.5;letter-spacing:.16em;margin-bottom:22px}.hero{position:relative;min-height:660px;height:calc(100svh - 80px);max-height:960px;color:#fff8eb;overflow:hidden;isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-image{object-position:center 65%;animation:arrive-image 1.2s ease-out both}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(18,22,26,.7) 0%,rgba(18,22,26,.5) 34%,rgba(18,22,26,.07) 72%),linear-gradient(0deg,rgba(18,22,26,.25),transparent 45%)}.hero-copy{padding:clamp(60px,9vh,125px) var(--gutter) 120px;max-width:860px;animation:arrive .75s ease-out both}.hero-logo{width:clamp(235px,28vw,380px);filter:brightness(0) invert(1);margin:26px 0 30px}.hero h1{font-size:clamp(32px,3.6vw,52px);margin-bottom:22px;line-height:1.14}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:410px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:49px;padding:13px 22px;background:var(--red);color:var(--paper);text-decoration:none;font-size:13px;margin-top:28px;border:1px solid var(--red);transition:background .2s,color .2s}.button.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.button:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.hero-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff66;padding-top:17px;font-size:12px;text-decoration:none;letter-spacing:.05em}.section{padding:clamp(64px,8vw,120px) var(--gutter)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:18px 9vw;border-bottom:1px solid var(--line)}.intro>.eyebrow{grid-column:1/-1}.intro>div{max-width:510px}.intro p,.app-section p{color:var(--muted)}.text-link{display:inline-flex;gap:22px;align-items:center;font-size:14px;margin-top:22px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(2px,-2px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:48px}.section-heading>p{max-width:330px;color:var(--muted);padding-bottom:6px}.candles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.candle-image{height:clamp(250px,28vw,420px);display:flex;align-items:center;justify-content:center;overflow:hidden}.candle-image img{width:88%;height:90%;object-fit:contain;transition:transform .6s}.candles figure:hover img{transform:translateY(-8px)}.fire{background:#eee1d8}.earth{background:#eee5d6}.air{background:#e1e7dc}.water{background:#e1e5eb}figcaption{padding-top:23px}figcaption .eyebrow{display:block;margin-bottom:10px;font-size:10px}figcaption h3{font-size:25px;margin-bottom:8px}figcaption p{font-size:12px;color:var(--muted)}.collection-note{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;max-width:820px;color:var(--muted);font-size:13px}.app-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#eee7dc}.app-section h2{margin-bottom:26px}.app-section>div{max-width:540px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:25px;padding:27px 0;border-top:1px solid #cfc6b9}.steps li>span{font-size:12px;padding-top:5px;color:var(--red)}.steps h3{margin-bottom:11px}.steps p{font-size:14px}.contact-section{text-align:center}.contact-section h2{margin-bottom:22px}.contact-section>p:not(.eyebrow){color:var(--muted)}.site-footer{padding:60px var(--gutter) 26px;background:#ece5d9}.footer-top{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:50px;padding-bottom:50px}.footer-logo{width:185px;margin-bottom:23px}.footer-top p{font-size:14px}.footer-top h2{font-family:Satoshi,Arial,sans-serif;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:23px}.footer-top>div>a:not(:first-child){display:block;font-size:13px;text-decoration:none;margin-top:12px}.footer-top>div>a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #cfc6b9;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:11px}.footer-bottom>div{display:flex;gap:24px}.page{min-height:60vh;max-width:1200px;margin:auto}.breadcrumb{display:flex;gap:12px;font-size:12px;flex-wrap:wrap;color:var(--muted);margin-bottom:55px}.page-heading{max-width:900px;padding-bottom:42px;border-bottom:1px solid var(--line);margin-bottom:44px}.page-heading h1{font-size:clamp(40px,6vw,78px)}.page-content{max-width:760px}.page-content h2{font-size:30px;margin-top:38px;margin-bottom:17px}.page-content h3{font-size:25px;margin-top:25px;margin-bottom:12px}.page-content p,.page-content ul{color:var(--muted)}.page-content a{color:var(--red)}.page-content>p:first-child{font-size:19px;color:var(--ink)}.page-contact{border-top:1px solid var(--line);margin-top:60px;padding-top:25px}.page-content .contact-email{font-size:clamp(22px,4vw,36px);overflow-wrap:anywhere;color:var(--red)}.shopify-policy__container{max-width:900px!important;padding:70px var(--gutter)!important}.shopify-policy__title{margin-bottom:40px}.shopify-policy__body h2{font-size:28px;margin:30px 0 15px}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes arrive-image{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(max-width:800px){.site-header{gap:16px;padding:17px 22px;flex-wrap:wrap}.brand{width:115px}.site-header nav{gap:20px;font-size:12px}.hero{height:calc(100svh - 74px);min-height:630px}.hero-image{object-position:62% center}.hero-copy{padding-top:70px;max-width:620px}.hero-shade{background:linear-gradient(90deg,rgba(18,22,26,.65),rgba(18,22,26,.13)),linear-gradient(0deg,rgba(18,22,26,.25),transparent)}.intro,.app-section{grid-template-columns:1fr;gap:30px}.intro>.eyebrow{margin-bottom:0}.section-heading{display:block}.section-heading>p{margin-top:24px}.candles{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px}.candle-image{height:300px}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.page-content h2{font-size:28px}}
@media(max-width:480px){.site-header{justify-content:center;padding:14px 18px 12px;gap:12px}.brand{width:110px}.site-header nav{justify-content:space-between;width:100%;gap:10px;font-size:11px}.hero{min-height:650px;height:calc(100svh - 94px)}.hero-copy{padding:54px 24px 125px}.hero-logo{width:240px;margin:22px 0 24px}.hero .eyebrow{font-size:9px}.hero h1{font-size:33px;max-width:345px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(18,22,26,.65),rgba(18,22,26,.24)),linear-gradient(0deg,rgba(18,22,26,.3),transparent)}.hero-bottom{font-size:10px}.candle-image{height:230px}figcaption h3{font-size:23px}figcaption p{font-size:11px}.footer-top{gap:30px 20px}.footer-top a{overflow-wrap:anywhere}.footer-bottom>div{gap:20px}.breadcrumb{margin-bottom:40px}html{scroll-padding-top:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
