/*
Theme Name: rentavela
*/
:root{
    color-scheme:light;
    box-sizing:border-box;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  /* colour, taken from the business plan */
  --navy:#16324F; --navy-deep:#0D2135; --navy-soft:#1E4468;
  --blue:#2E5E8C; --steel:#A0B4C8; --mist:#EDF3F9; --paper:#F6F9FC; --white:#FFFFFF;
  --gold:#B98E2F; --gold-light:#DDBC6C; --gold-ink:#85631A; --cream:#FBF3DC;
  --ink:#1A1A1A; --ink-soft:#384556; --slate:#5E6B7B; --line:#D4DFEA; --line-sea:rgba(160,180,200,.24);
  --sea-text:#DCE6F0; --sea-muted:#9FB3C7;
  --ok:#2C7A58; --err:#B2412D;
  /* type */
  --f-display:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --f-body:"Hanken Grotesk","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --f-arabic:"Noto Naskh Arabic","Geeza Pro","Segoe UI",Tahoma,serif;
  --t-xs:.75rem; --t-sm:.875rem; --t-base:1.0625rem; --t-lg:clamp(1.125rem,1.05rem + .35vw,1.3125rem);
  --t-xl:clamp(1.6rem,1.3rem + 1.1vw,2.125rem);
  --t-2xl:clamp(2.25rem,1.5rem + 3.1vw,4rem);
  --t-3xl:clamp(2.7rem,1.5rem + 5.2vw,5.6rem);
  /* layout */
  --gutter:clamp(18px,4.2vw,56px); --max:max(1240px,min(1480px,80vw));
  --sec:clamp(76px,9.5vw,148px); --cut:clamp(26px,5vw,76px);
  --ease:cubic-bezier(.2,.7,.2,1); --ease-io:cubic-bezier(.65,0,.35,1);
}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}
img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
/* the display face defaults to old-style figures; the font shorthand resets the variant, hence the override */
*,*::before,*::after{font-variant-numeric:lining-nums !important}
html{scroll-behavior:smooth;scroll-padding-top:92px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-base)/1.62 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site{position:relative;overflow-x:clip;background:var(--paper)}
img,svg,canvas{display:block;max-width:100%}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote,fieldset{margin:0}
ul,ol{padding:0;list-style:none}
fieldset{border:0;padding:0;min-width:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:var(--gold);color:var(--navy-deep)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--gold);color:var(--navy-deep);padding:12px 18px;font-weight:600;text-decoration:none;transition:top .2s}
.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}
.ic{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}