@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,400&family=DM+Sans:wght@400;500&display=swap');
/* Homepage only. Curves belong to the composition, never circular image masks. */
html{background:#43294B}body{margin:0}
#ralyia-directions{--aub:#43294B;--butter:#FFE18B;--pink:#F1ACCA;--prune:#642B65;--orange:#E97E0C;--gutter:clamp(22px,4.8vw,80px);--ease:cubic-bezier(.22,.7,.25,1);color:var(--butter);background:var(--aub);font-family:'DM Sans',sans-serif;max-width:1800px;margin:auto}
#ralyia-directions *{box-sizing:border-box}
#ralyia-directions a{color:inherit;text-decoration:none}
#ralyia-directions button,#ralyia-directions summary{cursor:pointer;-webkit-tap-highlight-color:transparent}
#ralyia-directions [id]{scroll-margin-top:100px}
#ralyia-directions :is(a,button,summary):focus-visible{outline:3px solid currentColor;outline-offset:6px}
#ralyia-directions .ralyia-screen{padding:20px var(--gutter) 36px;overflow:clip}
#ralyia-directions .skip-home{position:absolute;top:-100px;left:20px;z-index:20;padding:14px 20px;border-radius:999px;background:var(--butter);color:var(--aub)}
#ralyia-directions .skip-home:focus{top:10px}
#ralyia-directions .brand-header{position:sticky;top:16px;z-index:10;display:flex;justify-content:flex-end;min-height:48px;pointer-events:none}
#ralyia-directions .brand-nav{pointer-events:auto;display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--aub);box-shadow:0 0 0 1px #ffe18b26;transition:box-shadow .3s}
#ralyia-directions .brand-nav a{position:relative;display:flex;align-items:center;min-height:40px;padding:8px 20px;font-size:12px;letter-spacing:.025em;border-radius:999px;transition:background .25s,color .25s}
#ralyia-directions .brand-nav a:hover{background:#ffe18b1a}
#ralyia-directions .brand-nav a[aria-current="location"]{background:var(--butter);color:var(--aub)}
#ralyia-directions .positioning{margin:10px 0 28px;font-size:12px;line-height:1.6;letter-spacing:.045em}
#ralyia-directions .editorial-main{display:flex;flex-direction:column;gap:34px;margin:0}
#ralyia-directions .hero-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(60px,7.8vw,126px);line-height:.94;letter-spacing:-.035em;margin:0 0 10px;max-width:1250px;color:var(--butter)}
#ralyia-directions .hero-title br{display:none}
#ralyia-directions .hero-title em{display:inline-block;font-weight:400;color:var(--pink);transition:color .7s,transform .7s var(--ease)}
#ralyia-directions .hero-title .end{display:inline}
#ralyia-directions .exploring .hero-title em{color:var(--butter);transform:translateX(6px)}
#ralyia-directions .editorial-image{position:relative;width:calc(100% + 2 * var(--gutter));margin-left:calc(-1 * var(--gutter));height:clamp(410px,42vw,670px);overflow:hidden}
#ralyia-directions .photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.025);transition:transform 1.15s var(--ease)}
#ralyia-directions .is-close .photo{transform:scale(1.65) translate(-8%,0)}
#ralyia-directions .fig-wordmark{position:absolute;left:4%;top:31%;width:55%;height:auto;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 6px #43294B80)}
#ralyia-directions .texture-control{position:absolute;right:var(--gutter);bottom:90px;z-index:2;display:flex;gap:18px;align-items:center;min-height:48px;padding:12px 22px;border:0;border-radius:999px;background:var(--butter);color:var(--aub);font-family:inherit;font-size:12px;transition:gap .3s var(--ease),box-shadow .3s}
#ralyia-directions .texture-control:hover{gap:27px;box-shadow:0 6px 24px #43294B40}
#ralyia-directions .texture-control .sign{font-size:24px;line-height:1;transition:transform .5s var(--ease)}
#ralyia-directions .texture-control[aria-pressed="true"] .sign{transform:rotate(45deg)}
#ralyia-directions .editorial-bottom{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 calc(-1 * var(--gutter));padding:30px var(--gutter) 46px;background:var(--butter);color:var(--aub)}
#ralyia-directions .editorial-bottom::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:-55px;height:56px;background:var(--butter);border-radius:72% 10% 0 0 /100% 65% 0 0;transform-origin:bottom}
#ralyia-directions .small-copy{font-size:14px;line-height:1.65;margin:0;max-width:310px}
#ralyia-directions .cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;border-radius:999px;background:var(--aub);color:var(--butter);font-size:12px;transition:transform .25s,background .25s}
#ralyia-directions .cta:hover{background:var(--prune);transform:translateY(-2px)}
#ralyia-directions .editorial-territories{display:none}
#ralyia-directions .section-label{font-size:11px;letter-spacing:.11em;text-transform:uppercase;line-height:1.8}
#ralyia-directions .intent-section{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:0 calc(-1 * var(--gutter));padding:36px var(--gutter) 100px;background:var(--butter);color:var(--aub);border-radius:0 0 0 20% /0 0 0 10%;transition:border-radius 1s var(--ease)}
#ralyia-directions .intent-section.is-revealed{border-radius:0 0 18% 3% /0 0 11% 3%}
#ralyia-directions .intent-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(52px,6.8vw,104px);line-height:.96;letter-spacing:-.035em;margin:0 0 32px;color:var(--aub)}
#ralyia-directions .intent-section p{font-size:16px;line-height:1.75;max-width:470px;margin:14px 0}
#ralyia-directions .territory-section{padding:100px 0 0}
#ralyia-directions .territory-heading{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(50px,6.6vw,94px);line-height:.98;letter-spacing:-.03em;margin:24px 0 52px;max-width:980px;color:var(--butter)}
#ralyia-directions .territory-flow{margin:0 calc(-1 * var(--gutter))}
#ralyia-directions .territory-entry{--surface:var(--aub);--ink:var(--butter);padding:6px var(--gutter);background:var(--surface);color:var(--ink);transition:border-radius .65s var(--ease),padding .65s var(--ease)}
#ralyia-directions .territory-entry[open]{padding-top:18px;padding-bottom:38px;border-radius:70px 25px 90px 35px}
#ralyia-directions .t-brands{--surface:var(--butter);--ink:var(--aub)}
#ralyia-directions .t-spaces{--surface:var(--pink);--ink:var(--aub)}
#ralyia-directions .t-culture{--surface:var(--orange);--ink:var(--aub)}
#ralyia-directions .t-private{--surface:var(--prune);--ink:var(--butter)}
#ralyia-directions .territory-entry summary{list-style:none;display:flex;align-items:center;gap:28px;padding:22px 0;min-height:88px}
#ralyia-directions .territory-entry summary::-webkit-details-marker{display:none}
#ralyia-directions .territory-index{font-size:11px;align-self:flex-start;padding-top:14px;font-variant-numeric:tabular-nums}
#ralyia-directions .territory-name{font-family:'Cormorant Garamond',serif;font-size:clamp(54px,8vw,112px);line-height:.95;letter-spacing:-.03em;color:var(--ink);transition:transform .5s var(--ease)}
#ralyia-directions .territory-entry summary:hover .territory-name{transform:translateX(10px)}
#ralyia-directions .territory-symbol{margin-left:auto;font-size:28px;transition:transform .4s var(--ease)}
#ralyia-directions .territory-entry[open] .territory-symbol{transform:rotate(45deg)}
#ralyia-directions .territory-body{padding-left:45px;max-width:760px}
#ralyia-directions .territory-body p{font-size:17px;line-height:1.65;margin:6px 0 24px}
#ralyia-directions .territory-applications{font-size:11px;line-height:1.9;letter-spacing:.04em}
#ralyia-directions .ways-section{padding:110px 0 40px}
#ralyia-directions .ways-heading{font-family:'Cormorant Garamond',serif;font-size:clamp(50px,6.4vw,94px);font-weight:400;line-height:.98;letter-spacing:-.03em;margin:24px 0;max-width:980px;color:var(--butter)}
#ralyia-directions .ways-intro{font-size:15px;line-height:1.75;max-width:570px;margin:0 0 42px}
#ralyia-directions .offer-picker{display:flex;gap:12px 20px;flex-wrap:wrap;margin:0 0 30px}
#ralyia-directions .offer-choice{font-family:inherit;font-size:13px;letter-spacing:.04em;border:0;border-radius:999px;background:transparent;color:var(--butter);padding:15px 24px;min-height:48px;transition:background .25s,color .25s,transform .25s}
#ralyia-directions .offer-choice[aria-pressed="true"]{background:var(--butter);color:var(--aub)}
#ralyia-directions .offer-choice:hover{transform:translateY(-2px)}
#ralyia-directions .offer-choice:not([aria-pressed="true"]):hover{background:#ffe18b14}
#ralyia-directions .offer-stage{background:var(--butter);color:var(--aub);border-radius:60px 100px 65px 35px;padding:clamp(32px,4.4vw,70px);min-height:330px;transition:border-radius .7s var(--ease)}
#ralyia-directions .offer-stage[data-shape="direction"]{border-radius:100px 40px 90px 55px}
#ralyia-directions .offer-stage[data-shape="eye"]{border-radius:50px 90px 35px 100px}
#ralyia-directions .offer-signature{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(42px,5.6vw,80px);line-height:1.02;letter-spacing:-.025em;margin:0;max-width:870px}
#ralyia-directions .offer-description{font-size:15px;line-height:1.8;max-width:650px;margin:30px 0 0}
#ralyia-directions .closing-line{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,5.7vw,86px);line-height:1.03;letter-spacing:-.025em;padding:54px 0 64px;max-width:1000px;margin:0;color:var(--butter)}
#ralyia-directions footer{padding:56px 0 30px;border-top:1px solid #ffe18b35}
#ralyia-directions .contact-invitation{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,5.6vw,80px);font-weight:400;line-height:1.04;letter-spacing:-.025em;margin:0;max-width:1100px;color:var(--butter)}
#ralyia-directions .contact-invitation em{color:var(--pink)}
/* All text on Butter stays Aubergine, in every interaction state. */
#ralyia-directions :is(.intent-section,.offer-stage,.t-brands,.texture-control) :is(h2,em,p,span,div,summary,a),#ralyia-directions :is(.intent-section,.offer-stage,.t-brands,.texture-control){color:var(--aub)}
#ralyia-directions .reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--butter);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
@supports(animation-timeline:view()){
@keyframes ralyia-fold{from{transform:scaleY(.7);border-radius:72% 10% 0 0 /100% 65% 0 0}to{transform:scaleY(1.1);border-radius:12% 70% 0 0 /60% 100% 0 0}}
#ralyia-directions .editorial-bottom::before{animation:ralyia-fold linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
}
@media(min-width:1500px){#ralyia-directions .positioning{margin-bottom:36px}}
@media(max-width:800px){
#ralyia-directions .intent-section{grid-template-columns:1fr;gap:28px;padding-bottom:64px}
#ralyia-directions .hero-title{font-size:clamp(54px,9vw,76px)}
#ralyia-directions .editorial-image{height:390px}
#ralyia-directions .territory-section{padding-top:70px}
#ralyia-directions .ways-section{padding-top:75px}
}
@media(max-width:650px){
#ralyia-directions .ralyia-screen{padding-top:14px}
#ralyia-directions .brand-header{top:10px}
#ralyia-directions .brand-nav a{padding:8px 15px;min-height:40px;font-size:12px}
#ralyia-directions .positioning{max-width:250px;margin:16px 0 28px;font-size:11px}
#ralyia-directions .editorial-main{gap:26px}
#ralyia-directions .hero-title{font-size:clamp(46px,12vw,74px);line-height:1;letter-spacing:-.03em}
#ralyia-directions .editorial-image{height:345px}
#ralyia-directions .photo{object-position:75% center}
#ralyia-directions .fig-wordmark{left:4%;top:18%;width:88%}
#ralyia-directions .texture-control{bottom:62px;padding:12px 18px;min-height:46px}
#ralyia-directions .editorial-bottom{flex-direction:column;align-items:flex-start;padding-top:24px;padding-bottom:38px;gap:22px}
#ralyia-directions .editorial-bottom::before{top:-32px;height:33px}
#ralyia-directions .intent-section{padding-top:22px}
#ralyia-directions .intent-title{font-size:clamp(48px,12vw,72px)}
#ralyia-directions .intent-section p{font-size:15px}
#ralyia-directions .territory-heading,#ralyia-directions .ways-heading{font-size:clamp(44px,11vw,66px);margin-bottom:32px}
#ralyia-directions .territory-entry[open]{border-radius:35px 15px 50px 20px;padding-bottom:30px}
#ralyia-directions .territory-entry summary{gap:14px;padding:22px 0;min-height:80px}
#ralyia-directions .territory-index{padding-top:7px}
#ralyia-directions .territory-name{font-size:clamp(40px,11vw,65px)}
#ralyia-directions .territory-body{padding-left:0}
#ralyia-directions .territory-body p{font-size:15px}
#ralyia-directions .offer-picker{gap:6px;margin-bottom:22px}
#ralyia-directions .offer-choice{font-size:12px;padding:12px 14px;min-height:46px}
#ralyia-directions .offer-stage{padding:30px 24px;min-height:355px;border-radius:45px 65px 45px 30px}
#ralyia-directions .offer-stage[data-shape="direction"]{border-radius:65px 30px 55px 35px}
#ralyia-directions .offer-stage[data-shape="eye"]{border-radius:35px 65px 30px 55px}
#ralyia-directions .offer-signature{font-size:clamp(38px,10vw,54px)}
#ralyia-directions .offer-description{font-size:14px;line-height:1.75;margin-top:24px}
#ralyia-directions .closing-line{font-size:clamp(38px,10vw,58px);padding:30px 0 48px}
#ralyia-directions footer{padding-top:40px}
#ralyia-directions .contact-invitation{font-size:clamp(36px,9.4vw,56px)}
}
@media(prefers-reduced-motion:reduce){
#ralyia-directions *,#ralyia-directions *::before,#ralyia-directions *::after{animation:none!important;transition:none!important}
#ralyia-directions .photo{transform:none!important}
#ralyia-directions .is-close .photo{transform:scale(1.65) translate(-8%,0)!important}
}
