:root{--paper:#f7f7f7;--ink:#111;--line:rgba(17,17,17,.14);--muted:#666;--sage-glass:rgba(222,232,219,.48);--pad:clamp(24px,5vw,78px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}
.voice-header{display:flex;justify-content:space-between;align-items:center;padding:25px var(--pad);font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.68);border-bottom:1px solid rgba(17,17,17,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.logo{font:600 27px/1 "Manrope",sans-serif;letter-spacing:-2px;text-transform:none}.voice-header a:last-child{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.65)}
.voice-hero{padding:80px var(--pad) 110px;background:radial-gradient(circle at 86% 10%,rgba(200,216,197,.44),transparent 31%),linear-gradient(180deg,#fff 0%,#f7f7f7 100%)}.kicker{margin:0 0 28px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.voice-hero h1{max-width:1200px;margin:0;font:600 clamp(58px,8.5vw,134px)/.87 "Manrope",sans-serif;letter-spacing:-.075em}.byline{display:flex;justify-content:space-between;align-items:end;margin-top:60px;padding-top:18px;border-top:1px solid var(--line)}.person{display:flex;flex-direction:column;gap:5px}.person strong{font-size:16px}.person span,.read-time{font-size:12px;color:var(--muted)}
.voice-trust{display:grid;grid-template-columns:auto auto;align-items:center;justify-items:end;gap:6px 11px}.trust-button{grid-row:1/3;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.58);color:var(--ink);font-size:11px;font-weight:600;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,border-color .2s}.trust-button:hover,.trust-button[aria-pressed="true"]{background:var(--sage-glass);border-color:rgba(84,111,82,.35)}.trust-button span{margin-right:5px;font-size:15px}.trust-button[aria-pressed="true"] span{font-size:0}.trust-button[aria-pressed="true"] span:after{content:"♥";font-size:15px}.trust-count{font-size:11px;color:#444}.trust-count strong{font-weight:700}.voice-trust .read-time{font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.person-name-row{display:flex;align-items:center;gap:9px}.instagram-link{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;transition:background .2s,border-color .2s}.instagram-link:hover,.instagram-link:focus-visible{background:#111;border-color:#111;color:#fff}.instagram-link svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.editorial-link{border-bottom:1px solid currentColor;padding-bottom:2px;font-weight:600}
.story{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:8vw;padding:90px var(--pad);background:#fff}.story-aside{position:sticky;top:30px;align-self:start}.portrait{height:360px;border-radius:26px;background:var(--tone);display:grid;place-items:center;position:relative;overflow:hidden}.portrait:before,.portrait:after{content:"";position:absolute;border-radius:50%;background:#252522}.portrait:before{width:110px;height:110px;top:55px}.portrait:after{width:250px;height:190px;bottom:-78px}.portrait span{position:absolute;z-index:1;right:18px;bottom:15px;color:#fff;font-size:11px;letter-spacing:.12em}.takeaway{margin:22px 0 0;padding:20px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:var(--sage-glass);box-shadow:0 12px 36px rgba(20,28,20,.07),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:14px;line-height:1.45}.story-copy{max-width:760px}.story-copy .lead{font:500 clamp(28px,3.2vw,46px)/1.15 "Manrope",sans-serif;letter-spacing:-.04em;margin:0 0 55px}.story-copy h2{margin:55px 0 15px;font:600 28px/1.15 "Manrope",sans-serif;letter-spacing:-.03em}.story-copy p{font-size:18px;line-height:1.65;color:#444}.pullquote{margin:65px 0;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:500 clamp(34px,4vw,58px)/1.04 "Manrope",sans-serif;letter-spacing:-.05em}
.next{padding:90px var(--pad);background:#191918;color:#fff}.next p{font-size:11px;text-transform:uppercase;letter-spacing:.13em}.next h2{max-width:900px;margin:22px 0 38px;font:600 clamp(46px,6vw,92px)/.9 "Manrope",sans-serif;letter-spacing:-.065em}.next a{display:inline-block;border-radius:999px;background:#fff;color:#191918;padding:14px 18px;font-size:13px;font-weight:600}
@media(max-width:750px){.voice-hero{padding-top:55px}.voice-hero h1{font-size:clamp(50px,14vw,78px)}.byline{align-items:start;gap:20px}.voice-trust{grid-template-columns:1fr;justify-items:end}.trust-button{grid-row:auto}.voice-trust .read-time{display:none}.story{grid-template-columns:1fr;padding-top:35px}.story-aside{position:static}.portrait{height:320px}.story-copy .lead{margin-top:15px}.voice-header span{display:none}}

/* Editorial contributor portraits */
.portrait{height:auto;aspect-ratio:.76;border-radius:0;background-image:url("../assets/duo-voices-triptych.png");background-size:300% 100%;background-repeat:no-repeat}
.portrait:before,.portrait:after,.portrait span{display:none}
.maya .portrait{background-position:left center}.james .portrait{background-position:center center}.amara .portrait{background-position:right center}
.lulu .portrait{background-image:url("../assets/lulu-mlynek.png");background-size:cover;background-position:center 32%}
.arthur .portrait{background-image:url("../assets/arthur-laidlaw.png");background-size:cover;background-position:center 42%}
.katharina .portrait{background-image:url("../assets/katharina-von-rohr.jpg");background-size:cover;background-position:center 43%}

/* ShopMy-inspired curator shelves */
.lulu{--product-sheet:url("../assets/lulu-products.png")}.arthur{--product-sheet:url("../assets/arthur-products.png")}.amara,.katharina{--product-sheet:url("../assets/amara-products.png")}
.recommendations{background:#fff;padding-top:95px;border-top:1px solid var(--line)}
.recommendations-head{text-align:center;padding:0 var(--pad) 52px}.recommendations-head>p{margin:0 0 4px;font:italic 22px/1.1 Georgia,serif}.recommendations-head h2{margin:0;font:400 clamp(54px,6.5vw,96px)/.95 Georgia,serif;letter-spacing:-.045em}.recommendations-head>span{display:inline-block;margin-top:21px;padding:8px 12px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:var(--sage-glass);box-shadow:0 8px 24px rgba(20,28,20,.06);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#555}
.product-tabs{display:flex;justify-content:center;gap:46px;padding:17px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:400 15px Georgia,serif;white-space:nowrap;overflow-x:auto}.product-tabs span{padding:8px 1px}.product-tabs .active{padding-left:17px;padding-right:17px;border:1px solid #111;border-radius:999px;background:rgba(218,230,215,.42)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.product-card{min-width:0;padding:0 22px 28px;border-right:1px solid var(--line)}.product-card:last-child{border-right:0}
.product-image{aspect-ratio:1;background-image:var(--product-sheet);background-size:400% auto;background-repeat:no-repeat;background-position-y:center}
.product-image--1{background-position-x:0}.product-image--2{background-position-x:33.333%}.product-image--3{background-position-x:66.667%}.product-image--4{background-position-x:100%}
.katharina .product-image{background-size:cover;background-position:center}
.katharina .product-image--1{background-image:url("../assets/katharina-product-tea.jpg")}
.katharina .product-image--2{background-image:url("../assets/katharina-product-nipple-saver.jpg")}
.katharina .product-image--3{background-image:url("../assets/katharina-product-peri-bottle.jpg")}
.katharina .product-image--4{background-image:url("../assets/katharina-product-cooling-spritz.jpg")}
.lulu .product-image--1{background-image:url("../assets/lulu-bbhugme-pregnancy-pillow-in-use.webp");background-size:cover;background-position:center}
.lulu .product-image--2{background-image:url("../assets/lulu-hvid-booties-mocha.jpg");background-size:cover;background-position:center}
.lulu .product-image--3{background-image:url("../assets/lulu-sokind-stretch-mark-kit.png");background-size:cover;background-position:center}
.lulu .product-image--4{background-image:url("../assets/lulu-team-dr-joseph-body-elixir.png");background-size:cover;background-position:center}
.product-card>p{margin:3px 0 7px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#555}.product-card h3{margin:0;font:600 16px/1.2 "Manrope",sans-serif;letter-spacing:-.025em}.product-card>span{display:block;margin-top:9px;font-size:12px;line-height:1.35;color:#666}
.recommendations-note{margin:0;padding:16px var(--pad) 24px;border-top:1px solid var(--line);font-size:10px;line-height:1.5;color:#777}
@media(max-width:850px){.product-grid{grid-template-columns:1fr 1fr}.product-card{border-bottom:1px solid var(--line)}.product-card:nth-child(2){border-right:0}.product-tabs{justify-content:flex-start}.recommendations{padding-top:70px}}
@media(max-width:520px){.product-card{padding:0 12px 22px}.recommendations-head{padding-bottom:38px}.recommendations-head h2{font-size:50px}.product-card h3{font-size:14px}.product-card>span{font-size:11px}}

/* Outliers-style person profile */
.profile-sheet{margin:0 0 64px;padding:30px;border:1px solid rgba(255,255,255,.78);border-radius:28px;background:linear-gradient(135deg,rgba(232,239,229,.7),rgba(255,255,255,.48));box-shadow:0 18px 50px rgba(20,28,20,.07),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.profile-sheet-head{padding:0 0 24px}.profile-sheet-head h2{margin:0!important;font-size:clamp(38px,4.3vw,64px)!important;line-height:.92!important;letter-spacing:-.06em!important}.profile-sheet-head p{margin:10px 0 0!important;font-size:13px!important;line-height:1.35!important;color:#555!important}
.profile-sheet>h3{margin:5px 0 28px;font-size:10px;letter-spacing:.16em}
.profile-sheet dl{display:grid;grid-template-columns:1fr 1fr;gap:28px 42px;margin:0}.profile-sheet dl>div{display:flex;flex-direction:column;gap:6px}
.profile-sheet dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#777}.profile-sheet dd{margin:0;font-size:15px;font-weight:600;line-height:1.35}
.profile-sheet dd.open-answer{font-weight:500;color:#888}
@media(max-width:750px){.profile-sheet{margin-top:20px;margin-bottom:50px;padding:23px;border-radius:22px}.profile-sheet-head h2{font-size:42px!important}.profile-sheet dl{gap:24px 22px}}

/* One DUO typeface throughout */
*{font-family:"Manrope",sans-serif!important}

/* Consistent DUO headline typography */
h1,h2,h3{font-family:"Manrope",sans-serif!important;font-style:normal}