/* Sunny Wags campaign: sunlit photography, clear product choices, one continuous story. */
:root{--paper:#fffaf2;--surface:#fffdf8;--line:#e2d5c9;--sun:#f4c64e}
.sunny-store .site-header{background:#fffaf2}.sunny-store .nav{height:94px;gap:26px}.brand-lockup{display:flex;align-items:center;gap:9px;text-decoration:none;flex:none}.brand-lockup .brand-emblem{width:51px;height:51px;object-fit:contain;border-radius:50%;mix-blend-mode:multiply}.brand-lockup .brand-window{width:161px;height:39px}.brand-lockup .brand-window img{width:182px;left:-11px;top:-81px;filter:none;mix-blend-mode:multiply}.shop-menu summary{display:flex;align-items:center;gap:7px;line-height:1.2}.shop-menu summary .sw-icon{width:13px;height:13px;transition:transform .2s}.shop-menu[open] summary .sw-icon{transform:rotate(180deg)}.sunny-store .nav-links{gap:23px}.sunny-store .nav-actions{gap:22px}.sunny-store .mega-menu{background:var(--paper)}.sunny-store .mega-menu img{border-radius:8px;aspect-ratio:1.5;object-fit:cover}.sunny-store .nav-check{border:1px solid var(--ink);border-radius:6px;padding:10px 15px}.sunny-store .announcement{font-size:12px}.sunny-store .demo-notice{background:#f1e9db;font-size:10px}.sunny-store a:focus-visible,.sunny-store button:focus-visible{outline:3px solid #aa5d1f;outline-offset:4px}.sunny-store .block-hero-media img{border-radius:10px;mix-blend-mode:normal;object-fit:contain}.sunny-store .block-hero{background:var(--paper)}
.sunny-home-v2{overflow:hidden}.campaign-hero{position:relative;background:#f8cd54;min-height:655px;isolation:isolate}.campaign-photo{position:absolute;inset:0 0 0 28%;z-index:-1;overflow:hidden}.campaign-photo img{height:100%;width:100%;object-fit:cover;object-position:right center;mask-image:linear-gradient(to right,transparent,#000 20%)}.campaign-content{position:relative;min-height:655px;display:flex;align-items:center}.campaign-copy{width:51%;padding:45px 0 66px}.campaign-category{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;margin-bottom:30px}.campaign-category .sw-icon{width:23px;height:23px}.campaign-copy h1{font-size:clamp(72px,6.9vw,106px);line-height:.99;letter-spacing:-.064em;margin:0 0 28px;font-weight:560}.campaign-description{max-width:395px;font-size:18px;line-height:1.55;margin-bottom:29px}.campaign-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.campaign-actions .btn{background:var(--ink);color:var(--paper);padding:17px 24px;min-height:56px}.campaign-actions .text-link{font-size:13px}.campaign-promise{font-size:12px;margin-top:20px}.campaign-product{position:absolute;right:0;bottom:25px;display:flex;align-items:center;gap:16px;background:var(--paper);padding:10px 20px 10px 10px;border-radius:8px;text-decoration:none;box-shadow:0 6px 22px #49210f12}.campaign-product>img{width:80px;height:88px;object-fit:contain;border-radius:4px}.campaign-product>span{display:flex;flex-direction:column}.campaign-product small{font-size:10px}.campaign-product strong{font:550 25px/1.4 var(--font-display);letter-spacing:-.04em}.campaign-product span>span{font-size:11px}.campaign-product .sw-icon{width:16px;height:16px;margin-left:9px}.daily-promises{border-bottom:1px solid var(--line);background:var(--paper)}.daily-promises .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:69px}.daily-promises span,.daily-promises a{display:flex;align-items:center;gap:11px;font-size:13px;text-decoration:none}.daily-promises .sw-icon{width:21px;height:21px}
.home-needs,.home-collection,.home-philosophy,.home-routines,.home-journal{padding-block:86px}.home-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.home-section-heading h2{font-size:clamp(36px,3.8vw,55px);max-width:820px;line-height:1.08;margin:0;letter-spacing:-.055em}.home-section-heading>p,.home-section-heading>div>p:not(.home-kicker){font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 4px}.home-kicker{font-size:14px;margin-bottom:17px;font-weight:500}.home-section-heading .text-link{display:inline-flex;align-items:center;gap:12px;margin-top:14px}.photo-needs-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.photo-need{text-decoration:none;min-width:0}.photo-need-image{overflow:hidden;border-radius:9px}.photo-need-image img{display:block;width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;transition:transform .35s}.photo-need:hover .photo-need-image img{transform:scale(1.035)}.photo-need-copy{padding:18px 2px 0}.photo-need h3{font-size:22px;line-height:1.1;letter-spacing:-.045em;margin:0 0 11px}.photo-need p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 15px;min-height:39px}.photo-need-copy>span{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:600}.photo-need .sw-icon{width:18px;height:18px}.needs-help{display:flex;justify-content:center;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:14px}.needs-help span,.needs-help a{display:flex;align-items:center;gap:10px}.needs-help a{font-weight:600;text-underline-offset:4px}.needs-help .sw-icon{width:20px;height:20px}.home-collection{background:#f4ecdf}.home-philosophy{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:75px}.philosophy-image{position:relative;align-self:stretch;min-height:590px}.philosophy-image>img{width:100%;height:100%;object-fit:cover;object-position:44% center;border-radius:9px}.philosophy-image>span{position:absolute;bottom:30px;left:24px;right:24px;color:white;font:500 31px/1.1 var(--font-display);letter-spacing:-.045em;text-shadow:0 2px 12px #0009}.philosophy-copy h2{font-size:clamp(38px,3.8vw,55px);margin-bottom:23px}.philosophy-copy>p:not(.home-kicker){font-size:16px;line-height:1.65;max-width:500px}.care-principles{list-style:none;margin:30px 0;padding:0}.care-principles li{display:flex;gap:16px;align-items:flex-start;margin-bottom:23px}.care-principles li>.sw-icon{width:26px;height:26px;margin-top:2px}.care-principles h3{font:600 16px/1.4 var(--font-body);margin:0 0 4px}.care-principles p{font-size:14px;line-height:1.55;max-width:370px;color:var(--muted);margin:0}.philosophy-copy .text-link{display:inline-flex;align-items:center;gap:14px}.home-routines{border-top:1px solid var(--line);padding-top:78px}.home-subscription{background:#d8e6ed}.home-subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;min-height:540px}.subscription-portrait{align-self:stretch;min-width:0}.subscription-portrait img{width:100%;height:100%;object-fit:cover;object-position:55% center;mix-blend-mode:normal}.home-subscription-copy{padding-block:65px}.home-subscription-copy h2{font-size:clamp(38px,3.7vw,54px);margin-bottom:23px}.home-subscription-copy>p:not(.home-kicker){max-width:440px;font-size:16px;line-height:1.65}.subscription-controls{display:flex;gap:17px;flex-wrap:wrap;margin:27px 0}.subscription-controls span{display:flex;align-items:center;gap:7px;font-size:12px}.subscription-controls .sw-icon{width:18px;height:18px}.home-subscription-copy>small{display:block;font-size:12px;margin-top:13px}.home-journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.home-journal-card{text-decoration:none}.home-journal-card>img{display:block;aspect-ratio:1.6;width:100%;height:auto;object-fit:cover;border-radius:8px}.home-journal-card>div{padding:23px 0 0}.home-journal-card span{font-size:12px}.home-journal-card h3{font:550 28px/1.15 var(--font-display);letter-spacing:-.04em;max-width:350px;min-height:65px;margin:13px 0 20px}.home-journal-card .text-link{display:inline-flex;gap:15px;align-items:center}.home-journal-card .sw-icon{width:18px;height:18px}
@media(min-width:1600px){.campaign-photo{left:35%}.campaign-hero,.campaign-content{min-height:700px}}
@media(max-width:1200px){.sunny-store .nav{gap:20px}.sunny-store .nav-links{gap:18px}.sunny-store .nav-actions{gap:18px}.nav-check{display:none!important}.campaign-copy h1{font-size:78px}.campaign-description{max-width:355px}.campaign-photo{left:20%}.campaign-copy{width:55%}.photo-needs-grid{gap:14px}.photo-need h3{font-size:20px}.home-philosophy,.home-subscription-grid{gap:40px}.brand-lockup .brand-window{width:152px}.home-section-heading h2{font-size:45px}}
@media(max-width:900px){.sunny-store .nav{height:82px}.brand-lockup{margin-inline:auto}.brand-lockup .brand-window{margin:0}.brand-lockup .brand-emblem{width:43px;height:43px}.campaign-hero,.campaign-content{min-height:580px}.campaign-copy{width:58%}.campaign-copy h1{font-size:68px}.campaign-photo{left:17%}.campaign-description{font-size:16px;max-width:315px}.campaign-actions{gap:16px;align-items:flex-start;flex-direction:column}.campaign-product{right:0;bottom:22px}.daily-promises a,.daily-promises span{font-size:11px}.home-needs,.home-collection,.home-philosophy,.home-routines,.home-journal{padding-block:65px}.photo-needs-grid{grid-template-columns:repeat(6,1fr);gap:24px 18px}.photo-need{grid-column:span 2}.photo-need:nth-last-child(-n+2){grid-column:span 3}.photo-need-image img{aspect-ratio:1.4}.home-section-heading h2{font-size:39px}.home-philosophy{gap:35px}.philosophy-image{min-height:570px}.philosophy-copy h2{font-size:39px}.home-subscription-grid{gap:30px}.home-subscription-copy h2{font-size:39px}.home-journal-card h3{font-size:24px}}
@media(max-width:680px){.sunny-store .wrap{width:calc(100% - 40px)}.sunny-store .nav{height:75px;gap:15px}.brand-lockup{gap:5px}.brand-lockup .brand-emblem{width:37px;height:37px}.brand-lockup .brand-window{width:126px;height:33px}.brand-lockup .brand-window img{width:142px;left:-8px;top:-63px}.sunny-store .nav-actions{gap:15px}.sunny-store .announcement{justify-content:center;padding:9px 14px;font-size:10px}.sunny-store .announcement>span{display:none}.sunny-store .announcement>a{display:block}.sunny-store .demo-notice{font-size:8px;padding:4px 8px}.campaign-hero{min-height:0;background:#f9cf58}.campaign-content{display:block;min-height:0;padding-bottom:342px}.campaign-copy{width:100%;padding:32px 0 18px;position:relative}.campaign-category{font-size:12px;margin-bottom:21px;gap:7px}.campaign-category .sw-icon{width:19px;height:19px}.campaign-copy h1{font-size:clamp(51px,13vw,78px);letter-spacing:-.06em;line-height:1.02;margin-bottom:21px}.campaign-description{font-size:15px;line-height:1.55;max-width:340px;margin-bottom:22px}.campaign-actions{flex-direction:row;align-items:center;gap:18px}.campaign-actions .btn{padding:13px 17px;font-size:12px;min-height:48px;gap:10px}.campaign-actions .text-link{font-size:11px;max-width:100px;line-height:1.5}.campaign-promise{display:none}.campaign-photo{left:0;right:0;top:auto;height:360px;bottom:0}.campaign-photo img{object-fit:cover;object-position:100% 60%;mask-image:linear-gradient(to bottom,transparent,#000 12%)}.campaign-product{left:0;right:auto;bottom:22px;gap:8px;padding:7px 12px 7px 5px;border-radius:6px;max-width:218px}.campaign-product>img{width:56px;height:63px}.campaign-product strong{font-size:21px}.campaign-product small{font-size:8px}.campaign-product span>span{font-size:9px}.campaign-product .sw-icon{width:12px;height:12px;margin-left:4px}.daily-promises .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:76px;padding-block:16px}.daily-promises .wrap>span{grid-column:1/-1;justify-content:center}.daily-promises a,.daily-promises span{font-size:10px;gap:7px;justify-content:center}.daily-promises .sw-icon{width:17px;height:17px}.home-needs,.home-collection,.home-philosophy,.home-routines,.home-journal{padding-block:48px}.home-section-heading{display:block;margin-bottom:26px}.home-section-heading h2{font-size:37px}.home-kicker{font-size:12px;margin-bottom:14px}.home-section-heading>p,.home-section-heading>div>p:not(.home-kicker){font-size:14px;margin-top:18px}.home-section-heading .text-link{font-size:12px;margin-top:17px}.photo-needs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.photo-need,.photo-need:nth-last-child(-n+2){grid-column:auto}.photo-need:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px}.photo-need:last-child .photo-need-copy{padding-top:0}.photo-need-image img{aspect-ratio:1.15}.photo-need-copy{padding-top:14px}.photo-need h3{font-size:22px;line-height:1.05;max-width:150px;margin-bottom:9px}.photo-need p{font-size:12px;min-height:36px;line-height:1.45;margin-bottom:10px}.photo-need-copy>span{font-size:11px;gap:10px}.needs-help{align-items:flex-start;flex-direction:column;gap:10px;font-size:12px;margin-top:25px;padding-top:20px}.home-philosophy{grid-template-columns:1fr;gap:30px}.philosophy-image{min-height:0;height:auto;aspect-ratio:1.1}.philosophy-image>img{object-position:45% center}.philosophy-image>span{font-size:27px;bottom:22px;left:20px}.philosophy-copy h2{font-size:39px}.philosophy-copy>p:not(.home-kicker){font-size:14px}.care-principles{margin:24px 0}.care-principles h3{font-size:15px}.care-principles p{font-size:13px}.philosophy-copy>.text-link{font-size:13px}.home-routines{padding-top:42px}.home-subscription-grid{grid-template-columns:1fr;gap:0}.subscription-portrait{margin-inline:-20px;height:auto;aspect-ratio:1.5}.subscription-portrait img{object-position:center}.home-subscription-copy{padding-block:35px 44px}.home-subscription-copy h2{font-size:39px}.home-subscription-copy>p:not(.home-kicker){font-size:14px}.subscription-controls{gap:14px;margin:22px 0}.subscription-controls span{font-size:10px;gap:5px}.home-subscription-copy>small{font-size:10px}.home-journal-grid{grid-template-columns:1fr;gap:28px}.home-journal-card{display:grid;grid-template-columns:115px 1fr;gap:17px;align-items:center}.home-journal-card>img{height:140px;aspect-ratio:auto;object-fit:cover;object-position:center}.home-journal-card>div{padding:0}.home-journal-card span{font-size:10px}.home-journal-card h3{font-size:24px;min-height:0;margin:8px 0 12px}.home-journal-card .text-link{font-size:11px}}
@media(max-width:360px){.sunny-store .wrap{width:calc(100% - 32px)}.brand-lockup .brand-window{width:111px}.brand-lockup .brand-window img{width:127px;top:-56px}.brand-lockup .brand-emblem{width:31px;height:31px}.campaign-copy h1{font-size:47px}.campaign-actions{gap:13px}.campaign-actions .btn{font-size:11px;padding-inline:12px}.campaign-actions .text-link{font-size:10px}.photo-need h3{font-size:20px}.photo-need:last-child{gap:12px}.home-section-heading h2{font-size:34px}.home-journal-card{grid-template-columns:95px 1fr}.home-journal-card h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.photo-need-image img,.shop-menu summary .sw-icon{transition:none}}
/* Transparent lettering uses the header background directly. No image matte,
   brightness correction or blend layer below the mobile wordmark. */
.brand-lockup .brand-window{mix-blend-mode:normal}
/* Optical center of the lettering: the y/g descenders extend below its body. */
.brand-lockup .brand-window img{width:92%;height:auto;left:4%;top:50%;transform:translateY(-38.5%);clip-path:none;filter:none;mix-blend-mode:normal}
.campaign-copy h1{letter-spacing:-.045em}
@media(min-width:681px) and (max-width:900px){.campaign-hero,.campaign-content{min-height:620px}.campaign-photo{left:28%;opacity:1}.campaign-copy{width:52%}.campaign-copy h1{font-size:58px}.campaign-description{max-width:285px}.campaign-actions{align-items:flex-start;flex-direction:column}.campaign-product{max-width:260px}}

/* Editorial media retain the complete artwork on funnel pages as well. */
.sunny-store .block-split-media img{border-radius:9px;object-fit:contain;height:auto;aspect-ratio:auto;mix-blend-mode:normal}
@media(min-width:681px) and (max-width:900px){.campaign-hero,.campaign-content{min-height:0}.campaign-content{display:block;padding-bottom:470px}.campaign-copy{width:100%;padding:40px 0 20px}.campaign-copy h1{font-size:70px}.campaign-description{max-width:470px}.campaign-actions{flex-direction:row;align-items:center}.campaign-promise{display:none}.campaign-photo{inset:auto 0 0;height:470px}.campaign-photo img{object-fit:contain;object-position:right center;mask-image:linear-gradient(to right,transparent,#000 20%)}.campaign-product{bottom:30px;right:auto;left:0}}

/* The still image stays visible until playback succeeds, and for reduced motion. */
.campaign-photo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;mask-image:linear-gradient(to right,transparent,#000 20%);opacity:0;transition:opacity .25s}
.campaign-photo video.is-playing{opacity:1}
@media(min-width:681px) and (max-width:900px){.campaign-photo video{object-fit:contain;object-position:right center}}
@media(max-width:680px){.campaign-photo video{object-fit:cover;object-position:100% 60%;mask-image:linear-gradient(to bottom,transparent,#000 12%)}}
@media(prefers-reduced-motion:reduce){.campaign-photo video{display:none;transition:none}}
.campaign-photo img{transition:opacity .25s}
.campaign-photo.has-playing-video img{opacity:0}
@media(min-width:681px) and (max-width:900px){.campaign-photo video{object-fit:cover;object-position:right 60%;mask-image:linear-gradient(to bottom,transparent,#000 12%)}}
@media(prefers-reduced-motion:reduce){.campaign-photo img{transition:none}}
@media(max-width:680px){.campaign-product{left:auto;right:0}}

/* Let the blue portrait flow into the subscription section instead of ending as a rectangle. */
.home-subscription{background:linear-gradient(90deg,transparent 0%,#d8e6ed 62%),linear-gradient(to bottom,#accbdf 0%,#c3dbe9 62%,#d8e6ed 100%)}
.subscription-portrait img{mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 68%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 13%,#000 78%,transparent 100%);mask-composite:intersect}
@media(max-width:680px){.home-subscription{background:linear-gradient(to bottom,#accbdf 0%,#c5dce9 29%,#d8e6ed 45%)}.subscription-portrait img{mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%);mask-composite:initial}}