*{box-sizing:border-box}html{background:#fff;color:#14263d}body{margin:0;font-family:Onest,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1600px;margin:auto;padding:0 5.2%}a{color:inherit;text-decoration:none}header{height:120px;display:flex;align-items:flex-start;padding-top:27px;gap:35px}.brand{display:flex;gap:20px;align-items:center;white-space:nowrap}.brand img{width:44px;height:48px}.brand span{font:34px/1 Georgia,serif;letter-spacing:-1.5px}nav{display:flex;gap:44px;margin:auto;padding-top:12px;align-self:flex-start;margin-top:0}nav a,.together{font-size:13px}.together{padding:12px 0 12px 42px;border-left:1px solid #a5adb5;white-space:nowrap}.hero{display:grid;grid-template-columns:41.4% 58.6%;align-items:start}.copy{padding:84px 30px 30px 0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;margin:0 0 32px}h1{font:normal clamp(55px,6.6vw,98px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-5px;margin:0 0 44px}h1 span{font-size:.82em;white-space:nowrap}.rule{width:37px;height:1px;background:#14263d;margin-bottom:28px}.definition{font:normal clamp(21px,1.9vw,28px)/1.24 Georgia,serif;letter-spacing:-.8px;margin:0 0 18px;max-width:500px}.description{font-size:clamp(14px,1.25vw,18px);font-weight:300;line-height:1.58;margin:0;max-width:500px;color:#435065}.cta{display:inline-flex;align-items:center;justify-content:center;background:#10243d;color:#fff;padding:18px 45px;border-radius:6px;font-size:17px;min-height:60px;margin-top:44px;transition:background .2s,transform .2s}.cta:hover{background:#243f60;transform:translateY(-2px)}a:focus-visible,button:focus-visible{outline:2px solid #b52d36;outline-offset:5px}.gallery{position:relative;padding-right:10px}figure{margin:0}figure img{display:block;width:100%;height:700px;object-fit:cover;object-position:50% 70%;filter:grayscale(1)}figcaption{font-size:8px;letter-spacing:2.1px;text-transform:uppercase;color:#657185;padding-top:13px;line-height:1.6}.pagination{position:absolute;right:-45px;top:245px;display:flex;flex-direction:column;align-items:center;gap:12px}.pagination button{font:18px Georgia,serif;color:#14263d;background:none;border:0;padding:7px;cursor:pointer;min-width:40px;min-height:36px}.pagination #next{color:#919ba6}.pagination button:hover{color:#c72b36}.slash{font:24px Georgia,serif;color:#657185}.facts{border-top:1px solid #9ea8b2;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:30px}.facts div{display:flex;flex-direction:column}.facts div:before{content:'';width:40px;height:1px;background:#334961;margin-bottom:10px}.facts b{font:normal 46px/1.1 Georgia,serif;letter-spacing:-2px}.facts span{text-transform:uppercase;font-size:11px;letter-spacing:2.3px;margin-top:7px}blockquote{font:italic 22px/1.4 Georgia,serif;letter-spacing:-.5px;margin:40px 0 32px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1500px){figure img{height:740px}}@media(max-width:1100px){header{gap:22px}nav{gap:22px}.together{padding-left:22px}.brand span{font-size:29px}.brand img{width:35px}figure img{height:610px}.copy{padding-top:55px;padding-right:26px}h1{letter-spacing:-3px;margin-bottom:32px}.definition{font-size:22px}.cta{margin-top:30px;font-size:15px;padding:16px 30px}blockquote{font-size:20px}}@media(max-width:760px){.page{padding:0 6%}header{height:auto;min-height:120px;flex-wrap:wrap;justify-content:space-between;padding-top:22px;gap:20px}.brand span{font-size:27px}.brand img{height:38px;width:35px}.brand{gap:12px}.together{font-size:11px;padding-left:15px}nav{order:3;width:100%;justify-content:space-between;margin:0;padding:0 0 22px;gap:12px}nav a{font-size:11px}.hero{display:flex;flex-direction:column}.copy{padding:35px 0 40px;width:100%}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:24px}h1{font-size:clamp(52px,11vw,78px);letter-spacing:-2.8px;margin-bottom:30px}.definition{font-size:23px;max-width:520px}.description{font-size:14px}.cta{min-height:50px;margin-top:28px}.gallery{width:100%;padding-right:25px}figure img{height:450px}.pagination{right:-17px;top:160px;gap:5px}.pagination button{font-size:16px}figcaption{font-size:7px;letter-spacing:1.3px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin-top:30px}.facts b{font-size:36px}.facts span{font-size:9px;letter-spacing:1.5px}blockquote{font-size:20px;margin:32px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
h1,.definition,.brand span,.facts b,blockquote{font-family:"Cormorant Garamond",Georgia,serif}h1{font-weight:400;line-height:.98;letter-spacing:-3.5px}h1 span{font-size:.88em}.definition{font-weight:500;line-height:1.15;font-size:30px}.brand span{font-weight:500;font-size:37px}.facts b{font-size:49px}blockquote{font-size:25px}@media(max-width:1100px){.definition{font-size:25px}}@media(max-width:760px){h1{line-height:1.03;letter-spacing:-2px}.definition{font-size:25px}.brand span{font-size:30px}.facts b{font-size:40px}blockquote{font-size:23px}}@media(min-width:1101px){h1{font-size:clamp(80px,7.7vw,112px);line-height:.96;margin-bottom:37px}.cta{min-width:250px}.facts b{font-size:56px}.copy{padding-top:84px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.facts div:last-child{justify-self:end}}
/* Editorial hierarchy: 16 / 25.89 / 41.89 / 67.78 / 109.66.
   Cormorant has generous internal metrics: leading is optically compensated. */
.copy h1{font-size:clamp(72px,7.57vw,109.66px);line-height:.78;letter-spacing:-.035em;margin-bottom:41.89px}
.copy h1 span{display:inline-block;font-size:.88em;vertical-align:top}
.copy .eyebrow{margin-bottom:33.89px}
.copy .definition{font-size:25.89px;line-height:1.18;letter-spacing:-.02em;margin-bottom:16px}
.copy .description{font-size:16px;line-height:1.618}
.copy .rule{margin-bottom:25.89px}
.copy .cta{margin-top:41.89px}
@media(max-width:1100px){.copy h1{font-size:clamp(58px,7.4vw,82px);margin-bottom:33.89px}.copy .definition{font-size:23px}.copy .description{font-size:14px}}
@media(max-width:760px){.copy h1{font-size:clamp(58px,13vw,88px);line-height:.82;letter-spacing:-.035em;margin-bottom:33.89px}.copy .eyebrow{margin-bottom:25.89px}.copy .definition{font-size:25.89px}.copy .cta{margin-top:25.89px}}
@media(min-width:761px) and (max-width:1100px){.pagination{right:-35px}}
/* Read This: weight hierarchy only; preserve approved families and geometry. */
.hero .copy h1{font-weight:500}
.hero .copy .definition{font-weight:400}
.hero .copy .description{font-weight:400}
.hero .copy .cta{font-weight:500}
.hero .copy .eyebrow{font-weight:400}

/* Lower the hero action by the smaller golden-section part of its own height. */
.hero .copy .cta{transform:translateY(38.2%)}

/* Alternate silk folds across the complete opening screen, softly veiled in white. */
body>.page{background:linear-gradient(#ffffff8c,#ffffff8c),url("/mgimo/club/white-silk-hero-v2-mirrored.webp") center/cover no-repeat,#fff}
.page header,.page .hero{background:transparent}