@font-face{font-family:DMSans;src:url('assets/dm-sans.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--butter:#f7edcb;--orange:#f5662e;--ink:#30251d;--leaf:#b8c18b;--gutter:4vw}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--butter);color:var(--ink);font:15px/1.55 DMSans,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
a:hover{text-decoration:underline}
a:focus-visible,video:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:500;letter-spacing:-.025em;text-wrap:balance}
h2{font-size:clamp(36px,4.3vw,66px);line-height:1.06}
p{max-width:56ch}
em{font-family:DMSans,serif;font-weight:450;line-height:1.12}
img,video{display:block;width:100%;max-width:100%}
figure{min-width:0}
figcaption{font-size:11px;line-height:1.6;margin-top:12px}
section{position:relative}
.skip{position:fixed;top:12px;left:12px;padding:12px;background:var(--butter);z-index:20;transform:translateY(-200%)}
.skip:focus{transform:translateY(0)}
.masthead{height:76px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}
.saitoc{font-size:29px;font-weight:800;letter-spacing:-2px;line-height:1}
.saitoc sup{font-size:10px;letter-spacing:0;vertical-align:top;margin-left:3px}
.daybreak{min-height:640px;height:min(58vw,850px);isolation:isolate}
.daybreak-photo{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center;z-index:-1}
.daybreak-copy{padding:5vw 0 75px var(--gutter);width:46%;height:100%;display:flex;flex-direction:column;align-items:flex-start}
.hero-mark{width:clamp(210px,27vw,400px);height:auto;flex-shrink:0;margin-bottom:32px}
h1{font-size:clamp(50px,5.7vw,88px);line-height:.97}
h1 em{display:inline-block;padding:0 .05em .07em 0;letter-spacing:-.025em}
.daybreak-copy p{font-size:17px;margin-top:22px;line-height:1.4}
.daybreak-copy .text-link{margin-top:auto;padding:10px 14px;background:var(--butter)}
.text-link{display:inline-block;font-size:13px;text-decoration:underline;text-decoration-thickness:1px;font-weight:550}
.case-caption{position:absolute;bottom:0;left:0;right:0;padding:14px var(--gutter);display:flex;justify-content:space-between;gap:15px;font-size:11px;background:var(--butter)}
.case-caption strong{font-weight:600;margin-left:4px}
.small-label{font-size:10px;letter-spacing:.08em;line-height:1.6;font-weight:600}
.opening{display:grid;grid-template-columns:1fr 2.4fr;column-gap:6vw;row-gap:26px;padding:105px 13vw 100px var(--gutter)}
.opening .small-label{padding-top:8px}
.opening>p:last-child{grid-column:2;font-size:17px;max-width:46ch;line-height:1.6}
.film{margin:0 var(--gutter)}
.film-heading{padding-bottom:25px}
.film-heading h2{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.025em}
.film-heading p{font-size:12px;margin-top:10px}
.film video{aspect-ratio:16/9;object-fit:contain;background:var(--ink)}
.film-editions{display:flex;justify-content:space-between;gap:26px;padding:20px 0;border-bottom:1px solid #30251d30;font-size:11px}
.score-links,.master-links{display:flex;flex-wrap:wrap;gap:12px 24px}
.score-links>span{font-weight:650}
.film-editions a{text-decoration:underline}
.peel-story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 2vw;padding:130px var(--gutter) 100px;isolation:isolate}
.peel-copy{grid-column:1/6;grid-row:1;padding-top:35px;align-self:center}
.peel-copy p{margin-top:25px;max-width:28ch}
.water-image{grid-column:1/8;grid-row:2;margin-top:35px}
.water-image img{aspect-ratio:1.18;object-fit:cover}
.lather-image{grid-column:7/13;grid-row:1;margin-top:0}
.lather-image img{aspect-ratio:1.1;object-fit:cover}
.lather-copy{grid-column:9/13;grid-row:2;align-self:center;padding:35px 0 0}
.lather-copy>p{font-size:12px;margin-bottom:20px}
.lather-copy h3{font-size:clamp(36px,4.1vw,62px);line-height:1.03}
.lather-copy a{margin-top:28px}
.range{padding:50px var(--gutter) 90px}
.range-heading{margin:0 0 40px 16.66%}
.range-heading p{font-size:13px;margin-top:22px;font-variant-numeric:tabular-nums;line-height:1.7}
.range-image img{aspect-ratio:16/9;object-fit:cover}
.range-details{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:30px;padding:28px 0 65px}
.range-details img{width:150px;height:auto}
.range-details p{font-size:12px}
.shelf-image{width:72%;margin-left:auto}
.shelf-image img{aspect-ratio:1.7;object-fit:cover}
.campaign{padding:30px var(--gutter) 130px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:35px 3vw;align-items:start}
.campaign-heading{grid-column:1/5;padding:30px 0 20px}
.campaign-heading h2{margin-top:20px}
.campaign-heading>p:last-child{font-size:14px;max-width:25ch;margin-top:20px}
.ad{display:block;min-width:0}
.ad img{height:auto;transition:transform .25s ease}
.ad:hover img{transform:translateY(-5px)}
.ad>span{display:block;padding-top:12px;font-size:12px}
.retail-ad{grid-column:5/10;grid-row:1/3}
.social-ad{grid-column:1/5;grid-row:2;margin-top:25px}
.story-ad{grid-column:10/13;grid-row:2;align-self:end}
.launch-shelf{padding:70px var(--gutter) 85px;border-top:1px solid #30251d30}
.launch-intro{margin-left:16.66%;max-width:650px}
.launch-intro h2{margin-top:18px}
.launch-intro>p:last-child{margin-top:24px;max-width:42ch}
.launch-artifacts{display:grid;grid-template-columns:1.05fr 1fr;gap:9vw;align-items:center;margin-top:65px}
.morning-kit{background:var(--leaf);display:flex;flex-direction:column;align-items:flex-start;padding:45px;min-height:470px;transform:rotate(-3deg);margin:20px 20px 25px 10px}
.morning-kit>img{width:120px;height:auto}
.kit-message{font-size:clamp(48px,5.4vw,82px);font-weight:500;line-height:1;letter-spacing:-.025em;margin:60px 0 45px}
.kit-message em{display:block;padding-right:.1em}
.artifact-link{font-size:12px;margin-top:auto;text-decoration:underline;text-underline-offset:4px}
.launch-notes{display:grid;gap:48px}
.launch-notes>a{display:block}
.launch-notes h3{font-size:28px;line-height:1.12;letter-spacing:-.025em}
.launch-notes h3 span{display:inline-block;margin-left:8px}
.launch-notes p{max-width:36ch;font-size:14px;margin:14px 0 20px}
.launch-notes a:hover{text-decoration:none}
.launch-notes a:hover .text-link{text-decoration-thickness:2px}
.scope{padding:60px var(--gutter) 75px;border-top:1px solid #30251d30;display:grid;grid-template-columns:1fr 3fr;gap:24px 6vw}
.scope>p{font-size:clamp(22px,2.4vw,36px);line-height:1.5;letter-spacing:-.025em;max-width:unset}
.scope>a{grid-column:2;justify-self:start}
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:25px;padding:35px var(--gutter);border-top:1px solid #30251d30;font-size:11px}
footer img{width:150px;height:auto}
footer p{text-align:right;justify-self:end}
@media(min-width:1600px){:root{--gutter:6vw}.daybreak-copy{padding-top:70px}.opening{padding-top:130px;padding-bottom:130px}}
@media(max-width:1023px){.daybreak{min-height:570px}.daybreak-copy{width:48%;padding-top:45px}.hero-mark{width:230px;margin-bottom:25px}h1{font-size:59px}.daybreak-copy p{font-size:15px}.opening{padding-right:var(--gutter);grid-template-columns:1fr 3fr}.film-editions{flex-direction:column;gap:15px}.peel-story{padding-top:80px}.peel-copy{padding-top:30px}.range-details{grid-template-columns:140px 1fr}.range-details>a{grid-column:2;justify-self:start}.campaign-heading h2{font-size:42px}.morning-kit{padding:30px;min-height:390px}.launch-artifacts{gap:6vw}.launch-notes h3{font-size:24px}.kit-message{margin:45px 0}.scope{grid-template-columns:1fr 3fr}}
@media(max-width:639px){:root{--gutter:20px}.masthead{height:65px;gap:12px;font-size:10px}.saitoc{font-size:26px}.masthead>span{display:none}.daybreak{height:auto;min-height:0;display:flex;flex-direction:column}.daybreak-photo{position:static;order:2;height:350px;object-position:64% center}.daybreak-copy{height:auto;width:100%;padding:28px var(--gutter) 32px;position:relative}.hero-mark{width:156px;margin-bottom:20px}h1{font-size:53px;line-height:.98}h1 br{display:none}h1 em{display:block}.daybreak-copy p{position:absolute;top:33px;right:20px;font-size:11px;margin:0}.daybreak-copy .text-link{margin-top:20px;padding:0;font-size:12px}.case-caption{position:static;order:3;padding:13px var(--gutter);font-size:10px}.opening{padding:64px var(--gutter) 55px;display:block}.opening h2{font-size:36px;margin-top:18px}.opening>p:last-child{font-size:15px;line-height:1.65;margin-top:24px}.film-heading{padding-bottom:18px}.film-heading h2{font-size:30px;max-width:17ch}.film-heading p{font-size:11px}.film-editions{padding:18px 0 22px;font-size:10px}.score-links,.master-links{gap:12px 18px}.score-links>span{flex-basis:100%}.peel-story{padding:65px var(--gutter) 50px;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 14px}.peel-thread{height:90%;top:60px}.peel-thread path{stroke-width:6}.peel-copy{grid-column:1/6;padding:0 0 15px}.peel-copy h2{font-size:45px}.peel-copy h2 br{display:none}.peel-copy p{font-size:14px;max-width:30ch;margin-top:18px}.water-image{grid-column:2/7}.water-image img{aspect-ratio:.95}.lather-image{grid-column:1/6;margin-top:24px}.lather-image img{aspect-ratio:1}.lather-copy{grid-column:3/7;padding:0 0 0 5px}.lather-copy>p{margin-bottom:12px}.lather-copy h3{font-size:43px}.lather-copy a{margin-top:20px}.range{padding-top:20px;padding-bottom:55px}.range-heading{margin:0 0 25px}.range-heading h2{font-size:34px}.range-heading p{font-size:12px;margin-top:18px}.range-image img{aspect-ratio:1.15;object-fit:cover}.range-details{grid-template-columns:1fr;gap:18px;padding:25px 0 35px}.range-details img{width:115px}.range-details p{font-size:12px}.range-details>a{grid-column:1;font-size:12px}.shelf-image{width:100%}.shelf-image img{aspect-ratio:1.25;object-fit:cover}figcaption{font-size:10px;margin-top:9px}.campaign{display:flex;flex-direction:column;padding-top:0;padding-bottom:65px;gap:35px}.campaign-heading{padding:0}.campaign-heading h2{font-size:48px;margin-top:13px}.campaign-heading>p:last-child{max-width:28ch;margin-top:16px}.retail-ad{width:90%;align-self:flex-end}.social-ad{width:80%;margin:5px 0 0}.story-ad{width:65%;align-self:flex-end}.ad>span{font-size:11px;padding-top:9px}.launch-shelf{padding-top:45px;padding-bottom:45px}.launch-intro{margin:0}.launch-intro h2{font-size:36px}.launch-intro>p:last-child{font-size:14px;margin-top:20px;max-width:31ch}.launch-artifacts{grid-template-columns:1fr;gap:42px;margin-top:30px}.morning-kit{padding:30px;min-height:370px;margin:15px 10px}.morning-kit>img{width:105px}.kit-message{font-size:64px;margin:45px 0 32px}.launch-notes{gap:35px}.launch-notes h3{font-size:27px}.launch-notes p{font-size:14px}.scope{display:block;padding-top:40px;padding-bottom:40px}.scope>p{font-size:24px;line-height:1.55;margin:20px 0 25px}footer{grid-template-columns:1fr auto;gap:25px;padding-top:30px;padding-bottom:30px}footer img{width:115px}footer p{grid-column:1/-1;justify-self:start;text-align:left}}
@media(max-width:639px){.peel-copy{background:var(--butter)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ad img{transition:none}.ad:hover img{transform:none}}

@media(max-width:639px){.peel-copy,.lather-image,.water-image,.lather-copy{grid-row:auto}.lather-image,.water-image{margin-top:0}}