
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--hl-background);color:var(--hl-ink);font-family:Arial,sans-serif}button,a,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #b37951;outline-offset:5px}.announcement{background:var(--hl-accent);color:#fff;text-align:center;padding:11px;font-size:10px;letter-spacing:2px}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:23px 6%;background:var(--hl-background)f5;border-bottom:1px solid var(--hl-border);backdrop-filter:blur(12px)}.brand{font-family:Georgia,serif;letter-spacing:3px;font-size:20px}.brand small{display:block;text-align:center;font:8px Arial;letter-spacing:4px;margin-top:7px}nav{display:flex;gap:30px;font-size:11px;letter-spacing:1px}.cartbtn{background:none;border:0;font-size:11px;letter-spacing:1px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.intro{padding:100px 8% 90px 12%;align-self:center}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#915e69}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(50px,5.8vw,86px);line-height:1.04;letter-spacing:-3px;margin:27px 0}.intro h1 em{color:var(--hl-pink);font-weight:400}.bodycopy{font-size:14px;line-height:1.9;color:#766269;max-width:360px}.button{display:inline-block;padding:18px 28px;background:var(--hl-accent);color:white;border:1px solid var(--hl-accent);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:22px}.button.light{background:transparent;color:var(--hl-accent)}.hero-art{position:relative;background:radial-gradient(ellipse at 50% 30%,#fffdf8,#e7e0d2);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:600px}.hero-art:before{content:"";position:absolute;inset:70px 12% 0;border:1px solid #b8a782;border-radius:260px 260px 0 0;opacity:.45}.art-note{position:absolute;bottom:28px;font-size:9px;letter-spacing:2px;color:#7a7263}.product-scene{width:350px;height:440px;position:relative;transform:rotate(-7deg)}.box{position:absolute;width:125px;height:360px;left:45px;top:30px;background:linear-gradient(95deg,#ece9e0,#fffef9 30%,#f3efe5);box-shadow:18px 22px 30px #65513725;border:1px solid #d8cfbd;text-align:center;padding:38px 8px;transform:rotate(5deg)}.box:after{content:"";position:absolute;right:-20px;top:8px;width:19px;height:358px;background:#d8d0c0;transform:skewY(40deg);transform-origin:left top}.product-logo{font:12px Georgia;color:#927644;letter-spacing:2px;line-height:1.7}.star{font-size:34px;color:#b99c63;line-height:1.6}.box .name{font:11px Arial;letter-spacing:2px;line-height:1.7;margin-top:35px}.volume{position:absolute;bottom:25px;left:0;width:100%;font:9px Arial;letter-spacing:1px}.bottle{position:absolute;left:218px;top:55px;width:42px;height:325px;background:linear-gradient(90deg,#d9d4c8,#fffef9 40%,#f8e9eb 80%,#c6beaf);border-radius:8px 8px 12px 12px;box-shadow:15px 15px 25px #71613a30;transform:rotate(9deg);border:1px solid #bfb39c}.cap{height:135px;background:linear-gradient(90deg,#9a7c43,#ead39a 40%,#b89a5a 80%,#80632f);border-radius:7px 7px 0 0;border-bottom:3px solid #a18b5f}.bottle-label{font:8px Georgia;writing-mode:vertical-rl;letter-spacing:2px;margin:24px auto;color:#796038}.strip{display:flex;justify-content:space-around;gap:20px;padding:25px 5%;border-block:1px solid var(--hl-border);font-size:10px;letter-spacing:2px;text-align:center}.section{padding:100px 9%}.section h2{font:400 clamp(35px,4vw,55px) Georgia;letter-spacing:-1px;margin:20px 0}.section-head{text-align:center;margin-bottom:55px}.shop{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.product-image{background:#f8e9eb;min-height:450px;display:flex;align-items:center;justify-content:center}.product-image .product-scene{transform:scale(.85) rotate(-7deg)}.details h3{font:36px Georgia;font-weight:400;margin:20px 0}.status{font-size:10px;letter-spacing:2px;color:#945e6c}.detailrow{display:flex;justify-content:space-between;padding:20px 0;border-block:1px solid var(--hl-border);font-size:12px;margin-top:25px}.quantity{display:inline-flex;border:1px solid #d1aeb5;align-items:center;margin-top:25px}.quantity button{border:0;background:none;padding:12px 18px}.quantity output{width:25px;text-align:center}.add{margin-left:10px}.tiny{font-size:11px;line-height:1.8;color:#826d73}.story{background:var(--hl-soft);display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}.story-mark{border:1px solid #a89c7c;border-radius:180px 180px 0 0;min-height:300px;display:flex;align-items:center;justify-content:center;font:110px Georgia;color:#97805b}.story p{max-width:480px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.step{border-top:1px solid #d2a5af;padding-top:25px}.step span{font:italic 30px Georgia;color:#af7182}.step h3{font:25px Georgia;font-weight:400}.step p{font-size:13px;line-height:1.9;color:#7e666e}.faq{max-width:800px;margin:auto}.faq details{border-bottom:1px solid #e7cbd2;padding:23px 0}.faq summary{cursor:pointer;font:19px Georgia}.faq p{font-size:13px;line-height:1.9;color:#7e666e}.newsletter{background:var(--hl-accent);color:#fff;text-align:center;padding:70px 20px}.newsletter h2{font:40px Georgia;margin:15px}.newsletter p{font-size:13px;color:#f2dce2}.newsletter form{display:flex;max-width:450px;margin:30px auto 10px;border-bottom:1px solid #c393a0}.newsletter input{background:none;border:0;padding:15px 5px;color:white;min-width:0;flex:1}.newsletter button{background:none;border:0;color:#fff;font-size:11px;letter-spacing:2px}.newsletter .tiny{color:#efd7df}footer{padding:40px 6%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#80666f}footer a{margin-left:20px}.preview{font-size:10px;text-align:center;background:#f3e1e7;padding:10px;color:#825b68}dialog{border:0;padding:40px;background:var(--hl-background);color:var(--hl-ink);max-width:480px;width:calc(100% - 30px);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#21241bb0}dialog h2{font:32px Georgia}dialog p{font-size:13px;line-height:1.8}.close{float:right;border:0;background:none;font-size:22px}.cart-line{padding:20px 0;border-block:1px solid #e7cbd2;font-size:13px}.remove{border:0;background:none;text-decoration:underline;font-size:11px;color:#746c5b;margin-top:20px}
@media(max-width:700px){header{padding:20px 5%}.brand{font-size:16px}nav{gap:15px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr}.intro{padding:65px 8%}.intro h1{font-size:60px}.hero-art{min-height:510px}.strip{font-size:8px;letter-spacing:1px}.section{padding:65px 7%}.shop,.story{grid-template-columns:1fr;gap:35px}.product-image{min-height:400px}.steps{grid-template-columns:1fr;gap:25px}.story-mark{min-height:220px;max-width:270px;width:100%;margin:auto}footer{gap:25px;flex-direction:column;text-align:center}.add{padding:18px}.newsletter h2{font-size:33px}}

.brand-image{display:block;flex-shrink:0;width:110px;height:96px;background:#fff;overflow:hidden}.brand-image img{display:block;width:100%;height:100%;object-fit:contain}header{padding-top:8px;padding-bottom:8px}.footer-logo{width:150px;height:140px}.founder-hero{margin:0;position:relative;min-height:600px;background:#e9e1d5;overflow:hidden}.founder-hero>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% center}.founder-hero figcaption{position:absolute;bottom:24px;left:24px;right:24px;background:var(--hl-background)ed;padding:17px 12px;text-align:center;font-size:9px;letter-spacing:2px;color:#5b503a}.ren-portrait{margin:0}.ren-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:200px 200px 0 0}.ren-portrait figcaption{font-size:11px;color:#766269;margin-top:16px;line-height:1.6}.story{grid-template-columns:1fr 1fr;gap:9%}@media(max-width:700px){.brand-image{width:83px;height:76px}header{padding:7px 5%}.founder-hero{min-height:450px}.founder-hero>img{object-position:center}.story{grid-template-columns:1fr}.ren-portrait{max-width:440px;margin:auto}.footer-logo{width:145px;height:130px}nav{gap:13px}nav a:nth-child(2){display:inline}.cartbtn{font-size:10px}.hero .intro{padding-top:55px;padding-bottom:55px}}

/* Blush and rose gold drawn from Ren's logo. */
header{background:#fffdfdf5;border-top:2px solid #c6a25d}.announcement{background:var(--hl-accent)}.intro h1 em{color:var(--hl-pink)}.button{border-radius:2px}.button:hover{background:#87515f;border-color:#87515f}.button.light:hover{color:white}.strip{background:#fcf1f4}.brand-image{background:white}.founder-hero figcaption{background:#fff8faed;color:#794c59}.newsletter{background:linear-gradient(120deg,#633b48,#855260)}.packaging-display{margin:0;display:block;background:#f2d1cb;min-height:0;overflow:hidden;border:1px solid #e8c7cb}.packaging-crop{position:relative;width:100%;aspect-ratio:344/512;overflow:hidden}.packaging-crop img{position:absolute;width:407.558%;max-width:none;height:auto;left:-307.558%;top:-30.86%;display:block}.packaging-display figcaption{text-align:center;padding:16px 10px;background:#fff5f6;color:#875663;font-size:10px;letter-spacing:1.6px}.status{color:#945e6c}.story .button{border-color:#b68b62}.newsletter input::placeholder{color:#ebd5dc}.newsletter button:disabled{opacity:.65;cursor:default}.newsletter p{line-height:1.7}.preview{letter-spacing:.5px}.shop{gap:7%}.packaging-display{max-width:460px;width:100%;justify-self:center}
@media(max-width:700px){.packaging-display{max-width:390px}.button.add{margin-left:8px}}

.shopify-section{width:100%}.page-width{max-width:1100px;margin:auto;padding:65px 7%}.page-width h1{font:48px Georgia}.rte{line-height:1.8}.product-form select{padding:12px;max-width:100%}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:20;background:white;padding:15px}.newsletter .errors{color:white}.cart-item{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--hl-border)}.cart-item img{width:90px;height:110px;object-fit:contain}input[type=number]{padding:12px;width:80px} .product-image:not(.packaging-display) img{max-width:100%;height:auto}

/* Keep the selected packaging panel at its full artwork scale. */
.packaging-display .packaging-crop img{width:407.558%;max-width:none;height:auto;left:-307.558%;top:-30.86%}

.packaging-display .packaging-crop.packaging-upload{aspect-ratio:auto}.packaging-display .packaging-crop.packaging-upload img{position:static;display:block;width:100%;max-width:100%;height:auto;left:auto;top:auto}
