:root{--paper:#080807;--cream:#141310;--ink:#eee5c9;--green:#0b0b0a;--orange:#c5a04f;--muted:#aaa184;--line:#3d3523;--serif:'Idealist Sans',Arial,sans-serif;--sans:'Idealist Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:1rem;z-index:10;background:#fff;padding:.7rem}.announcement{height:34px;background:var(--green);color:#f7f5ef;text-align:center;font-size:10px;letter-spacing:.15em;text-transform:uppercase;display:grid;place-items:center}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7.4%;border-bottom:1px solid rgba(36,53,43,.1)}.wordmark{font-weight:700;letter-spacing:.12em;font-size:16px;line-height:1}.wordmark span{font-weight:400;color:var(--orange);margin-left:3px}.site-header nav{display:flex;gap:38px;font-size:12px}.site-header nav a,.language,.site-footer>a:last-child{transition:opacity .2s}.site-header nav a:hover,.language:hover,.site-footer>a:last-child:hover{opacity:.58}.language{font-size:11px;letter-spacing:.12em;border-bottom:1px solid var(--orange);padding-bottom:3px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px;padding:42px 7.4% 52px;gap:7%}.hero-copy{align-self:center;padding:10px 0 32px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;color:#7f806e;margin:0 0 16px}.hero h1,.section-heading h2,.story h2,.newsletter h2{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1.12}.hero h1{font-size:clamp(48px,6vw,78px);margin:0 0 22px}.hero h1 em,.story h2 em{font-weight:500;color:#72816b}.intro{max-width:400px;font-size:15px;color:#656a5f;margin:0 0 28px}.button{min-height:48px;padding:0 20px;display:inline-flex;gap:30px;align-items:center;justify-content:center;font-size:11px;letter-spacing:.04em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--green);color:#fff}.button-dark:hover{background:#24392c}.quiet-note{font-size:10px;color:#8d8d82;margin:14px 0 0}.hero-art{position:relative;overflow:hidden;min-height:440px;background:#eae6d8;display:flex;align-items:center;justify-content:center}.hero-sun{position:absolute;width:260px;height:260px;border-radius:50%;background:#e5a27e;top:44px;right:14%}.hero-shape{position:absolute;bottom:-40px;border-radius:48% 48% 4% 4%;background:#8b9a80}.shape-one{width:55%;height:58%;left:5%;transform:rotate(-10deg)}.shape-two{width:48%;height:44%;right:1%;background:#b0b59d;transform:rotate(13deg)}.paw{position:absolute;font-size:50px;color:#f7f5ef;z-index:2}.paw-one{top:29%;left:35%;transform:rotate(-28deg)}.paw-two{bottom:19%;right:22%;font-size:31px;transform:rotate(13deg)}.image-note{position:absolute;z-index:3;left:15px;top:15px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#656b5d;background:rgba(247,245,239,.8);padding:7px 10px}.values{margin:0 7.4%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0}.values div{display:flex;justify-content:center;align-items:center;gap:13px}.values div+div{border-left:1px solid var(--line)}.values span{font-size:9px;color:var(--orange);letter-spacing:.1em}.values p{font-size:11px;margin:0;letter-spacing:.02em}.section-wrap{padding:112px 7.4%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:40px}.section-heading h2,.story h2,.newsletter h2{font-size:clamp(38px,4.3vw,56px);margin:0}.section-heading>p{max-width:330px;color:var(--muted);font-size:12px;margin:0 0 5px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product-image{position:relative;height:350px;display:grid;place-items:center;overflow:hidden}.product-image-balm{background:#eee2d2}.product-image-mousse{background:#e5e9df}.product-image .image-note{top:14px;left:14px}.jar{position:relative;width:132px;height:86px;border-radius:7px 7px 19px 19px;box-shadow:0 22px 35px #7e68472b;background:#f8f5eb;z-index:2}.jar:before{content:'';position:absolute;left:-4px;top:-20px;width:140px;height:23px;border-radius:5px;background:#4b5943}.jar i{position:absolute;left:0;right:0;top:34px;height:1px;background:#d0c7b6}.jar:after{content:'DOG-E STYLE';position:absolute;left:0;right:0;top:44px;text-align:center;font-size:8px;letter-spacing:.12em;color:#6e7863}.bottle{position:relative;width:90px;height:180px;border-radius:19px 19px 14px 14px;background:linear-gradient(90deg,#f7f5ed,#fffdf3 48%,#e5e2d6);box-shadow:0 22px 35px #63705b2b;z-index:2}.bottle:before{content:'';position:absolute;width:35px;height:38px;left:28px;top:-30px;border-radius:7px 7px 0 0;background:#42533f}.bottle:after{content:'DOG-E STYLE';position:absolute;left:0;right:0;top:84px;text-align:center;font-size:8px;letter-spacing:.1em;color:#6e7863}.bottle i{position:absolute;width:20px;height:12px;background:#42533f;right:-11px;top:-28px;border-radius:2px 6px 6px 2px}.bottle b{position:absolute;width:47px;height:13px;background:#42533f;left:21px;top:5px;border-radius:0 0 5px 5px}.product-info{display:flex;justify-content:space-between;align-items:end;margin-top:18px}.product-info .eyebrow{font-size:9px;margin:0 0 5px}.product-info h3{font-family:var(--serif);font-weight:500;font-size:24px;margin:0;line-height:1.2}.product-arrow{font-size:19px;color:var(--orange)}.product-desc{color:var(--muted);font-size:11px;max-width:410px;margin:10px 0}.availability{font-size:9px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:6px;display:inline-block;color:#858778}.story{background:#ebe9df;display:grid;grid-template-columns:.8fr 1fr;align-items:center;padding:82px 15%;gap:15%}.story-stamp{width:250px;height:250px;border:1px solid #a7ab98;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;font-size:16px;line-height:1.3;letter-spacing:.15em;font-weight:600;color:var(--green)}.story-stamp:before,.story-stamp:after{content:'';position:absolute;border:1px solid #a7ab98;border-radius:50%;inset:12px}.story-stamp:after{inset:22px}.story-stamp b{position:absolute;bottom:42px;right:38px;background:#ebe9df;color:var(--orange);font-size:20px;font-weight:400}.story-copy{max-width:450px}.story-copy h2{margin-bottom:20px}.story-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0 0 18px}.text-link{font-size:11px;border-bottom:1px solid var(--orange);padding-bottom:4px}.text-link span{margin-left:15px;color:var(--orange)}.newsletter{background:var(--green);color:#f7f5ef;padding:55px 10%;display:flex;align-items:center;justify-content:space-between;gap:30px}.newsletter .eyebrow{color:#c1c6b3;margin-bottom:8px}.newsletter h2{font-size:38px}.newsletter p:not(.eyebrow){color:#d3d8cb;font-size:11px;margin:10px 0 0}.button-light{border:1px solid #c8cdbf;color:#f7f5ef;white-space:nowrap}.button-light:hover{background:#ffffff14}.site-footer{padding:28px 7.4%;display:flex;justify-content:space-between;align-items:center;color:#85877c}.footer-mark{color:var(--ink)}.site-footer p,.site-footer>a:last-child{font-size:9px;margin:0}.site-footer>a:last-child{letter-spacing:.04em}
@media(max-width:760px){.site-header{padding:0 5%;height:70px}.site-header nav{gap:15px;font-size:10px}.site-header nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding:47px 5% 38px;gap:26px}.hero-copy{padding:0}.hero h1{font-size:56px}.hero-art{min-height:330px}.hero-sun{width:210px;height:210px;top:25px}.values{margin:0 5%}.values div{gap:7px}.values p{font-size:9px}.section-wrap{padding:76px 5%}.section-heading{display:block}.section-heading>p{margin-top:15px}.product-grid{gap:14px}.product-image{height:260px}.product-info h3{font-size:20px}.story{padding:65px 8%;grid-template-columns:1fr;gap:40px}.story-stamp{width:190px;height:190px;margin:auto}.newsletter{padding:43px 7%;align-items:flex-start;flex-direction:column}.site-footer{padding:24px 5%;gap:12px;flex-wrap:wrap}.site-footer p{order:3;width:100%}}
@media(max-width:430px){.site-header nav{gap:10px}.site-header nav a:first-child{font-size:9px}.product-grid{grid-template-columns:1fr;gap:35px}.product-image{height:330px}.values div{flex-direction:column;gap:4px;text-align:center}.values p{font-size:8px}.hero h1{font-size:49px}.newsletter h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}