/* ============================================================
 * HEADER COMPONENT CSS
 * Extracted from app.css
 * ============================================================ */


/* ---- RESET / TAILWIND BASE ---- */

*,:before,:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}

*,:before,:after {
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#e5e7eb;
}

html,:host {
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:neue-haas-grotesk-text,system-ui,-apple-system,Arial,sans-serif;
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent;
}

body {
  margin:0;
  line-height:inherit;
}

hr {
  height:0;
  color:inherit;
  border-top-width:1px;
}

abbr:where([title]) {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted;
}

h1,h2,h3,h4,h5,h6 {
  font-size:inherit;
  font-weight:inherit;
}

b,strong {
  font-weight:bolder;
}

code,kbd,samp,pre {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em;
}

small {
  font-size:80%;
}

sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse;
}

button,input,optgroup,select,textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0;
}

button,select {
  text-transform:none;
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none;
}

progress {
  vertical-align:baseline;
}

summary {
  display:list-item;
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
  margin:0;
}

fieldset {
  margin:0;
  padding:0;
}

legend {
  padding:0;
}

ol,ul,menu {
  list-style:none;
  margin:0;
  padding:0;
}

dialog {
  padding:0;
}

textarea {
  resize:vertical;
}

input::-moz-placeholder,textarea::-moz-placeholder {
  opacity:1;
  color:#9ca3af;
}

input::placeholder,textarea::placeholder {
  opacity:1;
  color:#9ca3af;
}

button,[role=button] {
  cursor:pointer;
}

:disabled {
  cursor:default;
}

img,svg,video,canvas,audio,iframe,embed,object {
  display:block;
  vertical-align:middle;
}

img,video {
  max-width:100%;
  height:auto;
}

[hidden]:where(:not([hidden=until-found])) {
  display:none;
}

::-moz-selection {
  color:#fff;
  background-color:#e1c39a;
  -webkit-background-clip:initial!important;
  -webkit-text-fill-color:initial!important;
}

::selection {
  color:#fff;
  background-color:#e1c39a;
  -webkit-background-clip:initial!important;
  -webkit-text-fill-color:initial!important;
}

body {
  --tw-bg-opacity: 1;
  font-family:neue-haas-grotesk-text,system-ui,-apple-system,Arial,sans-serif;
}

html,body {
  scroll-behavior:smooth;
}


/* ---- FONT FACES ---- */

@font-face {
  font-family:display;
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url(https://www.interieurs-prives.com/wp-content/themes/studiometa/src/fonts/display-regular.woff2) format("woff2"),url(https://www.interieurs-prives.com/wp-content/themes/studiometa/src/fonts/display-regular.woff) format("woff");
}

@font-face {
  font-family:display;
  font-weight:400;
  font-style:italic;
  font-display:swap;
  src:url(https://www.interieurs-prives.com/wp-content/themes/studiometa/src/fonts/display-italic.woff2) format("woff2"),url(https://www.interieurs-prives.com/wp-content/themes/studiometa/src/fonts/display-italic.woff) format("woff");
}

@font-face {
  font-family:el messiri;
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url(https://www.interieurs-prives.com/wp-content/themes/studiometa/src/fonts/elmessiri-regular.woff2) format("woff2"),url(https://www.interieurs-prives.com/wp-content/themes/studiometa/src/fonts/elmessiri-regular.woff) format("woff");
}


/* ---- COMPONENT RULES (header, nav, btn, burger, menu, icon, etc.) ---- */

}.open-submenu [data-component=Header] {
  --tw-text-opacity: 1;
  color:rgb(38 38 39 / var(--tw-text-opacity, 1));
}

[data-component=Header] {
  padding-top:1.75rem;
}

font-size:1.375rem}}[data-component=Header] {
  z-index:1000;
  transition:.3s transform,.3s background;
  padding-top:1rem;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

a {
  color:inherit;
  text-decoration:inherit;
}

.type-surtitle {
  font-family:neue-haas-grotesk-text,system-ui,-apple-system,Arial,sans-serif;
  letter-spacing:5%;
  text-transform:uppercase;
  font-size:.875rem;
  margin-bottom:.75rem;
  line-height:1.2;
}

[data-component=Header] {
  z-index:1000;
  transition:.3s transform,.3s background;
  padding-top:1rem;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.is-scrolling-up:not(.is-on-top) [data-component=Header] {
  color:#262627!important;
  transform:none;
  transition:.3s transform,.3s background;
  --tw-bg-opacity: 1;
  background-color:rgb(242 230 203 / var(--tw-bg-opacity, 1));
  padding-top:1rem;
  padding-bottom:1rem;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.is-scrolling-down:not(.is-on-top):not(.is-near-top) [data-component=Header] {
  transform:translate3d(0,-100%,0);
  transition:.3s transform,.3s background;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.open-submenu [data-component=Header] {
  --tw-text-opacity: 1;
  color:rgb(38 38 39 / var(--tw-text-opacity, 1));
}

.btn:after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  z-index:1;
  display:block;
  height:1px;
  width:100%;
  transform-origin:center;
  --tw-scale-x: 0;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color:currentColor;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.5s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.btn:before {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  z-index:0;
  display:block;
  height:1px;
  width:100%;
  transform-origin:left;
  --tw-bg-opacity: 1;
  background-color:rgb(243 238 231 / var(--tw-bg-opacity, 1));
}

.btn .arrow-link__line {
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.5s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.btn:hover .arrow-link__line {
  opacity:0;
}

.btn--primary {
  --tw-bg-opacity: 1;
  background-color:rgb(38 38 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.btn--primary:before {
  display:none;
}

.btn--pink {
  --tw-bg-opacity: 1;
  background-color:rgb(207 105 85 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.btn--pink:before {
  display:none;
}

.btn--secondary {
  --tw-bg-opacity: 1;
  background-color:rgb(242 230 203 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1 !important;
  color:rgb(38 38 39 / var(--tw-text-opacity, 1))!important;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.btn--secondary:before {
  display:none;
}

.btn--border:before {
  content:"";
  display:none;
}

.btn--border:after {
  display:none;
}

.btn-underline {
  position:relative;
  padding-left:.5rem;
  padding-right:.5rem;
  font-size:.875rem;
  line-height:1.25rem;
  text-decoration-line:none;
}

.btn-underline:after {
  content:"";
  position:absolute;
  left:0;
  bottom:-.25rem;
  height:1px;
  width:100%;
  transform-origin:right;
  --tw-scale-x: 0;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color:currentColor;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.5s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.btn-underline:hover:after,.btn-underline:not(.btn-underline--nogroup) .group:hover .btn-underline:after {
  transform-origin:left;
  --tw-scale-x: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-underline--reverse:after {
  transform-origin:left;
  --tw-scale-x: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-underline--reverse:before {
  content:"";
  position:absolute;
  right:0;
  bottom:-.25rem;
  height:130%;
  width:1px;
  transform-origin:bottom;
  --tw-scale-y: 0;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color:currentColor;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.5s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.btn-underline--reverse:hover:before,.group:hover .btn-underline--reverse:before {
  --tw-scale-y: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-underline--vertical {
  display:inline-block;
}

.btn-underline--vertical:before {
  content:"";
  position:absolute;
  right:0;
  bottom:-.25rem;
  height:130%;
  width:1px;
  transform-origin:bottom;
  --tw-scale-y: 0;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color:currentColor;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.5s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.btn-underline--vertical:hover:after,.btn-underline--vertical:not(.btn-underline--nogroup) .group:hover .btn-underline--vertical:after {
  transform-origin:left;
  --tw-scale-x: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-underline--vertical:hover:before,.btn-underline--vertical:not(.btn-underline--nogroup) .group:hover .btn-underline--vertical:before {
  --tw-scale-y: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-delay:.5s;
}

.btn--noborder {
  border-bottom-width:0px;
}

.menu__item {
  position:relative;
  z-index:1;
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  padding:.75rem 1rem;
  text-align:left;
  font-family:display,system-ui,-apple-system,Times New Roman,serif;
  font-size:1.5rem;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.5s;
}

.menu__item span {
  position:relative;
  display:block;
}

.menu__item:hover span:after {
  transform-origin:left;
  --tw-scale-x: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.menu__item--current span:after {
  transform-origin:left;
  --tw-scale-x: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.menu__item--current span:before {
  transform-origin:bottom;
  --tw-scale-y: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-delay:.3s;
}

.burger__label-close {
  display:none;
}

.menu-open {
  overflow:hidden;
}

.menu-open header {
  --tw-text-opacity: 1;
  color:rgb(38 38 39 / var(--tw-text-opacity, 1));
}

.menu-open .burger__top {
  transform:scaleX(0);
}

.menu-open .burger__bot {
  transform:translateY(-5px) scaleX(.6);
}

.menu-open .burger__label-close {
  display:block;
}

.menu-open .burger__label-menu {
  display:none;
}

.nav {
  position:fixed;
  top:0;
  left:0;
  z-index:10;
  height:100vh;
  width:100vw;
  --tw-bg-opacity: 1;
  background-color:rgb(242 230 203 / var(--tw-bg-opacity, 1));
  padding-top:86px;
}

.gform_wrapper.gravity-theme.gform-theme--no-framework .gform-footer .btn {
  --tw-bg-opacity: 1;
  background-color:rgb(38 38 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.gform_wrapper.gravity-theme.gform-theme--no-framework .gform-footer .btn:before {
  display:none;
}

.gform_wrapper.gravity-theme.gform-theme--no-framework .gform-footer .btn:hover {
  background-color:transparent;
  --tw-text-opacity: 1 !important;
  color:rgb(38 38 39 / var(--tw-text-opacity, 1))!important;
}

.form_newsletter .gform_wrapper.gravity-theme form .btn {
  width:100%;
}

.wysiwyg ul {
  padding-left:0;
  list-style:none;
}

.wysiwyg ul li {
  position:relative;
  padding-left:1.5rem;
}

.wysiwyg ul li:before {
  content:"";
  position:absolute;
  left:0;
  top:.35em;
  width:13px;
  height:13px;
  background-image:url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6837 10.7364L10.6837 2.12207M10.6837 2.12207L2.06934 2.12207M10.6837 2.12207L10.6856 2.12207' stroke='%23262627' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
}

.wysiwyg li+li {
  margin-top:1.5rem;
}

.wysiwyg img {
  display:block;
  width:100%;
  height:auto;
}

.type-animate>div {
  background-image:linear-gradient(to right,#262627 50% 50%);
  background-position-x:100%;
  -webkit-background-clip:text;
  background-size:200% 100%;
  -webkit-text-fill-color:rgba(0,0,0,0);
}

.has-\[button\:disabled\+button\:disabled\]\:hidden:has(button:disabled+button:disabled) {
  display:none;
}


/* ---- UTILITY CLASSES ---- */

.btn {
  position:relative;
  display:inline-block;
  cursor:pointer;
  padding:1rem 1.25rem;
  text-align:center;
  font-size:.875rem;
  line-height:1.25rem;
  font-weight:600;
  text-transform:uppercase;
  outline:2px solid transparent;
  outline-offset:2px;
}

.btn-icon {
  position:relative;
  display:inline-block;
  overflow:hidden;
  border-width:1px;
  border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-border-opacity: .3;
  padding:.75rem;
  --tw-text-opacity: 1;
  color:rgb(38 38 39 / var(--tw-text-opacity, 1));
}

.btn-icon:after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  transform-origin:top right;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color:rgb(181 168 150 / var(--tw-bg-opacity, 1));
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition:transform .48s;
}

.btn-icon .btn-icon__svg--copy {
  position:absolute;
  transform:translate(-150%,150%);
}

.group:hover .btn-icon:after,.btn-icon:hover:after {
  transform-origin:bottom left;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .btn-icon .btn-icon__svg:first-child,.btn-icon:hover .btn-icon__svg:first-child {
  transform:translate(250%,-250%);
  transition:transform .3s ease-in-out;
}

.group:hover .btn-icon .btn-icon__svg--copy,.btn-icon:hover .btn-icon__svg--copy {
  transform:translateY(-100%);
  transition:transform .3s ease-in-out .1s;
}

.btn-icon--blue {
  --tw-border-opacity: 1;
  border-color:rgb(38 38 39 / var(--tw-border-opacity, 1));
}

.btn-icon--secondary {
  --tw-border-opacity: 1;
  border-color:rgb(242 230 203 / var(--tw-border-opacity, 1));
}

.btn-icon--secondary:after {
  border-radius:9999px;
  --tw-bg-opacity: 1;
  background-color:rgb(242 230 203 / var(--tw-bg-opacity, 1));
}

.btn-pagination--numbers {
  display:flex;
  height:3.5rem;
  width:3.5rem;
  align-items:center;
  justify-content:center;
}

.btn-pagination--numbers a,.btn-pagination--numbers span {
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
}

.btn-pagination--numbers.current span {
  font-weight:700;
  text-decoration-line:underline;
}

.btn-pagination--numbers.current span.dots {
  font-weight:300;
  text-decoration-line:none;
}

.btn-pagination--numbers:not(.current):hover a {
  text-decoration-line:underline;
}

.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border-width:0;
}

.pointer-events-none {
  pointer-events:none;
}

.static {
  position:static;
}

.fixed {
  position:fixed;
}

.absolute {
  position:absolute;
}

.relative {
  position:relative;
}

.bottom-0 {
  bottom:0;
}

.left-0 {
  left:0;
}

.right-0 {
  right:0;
}

.right-1\/2 {
  right:50%;
}

.top-0 {
  top:0;
}

.z-0 {
  z-index:0;
}

.z-1 {
  z-index:1;
}

.z-10 {
  z-index:10;
}

.z-40 {
  z-index:40;
}

.z-50 {
  z-index:50;
}

.z-\[99\] {
  z-index:99;
}

.\!mb-0 {
  margin-bottom:0!important;
}

.mb-5 {
  margin-bottom:1.25rem;
}

.mb-6 {
  margin-bottom:1.5rem;
}

.ml-2\.5 {
  margin-left:.625rem;
}

.ml-auto {
  margin-left:auto;
}

.mr-0 {
  margin-right:0;
}

.mt-8 {
  margin-top:2rem;
}

.block {
  display:block;
}

.inline-block {
  display:inline-block;
}

.flex {
  display:flex;
}

.inline-flex {
  display:inline-flex;
}

.grid {
  display:grid;
}

.hidden {
  display:none;
}

.size-full {
  width:100%;
  height:100%;
}

.h-14 {
  height:3.5rem;
}

.h-2\.5 {
  height:.625rem;
}

.h-full {
  height:100%;
}

.h-px {
  height:1px;
}

.h-screen {
  height:100vh;
}

.w-0 {
  width:0px;
}

.w-10 {
  width:2.5rem;
}

.w-3\/4 {
  width:75%;
}

.w-\[30\%\] {
  width:30%;
}

.w-full {
  width:100%;
}

.w-px {
  width:1px;
}

.w-screen {
  width:100vw;
}

.flex-1 {
  flex:1 1 0%;
}

.origin-right {
  transform-origin:right;
}

.origin-top {
  transform-origin:top;
}

.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-scale-x-100 {
  --tw-scale-x: -1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-y-0 {
  --tw-scale-y: 0;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor:pointer;
}

.grid-cols-1 {
  grid-template-columns:repeat(1,minmax(0,1fr));
}

.grid-cols-12 {
  grid-template-columns:repeat(12,minmax(0,1fr));
}

.grid-cols-2 {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.grid-cols-4 {
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.grid-cols-\[\.5fr_auto_1\.5fr\] {
  grid-template-columns:.5fr auto 1.5fr;
}

.flex-col {
  flex-direction:column;
}

.flex-wrap {
  flex-wrap:wrap;
}

.items-center {
  align-items:center;
}

.justify-end {
  justify-content:flex-end;
}

.justify-center {
  justify-content:center;
}

.justify-between {
  justify-content:space-between;
}

.space-x-2>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right:calc(.5rem * var(--tw-space-x-reverse));
  margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right:calc(.75rem * var(--tw-space-x-reverse));
  margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-8>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right:calc(2rem * var(--tw-space-x-reverse));
  margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-6>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
  overflow:hidden;
}

.border-0 {
  border-width:0px;
}

.border-b {
  border-bottom-width:1px;
}

.border-b-0 {
  border-bottom-width:0px;
}

.border-b-2 {
  border-bottom-width:2px;
}

.border-t {
  border-top-width:1px;
}

.border-t-0 {
  border-top-width:0px;
}

.border-black {
  --tw-border-opacity: 1;
  border-color:rgb(38 38 39 / var(--tw-border-opacity, 1));
}

.border-black\/20 {
  border-color:#26262733;
}

.border-transparent {
  border-color:transparent;
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color:rgb(38 38 39 / var(--tw-bg-opacity, 1));
}

.bg-black\/10 {
  background-color:#2626271a;
}

.bg-black\/30 {
  background-color:#2626274d;
}

.bg-black\/50 {
  background-color:#26262780;
}

.bg-current {
  background-color:currentColor;
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color:rgb(242 230 203 / var(--tw-bg-opacity, 1));
}

.object-cover {
  -o-object-fit:cover;
  object-fit:cover;
}

.object-center {
  -o-object-position:center;
  object-position:center;
}

.px-4 {
  padding-left:1rem;
  padding-right:1rem;
}

.py-3 {
  padding-top:.75rem;
  padding-bottom:.75rem;
}

.py-4 {
  padding-top:1rem;
  padding-bottom:1rem;
}

.py-48 {
  padding-top:12rem;
  padding-bottom:12rem;
}

.pb-2 {
  padding-bottom:.5rem;
}

.pb-20 {
  padding-bottom:5rem;
}

.pb-24 {
  padding-bottom:6rem;
}

.pb-4 {
  padding-bottom:1rem;
}

.pb-40 {
  padding-bottom:10rem;
}

.pt-8 {
  padding-top:2rem;
}

.font-serif {
  font-family:display,system-ui,-apple-system,Times New Roman,serif;
}

.text-3xl {
  font-size:1.5rem;
}

.font-semibold {
  font-weight:600;
}

.uppercase {
  text-transform:uppercase;
}

.text-black {
  --tw-text-opacity: 1;
  color:rgb(38 38 39 / var(--tw-text-opacity, 1));
}

.text-black\/50 {
  color:#26262780;
}

.text-current {
  color:currentColor;
}

.text-white {
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.transition {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
}

.transition-\[height\] {
  transition-property:height;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
}

.transition-all {
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
}

.transition-colors {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
}

.transition-opacity {
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
}

.transition-transform {
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s;
}

.duration-300 {
  transition-duration:.3s;
}

.duration-500 {
  transition-duration:.5s;
}

.wysiwyg p:not([class^=type-h]):not(.type-surtitle),.wysiwyg ul {
  font-weight:500;
  line-height:1.5;
}

.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+p,.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+ul,.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+blockquote,.wysiwyg ul+p,.wysiwyg ul+ul,.wysiwyg ul+blockquote {
  margin-top:1.25rem;
}

.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+h1,.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+h2,.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+h3,.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+h4,.wysiwyg ul+h1,.wysiwyg ul+h2,.wysiwyg ul+h3,.wysiwyg ul+h4 {
  margin-top:1.25rem;
}

.wysiwyg p a:not(.btn),.wysiwyg li a:not(.btn) {
  text-decoration:underline;
  transition:opacity .2s;
  font-weight:600;
  --tw-text-opacity: 1;
  color:rgb(38 38 39 / var(--tw-text-opacity, 1));
}

.wysiwyg p a:not(.btn):hover,.wysiwyg li a:not(.btn):hover {
  opacity:.75;
}

.wysiwyg .type-surtitle {
  --tw-text-opacity: 1;
  color:rgb(38 38 39 / var(--tw-text-opacity, 1));
}

.group:target .group-target\:block {
  display:block;
}

.group:hover .group-hover\:translate-y-0 {
  --tw-translate-y: 0px;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:rotate-180 {
  --tw-rotate: 180deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/menu:hover .group-hover\/menu\:text-black {
  --tw-text-opacity: 1;
  color:rgb(38 38 39 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:opacity-100 {
  opacity:1;
}

.group[aria-expanded=true] .group-aria-expanded\:rotate-180 {
  --tw-rotate: 180deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


/* ---- MEDIA QUERIES ---- */

@media (min-width: 1024px) {

.type-surtitle {
  margin-bottom:.5rem;
}

}

@media (min-width: 768px) {

[data-component=Header] {
  padding-top:1.75rem;
}

}

@media (min-width: 768px) {

.btn {
  padding-left:1rem;
  padding-right:1rem;
}

}

@media (min-width: 768px) {

.btn-icon {
  padding:1rem;
}

}

@media (min-width: 768px) {

.menu__item {
  padding-left:1.5rem;
  padding-right:1.5rem;
}

}

@media (min-width: 1024px) {

.menu__item {
  display:block;
  width:auto;
  padding-top:0;
  padding-bottom:0;
  font-family:neue-haas-grotesk-text,system-ui,-apple-system,Arial,sans-serif;
  font-size:1rem;
  line-height:1.5rem;
}

.menu__item span:after {
  content:"";
  position:absolute;
  left:0;
  bottom:-.25rem;
  height:1px;
  transform-origin:right;
  --tw-scale-x: 0;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color:currentColor;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  width:calc(100% + 8px);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
}

.menu__item span:before {
  content:"";
  position:absolute;
  bottom:-.25rem;
  right:-.5rem;
  width:1px;
  transform-origin:bottom;
  --tw-scale-y: 0;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color:currentColor;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  height:calc(100% + 4px);
  transition:transform .3s cubic-bezier(.4,0,.2,1) 0s;
}

.menu__item:hover span:after {
  transform-origin:left;
  --tw-scale-x: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.menu__item:hover span:before {
  transform-origin:bottom;
  --tw-scale-y: 1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-delay:.3s;
}

}

@media (min-width: 768px) {

.nav {
  padding-top:110px;
}

}

@media (min-width: 1024px) {

.nav {
  position:static;
  display:block;
  width:auto;
  height:auto;
  padding-top:0;
  background:none;
}

}

@media (max-width: 1024px) {

.nav {
  --tw-translate-x: 100%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

}

@media (min-width: 768px) {

.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+h1,.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+h2,.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+h3,.wysiwyg p:not([class^=type-h]):not(.type-surtitle)+h4,.wysiwyg ul+h1,.wysiwyg ul+h2,.wysiwyg ul+h3,.wysiwyg ul+h4 {
  margin-top:2.5rem;
}

}

@media not all and (min-width: 1024px) {

.max-m\:relative {
  position:relative;
}

.max-m\:hidden {
  display:none;
}

.max-m\:w-36 {
  width:9rem;
}

.max-m\:translate-x-full {
  --tw-translate-x: 100%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.max-m\:justify-between {
  justify-content:space-between;
}

.max-m\:px-4 {
  padding-left:1rem;
  padding-right:1rem;
}

}

@media (min-width: 768px) {

.group:hover .group-hover\:s\:bg-white\/60 {
  background-color:#fff9;
}

}

@media (min-width: 1024px) {

.m\:relative {
  position:relative;
}

.m\:top-full {
  top:100%;
}

.m\:z-0 {
  z-index:0;
}

.m\:-ml-\[11vw\] {
  margin-left:-11vw;
}

.m\:inline-block {
  display:inline-block;
}

.m\:flex {
  display:flex;
}

.m\:grid {
  display:grid;
}

.m\:hidden {
  display:none;
}

.m\:w-1\/2 {
  width:50%;
}

.m\:flex-1 {
  flex:1 1 0%;
}

.m\:grid-cols-2 {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.m\:grid-cols-3 {
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.m\:grid-cols-5 {
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.m\:grid-cols-6 {
  grid-template-columns:repeat(6,minmax(0,1fr));
}

.m\:border-b {
  border-bottom-width:1px;
}

.m\:border-black {
  --tw-border-opacity: 1;
  border-color:rgb(38 38 39 / var(--tw-border-opacity, 1));
}

.m\:px-16 {
  padding-left:4rem;
  padding-right:4rem;
}

.m\:px-6 {
  padding-left:1.5rem;
  padding-right:1.5rem;
}

.m\:py-16 {
  padding-top:4rem;
  padding-bottom:4rem;
}

.m\:pl-\[11\%\] {
  padding-left:11%;
}

.m\:pr-16 {
  padding-right:4rem;
}

.m\:pr-\[30\%\] {
  padding-right:30%;
}

.m\:pt-14 {
  padding-top:3.5rem;
}

.m\:pt-16 {
  padding-top:4rem;
}

.m\:opacity-30 {
  opacity:.3;
}

.m\:hover\:opacity-100:hover {
  opacity:1;
}

.group\/item:hover .m\:group-hover\/item\:block {
  display:block;
}

}