/* Murjis site polish (mockup): wider canvas, bigger type, one rhythm, better contrast. Loaded last, overrides only. */
:root{--max:1440px;--gut:clamp(20px,3.6vw,56px);--r:16px}

/* 1. Width: the canvas grows to 1440 with margins that scale; reading text stays capped */
.wrap,.starts-in{max-width:1440px!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important}
.clause-intro{max-width:60ch!important;font-size:clamp(17px,1.25vw,19px)!important;line-height:1.65!important}
.hero-sub{max-width:54ch!important;font-size:clamp(17px,1.3vw,19.5px)!important}

/* 2. Type: a confident display scale that shrinks smoothly to phones */
.clause-head h2,.ts-body h2,#tour-close-h,.wrap > h2:not(.starts-k){font-size:clamp(30px,3.7vw,56px)!important;line-height:1.06!important;letter-spacing:-.03em!important}
.hero h1{font-size:clamp(38px,4.7vw,72px)!important;line-height:1.04!important;letter-spacing:-.034em!important;max-width:none!important}
.hero-has-video .hero-grid{grid-template-columns:minmax(0,1000px)!important}
.clause-head{margin-bottom:22px!important}
.starts-n{font-size:clamp(34px,3.4vw,52px)!important;letter-spacing:-.03em}
.starts-steps h3{font-size:clamp(19px,1.6vw,23px)!important}
.starts-steps{gap:clamp(28px,3.5vw,56px)!important}

/* 3. Rhythm: one section spacing scale, one radius, quieter cards */
section{padding-top:clamp(72px,8.5vw,136px)!important;padding-bottom:clamp(72px,8.5vw,136px)!important}
.starts{padding-top:clamp(64px,7vw,112px)!important;padding-bottom:clamp(64px,7vw,112px)!important}
.hero .wrap{padding-top:clamp(64px,9vw,148px)!important;padding-bottom:clamp(72px,9vw,140px)!important}
.oa-tile,.tier,.rai-grid,.scope-grid,.rai .oa-icp{border-radius:var(--r)!important}
.oa-tile{padding:clamp(24px,2.6vw,40px)!important}
.oa-tile h3,.rai-card h3,.scope-card h3{font-size:clamp(20px,1.9vw,28px)!important;letter-spacing:-.02em!important}
.oa-tile.wide{gap:clamp(28px,4vw,64px)!important}
.tier-grid{max-width:1120px!important;gap:28px!important}

/* 4. Contrast: body text on dark sections at the brand body colour */
.rai .clause-intro,.oa-tile p,.rai-card p{color:#c2ccd4!important}
.hero-has-video .hero-sub{color:#e9eef2!important}

/* 5. Calmer hero: the linked phrases stay, shown as white with a gold underline */
.hero-sub mark{color:#fff!important;text-decoration:underline;text-decoration-color:rgba(242,185,13,.6);text-decoration-thickness:1.5px;text-underline-offset:5px}

/* 6. Mobile */
@media(max-width:760px){
  :root{--gut:20px}
  .hero h1{max-width:none}
  .starts-in{padding-left:20px!important;padding-right:20px!important}
  .oa-grid,.scope-grid,.tier-grid{gap:16px!important}
  footer{padding-bottom:96px}   /* the Ask Rachel pill never sits over the last links */
}

/* Oct 28: header logo is the shark and MURJIS on one line (the logo artwork, light version); no subtitle */
.brand{display:flex!important;align-items:center;max-width:none!important}
.brand .brand-logo{height:40px;width:auto;display:block}
@media(max-width:760px){.brand .brand-logo{height:30px}}

/* Oct 28: the header is dark on every page and blends with the hero */
header{background:#333f48!important;backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
header .nav-links a{color:#dfe5ea!important;opacity:1!important}
header .nav-links a:hover{color:#f2b90d!important}
header .nav-links a[href="https://portal.murjis.com"]{color:#fff!important}
header .nav-links a.nav-gs{color:#333f48!important}
header .menu-btn{color:#eef1f3!important}
@media(max-width:1100px){
  header .nav-links{background:#333f48!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  header .nav-seats ul a{color:#c2ccd4!important}
}
header .nav-seats ul{background:#333f48!important;border-color:rgba(255,255,255,.1)!important}

/* Oct 28: no underline under the hero's gold words */
.hero h1 em{background-image:none!important;padding-bottom:0!important;animation:none!important}

/* Oct 28: the footer's top cap, the shark large with the wordmark, and the social links */
footer{padding:clamp(48px,6vw,88px) 0 104px!important}
.foot-links a{white-space:nowrap}
@media(max-width:760px){footer .foot-links{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0}footer .foot-links li+li{margin-left:0!important}}
footer .foot-top{align-items:flex-end!important;padding-bottom:clamp(28px,3.5vw,48px);margin-bottom:28px;border-bottom:1px solid var(--rule-dark)}
.foot-brand{display:flex;align-items:center;gap:clamp(14px,1.6vw,22px)}
.foot-brand img{height:clamp(44px,5.4vw,80px);width:auto;display:block}
.foot-brand span{font-family:var(--display);font-weight:500;font-size:clamp(22px,2.4vw,34px);letter-spacing:.42em;color:#eef1f3}
.foot-social{list-style:none;display:flex;gap:12px;margin:0;padding:0}
.foot-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--rule-dark);border-radius:999px;color:#c2ccd4;transition:color .15s,border-color .15s}
.foot-social a:hover{color:var(--yellow);border-color:var(--yellow)}
.foot-social svg{width:18px;height:18px;fill:currentColor}