@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f5f3ec;--ink:#20211e;--lav:#d4c6eb;--lime:#e4fb71;--line:#d5d3ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;width:100%;object-fit:cover}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7755bd;outline-offset:5px}.preview-note{background:var(--ink);color:white;text-align:center;font-size:10px;letter-spacing:1.5px;padding:9px 16px}.preview-note span{margin-left:18px;letter-spacing:.5px;opacity:.7}header{height:91px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);background:var(--paper);position:relative;z-index:5}.logo{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;font-size:39px;letter-spacing:-1.3px;display:inline-flex;align-items:center;gap:4px}.logo span{font-size:36px;font-weight:400}nav{display:flex;gap:35px;font-size:12px;font-weight:600}nav a{position:relative;padding:10px 0}nav a:after{content:'';position:absolute;height:1px;background:var(--ink);bottom:4px;left:0;width:0;transition:width .2s}nav a:hover:after{width:100%}.bag-button{border:0;background:none;display:flex;gap:12px;align-items:center;font-size:12px}.bag-button span{border:1px solid var(--ink);border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.hero{display:grid;grid-template-columns:47% 53%;min-height:760px}.hero-copy{padding:45px 8.5% 22px;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;display:block}.tiny-star{font-size:19px;vertical-align:middle;margin-right:7px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(90px,8.3vw,140px);line-height:.86;letter-spacing:-1.8px;margin:30px 0 24px}h1 span{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:1.02em;letter-spacing:-4px}p{font-size:14px;line-height:1.65}.hero-copy>p{margin:0 0 24px}.button{border:1px solid var(--ink);padding:17px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button span{font-size:21px;line-height:1}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#49493e;transform:translateY(-2px)}.hero-foot{margin-top:auto;padding-top:38px;display:flex;justify-content:space-between;gap:24px;font-size:8px;letter-spacing:.8px;width:100%;line-height:1.5}.hero-photo{position:relative;overflow:hidden;background:var(--lav);min-height:650px}.hero-photo>img{height:100%;position:absolute;inset:0;object-position:55% center}.photo-label{position:absolute;left:27px;top:26px;background:var(--paper);padding:8px 10px;font-size:9px;letter-spacing:1px}.sticker{position:absolute;right:27px;top:43px;background:var(--lime);width:121px;height:121px;transform:rotate(12deg);border-radius:50%;text-align:center;display:flex;flex-direction:column;justify-content:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:700;line-height:.95}.sticker span{font-family:Arial;font-size:32px;margin-top:4px}.photo-caption{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#0009);padding:48px 27px 25px;color:white;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;gap:15px}.photo-caption span{font-size:8px;opacity:.85}.ticker{background:var(--lav);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;padding:15px 0}.ticker>div{display:flex;width:max-content;gap:35px;align-items:center;animation:marquee 40s linear infinite;font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;font-weight:600;letter-spacing:.3px}.ticker span{font-size:28px}@keyframes marquee{to{transform:translateX(-35%)}}.collection{padding:85px 4% 75px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:37px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:60px;font-weight:700;letter-spacing:-1px;line-height:1.02;margin:16px 0}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-1.5px} .section-heading>p{margin-bottom:5px;max-width:250px;font-size:13px}.collection-tools{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:none;border:1px solid var(--line);border-radius:30px;padding:9px 15px;font-size:11px}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.collection-tools>span{font-size:9px;letter-spacing:1px;white-space:nowrap}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{min-width:0}.product-visual{position:relative;aspect-ratio:4/4.7;background:#ebe8df;overflow:hidden}.product-visual>button{position:absolute;inset:0;border:0;background:none;width:100%;height:100%;padding:0}.product-visual img{height:100%;transition:transform .5s;object-fit:cover}.product-visual:hover img{transform:scale(1.05)}.product-label{position:absolute;top:15px;left:15px;font-size:8px;letter-spacing:1px;background:var(--paper);padding:7px 9px;pointer-events:none}.quick-add{position:absolute!important;inset:auto 14px 14px auto!important;width:36px!important;height:36px!important;border-radius:50%;background:var(--paper)!important;font-size:26px;display:grid;place-items:center}.product-info{display:flex;align-items:flex-start;justify-content:space-between;margin-top:15px;gap:10px}.product-info h3{font-weight:500;font-size:15px;margin:0 0 4px}.product-info p{font-size:10px;color:#63635c;margin:0}.product-price{font-size:13px;white-space:nowrap}.concept-caption{font-size:10px;color:#66665f;margin-top:25px}.mood{display:grid;grid-template-columns:1fr 1fr;background:var(--lav);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.mood-image{min-height:660px;position:relative;overflow:hidden}.mood-image img{position:absolute;height:100%;object-position:22% center}.image-tag{position:absolute;left:30px;bottom:30px;color:white;font-family:'Barlow Condensed',Impact,sans-serif;font-size:44px;font-weight:700;line-height:.95;letter-spacing:-.5px}.mood-copy{padding:65px 12%;position:relative;overflow:hidden}.mood-copy h2{font-size:75px;line-height:.98}.mood-copy p{max-width:330px;font-size:13px}.mood-copy .eyebrow{margin-bottom:33px}.text-link{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--ink);padding:20px 0 10px;font-size:12px;max-width:330px}.mood-doodle{position:absolute;font-size:180px;right:-22px;bottom:-47px;color:#6b5688;opacity:.25;transform:rotate(15deg)}.stack-section{padding:85px 8%;display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.stack-section h2{font-size:82px}.stack-section p{font-size:13px;margin-bottom:28px}.stack-still{height:450px;background:var(--lime);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.stack-still img{height:310px;object-fit:cover;border-radius:120px;mix-blend-mode:multiply;transform:rotate(-12deg)}.stack-still img+img{transform:rotate(13deg);margin-left:-15px}.stack-symbol{position:absolute;top:40px;left:50%;font-family:'Instrument Serif',serif;font-size:65px}.stack-label{position:absolute;bottom:26px;left:25px;font-size:10px;letter-spacing:1px;line-height:1.5}.details{border-top:1px solid var(--ink);padding:70px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.details h2{font-size:52px}.details-intro>p{font-size:12px}.accordion{padding-top:20px}details{border-bottom:1px solid #b9b8ad;padding:20px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:13px;font-weight:500;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:20px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;color:#62625b;margin:15px 25px 0 0}.closing{padding:65px 8% 70px;background:var(--lav);border-top:1px solid var(--ink);position:relative;overflow:hidden}.closing h2{font-size:clamp(70px,9vw,135px);line-height:.95;margin:28px 0 34px}.closing h2 span{position:absolute;right:8%;top:80px;font-size:180px;font-family:Arial;transform:rotate(12deg);color:var(--lime)}footer{padding:40px 4% 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer>p{font-size:9px;letter-spacing:1px}footer>div{display:flex;gap:28px;font-size:8px;letter-spacing:1px}footer>small{width:100%;font-size:9px;color:#77776e;border-top:1px solid var(--line);padding-top:19px;margin-top:8px}dialog{border:1px solid var(--ink);background:var(--paper);color:var(--ink);max-width:900px;width:90%;padding:0;max-height:90dvh;overflow:auto}dialog::backdrop{background:#15181099;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close{border:0;background:var(--paper);font-size:30px;width:42px;height:42px;position:absolute;right:12px;top:12px;z-index:2}.product-modal{display:grid;grid-template-columns:1fr 1fr}.product-modal>img{height:100%;min-height:570px;max-height:680px}.modal-info{padding:60px 35px 30px}.modal-info h2{font-size:54px}.modal-price{font-size:21px}.modal-info>p{font-size:13px}.modal-info>.finish{font-size:10px;letter-spacing:1px;border-top:1px solid var(--line);padding-top:16px}.modal-info fieldset{border:0;padding:0;margin:25px 0}.modal-info legend{font-size:11px;margin-bottom:12px}.sizes{display:flex;gap:8px}.sizes button{background:none;border:1px solid var(--line);padding:10px 14px;font-size:12px}.sizes button.active{background:var(--ink);color:white}.modal-info>.button{width:100%;gap:12px}.small-print{font-size:10px!important;line-height:1.6;color:#6c6c61}#bagDialog{width:460px;max-width:94%;margin:0 0 0 auto;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--ink);padding:32px;position:fixed;top:0}#bagDialog h2{font-size:65px;display:flex;justify-content:space-between;margin:33px 0}#bagDialog h2 span{color:#8c75ae}.bag-top{padding:4px 40px 4px 0}.bag-item{display:grid;grid-template-columns:75px 1fr;gap:15px;padding:18px 0;border-top:1px solid var(--line)}.bag-item img{height:95px}.bag-item h3{font-size:14px;margin:3px 0 7px}.bag-item p{font-size:11px;margin:4px 0}.bag-actions{display:flex;gap:12px;align-items:center;margin-top:9px}.bag-actions button{background:none;border:1px solid var(--line);width:25px;height:25px}.bag-actions .remove{border:0;text-decoration:underline;width:auto;font-size:10px;margin-left:auto}.bag-total{display:flex;justify-content:space-between;padding:25px 0 10px;border-top:1px solid var(--ink);font-size:14px}#bagDialog>.button{width:100%;margin-top:18px}.empty{padding:35px 0;font-family:'Instrument Serif',Georgia,serif;font-size:29px;line-height:1.3}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);padding:14px 24px;background:var(--ink);color:white;font-size:12px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:20;box-shadow:0 5px 20px #0002}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:850px}.hero-copy{padding-top:55px}.hero-photo{min-height:850px}}@media(max-width:900px){header{height:75px}.logo{font-size:33px}nav{gap:20px}.hero{grid-template-columns:48% 52%;min-height:650px}.hero-copy{padding:35px 7% 22px}h1{font-size:100px}.hero-photo{min-height:650px}.hero-foot{display:block}.hero-foot span{display:block;margin-top:8px}.sticker{width:95px;height:95px;font-size:21px;right:15px}.photo-label{left:15px;font-size:8px}.photo-caption span{display:none}.section-heading h2{font-size:48px}.mood-copy{padding:45px 10%}.mood-copy h2{font-size:60px}.mood-image{min-height:620px}.stack-section{padding:65px 5%;gap:5%}.stack-section h2{font-size:68px}.stack-still{height:370px}.stack-still img{height:240px}.closing h2 span{font-size:130px;right:5%}.product-info{flex-wrap:wrap}.details{padding:60px 5%;gap:6%}}
@media(max-width:600px){.preview-note{font-size:8px;padding:8px}.preview-note span{display:block;margin:4px 0 0;font-size:8px}header{height:70px;padding:0 5%}header .logo{font-size:33px}header .logo span{font-size:29px}nav{gap:16px}nav a{font-size:10px}nav a:last-child{display:none}.bag-button{font-size:0;gap:0}.bag-button span{font-size:11px}.hero{display:flex;flex-direction:column}.hero-copy{padding:30px 6% 27px;position:relative}.hero-copy .eyebrow{font-size:8px}h1{font-size:100px;line-height:.86;margin:25px 0;letter-spacing:-1px}.hero-copy>p{position:absolute;right:6%;bottom:101px;font-size:10px;line-height:1.65;max-width:120px}.hero-copy>.button{width:100%;margin-top:5px}.hero-foot{padding-top:14px;display:flex;gap:10px;font-size:6px}.hero-foot span{margin:0}.hero-photo{min-height:460px}.hero-photo>img{object-position:center}.sticker{top:25px;right:20px}.photo-label{top:23px;left:20px;font-size:7px}.photo-caption{padding:40px 20px 20px;font-size:8px}.ticker{padding:11px 0}.ticker>div{font-size:22px;gap:25px}.collection{padding:50px 5%}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:43px}.section-heading>p{font-size:11px}.eyebrow{font-size:8px}.collection-tools{align-items:flex-start}.filters{gap:5px}.filters button{font-size:9px;padding:8px 10px}.collection-tools>span{font-size:7px;padding-top:10px}.products{grid-template-columns:1fr 1fr;gap:23px 12px}.product:last-child{grid-column:1/-1;width:calc(50% - 6px)}.product-visual{aspect-ratio:3/4}.product-label{top:8px;left:8px;font-size:6px;padding:5px 6px}.product-info h3{font-size:13px}.product-info p{font-size:9px}.product-price{font-size:11px}.quick-add{width:28px!important;height:28px!important;inset:auto 9px 9px auto!important;font-size:22px}.concept-caption{font-size:9px}.mood{grid-template-columns:1fr}.mood-image{min-height:450px}.image-tag{font-size:39px;left:23px;bottom:23px}.mood-copy{padding:40px 7% 60px}.mood-copy h2{font-size:64px}.mood-copy .eyebrow{margin-bottom:23px}.mood-copy p{font-size:12px}.stack-section{grid-template-columns:1fr;padding:50px 6%;gap:30px}.stack-section h2{font-size:72px}.stack-section p{font-size:12px}.stack-still{height:360px}.details{grid-template-columns:1fr;padding:45px 6%;gap:5px}.details h2{font-size:48px}.accordion{padding-top:0}.closing{padding:45px 6% 50px}.closing h2{font-size:66px;position:relative;z-index:1}.closing h2 span{font-size:110px;top:-10px;right:-20px;z-index:-1;opacity:.6}.closing>.button{font-size:11px}footer{padding:30px 6% 20px;gap:15px}footer>.logo{font-size:34px}footer>p{font-size:7px}footer>div{width:100%;justify-content:space-between;font-size:7px}footer>small{font-size:8px}.product-modal{grid-template-columns:1fr}.product-modal>img{min-height:0;max-height:300px;height:300px;object-fit:contain;background:#f1eee6}.modal-info{padding:30px 24px}.modal-info h2{font-size:45px}.modal-info .eyebrow{font-size:7px}dialog{width:94%}#bagDialog{padding:25px}#bagDialog h2{font-size:57px}.bag-item{grid-template-columns:65px 1fr}.bag-item img{height:85px}.bag-item h3{font-size:13px}#toast{width:max-content;max-width:90%;text-align:center;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Neutral editorial pair: preserve the actual concept image colors. */
.stack-still{background:transparent;height:auto;gap:15px;overflow:visible;align-items:start}.stack-still figure{margin:0;min-width:0}.stack-still img,.stack-still img+img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:0;mix-blend-mode:normal;transform:none;margin:0}.stack-still figcaption{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:9px;letter-spacing:1px}.stack-still figcaption span{color:#77776e}.stack-section h2{font-size:70px}
@media(max-width:600px){.stack-still{height:auto;gap:12px}.stack-still img{height:auto}.stack-section h2{font-size:62px}}

.shipping-strip{background:#e9e5dd;padding:9px 5%;border-bottom:1px solid var(--line);text-align:center;font-size:9px;letter-spacing:.7px}.shipping-progress{margin:20px 0 10px;padding:14px;background:#eae4f1;font-size:11px;line-height:1.5}.shipping-progress progress{display:block;width:100%;height:4px;margin-top:11px;accent-color:#746082}.shipping-progress progress::-webkit-progress-bar{background:#d5cddd}.shipping-progress progress::-webkit-progress-value{background:#746082}
@media(max-width:600px){.hero-copy>p{position:static;max-width:none;font-size:12px;margin:0 0 20px}.hero-copy>p br{display:none}.hero-copy h1{font-size:94px}.shipping-strip{font-size:8px}.hero-copy{padding-top:25px}}

/* Keep the whole necklace visible in the shared product popup. */
#productDialog[data-product-type=necklace] .product-modal>img{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:1;object-fit:contain;object-position:center;align-self:center;background:#f1eee6}
@media(max-width:600px){#productDialog[data-product-type=necklace] .product-modal>img{height:auto;max-height:340px;aspect-ratio:1}}

/* Supplier photos: show the entire unchanged photograph, never crop hardware. */
.product.supplier-photo .product-visual{background:#fff}
.product.supplier-photo .product-visual>button:first-child{padding:18px;background:#fff}
.product.supplier-photo .product-visual img{width:100%;height:100%;object-fit:contain;transform:none!important;filter:none!important;mix-blend-mode:normal}
#productDialog.supplier-photo #modalImage{object-fit:contain;background:#fff;filter:none;mix-blend-mode:normal}
.lab-stage>img[src*="-supplier.jpg"]{object-fit:contain;filter:none!important;mix-blend-mode:normal;background:#fff}
.bracelet-category .category-still{background:#fff}
.bracelet-category .category-still img[src*="-supplier.jpg"]{object-fit:contain;padding:5%;filter:none!important;mix-blend-mode:normal}
.product.supplier-photo .product-visual img{object-fit:contain!important;background:#fff!important;padding:0!important}
.lab-stage>img[src*="-clean.png"]{object-fit:contain;filter:none!important;mix-blend-mode:normal;background:#fff}
