/* Keskuspuiston Grand · inspiraatio · shared ground for the three demos
   The brand's own faces (Belleza, Almarai), paper and petrol, plus five
   colours lifted straight from the photographs. Desktop study only. */

@font-face{font-family:'Almarai';font-style:normal;font-weight:300;font-display:swap;
  src:url(fonts/tssoApxBaigK_hnnS_antn-Wo4z1oXk.woff2) format('woff2')}
@font-face{font-family:'Almarai';font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/tsstApxBaigK_hnnQ12Fo1K0rqY.woff2) format('woff2')}
@font-face{font-family:'Almarai';font-style:normal;font-weight:700;font-display:swap;
  src:url(fonts/tssoApxBaigK_hnnS-agtn-Wo4z1oXk.woff2) format('woff2')}
@font-face{font-family:'Belleza';font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/0nkoC9_pNeMfhX4BhcH4ai7oqP4.woff2) format('woff2')}

:root{
  --paper:#efedeb;
  --petrol:#001f2e;
  --white:#fff;
  /* from the photographs */
  --taivas:#a8d4ee;     /* the sky above the park in the film */
  --tammi:#94683a;      /* the oak kitchen */
  --loyly:#8f3d17;      /* the sauna wall */
  --metsa:#33422c;      /* Keskuspuisto */
  --pellava:#e3dbcc;    /* the linen on the bed */
  --sans:'Almarai',Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; min-width:1180px;
  background:var(--paper); color:var(--petrol);
  font-family:var(--sans); font-weight:300; font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
h1,h2,h3,p,ul,ol,figure,dl,dd{margin:0; padding:0}
ul,ol{list-style:none}
img,video,svg{display:block; max-width:100%}
a{color:inherit; text-decoration:none}
button{font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer}
:focus-visible{outline:2px solid currentColor; outline-offset:3px}
.vh{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}