/* V4: complete campaign and concept preview, on the existing ivory system. */
.campaign-hero{position:relative;background:#e9e3d9;touch-action:pan-y;isolation:isolate}
.campaign-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:620px;max-height:calc(100svh - 122px);min-height:490px;overflow:hidden}
.campaign-copy{align-self:center;padding:36px 32px 80px max(var(--gutter),calc((100vw - var(--content))/2));position:relative;z-index:1}
.campaign-copy h1,.campaign-title{font:400 clamp(62px,6.3vw,96px)/.95 var(--display);letter-spacing:-.05em;margin:16px 0 22px}
.campaign-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);margin-bottom:26px;max-width:34ch}
.campaign-art{position:relative;min-width:0;height:100%;overflow:hidden}
.campaign-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.campaign-duo>img{object-fit:contain;mix-blend-mode:multiply}
.campaign-art figcaption{position:absolute;right:18px;bottom:13px;color:var(--ink);font-size:11px;z-index:2;background:#f7f4eee8;padding:5px 9px;max-width:calc(100% - 36px)}
.campaign-fire>img{object-position:50% 46%}
.campaign-portrait{justify-self:end;width:100%;max-width:560px}
.campaign-portrait .campaign-video{height:100%;aspect-ratio:auto}
.campaign-portrait figcaption{bottom:14px;left:16px;right:70px;width:max-content;max-width:calc(100% - 86px)}
.campaign-hero .hero-view-controls{position:absolute;bottom:24px;left:max(var(--gutter),calc((100vw - var(--content))/2));border:0;gap:7px;margin:0;z-index:3;align-items:center}
.campaign-hero .hero-view-controls button{min-width:44px;min-height:44px;margin:0;padding:8px;border:0;color:var(--ink);background:transparent;font-size:13px}
.campaign-hero .hero-view-controls button[aria-pressed=true]{box-shadow:inset 0 -2px var(--ink)}
.campaign-hero .hero-view-controls [data-hero-rotation]{font-size:12px;margin-left:12px;border-left:1px solid #a9a094;padding-left:18px}
.hero-view-controls button span{margin:0}
.motion-controls{left:auto;right:14px;bottom:14px;gap:0}
.motion-toggle{width:44px;height:44px;min-width:44px;border-radius:50%;padding:0;background:#f7f4eef0;border:1px solid #f7f4ee;color:var(--ink)}
.motion-toggle [data-motion-action]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.motion-length{display:none}
.brand-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 10%;align-items:center;padding-top:58px;padding-bottom:58px}
.brand-intro>.eyebrow{grid-column:1/-1;margin:0}
.brand-intro-statement{font-size:clamp(30px,3.6vw,48px);line-height:1.13;letter-spacing:-.035em}
.brand-intro>div{color:var(--muted);max-width:47ch}
.brand-intro .text-link{color:var(--ink);margin-top:20px}
.featured{padding-top:45px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.brand-editorial{grid-template-columns:1.15fr .85fr;gap:0;padding-right:0;padding-top:0;padding-bottom:0;align-items:stretch;border:0;background:var(--surface)}
.brand-editorial-copy{padding:65px 45px 65px 0;align-self:center;max-width:580px}
.brand-editorial-film{max-width:528px;justify-self:end;position:relative;margin:0}
.brand-editorial-film figcaption{position:absolute;left:18px;bottom:18px;right:74px;padding:8px 10px;margin:0;color:var(--canvas);background:#242321d9;font-size:11px;line-height:1.4}
.brand-editorial-film .campaign-source{font-size:11px;min-height:28px}
.brand-editorial h2{font-size:clamp(54px,5.5vw,80px)}
.science-teaser{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:start}
.science-teaser h2{margin-bottom:22px}.science-teaser>div>p:not(.eyebrow){color:var(--muted);margin-bottom:20px;max-width:42ch}
.science-teaser ol{list-style:none;margin:0;padding:0}.science-teaser li{display:grid;grid-template-columns:40px 1fr;gap:6px 20px;padding:20px 0;border-top:1px solid var(--line)}.science-teaser li span{grid-row:1/3;font-size:13px;color:var(--muted)}.science-teaser li h3{font-size:22px}.science-teaser li p{grid-column:2;color:var(--muted);font-size:14px}
.social-journal{background:var(--surface);border:0}.journal-grid{max-width:none;grid-template-columns:1.25fr 1fr 1fr;gap:24px;align-items:start}.journal-grid>a{display:flex;flex-direction:column}.journal-grid>a:nth-child(2){padding-top:50px}.journal-grid>a:nth-child(3){padding-top:105px}.journal-image{width:100%;aspect-ratio:4/5}.journal-image img{object-fit:cover;object-position:center}.journal-title{font-size:22px;margin:16px 0 0;max-width:none}
.wardrobe-concept-teaser{grid-column:1/-1;border-top:1px solid var(--line);padding-top:34px;margin-top:16px;width:100%}.wardrobe-concept-teaser>a{display:grid;grid-template-columns:minmax(160px,.7fr) 1.3fr;gap:8%;align-items:center}.concept-teaser-image{max-height:350px;overflow:hidden;background:var(--surface)}.concept-teaser-image img{width:100%;height:350px;object-fit:contain;mix-blend-mode:multiply}.wardrobe-concept-teaser h3{font-size:30px;margin-bottom:14px}.wardrobe-concept-teaser p{color:var(--muted);margin-bottom:16px;max-width:40ch}
.womens-concepts{border-top:1px solid var(--line);background:var(--canvas)}.womens-concepts .section-heading{align-items:end}.womens-concepts h2{max-width:22ch}.concept-intro{color:var(--muted);max-width:78ch;margin-bottom:34px}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.concept-image{display:block;aspect-ratio:4/5;background:#e9e3d9;overflow:hidden}.concept-image img{width:100%;height:100%;object-fit:contain}.concept-caption{padding:22px 0 0}.concept-label{font-size:12px;color:var(--muted);margin-bottom:10px}.concept-caption h3{font-size:28px;margin-bottom:12px;max-width:25ch}.concept-caption>p:not(.concept-label){font-size:15px;color:var(--muted);max-width:46ch;margin-bottom:14px}.concept-caption details{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.concept-caption summary{cursor:pointer;min-height:52px;padding:14px 0;font-size:15px}.concept-caption details p{font-size:15px;color:var(--muted);padding-bottom:20px}
.concept-page-heading{padding-bottom:36px}.concept-breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;margin-bottom:32px}.concept-breadcrumb a{text-decoration:underline;min-height:32px;display:inline-flex;align-items:center}.concept-page-heading h1{margin-bottom:24px;max-width:18ch}.concept-page-heading>p:last-child{color:var(--muted);max-width:55ch}.concept-review-note{background:var(--surface);display:grid;grid-template-columns:1fr 1.3fr;gap:24px 8%}.concept-review-note>p{color:var(--muted)}.concept-review-note .text-link{grid-column:2;justify-self:start}
.collection-intro{padding-top:40px}.collection-intro .page-heading{margin-bottom:24px}.collection-nav{flex-wrap:wrap;gap:8px 28px}.collection-nav a{font-size:15px}.collection-products{padding-top:28px}.related-wardrobe .product-grid{grid-template-columns:minmax(0,640px)}
.story-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:15px 8%;align-items:end}.story-intro>.eyebrow{grid-column:1/-1}.story-intro h1{font-size:clamp(58px,6vw,86px)}.story-intro>p:last-child{color:var(--muted);max-width:40ch;font-size:18px}
.story-spread{display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.story-spread-copy{padding:64px 55px 64px max(var(--gutter),calc((100vw - var(--content))/2));align-self:center}.story-spread h2{font-size:48px;margin-bottom:26px}.story-spread p:not(.eyebrow){color:var(--muted);margin-bottom:20px;max-width:41ch}.story-spread figure{position:relative;max-height:650px;overflow:hidden}.story-spread picture{display:block;height:100%}.story-spread img{height:100%;width:100%;object-fit:cover}.story-spread figcaption{position:absolute;bottom:18px;left:20px;padding:7px 10px;background:#242321c9;color:var(--canvas);font-size:12px}
.story-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:8%}.story-principles article>span{font-size:13px;color:var(--muted)}.story-principles h2{margin:20px 0 18px}.story-principles p{font-size:16px;color:var(--muted)}.story-phrase{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.story-phrase h2{font-size:clamp(48px,5vw,72px);margin-bottom:22px}.story-phrase>p{margin-left:auto;margin-right:auto;max-width:65ch;color:var(--muted)}.story-connections{display:grid;grid-template-columns:1fr 1fr;gap:8%}.story-connections>div>p:not(.eyebrow){color:var(--muted);margin-bottom:24px}.story-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.story-disclosure.section-pad{margin:0;padding-top:22px;padding-bottom:22px}
.science-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:18px 10%;align-items:end}.science-intro>.eyebrow{grid-column:1/-1}.science-intro>div>p:first-child{color:var(--muted);margin-bottom:20px}.science-intro .preview-form-note{margin-bottom:0}.formulation-principles{border-top:1px solid var(--line)}.formulation-principles .section-heading>p{color:var(--muted);max-width:36ch}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px}.principle-grid article{border-top:1px solid var(--line);padding-top:24px}.principle-grid h3{font-size:23px;margin-bottom:18px}.principle-grid p{font-size:15px;color:var(--muted)}
.ingredient-preview{background:var(--surface)}.ingredient-disclosure{color:var(--muted);max-width:78ch;margin-bottom:32px;font-size:15px}.ingredient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #c5bbae}.ingredient-grid article{padding:28px 22px;min-height:240px;border-right:1px solid #c5bbae;display:flex;flex-direction:column}.ingredient-grid article:last-child{border:0}.ingredient-grid span{font-size:12px;color:var(--muted);margin-bottom:44px}.ingredient-grid h3{font-size:25px;margin-bottom:14px}.ingredient-grid p{font-size:14px;color:var(--muted)}
.science-process{display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.science-process h2{margin-bottom:26px}.science-process>div>p:not(.eyebrow){color:var(--muted)}.science-process h3{font-size:23px;margin-bottom:8px}.science-product-links{border-top:1px solid var(--line)}.science-product-links>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:30px 0}.science-product-links .product-card h3{font-size:18px}.science-product-links .card-meta>span:first-child{display:none}
.product-campaign{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding-top:0;padding-bottom:0;padding-left:0;align-items:stretch;border:0;background:var(--surface)}.product-campaign figure{position:relative;max-width:450px;justify-self:start}.product-campaign-copy{padding:45px 0 45px 50px;align-self:center;max-width:480px}.product-campaign figcaption{position:absolute;bottom:18px;left:18px;right:72px;color:var(--canvas);font-size:11px;background:#242321d9;padding:7px 10px;margin:0}
@media(min-width:1800px){.campaign-slide{height:690px;max-height:none}.campaign-art{max-width:800px;width:100%;justify-self:end}.campaign-portrait{max-width:560px}.campaign-copy{padding-left:max(var(--gutter),calc((100vw - var(--content))/2))}}
@media(max-width:1000px){.campaign-slide{height:540px;min-height:470px}.campaign-copy h1,.campaign-title{font-size:64px}.campaign-copy{padding-right:22px}.campaign-copy .button{font-size:14px;gap:18px;padding:13px 18px}.principle-grid{grid-template-columns:repeat(2,1fr)}.ingredient-grid{grid-template-columns:repeat(2,1fr)}.ingredient-grid article:nth-child(2){border-right:0}.ingredient-grid article:nth-child(-n+2){border-bottom:1px solid #c5bbae}.story-spread-copy{padding-right:30px}.story-spread h2{font-size:38px}.science-product-links>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
.campaign-slide{height:700px;min-height:0;max-height:none;display:flex;flex-direction:column;position:relative;padding-bottom:0}.campaign-copy{padding:28px var(--gutter) 24px;width:100%;height:292px;flex-shrink:0}.campaign-copy h1,.campaign-title{font-size:52px;line-height:.98;margin:10px 0 12px}.campaign-copy>.eyebrow{font-size:12px;margin-bottom:0}.campaign-copy>p:not(.eyebrow){font-size:14px;line-height:1.4;margin-bottom:17px}.campaign-copy>p br{display:none}.campaign-copy .button{min-height:46px;padding:10px 16px;font-size:14px}.campaign-art{flex:1;width:100%;max-width:none;min-height:0}.campaign-duo>img{object-fit:contain;object-position:center 58%}.campaign-art figcaption{font-size:10px;bottom:10px}.campaign-portrait .campaign-video{height:100%;aspect-ratio:auto}.campaign-portrait .motion-poster,.campaign-portrait .motion-video{object-position:50% 40%}.campaign-fire>img{object-position:50% 45%}.campaign-hero .hero-view-controls{top:251px;bottom:auto;left:auto;right:var(--gutter);gap:2px}.campaign-hero .hero-view-controls button{font-size:11px;min-width:38px}.campaign-hero .hero-view-controls [data-hero-rotation]{position:absolute;top:44px;right:0;background:var(--canvas);border:0;min-height:32px;margin:0;padding:4px 8px;font-size:10px;white-space:nowrap}.campaign-hero .hero-view-controls [data-hero-view]{min-width:44px}.motion-controls{right:12px;bottom:12px}.motion-toggle{width:44px;height:44px}.campaign-portrait figcaption{left:12px;right:70px;bottom:12px}
.brand-intro{grid-template-columns:1fr;gap:18px;padding-top:38px;padding-bottom:38px}.brand-intro>.eyebrow{grid-column:1}.brand-intro-statement{font-size:34px}.brand-intro>div{font-size:15px}.brand-intro .text-link{margin-top:16px}.featured{padding-top:28px}.featured-grid{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;padding:0 0 16px}.featured-grid>.product-card{flex:0 0 76%;scroll-snap-align:start}.featured .collection-note{margin-top:12px}.featured-grid .product-card h3{font-size:23px}.featured-grid .product-visual{aspect-ratio:4/5}
.brand-editorial{grid-template-columns:1fr;padding-left:0;gap:0}.brand-editorial-copy{padding:40px var(--gutter) 30px;max-width:none}.brand-editorial h2{font-size:54px}.brand-editorial-film{max-width:none;width:100%}.brand-editorial-film .campaign-video{aspect-ratio:1/1.08}.brand-editorial-film .motion-poster,.brand-editorial-film .motion-video{object-position:50% 47%}.brand-editorial-film figcaption{left:16px;bottom:16px;right:72px;font-size:10px}.brand-editorial-film .campaign-source{font-size:11px;min-height:30px}
.science-teaser{grid-template-columns:1fr;gap:30px}.science-teaser h2{font-size:34px}.science-teaser li{padding:17px 0}.science-teaser li h3{font-size:21px}.social-journal .section-heading{gap:14px}.journal-grid{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;padding-bottom:16px}.journal-grid>a{display:flex;flex:0 0 77%;scroll-snap-align:start;padding-top:0!important}.journal-image{aspect-ratio:4/5}.journal-title{font-size:22px;max-width:none;margin-top:14px}.journal-action{font-size:14px;min-height:44px}.social-journal .collection-note{margin-top:10px}
.wardrobe-concept-teaser{padding-top:28px;margin-top:0}.wardrobe-concept-teaser>a{grid-template-columns:1fr;gap:22px}.concept-teaser-image{height:310px;max-height:none}.concept-teaser-image img{height:310px}.wardrobe-concept-teaser h3{font-size:28px}.wardrobe-concept-teaser p{font-size:15px}.concept-grid{grid-template-columns:1fr;gap:42px}.concept-intro{font-size:15px;margin-bottom:26px}.concept-caption{padding-top:18px}.concept-caption h3{font-size:28px}.concept-page-heading{padding-bottom:30px}.concept-breadcrumb{margin-bottom:22px}.concept-page-heading h1{font-size:40px}.concept-review-note{grid-template-columns:1fr;gap:20px}.concept-review-note .text-link{grid-column:1}.concept-review-note>p{font-size:15px}.womens-concepts .section-heading{align-items:flex-start}.collection-intro .page-heading{margin-bottom:18px}.collection-nav{gap:0 20px}.collection-nav a{font-size:14px;min-height:48px}.related-wardrobe .product-card-link{display:flex;max-width:400px}.related-wardrobe .product-image-link{width:100%}
.story-intro{grid-template-columns:1fr;gap:18px}.story-intro>.eyebrow{grid-column:1;margin:0}.story-intro h1{font-size:56px;max-width:11ch}.story-intro>p:last-child{font-size:16px}.story-spread{grid-template-columns:1fr}.story-spread-copy{padding:36px var(--gutter)}.story-spread h2{font-size:36px;margin-bottom:20px}.story-spread-copy p{font-size:15px}.story-spread figure{max-height:510px}.story-principles{grid-template-columns:1fr;gap:30px}.story-principles article{display:grid;grid-template-columns:28px 1fr;gap:10px 18px;padding-top:22px;border-top:1px solid var(--line)}.story-principles article>span{grid-row:1/3;padding-top:6px}.story-principles h2{font-size:30px;margin:0}.story-principles p{grid-column:2;font-size:15px}.story-phrase h2{font-size:47px}.story-phrase>p{font-size:15px}.story-connections{grid-template-columns:1fr;gap:24px}.story-connections p{font-size:15px}
.science-intro{grid-template-columns:1fr;gap:20px}.science-intro>.eyebrow{grid-column:1;margin:0}.science-intro h1{font-size:42px}.science-intro>div>p{font-size:15px}.formulation-principles .section-heading>p{font-size:15px;max-width:none}.principle-grid{grid-template-columns:1fr 1fr;gap:28px 18px;margin-top:28px}.principle-grid h3{font-size:23px}.principle-grid p{font-size:14px}.ingredient-grid{grid-template-columns:1fr 1fr}.ingredient-grid article{padding:22px 16px;min-height:260px}.ingredient-grid span{font-size:11px;margin-bottom:30px}.ingredient-grid h3{font-size:23px;overflow-wrap:normal}.ingredient-grid p{font-size:13px}.science-process{grid-template-columns:1fr;gap:34px}.science-process>div>p{font-size:15px}.science-process h3{font-size:22px}.science-product-links>div{display:flex;overflow-x:auto;gap:18px;padding:0 0 14px;scroll-snap-type:x mandatory}.science-product-links .product-card{flex:0 0 74%;scroll-snap-align:start}.science-product-links .product-card h3{font-size:22px}
.product-campaign{grid-template-columns:1fr;padding:0;gap:0}.product-campaign-copy{grid-row:1;padding:36px var(--gutter);max-width:none}.product-campaign figure{max-width:none;justify-self:stretch;width:100%}.product-campaign .campaign-video{aspect-ratio:1/1.05}.product-campaign .motion-poster,.product-campaign .motion-video{object-position:50% 40%}.product-campaign figcaption{font-size:10px;bottom:14px;left:14px}
}
@media(max-width:389px){.campaign-copy h1,.campaign-title{font-size:48px}.campaign-copy .button{font-size:13px;gap:15px}.campaign-hero .hero-view-controls{top:252px;right:14px}.campaign-copy{height:300px}.campaign-slide{height:675px}.principle-grid{grid-template-columns:1fr}.ingredient-grid{grid-template-columns:1fr}.ingredient-grid article{min-height:195px;border-right:0!important;border-bottom:1px solid #c5bbae}.ingredient-grid article:last-child{border-bottom:0}.ingredient-grid span{margin-bottom:24px}}
/* Anchor absolute accessibility text inside scrollable cards. */
.product-card-link,.journal-grid>a{position:relative}
@media(max-width:760px){.campaign-copy>p br:after{content:' '}}
@media(max-width:760px){.campaign-hero .hero-view-controls{left:var(--gutter);right:auto;top:248px;gap:4px}.campaign-hero .hero-view-controls [data-hero-rotation]{position:static;background:transparent;border-left:1px solid #b4a99a;margin-left:10px;padding:8px 12px;font-size:11px;min-height:44px}.campaign-hero .hero-view-controls button{min-height:44px}}
@media(max-width:389px){.campaign-hero .hero-view-controls{top:252px}}