.naru-about-brand{color:var(--naru-ink);background:var(--naru-cream);font-family:var(--naru-sans);font-size:16px;line-height:1.75;letter-spacing:0}.naru-about-brand *,.naru-about-brand *:before,.naru-about-brand *:after{box-sizing:border-box}.naru-about-brand :is(h1,h2,h3,p,figure,dl,dd){margin:0}.naru-about-brand :is(h1,h2,h3){color:inherit;font-family:var(--naru-display);font-weight:400;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere}.naru-about-brand h2{max-width:20ch;font-size:52px;line-height:1.08}.naru-about-brand h3{font-size:34px;line-height:1.15}.naru-about-brand img{display:block;width:100%;height:100%;object-fit:cover}.naru-about-brand__inner{width:min(100% - 80px,1200px);margin-inline:auto}.naru-about-brand__prose{max-width:62ch}.naru-about-brand__prose p+p{margin-top:20px}.naru-about-brand__prose a{color:inherit;text-underline-offset:5px}.naru-about-brand__label{font-family:var(--naru-mono);font-size:11px;line-height:1.5;text-transform:uppercase}.naru-about-brand__link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;max-width:100%;padding:12px 24px;border:1px solid var(--naru-line-dark);border-radius:999px;color:inherit;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:background-color .18s ease-out,color .18s ease-out}.naru-about-brand__link span{min-width:0;overflow-wrap:anywhere}.naru-about-brand__link svg{flex:0 0 18px;transition:transform .18s ease-out}.naru-about-brand a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.naru-about-brand__hero{position:relative;isolation:isolate;overflow:hidden;color:var(--naru-cream);background:var(--naru-night)}.naru-about-brand__hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;display:block;overflow:hidden}.naru-about-brand__hero-media img{object-position:60% 55%;opacity:.9}.naru-about-brand__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--naru-night) 78%,transparent),color-mix(in srgb,var(--naru-night) 8%,transparent)),linear-gradient(0deg,color-mix(in srgb,var(--naru-night) 88%,transparent),transparent 70%)}.naru-about-brand__hero-inner{width:min(100% - 80px,1320px);min-height:min(740px,calc(100svh - 180px));display:flex;flex-direction:column;justify-content:space-between;gap:56px;padding-block:64px 56px}.naru-about-brand__topline{display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:var(--naru-display);font-size:12px;text-transform:uppercase}.naru-about-brand__topline p:first-child{display:flex;align-items:center;gap:14px}.naru-about-brand__topline p:first-child:before{content:"";width:32px;height:1px;background:currentColor;opacity:.6}.naru-about-brand__hero-copy{width:100%;max-width:980px}.naru-about-brand__hero h1{font-size:88px;line-height:.98}.naru-about-brand__hero h1>:is(span,em){display:block}.naru-about-brand__hero h1 em{color:var(--naru-bottle-bright);font-weight:300;font-style:italic}.naru-about-brand__signature{margin-top:20px!important;font-family:var(--naru-display);font-size:19px;font-style:italic}.naru-about-brand__hero-body{margin-top:24px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--naru-cream) 25%,transparent);max-width:540px;font-size:18px}.naru-about-brand__hero-copy .naru-about-brand__link{margin-top:24px;color:var(--naru-night);background:var(--naru-cream);border-color:transparent}.naru-about-brand__story{padding-block:72px}.naru-about-brand__story-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;gap:72px}.naru-about-brand__story-copy .naru-about-brand__label{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:var(--naru-bottle)}.naru-about-brand__story-copy .naru-about-brand__label:before{content:"";width:40px;height:1px;background:currentColor}.naru-about-brand__story-copy h2{color:var(--naru-bottle);font-style:italic}.naru-about-brand__story-copy .naru-about-brand__prose{margin-top:28px}.naru-about-brand__story-photo img{height:auto;aspect-ratio:4 / 5;border-radius:36px;object-position:50% 58%;box-shadow:0 24px 60px -40px #0006}.naru-about-brand__story-photo figcaption{margin-top:16px;font-family:var(--naru-mono);font-size:10px}.naru-about-brand__principles{padding-block:88px;color:var(--naru-cream);background:var(--naru-bottle-deep)}.naru-about-brand__principles-grid>div{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:72px}.naru-about-brand__principles h2{max-width:15ch;font-style:italic}.naru-about-brand__principles .naru-about-brand__prose{max-width:46ch}.naru-about-brand__principle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px!important}.naru-about-brand__principle-list>div{padding:32px;border:1px solid color-mix(in srgb,var(--naru-cream) 15%,transparent);border-radius:28px;background:color-mix(in srgb,var(--naru-cream) 4%,transparent)}.naru-about-brand__principle-list dt{font-family:var(--naru-display);font-size:26px;line-height:1.2}.naru-about-brand__principle-list dd{margin-top:20px;font-size:15px}.naru-about-brand__routine-heading{padding-block:80px 32px}.naru-about-brand__routine-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:72px}.naru-about-brand__routine-intro h2{max-width:15ch;color:var(--naru-bottle);font-style:italic}.naru-about-brand__product-row{display:grid;grid-template-columns:220px minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:40px;padding-block:28px}.naru-about-brand__product-photo{aspect-ratio:4 / 5;overflow:hidden;border-radius:28px;box-shadow:0 24px 60px -40px #0006}.naru-about-brand__product-photo img{object-position:50% 65%}.naru-about-brand__product-title .naru-about-brand__label{margin-bottom:14px;color:var(--naru-bottle)}.naru-about-brand__product-copy .naru-about-brand__link{margin-top:20px}.naru-about-brand__closing{margin-top:64px;padding-block:88px;color:var(--naru-cream);background:var(--naru-night);text-align:center}.naru-about-brand__closing-grid{display:grid;justify-items:center;gap:36px}.naru-about-brand__closing h2{margin-inline:auto;font-size:64px;font-style:italic}.naru-about-brand__closing .naru-about-brand__prose{margin:24px auto 0}.naru-about-brand__closing-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.naru-about-brand__closing-links .naru-about-brand__link{border-color:color-mix(in srgb,var(--naru-cream) 30%,transparent)}.naru-about-brand__closing-links .naru-about-brand__link:first-child{color:var(--naru-night);background:var(--naru-cream);border-color:transparent}@media(hover:hover){.naru-about-brand__link:hover{color:var(--naru-cream);background:var(--naru-bottle)}.naru-about-brand__link:hover svg{transform:translate(3px)}}@media(max-width:1099px){.naru-about-brand__inner{width:calc(100% - 56px)}.naru-about-brand__hero h1{font-size:72px}.naru-about-brand h2{font-size:44px}.naru-about-brand__story-grid,.naru-about-brand__principles-grid>div,.naru-about-brand__routine-intro{gap:40px}.naru-about-brand__principle-list{gap:16px}.naru-about-brand__principle-list>div{padding:24px}.naru-about-brand__product-row{grid-template-columns:180px minmax(0,.8fr) minmax(0,1fr);gap:28px}.naru-about-brand h3{font-size:30px}}@media(max-width:749px){.naru-about-brand__inner{width:calc(100% - 40px)}.naru-about-brand h2{font-size:36px}.naru-about-brand h3{font-size:28px}.naru-about-brand__hero-inner{min-height:min(660px,calc(100svh - 156px));gap:32px;padding-block:40px}.naru-about-brand__topline{font-size:11px}.naru-about-brand__topline p+p{display:none}.naru-about-brand__hero h1{font-size:44px;line-height:1.02}.naru-about-brand__signature{margin-top:16px!important;font-size:17px}.naru-about-brand__hero-body{margin-top:20px;padding-top:20px;font-size:16px}.naru-about-brand__hero-copy .naru-about-brand__link{margin-top:20px}.naru-about-brand__story{padding-block:48px}.naru-about-brand__story-grid{grid-template-columns:minmax(0,1fr);gap:32px}.naru-about-brand__story-photo{max-width:480px;width:100%;justify-self:center}.naru-about-brand__story-photo img{aspect-ratio:5 / 4;border-radius:28px}.naru-about-brand__principles{padding-block:56px}.naru-about-brand__principles-grid>div{grid-template-columns:minmax(0,1fr);gap:24px}.naru-about-brand__principle-list{grid-template-columns:minmax(0,1fr);margin-top:32px!important}.naru-about-brand__principle-list>div{padding:28px}.naru-about-brand__principle-list dt{font-size:25px}.naru-about-brand__routine-heading{padding-block:56px 24px}.naru-about-brand__routine-intro{grid-template-columns:minmax(0,1fr);gap:24px}.naru-about-brand__product-row{grid-template-columns:140px minmax(0,1fr);gap:24px;padding-block:24px}.naru-about-brand__product-copy{grid-column:1 / -1}.naru-about-brand__closing{margin-top:40px;padding-block:64px}.naru-about-brand__closing h2{font-size:40px}}@media(max-width:374px){.naru-about-brand__hero h1{font-size:40px}.naru-about-brand__product-row{grid-template-columns:112px minmax(0,1fr);gap:20px}.naru-about-brand h3{font-size:25px}}@media(min-width:750px)and (max-height:700px){.naru-about-brand__hero-inner{gap:24px;padding-block:32px}.naru-about-brand__hero h1{font-size:72px}.naru-about-brand__signature{margin-top:12px!important}.naru-about-brand__hero-body{margin-top:18px;padding-top:18px;font-size:16px}.naru-about-brand__hero-copy .naru-about-brand__link{margin-top:18px}}@media(prefers-reduced-motion:reduce){.naru-about-brand__link,.naru-about-brand__link svg{transition:none}.naru-about-brand__link:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/naru-about-brand.css.map */