:root{--pink:#ff1984;--ruby:#a60043;--black:#080808;--white:#f7f5f3;--line:rgba(255,255,255,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--pink);color:#000}
.nav{height:96px;position:absolute;inset:0 0 auto;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.16em}.brand{display:flex;align-items:center;gap:13px;font-weight:600;line-height:1.05}.brand img{width:26px;height:30px}.nav>p{text-align:center;line-height:1.35;margin:0;font-size:9px}.contact-link{justify-self:end;border-bottom:1px solid;padding-bottom:5px}.contact-link span{color:var(--pink);margin-left:15px}
.hero{height:100svh;min-height:700px;position:relative;isolation:isolate;display:flex;flex-direction:column;padding:130px 4vw 38px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-2;background:url("assets/ruby-photo-v2.png") center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.22) 58%,rgba(0,0,0,.5) 100%)}
.hero-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em}.hero h1{font-size:clamp(72px,11.2vw,178px);font-weight:500;letter-spacing:-.075em;line-height:.75;margin:auto 0;text-shadow:0 8px 30px rgba(0,0,0,.45)}.hero h1 em,.statement h2 em,.final-cta h2 em{font-family:"Playfair Display",serif;font-weight:500}.hero h1 em{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.9)}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:23px;font-size:11px;letter-spacing:.14em}.hero-bottom p{margin:0}.hero-bottom a span{font-size:20px;color:var(--pink);margin-left:25px}
.ticker{overflow:hidden;background:var(--pink);color:#050505;border-block:1px solid #000;height:86px;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;gap:38px;width:max-content;white-space:nowrap;animation:slide 22s linear infinite}.ticker span{font-size:34px;font-weight:600;letter-spacing:-.04em}.ticker i{font-style:normal;font-size:16px}.ticker-dark{background:#050505;color:var(--pink);border-color:#ff198466}.ticker-track.reverse{animation-direction:reverse}
.statement{background:var(--white);color:var(--black);padding:120px 8vw}.section-index{font-size:11px;letter-spacing:.17em;border-bottom:1px solid #111;padding-bottom:18px}.statement h2{font-size:clamp(54px,7.6vw,112px);font-weight:500;letter-spacing:-.065em;line-height:.92;margin:72px 0 48px}.statement h2 em{color:var(--ruby)}.statement>p{font-size:18px;max-width:520px;margin:0 0 0 auto;line-height:1.5}
.services{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #333}.services article{min-height:340px;padding:40px 4vw;display:flex;flex-direction:column;border-right:1px solid #333;background:linear-gradient(145deg,#161214,#050505)}.services article:last-child{border:0}.services article>span{color:var(--pink);font-size:11px}.services h3{font-size:clamp(28px,3vw,46px);font-weight:500;letter-spacing:-.04em;margin:auto 0 8px}.services p{font-size:15px;color:#969096;margin:0}
.final-cta{position:relative;isolation:isolate;min-height:720px;padding:100px 6vw 55px;overflow:hidden;display:flex;flex-direction:column}.final-image{position:absolute;inset:0;z-index:-2;background:url("assets/ruby-photo-v2.png") center 80%/cover no-repeat;transform:scaleX(-1)}.final-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(0,0,0,.92),rgba(0,0,0,.2))}.final-cta>p{font-size:10px;letter-spacing:.2em}.final-cta h2{font-size:clamp(65px,10vw,145px);font-weight:500;letter-spacing:-.07em;line-height:.83;margin:auto 0}.final-cta h2 em{color:var(--pink)}.final-cta>a{align-self:flex-start;font-size:13px;letter-spacing:.12em;border-bottom:1px solid;padding:0 0 12px}.final-cta>a span{color:var(--pink);margin-left:35px;font-size:20px}
footer{min-height:90px;padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.14em;border-top:1px solid #333}
@keyframes slide{to{transform:translateX(-50%)}}@media(max-width:720px){.nav{height:80px;grid-template-columns:1fr 1fr;padding:0 22px}.nav>p{display:none}.hero{min-height:660px;padding:110px 22px 28px}.hero h1{font-size:20vw;line-height:.82}.hero-meta span:last-child{display:none}.hero-bottom{font-size:9px}.hero-bottom p{max-width:58%;line-height:1.5}.ticker{height:65px}.ticker span{font-size:24px}.statement{padding:80px 24px}.statement h2{font-size:15vw;margin-top:48px}.statement>p{font-size:16px;margin-top:40px}.services{grid-template-columns:1fr}.services article{min-height:200px;border-right:0;border-bottom:1px solid #333;padding:28px 24px}.services h3{margin:auto 0 4px}.final-cta{min-height:620px;padding:75px 24px 38px}.final-cta h2{font-size:18vw}footer{flex-wrap:wrap;padding:25px 22px}footer span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}}

/* White studio edition */
body{background:#fff url("assets/ruby-white-final.png") right center/contain fixed no-repeat;color:#0a0909}
.nav{color:#0a0909;border-color:rgba(0,0,0,.2)}
.hero-bg,.final-image{background-image:url("assets/ruby-white-final.png");background-position:right center;background-size:contain;background-repeat:no-repeat;background-color:#fff}
.hero:after{background:linear-gradient(90deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.08) 56%,rgba(255,255,255,.02) 100%)}
.hero h1{color:#090909;text-shadow:none}
.hero h1 em{color:transparent;-webkit-text-stroke:1.5px #a60043}
.hero-meta,.hero-bottom{color:#161213}.hero-bottom{border-color:rgba(0,0,0,.25)}
.statement{background:rgba(255,255,255,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.services{border-color:#dedade}
.services article{color:#080808;background:rgba(255,255,255,.7);border-color:#dedade;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.services p{color:#686166}
.final-cta{color:#090909}
.final-cta:after{background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.45) 53%,rgba(255,255,255,.06) 100%)}
footer{background:rgba(255,255,255,.86);color:#3b3538;border-color:#ddd;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@media(max-width:720px){.hero-bg,.final-image{background-size:130% auto;background-position:72% center}.hero:after{background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.1))}}
.hero-photo,.final-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;background:#fff;z-index:-2;display:block}
.final-photo{transform:scaleX(-1)}
@media(max-width:720px){.hero-photo,.final-photo{object-fit:cover;object-position:68% center}}