:root{--ink:#211712;--espresso:#251711;--cocoa:#402a20;--taupe:#a78d7d;--blush:#d8bdb3;--ivory:#f5efe7;--sand:#d8c7b4;--white:#fffdf9;--blue:#35465f;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);overflow-x:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:28px 4vw;display:flex;justify-content:space-between;color:var(--white);font-size:11px;letter-spacing:.16em}.site-header nav{display:flex;gap:28px}.site-header a{transition:opacity .2s}.site-header a:hover{opacity:.6}.name{font-weight:700}.hero{height:100svh;min-height:680px;position:relative;color:white}.hero>img,.hero .veil,.hero-copy{position:absolute;inset:0}.veil{background:linear-gradient(90deg,rgba(17,8,5,.72) 0%,rgba(17,8,5,.25) 52%,rgba(17,8,5,.08) 100%)}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:9vw 6vw}.eyebrow,.section-label,.micro{font:700 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}.eyebrow.light,.light{color:var(--sand)}.brand{font:32px/1 var(--serif);margin:28px 0 16px}.hero h1{font:700 clamp(62px,10vw,154px)/.78 var(--sans);letter-spacing:-.055em;margin:0}.tagline{font:italic clamp(20px,2vw,30px)/1.3 var(--serif);color:var(--blush);margin-top:36px}.scroll{position:absolute;bottom:35px;right:4vw;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.scroll span{margin-left:12px}.section{padding:120px max(6vw,30px)}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;margin-top:50px}.intro h2,.audience h2,.palette h2,.social h2,.close h2{font:normal clamp(42px,6vw,84px)/.98 var(--serif);letter-spacing:-.045em;margin:0}.intro-body{padding-top:8px;max-width:550px;font:20px/1.6 var(--serif)}.lead{font-size:29px;line-height:1.25}.facts{font:12px/1.45 var(--sans);margin-top:54px}.facts div{display:grid;grid-template-columns:105px 1fr;border-top:1px solid var(--sand);padding:14px 0}.facts dt{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe)}.facts dd{margin:0}.dark{background:var(--espresso);color:var(--white)}.statement{min-height:850px}.display{font:700 clamp(60px,10vw,150px)/.78 var(--sans);letter-spacing:-.06em;margin:70px 0 100px}.display em{font:italic normal .72em/1 var(--serif);color:var(--blush);letter-spacing:-.04em}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.pillars article{border-top:1px solid rgba(216,199,180,.45);padding-top:20px}.pillars span,.storyboard span{font-size:10px;color:var(--blush);letter-spacing:.12em}.pillars h3{font:700 15px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:20px 0}.pillars p{font:18px/1.5 var(--serif);color:var(--sand)}.audience h2{max-width:900px;margin:45px 0 80px}.audience-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:60px;border-top:1px solid var(--sand);padding-top:30px}.audience article>p:last-child{font:21px/1.6 var(--serif)}blockquote{font:italic 30px/1.4 var(--serif);margin:0;color:var(--cocoa)}.mood{background:var(--white)}.mood-grid{margin-top:50px;display:grid;grid-template-columns:1.05fr .9fr .85fr;grid-template-rows:330px 330px;gap:18px}.mood figure{margin:0;overflow:hidden}.portrait{grid-row:1/3}.gel{grid-column:2}.vanity{grid-column:2/4;grid-row:2}.mood-copy{background:var(--cocoa);color:var(--white);padding:35px;display:flex;flex-direction:column;justify-content:space-between}.mood-copy h2{font:700 38px/.95 var(--sans);margin:0;letter-spacing:-.04em}.mood-copy p{font:16px/1.5 var(--serif);color:var(--sand)}.palette h2{margin:45px 0 60px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.swatches div:before{content:"";display:block;background:var(--color);aspect-ratio:.78}.swatches span,.swatches small{display:block}.swatches span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:14px}.swatches small{font-size:10px;color:var(--taupe);margin-top:5px}.materials{font:27px/1.4 var(--serif);border-top:1px solid var(--sand);margin:70px 0 0;padding-top:28px}.hero-ad{height:90svh;min-height:620px;position:relative;color:white}.hero-ad>img,.hero-ad .veil{position:absolute;inset:0}.ad-copy{position:absolute;left:6vw;top:50%;transform:translateY(-50%)}.ad-copy>p{font:26px var(--serif)}.ad-copy h2{font:700 clamp(66px,9vw,140px)/.78 var(--sans);letter-spacing:-.06em;margin:35px 0}.ad-copy em{font:italic 26px var(--serif);color:var(--blush)}.social-heading,.film-heading{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:end;margin:50px 0 70px}.social-heading p,.film-heading p{font:22px/1.5 var(--serif);margin:0}.social-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;overflow:hidden}.social-strip article{background:var(--white);padding:10px 10px 24px;text-align:center;border:1px solid var(--sand)}.social-strip img{aspect-ratio:4/5}.social-strip h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:20px 0 12px}.social-strip small{color:var(--taupe);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.film h2{font:normal clamp(44px,6vw,86px)/1 var(--serif);margin:0}.film-heading p{color:var(--sand)}.storyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 24px}.storyboard img{aspect-ratio:16/9;margin-bottom:18px}.storyboard p{font:20px/1.3 var(--serif);color:var(--sand)}.close{text-align:center;min-height:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.close h2{max-width:1050px;margin:45px 0 80px}.close-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;text-align:left;max-width:900px}.close-grid p{font:20px/1.5 var(--serif)}.close-grid strong{display:block;font:700 11px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--taupe);margin-bottom:20px}.signature{margin-top:100px;color:var(--taupe);font:12px/1.8 var(--sans);text-transform:uppercase;letter-spacing:.13em}.signature span{font:italic normal 28px var(--serif);color:var(--ink);text-transform:none;letter-spacing:0}footer{background:var(--ink);color:var(--sand);padding:45px 6vw;display:flex;justify-content:space-between;gap:60px;font-size:10px;line-height:1.5;letter-spacing:.05em}footer p{max-width:780px;margin:0}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header nav{display:none}.site-header{padding:24px}.hero-copy{padding:110px 25px 75px}.section{padding:85px 25px}.intro-grid,.audience-grid,.social-heading,.film-heading,.close-grid{grid-template-columns:1fr;gap:35px}.pillars{grid-template-columns:1fr 1fr}.mood-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 250px 300px}.portrait{grid-row:1;grid-column:1}.gel{grid-column:2}.mood-copy{grid-row:2;grid-column:1/3}.vanity{grid-row:3;grid-column:1/3}.swatches{grid-template-columns:repeat(3,1fr);row-gap:30px}.social-strip{grid-template-columns:repeat(2,1fr)}.storyboard{grid-template-columns:1fr 1fr}.display{margin-bottom:70px}.statement{min-height:auto}.close{min-height:auto}.close-grid{text-align:center}footer{flex-direction:column}.scroll{left:25px;right:auto}.hero-ad{height:75svh}}

/* Daylight hero treatment: softer, brighter and closer to Rhode's clean visual language. */
.site-header{color:var(--ink);text-shadow:0 1px 16px rgba(255,255,255,.65)}
.hero{color:var(--ink)}
.hero>.veil{background:linear-gradient(90deg,rgba(247,242,234,.78) 0%,rgba(247,242,234,.32) 43%,rgba(247,242,234,.02) 72%)}
.hero .eyebrow.light{color:var(--cocoa)}
.hero .tagline{color:var(--cocoa)}
@media(max-width:520px){.pillars,.storyboard{grid-template-columns:1fr}.mood-grid{display:flex;flex-direction:column}.mood figure{height:350px}.mood-copy{min-height:250px}.social-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.social-strip article{min-width:78vw;scroll-snap-align:start}.swatches{grid-template-columns:repeat(2,1fr)}.audience h2,.palette h2,.social h2,.close h2{font-size:43px}.display{font-size:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Keep social captions inside their cards at every viewport size. */
.social-strip article{display:block}
.social-strip img{height:auto;flex:0 0 auto}
.storyboard img{height:auto}