/*RESET*/
*, *::before, *::after {
    box-sizing: border-box;
  }
  
  ul
  {
  list-style: none;
  padding: 0;
  margin: 0;
  }
  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
  }
  
  
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  
  /* Document
     ========================================================================== */
  
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  
  html {

    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
      text-decoration: none;
      color: var(--color);
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  button {
      background: transparent;
      border: none;
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }

  /* ROOTS */

  html {
    min-height: 100%;
    color: var(--color);
    scrollbar-gutter: stable;
    letter-spacing: -0.02em;
    line-height: 1.5;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

:root {
	--padding: 1rem;
	--color-basic: #ffffff;
	--color-basic2:#070909;
	--color-bg: #070909;
	  --Pbody:clamp(0.75rem,0.7143rem + 0.1786vw,0.875rem);
    --Ph1:clamp(1.375rem,1.3393rem + 0.1786vw,1.5rem);
	 --Ph2: clamp(2.375rem,1.7679rem + 3.0357vw,4.5rem);
	/* --color-link: rgba(255,255,255,0.6);
	--color-link-hover: #fff;
	--color-bg-1: #100d0d;
	--color-bg-2: #43392f;
	--color-bg-3: var(--color-bg-1);
	--color-bg-4: var(--color-bg-2);
	--color-bg-5: var(--color-bg-1);
	--color-bg-6: var(--color-bg-2); */
}

/* FONTS */

  @font-face {
    font-family: "CGPB";
    src:
      local("CGPB"),
      url("../fonts/GOTHICB.TTF") format("truetype");
    font-weight: 300 700; /* Range of weights supported by the variable font */
    font-style: normal; /* Include if the font has italic styles */
  }


  @font-face {
    font-family: "CGPI";
    src:
      local("CGPI"),
      url("../fonts/GOTHICI.TTF") format("truetype");
    font-weight: 300 700; /* Range of weights supported by the variable font */
    font-style: normal; /* Include if the font has italic styles */
  }

    @font-face {
    font-family: "CGPR";
    src:
      local("CGPR"),
      url("../fonts/GOTHIC.TTF") format("truetype");
    font-weight: 300 700; /* Range of weights supported by the variable font */
    font-style: normal; /* Include if the font has italic styles */
  }

   @font-face {
    font-family: "MB";
    src:
      local("MB"),
      url("../fonts/Montserrat-Black.otf") format("openType");
    font-weight: 300 700; /* Range of weights supported by the variable font */
    font-style: normal; /* Include if the font has italic styles */
  }

  @font-face {
    font-family: "MR";
    src:
      local("MB"),
      url("../fonts/Montserrat-Regular.otf") format("openType");
    font-weight: 300 700; /* Range of weights supported by the variable font */
    font-style: normal; /* Include if the font has italic styles */
  }

/* HEADER */

.page-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em; 
  width: 0; 
  left: 0; 
  background-color: #ffffff;
  z-index: 200;
	pointer-events:auto;
}

header {
  position: relative;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  color: var(--color-basic);
  padding-top: 0;
  padding-left: var(--padding);
  padding-right: var(--padding);
	pointer-events:none;
}

.follower {

  position: fixed;
  top: 0;
  left: 0;
  border-radius: 50%;
  pointer-events: none;


  transform-origin: center;
  width: 8rem;
  height: 8rem;

  display: flex;
  align-items: center;
  justify-content: center;
cursor: pointer;

  overflow: hidden;
z-index: 100000;
}
.follower__content {
    color: #fff;
   font-family: "CGPR";
font-size: 4vw;
text-transform: uppercase;
    height: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    transform-origin: center;
  }

.blur {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   background: #000000;
  /*-webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  /* box-shadow: inset 0 0 .8rem #ffffff05,inset 0 0 .2rem #fff3; 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; */
z-index: 1;
display: none;
	pointer-events:auto;
}

nav {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 2;
	pointer-events:auto;
}

.logo {
  display: flex;
  align-items: center;
  gap: var(--padding);
}


.menu, ul.nav, ul.social, ul.note, .sub-menu {
  display: flex;
}

.menu, ul.nav, ul.social, ul.note {
  flex-direction: row;
}

.menu, ul.note, .sub-menu {
  justify-content: space-between;
}

.sub-menu {
  flex: 0 0 50%;
 
}

header h1 {
font-family: "MB";
font-size: 2vw;
}

nav p, nav button {
font-size: var(--Pbody);
font-family: "CGPR";
 color: var(--color-basic);
}

ul.nav {
 gap: calc(var(--padding)*1);
}

ul.social {
 gap: calc(var(--padding)*1);
}

ul.nav li {
 flex:1 1 100%;
}
ul.nav li, nav button, ul.social li {
  display: flex;
  align-items: center;
}

ul.note {
  position: absolute;
  bottom: 0.8rem;
  width: 100%;
   font-family: "MR";
   font-size: var(--Pbody);
}

ul.note li:last-child {
  margin-right: 3rem;
}


ul.nav li a, .tel a, .frame__close {
	font-family: "CGPB";
   font-size: var(--Pbody);
	text-transform:uppercase;
}-



ul.nav li a {
   font-family: "CGPR";
}

.tel a, .frame__close {
   font-family: "CGPB";
}

.frame__close {
  margin: 0;
  padding: 0px;
  text-transform: uppercase;
  z-index: 1000;
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
	 color:var(--color-basic2);
	pointer-events:auto!important;
	  font-size: var(--Ph1)!important;
  font-family: "CGPB"!important;
}

/* GALLERY IMG */

.gallery__img {
  opacity: 0;
  line-height: 100%;
  margin-bottom: calc(var(--padding) / 2);
}

.mail button, .insta button, .dl button {
	position:relative;
	width: var(--Ph1);
  height: var(--Ph1);
}

.mail button a, .insta button a, .dl button a {
width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mail button svg, .insta button svg, .dl button svg{
width: 100%;
  height: 100%;
	
}

.menu svg{
fill: var(--color-basic)!important;
}

#gallery-2 svg{
fill: var(--color-basic2)!important;
}

.content {
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.galleries {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 0;
  background: #ffffff;
  color: #000000;
  pointer-events: none;
  opacity: 0;
	z-index:2;
}

.gallery {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  
  left: 0;
  bottom: 0;
  padding: var(--padding);
  display: none;
}


#gallery-1 {
  flex-direction: row;
 justify-content: space-between;
 align-items: flex-end;
}

#gallery-2 {
 flex-direction: column;
 justify-content: flex-end;
}

sub-nav {
  width: 50%;
	margin-left:50%;
  margin-right: 0;
  display: flex;
  justify-content: flex-end;
   position: relative;
  z-index: 2;
}

.adresses, .contacts, .contacts ul  {
display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}

.adresses {
  margin-bottom: calc(var(--padding)*2);
}

.adresses ul {
display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

/*.adresses ul li:first-child, .contact ul li:first-child {
  margin-bottom: calc(var(--padding)*0);
}*/

.adresses h1, #gallery-1 a {
     font-family: "CGPB";
   font-size: var(--Ph1);
  text-transform: uppercase;
  margin-bottom: calc(var(--padding) / 2);
}

.adresses p, #gallery-1 h1 {
     font-family: "CGPR";
   font-size: var(--Pbody);
}

#gallery-1 h1 {
	margin-bottom: var(--padding);
}

#gallery-2 li:last-child a {
	font-family: "CGPR";
  font-size: var(--Pbody);
}

#gallery-2 li:last-child  {
	gap: calc(var(--padding)*0.5);
}

.contacts a {
  font-family: "CGPB";
   font-size: var(--Ph1);
}

.menu-preview-img {
  width:38svh;
  height: calc(38svh - 4rem);
  overflow: hidden;
}

.menu-preview-img img {
  width: 100%;
  height: 100%;
object-fit: cover;
}

/* COVER */

.cover {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-basic);
    z-index: 10000;
}

.cover .logo h1{
  display: flex;
  align-items: center;
  gap: var(--padding);
  
font-family: "MB";
font-size: 4vw;
}

/* GENERAL */

.wrap {
  background: var(--color-bg);
}

.linkTo {
  width: 100%;
  height: 100svh;
  display: flex;
  justify-content: center;
  align-items: center;
    background: var(--color-bg);
}

.linkTo h2 {
  font-family: "CGPB";
  text-transform: uppercase;
font-size:var(--Ph2);
line-height: 100%;
color: var(--color-basic);
}

/* HOME */

body .is-layout-flex {
  display: block!important;
}



.content--perspective {
	perspective-origin: 50% 0%;
	perspective: 1000px;
}

.text-large {
	font-size: clamp(1.5rem,5vw,3rem);
	max-width: 900px;
	margin: 0 0 0.85em 0;
	line-height: 1.2;
	font-variation-settings: "slnt" 0, "wdth" 100, "wght" 500, "INKT" 100;
}

.wp-block-gallery {
 counter-reset: count; 
}

.wp-block-image {
  display: grid!important;
	overflow: hidden!important;
	/* grid-column-gap: 5vw;
	grid-row-gap: 2vh; */
	align-content: center!important;
	grid-template-areas: 'content-img' 'content-title' 'content-text';
	justify-items: center!important;
	width: 100vw!important;
	position: sticky!important;
	top: 0!important;
	--offset: 0px!important;
	/* top: var(--offset); */
	/* height: calc(100vh - var(--offset)); */
  height: 100svh!important;
  background: var(--color-bg);
  counter-increment: count;
	pointer-events:none;
}

.wp-block-image:before {
 content: counters(count, '.');
  position: absolute;
bottom: 0.8rem;
  right: 1rem;
font-family: "CGPB";
  text-transform: uppercase;
  z-index: 100;
  color: var(--color-basic);
}

.wp-block-image img {
  position: absolute;
  width: 90%!important;
  height: 90%!important;
  top: 5%!important;
  left: 5%!important;
  object-fit: contain!important;
}

.content--grid,
.content--grid .content__inner {
	display: grid;
	overflow: hidden;
	/* grid-column-gap: 5vw;
	grid-row-gap: 2vh; */
	align-content: center;
	grid-template-areas: 'content-img' 'content-title' 'content-text';
	justify-items: center;
}

.content--grid:has(.content__inner) {
	display: block;
	padding: 0;
}

.content__inner {
	width: 100%;
	height: 100%;
	border-radius: 0 0 2rem 2rem;
}

.content--card {
	display: flex;
	flex-direction: column;
	height: 80vh;
	width: 95vw;
	max-width: 500px;
	aspect-ratio: 0.8;
	top: 10vh;
	margin: auto;
	border-radius: 14px;
	gap: 3vh;
	text-align: center;
	margin-bottom: 5vh;
}

.content--card .content__title {
	font-size: clamp(1.5rem,4vw,3.5rem);
}

.content--card .content__title i {
	display: block;
}

.content--half {
	display: flex;
	flex-direction: column;
	gap: 3vh;
	text-align: center;
}

.content--half:nth-child(odd) {
	margin-left: auto;
}

/* .content__img {
	grid-area: content-img;
	width: 50%;
	max-width: 300px;
	height: auto;
} */

.content__img--large {
	max-width: 100%!important;
  height: 100%!important;
}

.content__img--small {
	height: 35%;
	width: auto;
}

.spacer {
	margin-top: 20vh;
}

.content__title {
	grid-area: content-title;
	letter-spacing: -0.095em;
	text-transform: uppercase;
	line-height: 1;
	font-weight: normal;
	font-size: clamp(2rem,6vw,5rem);
	margin: 0;
	font-variation-settings: "slnt" 0, "wdth" 400, "wght" 900, "INKT" 400;
}

.content__text {
	margin: 0;
	max-width: 500px;
	grid-area: content-text;
	text-align: center;
	line-height: 1.5;
	padding: 0 1rem;
	backface-visibility: hidden;
}

.content__text--narrow {
	max-width: 300px;
}

.content--intro {
	padding-top: 25vh;
	padding-bottom: 25vh;
	z-index: 2;
}

.content--outro {
	padding-top: 50vh;
	padding-bottom: 30vh;
}

.bg { background: var(--color-bg-1); }
.bg-2 { background: var(--color-bg-2); }
.bg-3 { background: var(--color-bg-3); }
.bg-4 { background: var(--color-bg-4); }
.bg-5 { background: var(--color-bg-5); }
.bg-6 { background: var(--color-bg-6); }

.none {
	display:none!important;
}

@media screen and (max-width: 63em) {

	nav .social {
		display:none;
	}
	
	sub-nav {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
	
	.menu-preview-img {
  width: 20svh;
  height: calc(20svh - 4rem);
  overflow: hidden;
}
	
	.adresses {
		flex-direction:column!important;
		margin-bottom:0!important;
	}
	
	.adresses ul {
		margin-bottom: calc(var(--padding) * 1);
	}
	
  #gallery-1 .gallery__img {
  margin-bottom: calc(var(--padding) / 1);
}
	
	  #gallery-2 .gallery__img {
  margin-bottom: 0!important;
}
	
	#gallery-2 li:last-child {
  margin-top: calc(var(--padding)*0.5);
}

.galleries {
  height: 60svh!important;
}
	
	header h1 {
  font-family: "MB";
  font-size: 8vw;
}
	
	.cover .logo h1 {
  font-size: 8vw;
}

/*ul.nav li a, .tel a, .frame__close {
  font-size: 1.2vw;
}

.adresses p, #gallery-1 h1 {
  font-size: 1.2vw;
  margin-bottom: calc(var(--padding) / 6);
}

nav p, nav button {
  font-size: 1.2vw;
}

ul.note {
  font-size: 1.2vw;
}*/

}