:root{--black:#0b0b0b;--white:#fff;--paper:#f7f7f5;--muted:#8b8b8b;--line:#dededb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111;font-family:'DM Sans',Arial,sans-serif;font-size:12px}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.topbar{height:39px;background:#050505;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.2%;font-size:9px;letter-spacing:.12em}.top-social{display:flex;gap:17px;font-size:13px}.top-arrow{font-size:17px;margin-left:25px}.top-currency{justify-self:end}.top-currency i{font-style:normal;color:#555;margin:0 8px}.nav{height:92px;background:#0c0c0c;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.2%;position:relative;z-index:10}.navlinks{display:flex;gap:29px;align-items:center}.navlinks a{font-size:10px;letter-spacing:.08em}.navlinks small{font-size:10px;margin-left:3px}.logo{text-align:center;display:flex;flex-direction:column;align-items:center;font-size:17px;letter-spacing:.05em}.logoMark{font-family:Georgia,serif;font-size:48px;line-height:34px;font-weight:700}.navright{justify-self:end;display:flex;align-items:center;gap:23px}.iconBtn,.bag{background:none;border:0;color:#fff;font-size:25px;line-height:1}.bag{position:relative}.bag b{position:absolute;right:-10px;top:-7px;background:#fff;color:#111;border-radius:50%;width:15px;height:15px;font-size:8px;display:flex;align-items:center;justify-content:center}.mobileMenu{display:none}.hero{height:500px;background:url('assets/hero.jpg') center center/cover no-repeat;position:relative;color:#fff;display:flex;align-items:center}.heroOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.35) 44%,rgba(0,0,0,.05) 80%)}.heroContent{position:relative;z-index:1;margin-left:8%;margin-top:-3px}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:16px}.hero h1{font-size:58px;font-weight:400;letter-spacing:.025em;margin:0 0 13px}.heroRule{display:block;width:39px;height:1px;background:#fff;margin-bottom:22px}.hero p{font-size:12px;line-height:1.65;margin:0 0 23px}.heroButtons{display:flex;gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;height:36px;padding:0 20px;border:1px solid #fff;font-size:9px;letter-spacing:.1em}.btn.white{background:#fff;color:#111}.btn.ghost{background:transparent;color:#fff}.heroSlides{display:flex;align-items:center;gap:11px;margin-top:40px;font-size:9px}.heroSlides span{display:block;width:31px;height:1px;background:rgba(255,255,255,.5)}.heroSlides em{font-style:normal;color:#aaa}.featured{padding:22px 7.8% 28px;background:#f7f7f5}.sectionTop{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:19px}.miniLabel{font-size:9px;letter-spacing:.12em;color:#555;margin-bottom:4px}.sectionTop h2{font-size:21px;font-weight:400;letter-spacing:.05em;margin:0}.sectionTop>a{font-size:9px;letter-spacing:.06em}.sectionTop>a span{font-size:16px;margin-left:8px}.productGrid.four{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.homeCard{min-width:0}.cardImage{background:#eee;aspect-ratio:1/1;overflow:hidden}.cardImage img{width:100%;height:100%;object-fit:cover;display:block}.homeCard h3{font-size:9px;letter-spacing:.03em;font-weight:500;margin:9px 0 3px}.homeCard p{font-size:9px;color:#555;margin:0}.swatches{display:flex;gap:7px;margin-top:8px}.swatches i{width:12px;height:12px;border:1px solid #999;border-radius:50%;display:block;background:#111}.swatches i:nth-child(2){background:#eee}.swatches i:nth-child(3){background:#777}.swatches i:nth-child(4){background:#aaa}.storySplit{display:grid;grid-template-columns:45% 55%;min-height:240px}.storyCopy{background:#111;color:#fff;padding:37px 8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.storyCopy .miniLabel{color:#ddd}.storyCopy h2{font-size:24px;line-height:1.12;font-weight:400;letter-spacing:.05em;margin:8px 0 14px}.storyCopy p{font-size:10px;line-height:1.65;max-width:390px;margin:0 0 10px;color:#eee}.storyTag{font-size:9px;margin-bottom:16px}.darkBtn{height:32px}.storyPhoto{min-height:240px}.storyPhoto img{display:block;width:100%;height:100%;object-fit:cover}.benefits{background:#0b0b0b;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:14px 7.8%;gap:20px;border-top:1px solid #222;border-bottom:1px solid #222}.benefits>div{display:flex;align-items:center;gap:13px}.benefitIcon{font-size:27px;font-weight:300}.benefits b{display:block;font-size:9px;letter-spacing:.09em;font-weight:500}.benefits small{display:block;color:#bbb;font-size:8px;margin-top:4px}.instagram{padding:18px 7.8% 28px;text-align:center;background:#f7f7f5}.instaTitle>div{font-size:8px;letter-spacing:.12em;color:#666}.instaTitle h2{font-size:17px;font-weight:400;margin:3px 0 14px;letter-spacing:.04em}.instaGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.instaGrid img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.instaBtn{display:inline-flex;margin-top:13px;border:1px solid #111;padding:7px 19px;font-size:8px;letter-spacing:.08em}.footer{background:#0b0b0b;color:#fff;padding:31px 7.8% 17px;display:grid;grid-template-columns:1.55fr 1fr 1.25fr 1.25fr 1.45fr;gap:30px}.footerLogo{font-size:16px;letter-spacing:.04em}.footerLogo span{font-family:Georgia,serif;font-size:34px;font-weight:700;vertical-align:middle;margin-right:5px}.footerBrand p{font-size:9px;line-height:1.65;color:#bbb}.footerSocial{font-size:13px;margin-top:14px;letter-spacing:5px}.footer h4{font-size:9px;font-weight:500;letter-spacing:.12em;margin:6px 0 12px}.footer a{display:block;color:#bbb;font-size:9px;margin:7px 0}.newsletter p{color:#bbb;font-size:9px;line-height:1.6;margin:0 0 10px}.newsletter form{display:flex;border:1px solid #444;height:27px}.newsletter form span{padding:5px 7px;color:#aaa}.newsletter input{min-width:0;flex:1;border:0;background:transparent;color:#fff;font-size:8px;outline:0}.newsletter button{width:30px;border:0;border-left:1px solid #444;background:#fff;color:#111}.footerBottom{grid-column:1/-1;border-top:1px solid #252525;padding-top:14px;margin-top:5px;display:flex;justify-content:space-between;color:#777;font-size:8px}.desktopOnly{display:block}
@media(max-width:800px){.topbar{height:33px;grid-template-columns:auto 1fr auto;padding:0 15px;font-size:7px}.top-social{display:none}.top-arrow{display:none}.nav{height:72px;padding:0 18px}.navlinks{display:none}.mobileMenu{display:block;background:none;border:0;color:#fff;font-size:9px;letter-spacing:.08em}.logo{font-size:13px}.logoMark{font-size:37px;line-height:27px}.navright{gap:13px}.iconBtn{font-size:21px}.hero{height:590px}.heroContent{margin-left:24px}.hero h1{font-size:44px}.hero p{font-size:11px}.desktopOnly{display:none}.featured{padding:24px 18px}.productGrid.four{grid-template-columns:repeat(2,1fr);gap:16px 10px}.storySplit{grid-template-columns:1fr}.storyCopy{min-height:300px;padding:40px 24px}.storyPhoto{height:300px}.benefits{grid-template-columns:1fr 1fr;padding:17px 18px;gap:18px}.instaGrid{grid-template-columns:repeat(3,1fr)}.footer{grid-template-columns:1fr 1fr;padding:30px 20px}.footerBrand,.newsletter{grid-column:1/-1}.footerBottom{grid-column:1/-1;display:block}.footerBottom span{display:block;margin-top:8px}}
@media(max-width:480px){.top-currency{display:none}.topbar{display:block;text-align:center;padding-top:10px}.nav{grid-template-columns:1fr auto 1fr}.navright .iconBtn:first-child{display:none}.hero{height:540px}.heroContent{margin-left:20px}.hero h1{font-size:39px}.heroButtons{gap:8px}.heroSlides{margin-top:28px}.sectionTop h2{font-size:18px}.productGrid.four{grid-template-columns:1fr 1fr}.benefits{grid-template-columns:1fr}.instagram{padding-left:12px;padding-right:12px}.footer{grid-template-columns:1fr}.footerBrand,.newsletter{grid-column:auto}}

/* A LOST SOUL — corrected logo + working mobile menu */
.logo img{display:block;width:118px;height:auto;max-height:78px;object-fit:contain;filter:invert(1);}
.footer .logo img{filter:invert(1);width:105px;}
.mobileMenu{position:relative;z-index:31;min-width:64px;text-align:left;padding:10px 0;color:#fff;}
.mobileDrawer{display:none;}
@media(max-width:800px){
  .logo img{width:96px;max-height:58px;}
  .mobileDrawer{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;}
  .mobileDrawer.open{opacity:1;visibility:visible;}
  .mobileDrawerInner{position:absolute;left:0;top:0;bottom:0;width:min(86vw,360px);background:#0b0b0b;color:#fff;padding:86px 28px 30px;transform:translateX(-100%);transition:transform .25s ease;box-shadow:12px 0 30px rgba(0,0,0,.25);}
  .mobileDrawer.open .mobileDrawerInner{transform:translateX(0);}
  .mobileDrawerInner>a{display:block;border-bottom:1px solid #292929;padding:20px 0;font-size:13px;letter-spacing:.14em;}
  .mobileClose{position:absolute;right:20px;top:22px;background:none;border:0;color:#fff;font-size:30px;line-height:1;}
  body.menuOpen{overflow:hidden;}
}

/* Collections dropdown */
.navCollection{position:relative;height:100%;display:flex;align-items:center}
.navCollectionBtn{background:none;border:0;color:#fff;padding:10px 0;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.collectionMenu{position:absolute;left:-18px;top:54px;width:520px;background:#fff;color:#111;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;box-shadow:0 18px 35px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;z-index:50}
.navCollection:hover .collectionMenu,.navCollection:focus-within .collectionMenu{opacity:1;visibility:visible;transform:translateY(0)}
.collectionMenu a{display:block;background:#f4f4f2!important;color:#111!important;padding:0!important;font-size:10px!important;letter-spacing:.1em!important}
.collectionMenu img{display:block;width:100%;height:150px;object-fit:cover}
.collectionMenu span{display:block;padding:12px 9px 13px}
.mobileCollectionLinks>div{display:block;border-bottom:1px solid #292929;padding:20px 0;font-size:13px;letter-spacing:.14em}
.mobileCollectionLinks>a{padding:14px 0!important;margin-left:12px;border-bottom:1px solid #202020!important;font-size:11px!important;color:#aaa!important}
@media(max-width:800px){.navCollection{display:none}.collectionMenu{display:none}}
.navCollection.open .collectionMenu{opacity:1;visibility:visible;transform:translateY(0)}