/* Shared typography */
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-ext.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;
  --type-display: clamp(34px, 2.708vw, 52px);
  --type-title: clamp(28px, 1.667vw, 32px);
  --type-quote: clamp(20px, 1.25vw, 24px);
  --type-narrative: clamp(17px, 1.042vw, 20px);
  --type-body: clamp(14px, .781vw, 15px);
  --type-small: clamp(11px, .63vw, 12px);
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-sans);
  font-kerning: normal;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
  font-size: var(--type-body);
  font-weight: 400;
  line-height: 1.55;
}

h1,
h2,
h3,
h4,
p {
  letter-spacing: 0;
}

.header-nav a,
.header-actions a,
.lang,
.pages-trigger {
  font-size: clamp(13px, .833vw, 16px);
  font-weight: 400;
  line-height: 1;
}

.site-header .phone-link {
  font-size: clamp(14px, .833vw, 16px);
  font-weight: 700;
  line-height: 1;
}

.site-footer .footer-phone {
  font-size: clamp(18px, 1.11vw, 21.3px);
  font-weight: 700;
  line-height: 1;
}

.intro-band h1,
.page-hero h1,
.hero-image .over,
.why-image h1,
.home-page .intro h1,
.home-page .overlay h2 {
  font-size: var(--type-title);
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.principles h2,
.awards h3 {
  font-family: var(--font-serif);
  font-size: var(--type-display);
  font-weight: 400;
  line-height: 1.08;
}

.awards h2,
.contact-list h2,
.career-item h2,
.join h2,
.legal-copy h1,
.legal-copy h2,
.media-card h2,
.home-page .intro h2,
.home-page .world h2 {
  font-size: var(--type-title);
  font-weight: 600;
  line-height: 1.25;
}

.home-page .copy h3,
.home-page .details h3 {
  font-size: clamp(14px, .84vw, 17px);
  font-weight: 600;
  line-height: 1.45;
}

.center-copy,
.principles-line,
.awards p,
.contact-list p,
.contact-list a,
.career-hero p,
.career-item p,
.join p,
.legal-copy,
.home-page .intro p,
.home-page .copy p {
  font-size: var(--type-body);
  font-weight: 400;
  line-height: 1.58;
}

.home-page .editorial-quote,
.home-page .display-quote {
  position: relative;
  font-family: var(--font-serif);
  font-size: var(--type-quote);
  font-weight: 400;
  line-height: 1.48;
}

.home-page .editorial-quote::before,
.home-page .editorial-quote::after {
  display: inline;
  font-size: 1.35em;
  line-height: 0;
}

.home-page .editorial-quote::before {
  content: "“";
  margin-right: .22em;
}

.home-page .editorial-quote::after {
  content: "”";
  margin-left: .22em;
}

.home-page .details p,
.home-page .world p {
  font-size: var(--type-small);
  font-weight: 400;
  line-height: 1.55;
}

.counter,
.footer-title,
.footer-group a,
.footer-contact small,
.footer-cta,
.media-card time,
.form label,
.form input,
.form textarea,
.phone-field select,
.phone-field input,
.form .check,
.lang-menu a,
.mobile-whatsapp,
.mobile-panel nav::before,
.legal-copy table,
.legal-copy td,
.legal-copy th,
.lightbox-caption strong,
.lightbox-caption span,
.lead-form label,
.lead-status {
  font-size: var(--type-small);
  line-height: 1.45;
}

.footer-title,
.footer-group strong,
.legal-tabs a,
.contact-list a,
.form button,
.btn {
  font-weight: 600;
}

.form button,
.btn {
  font-size: 14px;
  line-height: 1;
}

.mobile-panel nav a {
  font-size: clamp(22px, 7vw, 30px);
  font-weight: 500;
  line-height: 1.15;
}

.mobile-contact,
.mobile-langs a {
  font-size: 15px;
}

.media-arrow,
.lightbox-close,
.lead-close {
  font-size: 24px;
  line-height: 1;
}

@media (max-width: 1100px) {
  :root {
    --type-display: 34px;
    --type-title: 23px;
    --type-body: 15px;
    --type-small: 11px;
  }

  .home-page .overlay h2 {
    max-width: min(340px, calc(100vw - 48px));
    white-space: normal;
  }
}

@media (max-width: 560px) {
  :root {
    --type-display: 30px;
    --type-title: 21px;
    --type-body: 14px;
  }

  .site-footer .footer-phone {
    font-size: 21px;
  }
}

/* Content pages */
:root{--ink:#171412;--muted:#393431;--paper:#f5f2ee;--sand:#a78c62;--footer-sand:#000;--line:rgba(0,0,0,.12);--frame:calc(100% - 112px);--header-inner:calc(100% - 224px);--inner:min(980px,calc(100% - 48px));--ease:cubic-bezier(.76,0,.24,1)}
body.content-page *{box-sizing:border-box}
html:has(> body.content-page),
body.content-page{margin:0;background:#fff;color:var(--ink)}
body.content-page img{display:block;max-width:100%;-webkit-user-drag:none;user-select:none}
body.content-page a{color:inherit;text-decoration:none}
body.content-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.content-page .preloader{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;background:#f7f6f2;transition:opacity .72s var(--ease),visibility .72s var(--ease);animation:content-loader-screen-out .72s var(--ease) .72s forwards}
body.content-page .preloader-mark{width:clamp(58px,6vw,96px);height:clamp(72px,7.5vw,122px);position:relative;color:#111;opacity:0;transform:translateY(18px) scale(.92);animation:content-loader-mark 1.15s var(--ease) .08s forwards}
body.content-page .preloader-mark::before,
body.content-page .preloader-mark::after{content:"";position:absolute;inset:0;background:url("../ui/lion-shield.svg") center/contain no-repeat}
body.content-page .preloader-mark::after{clip-path:inset(100% 0 0 0);filter:invert(1);mix-blend-mode:difference;animation:content-loader-fill 1.05s var(--ease) .28s forwards}
body.content-page.is-loaded .preloader{opacity:0;visibility:hidden;pointer-events:none}
body.content-page.page-transitioning .preloader{animation:none;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .34s var(--ease),visibility .34s var(--ease)}
@keyframes content-loader-mark{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes content-loader-fill{to{clip-path:inset(0 0 0 0)}}
@keyframes content-loader-screen-out{to{opacity:0;visibility:hidden;pointer-events:none}}
body.content-page .page>section,
body.content-page .site-footer{opacity:0;transform:translate3d(0,28px,0);filter:blur(6px);transition:opacity .86s var(--ease),transform .86s var(--ease),filter .86s var(--ease)}
body.content-page .page>section.is-visible,
body.content-page .site-footer.is-visible{opacity:1;transform:none;filter:none}
body.content-page .site-header{width:100%;background:#fff;position:fixed;top:0;left:0;z-index:1002}body.content-page .header-container{width:var(--header-inner);height:213px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;padding:0;background:#fff;transition:height .45s var(--ease),width .45s var(--ease)}
body.content-page .header-nav,
body.content-page .header-actions{display:flex;align-items:center;gap:40px;transition:gap .42s var(--ease)}
body.content-page .header-nav{justify-content:center}body.content-page .header-actions{justify-content:flex-end;gap:17px}
body.content-page .header-nav a,
body.content-page .header-actions a,
body.content-page .lang{border:0;background:transparent;padding:0;color:#111;white-space:nowrap;transition:font-size .42s var(--ease),color .2s ease}
body.content-page .brand-link{justify-self:start}body.content-page .header-logo{width:174px;transition:width .42s var(--ease)}body.content-page .header-actions .phone-link{}body.content-page .wa-icon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center}body.content-page .wa-icon svg{width:19px;height:19px;display:block;fill:currentColor}body.content-page .lang-wrap{position:relative;display:inline-flex;align-items:center;padding:14px 0}body.content-page .lang{display:inline-flex;align-items:center;gap:7px;cursor:pointer}body.content-page .lang::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s ease}body.content-page .lang-menu{position:absolute;right:-16px;top:calc(100% + 4px);min-width:96px;padding:9px 0;background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 18px 48px rgba(0,0,0,.13);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:20}body.content-page .lang-wrap:hover .lang-menu,
body.content-page .lang-wrap:focus-within .lang-menu,
body.content-page .lang-wrap.is-open .lang-menu{opacity:1;transform:translateY(0);pointer-events:auto}body.content-page .lang-wrap:hover .lang::after,
body.content-page .lang-wrap:focus-within .lang::after,
body.content-page .lang-wrap.is-open .lang::after{transform:rotate(225deg) translate(-2px,-2px)}body.content-page .lang-menu a{display:block;padding:10px 17px;color:#111;text-align:left;transition:background .2s ease,color .2s ease}body.content-page .lang-menu a:hover,
body.content-page .lang-menu a:focus{background:#f5f2ee;color:var(--sand)}
body.content-page .mobile-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:0;color:#111;position:relative}body.content-page .mobile-toggle:focus,
body.content-page .mobile-toggle:focus-visible{outline:none}body.content-page .mobile-toggle span{position:absolute;left:7px;right:7px;height:1.5px;background:currentColor;transition:transform .25s ease,opacity .25s ease}body.content-page .mobile-toggle span:nth-child(1){top:15px}body.content-page .mobile-toggle span:nth-child(2){top:22px}body.content-page .mobile-toggle span:nth-child(3){top:29px}body.content-page.menu-open .mobile-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.content-page.menu-open .mobile-toggle span:nth-child(2){opacity:0}body.content-page.menu-open .mobile-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.content-page .pages-menu{position:relative;display:inline-flex;align-items:center}body.content-page .pages-menu::before{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:20px}body.content-page .pages-trigger{display:inline-flex;align-items:center;gap:7px;border:0;padding:0;background:transparent;color:#111;cursor:pointer}body.content-page .pages-trigger::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .22s ease}body.content-page .pages-dropdown{position:absolute;top:calc(100% + 18px);left:50%;min-width:178px;padding:10px 0;background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 18px 48px rgba(0,0,0,.13);opacity:0;transform:translate(-50%,8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:20}body.content-page .pages-menu:hover .pages-dropdown,
body.content-page .pages-menu:focus-within .pages-dropdown,
body.content-page .pages-menu.is-open .pages-dropdown{opacity:1;transform:translate(-50%,0);pointer-events:auto}body.content-page .pages-menu:hover .pages-trigger::after,
body.content-page .pages-menu:focus-within .pages-trigger::after,
body.content-page .pages-menu.is-open .pages-trigger::after{transform:rotate(225deg) translate(-2px,-2px)}body.content-page .pages-dropdown a{display:block;padding:11px 18px;text-align:left;transition:background .2s ease,color .2s ease}body.content-page .pages-dropdown a:hover,
body.content-page .pages-dropdown a:focus{background:#f5f2ee;color:var(--sand)}
body.content-page .mobile-panel{display:none}
body.content-page .page{width:100%;margin:0;padding-top:213px;background:#fff;overflow:hidden}body.content-page .content-container{width:var(--frame);margin:0 auto}body.content-page .intro-band{width:var(--frame);margin:0 auto;padding:102px 0 38px;display:grid;place-items:center;background:var(--paper);text-align:center}body.content-page .intro-band h1{margin:0;font-weight:400;letter-spacing:.22em;text-transform:uppercase}body.content-page .hero-band{background:#fff}body.content-page .hero-image{position:relative;width:100%;overflow:hidden}body.content-page .hero-image img,
body.content-page .hero-image video{display:block;width:100%;height:auto}body.content-page .hero-image .over{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.22)}
body.content-page .center-copy{width:min(850px,calc(100% - 48px));margin:0 auto;text-align:center;color:var(--ink)}body.content-page .center-copy strong{}body.content-page .center-copy em{display:block;margin-top:38px;font-size:16px;font-weight:600;line-height:1.5}
body.content-page .about-copy{display:flow-root;width:var(--frame);margin:0 auto;padding:0 0 72px;background:var(--paper)}body.content-page .about-copy .center-copy>p{font-size:clamp(16px,1.03vw,18px);line-height:1.55}body.content-page .seal{display:block;width:58px;height:64px;margin:38px auto 0;background:url("../ui/lion-shield.svg") center/contain no-repeat}
body.content-page .principles{width:var(--frame);margin:0 auto;padding:112px 0 108px;text-align:center;background:#fff}body.content-page .principles h2{margin:0 0 30px;color:var(--sand);font-size:clamp(42px,3.35vw,52px);text-transform:none}body.content-page .principles-line{width:min(1000px,calc(100% - 48px));margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;gap:18px 28px;font-size:16px}body.content-page .principles-line strong{}
body.content-page .awards{width:var(--frame);margin:0 auto;padding:86px 0 112px;background:var(--paper);text-align:center}body.content-page .awards h2{margin:0 0 18px;font-size:20px;text-transform:uppercase}body.content-page .awards h3{margin:0 0 44px;color:var(--sand);font-size:clamp(42px,3.35vw,52px);text-transform:none}body.content-page .ribbons{display:flex;justify-content:center;gap:25px;margin-bottom:54px}body.content-page .ribbon{width:auto;height:427px;object-fit:contain}body.content-page .awards p{width:min(810px,calc(100% - 48px));margin:0 auto 30px;font-size:16px}
body.content-page .page-hero{position:relative;width:var(--frame);height:295px;margin:0 auto;overflow:hidden}body.content-page .page-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.68)}body.content-page .page-hero h1{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#fff;font-size:clamp(38px,3.35vw,52px);font-weight:400;text-transform:none}body.content-page .gallery-section,
body.content-page .media-section{width:var(--frame);margin:0 auto;padding:110px 0 72px;background:var(--paper)}body.content-page .gallery-grid{width:min(1180px,calc(100% - 96px));margin:0 auto 48px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px}body.content-page .gallery-item{min-width:0;grid-column:span 4;border:0;padding:0;background:#eee;cursor:zoom-in;overflow:hidden}body.content-page .gallery-item.gallery-wide{grid-column:span 3}body.content-page .gallery-item.gallery-narrow{grid-column:span 2}body.content-page .gallery-item.gallery-quarter{grid-column:span 2}body.content-page .gallery-item.gallery-middle{grid-column:span 4}body.content-page .gallery-item img{width:100%;height:330px;object-fit:cover;transition:transform .45s var(--ease),filter .45s var(--ease)}body.content-page .gallery-item:hover img,
body.content-page .gallery-item:focus-visible img{transform:scale(1.025);filter:brightness(.92)}body.content-page .gallery-item:focus-visible{outline:2px solid var(--sand);outline-offset:2px}
body.content-page .more{display:flex;justify-content:center;padding:10px 0 78px}body.content-page .btn{min-width:178px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--sand);color:#fff;border:0;text-transform:uppercase}
body.content-page .media-grid{width:min(1180px,calc(100% - 96px));margin:0 auto 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px 28px}body.content-page .media-card{position:relative;background:#fff;padding:0 0 18px;border-radius:8px;overflow:hidden}body.content-page .media-open{width:100%;border:0;padding:0;background:transparent;text-align:left;cursor:zoom-in}body.content-page .media-open img{width:100%;aspect-ratio:1.08;object-fit:contain;border:0;transition:filter .3s ease}body.content-page .media-open:hover img,
body.content-page .media-open:focus-visible img{filter:brightness(.9)}body.content-page .media-open:focus-visible{outline:2px solid var(--sand);outline-offset:-2px}body.content-page .media-card time{display:block;margin:18px 22px 0;color:#9f865e;font-size:14px}body.content-page .media-card h2{margin:8px 54px 0 22px;font-size:24px;text-transform:uppercase}body.content-page .media-arrow{position:absolute;right:20px;bottom:15px;border:0;background:transparent;cursor:pointer}
body.content-page .contact-wrap{width:var(--frame);margin:0 auto;padding:118px 0 126px;background:#f5f2ee}body.content-page .contact-grid{width:min(1040px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:.86fr 1.14fr;gap:92px}body.content-page .contact-list{display:grid;gap:26px}body.content-page .contact-list>div:not(:last-child){padding-bottom:26px;border-bottom:1px solid #d6c9b5}body.content-page .contact-list h2{margin:0 0 8px;font-size:20px}body.content-page .contact-list p,
body.content-page .contact-list a{margin:0;color:#504943}body.content-page .contact-list a{color:#9d845e}body.content-page .social-row{display:flex;gap:13px;margin-top:14px;color:#9d845e}body.content-page .social-row svg{width:20px;height:20px;display:block;fill:currentColor}body.content-page .form{display:grid;grid-template-columns:1fr 1fr;gap:14px}body.content-page .form label{display:grid;gap:7px;color:#504943}body.content-page .form input,
body.content-page .form textarea{border:1px solid #cfc7bc;background:#fff;height:39px;padding:10px 12px}body.content-page .form .full,
body.content-page .form textarea,
body.content-page .form .check{grid-column:1/-1}body.content-page .form textarea{height:120px;resize:vertical}body.content-page .phone-field{height:39px;display:grid;grid-template-columns:auto 1fr;border:1px solid #cfc7bc;background:#fff}body.content-page .phone-field select,
body.content-page .phone-field input{height:37px;border:0;background:#fff;color:#504943}body.content-page .phone-field select{width:66px;padding:0 10px}body.content-page .phone-field input{width:100%;padding-left:0}body.content-page .form .check{display:flex;gap:10px;align-items:flex-start}body.content-page .form .check input{width:16px;height:16px;flex:0 0 16px;padding:0}body.content-page .form button{grid-column:1/-1;width:100%;height:45px;justify-self:stretch;margin-top:8px;text-transform:none}
body.content-page .career-hero{width:var(--frame);margin:0 auto;padding:118px 24px 104px;text-align:center;background:var(--paper)}body.content-page .career-hero p{width:min(790px,calc(100% - 48px));margin:0 auto;font-size:18px;line-height:1.62}body.content-page .why-image{position:relative;width:var(--frame);margin:0 auto}body.content-page .why-image img{width:100%;height:300px;object-fit:cover;filter:brightness(.72)}body.content-page .why-image h1{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#fff;font-size:clamp(34px,2.83vw,44px);font-weight:400;text-transform:none}body.content-page .career-list{width:var(--frame);margin:0 auto;padding:70px clamp(24px,13vw,202px) 96px;display:grid;gap:0;background:var(--paper)}body.content-page .career-item{display:grid;grid-template-columns:310px 1fr;gap:0;padding:38px 0}body.content-page .career-item h2{min-height:100%;margin:0;padding-right:48px;border-right:1px solid #2b2724;display:flex;align-items:center;justify-content:flex-end;text-align:right;font-size:16px;text-transform:uppercase}body.content-page .career-item p{margin:0;padding-left:52px;align-self:center;color:#504943;font-size:16px;line-height:1.62}body.content-page .join{position:relative;width:var(--frame);margin:0 auto;padding:94px 24px 118px;text-align:center;background:#fff;overflow:hidden}body.content-page .join::before{content:"";position:absolute;left:50%;top:50%;width:390px;height:440px;background:url("../ui/lion-shield.svg") center/contain no-repeat;opacity:.035;transform:translate(-50%,-48%);pointer-events:none}body.content-page .join>*{position:relative;z-index:1}body.content-page .join h2{margin:0 0 22px;font-size:30px}body.content-page .join p{font-size:16px;line-height:1.62}body.content-page .join .btn{min-width:235px;height:38px}
body.content-page .legal-page{width:var(--frame);margin:0 auto;padding:72px 0 92px;background:var(--paper)}body.content-page .legal-tabs{width:min(1120px,calc(100% - 48px));margin:0 auto 86px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid #d6c9b5}body.content-page .legal-tabs a{padding:0 10px 20px;text-align:center;font-size:16px;text-transform:uppercase}body.content-page .legal-tabs a:first-child{margin-bottom:-1px;border-bottom:2px solid var(--sand);color:var(--sand)}body.content-page .legal-copy{width:min(720px,calc(100% - 48px));margin:0 auto;color:#2b2724;font-size:14px;line-height:1.72}body.content-page .legal-copy h1{margin:0 0 28px;font-size:16px;text-transform:uppercase}body.content-page .legal-copy h2{margin:42px 0 12px;font-size:22px;text-transform:none}body.content-page .legal-copy h2:first-of-type{font-size:16px}body.content-page .legal-copy h2:nth-of-type(n+3){}body.content-page .legal-copy ul{margin:18px 0 28px;padding-left:22px}body.content-page .legal-copy li{margin:0 0 12px}body.content-page .legal-rights p{margin:0 0 18px}body.content-page .legal-copy table{width:100%;border-collapse:collapse;margin:28px 0;font-size:11px;line-height:1.5}body.content-page .legal-copy td,
body.content-page .legal-copy th{border:0;border-bottom:1px solid #d4ccc2;padding:12px;text-align:left;vertical-align:top}body.content-page .legal-copy th{background:var(--sand);color:#fff}
body.content-page .lightbox{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;background:rgba(10,10,10,.82);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}body.content-page .lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}body.content-page .lightbox-dialog{position:relative;width:min(1080px,100%);max-height:calc(100svh - 48px);display:grid;grid-template-rows:minmax(0,1fr) auto;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28)}body.content-page .lightbox-media{min-height:0;display:grid;place-items:center;background:#111}body.content-page .lightbox-media img{display:block;max-width:100%;max-height:calc(100svh - 146px);width:auto;height:auto;object-fit:contain}body.content-page .lightbox-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;padding:18px 24px;color:#111}body.content-page .lightbox-caption strong{text-transform:uppercase}body.content-page .lightbox-caption span{color:#8d7554}body.content-page .lightbox-close{position:absolute;right:12px;top:12px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.56);border-radius:50%;background:rgba(0,0,0,.38);color:#fff;cursor:pointer}body.content-page .lightbox-close:focus-visible{outline:2px solid #fff;outline-offset:2px}body.content-page.lightbox-open{overflow:hidden}
body.content-page .site-footer{width:100%;margin:0;background:#000;color:#fff}body.content-page .footer-container{width:min(1360px,calc(100% - 112px));min-height:248px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(280px,.62fr);align-items:center;gap:46px;padding:46px 0}body.content-page .footer-nav{display:grid;grid-template-columns:repeat(4,max-content);align-items:start;justify-content:start;gap:44px}body.content-page .footer-group{display:grid;gap:8px;align-content:start}body.content-page .footer-title{margin:0 0 6px}body.content-page .footer-group a{}body.content-page .footer-group a strong{}body.content-page .footer-mark{width:56px;min-height:144px;display:grid;grid-template-rows:37px 58px 37px;row-gap:13px;align-content:center;justify-items:center}body.content-page .footer-mark::before,
body.content-page .footer-mark::after{content:"";width:1px;height:37px;background:rgba(255,255,255,.9)}body.content-page .footer-mark i{width:50px;height:58px;background:url("../ui/lion-shield.svg") center/contain no-repeat;filter:invert(1);display:block}body.content-page .footer-contact{justify-self:end;display:grid;justify-items:end;gap:18px;text-align:right}body.content-page .footer-phone{display:inline-flex;align-items:center;gap:11px}body.content-page .footer-phone svg{width:21px;height:21px;fill:currentColor}body.content-page .footer-contact small{}body.content-page .socials{display:flex;gap:14px;align-items:center;color:#fff}body.content-page .socials svg{width:18px;height:18px;display:block;fill:currentColor}body.content-page .footer-contact a:not(.footer-phone){}
@media(min-width:1101px){body.content-page .site-header.is-compact .header-container{width:calc(100% - 112px);height:84px}body.content-page .site-header.is-compact .header-logo{width:122px}body.content-page .site-header.is-compact .header-nav{gap:30px}body.content-page .site-header.is-compact .header-actions{gap:14px}body.content-page .site-header.is-compact .header-nav a,
body.content-page .site-header.is-compact .header-actions a,
body.content-page .site-header.is-compact .lang,
body.content-page .site-header.is-compact .pages-trigger{}}
@media(max-width:1280px) and (min-width:1101px){body.content-page .footer-container{grid-template-columns:minmax(0,1fr) 56px minmax(230px,.55fr);gap:28px}body.content-page .footer-nav{grid-template-columns:repeat(2,max-content);gap:24px 46px}}
@media(max-width:1100px){body.content-page{--frame:calc(100% - 28px);--header-inner:calc(100% - 28px)}body.content-page.menu-open{overflow:hidden}body.content-page.menu-open .page,
body.content-page.menu-open .site-footer{visibility:hidden}body.content-page .site-header{top:0;left:0;width:100%;z-index:1002}body.content-page .header-container{width:var(--header-inner);height:72px;min-height:72px;margin:0 auto;grid-template-columns:auto auto;padding:0;box-shadow:none}body.content-page .page{padding-top:72px}body.content-page .brand-link{justify-self:start}body.content-page .header-logo{width:96px}body.content-page .header-nav,
body.content-page .header-actions{display:none}body.content-page .mobile-toggle{display:block;justify-self:end;width:40px;height:40px}body.content-page .mobile-toggle span{left:7px;right:7px}body.content-page .mobile-panel{position:fixed;inset:72px 0 0;display:grid;align-content:start;gap:34px;padding:42px 32px 34px;background:#fff;color:#111;transform:translateY(-14px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:1001}body.content-page.menu-open .mobile-panel{opacity:1;transform:translateY(0);pointer-events:auto}body.content-page .mobile-panel nav{display:grid;gap:20px}body.content-page .mobile-panel nav a{color:#111;text-transform:uppercase}body.content-page .mobile-panel .mobile-contact{margin-top:18px;display:grid;gap:14px;color:#111}body.content-page .mobile-langs{display:flex;gap:18px;margin-top:12px}body.content-page .mobile-langs a{}body.content-page .intro-band{min-height:178px}body.content-page .intro-band h1{font-size:21px;letter-spacing:.14em}body.content-page .hero-image .over,
body.content-page .page-hero h1,
body.content-page .why-image h1{font-size:32px}body.content-page .center-copy,
body.content-page .awards p{}body.content-page .principles h2,
body.content-page .awards h3{font-size:34px}body.content-page .gallery-grid,
body.content-page .media-grid{grid-template-columns:1fr 1fr}body.content-page .contact-grid,
body.content-page .career-item{grid-template-columns:1fr;gap:28px}body.content-page .site-footer{width:100%}body.content-page .footer-container{width:100%;grid-template-columns:1fr;gap:30px;padding:42px 28px}body.content-page .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 30px}body.content-page .footer-contact{justify-self:start;justify-items:start;text-align:left}body.content-page .footer-mark{display:none}}
@media(max-width:1100px){body.content-page .mobile-panel{grid-template-rows:minmax(0,1fr) auto;align-content:normal;gap:24px;padding:34px 28px 28px;overflow:hidden;background:#f7f5f1;isolation:isolate}body.content-page .mobile-panel::before{content:"";position:absolute;right:-54px;bottom:52px;width:220px;height:250px;background:url("../ui/lion-shield.svg") center/contain no-repeat;opacity:.035;pointer-events:none;z-index:-1}body.content-page .mobile-navs{min-height:0;overflow-y:auto;padding-right:4px}body.content-page .mobile-panel nav{align-content:start;gap:0;counter-reset:mobile-nav}body.content-page .mobile-panel nav::before{content:"BENESTA BENLEO";display:block;margin-bottom:18px;color:#9d845e}body.content-page .mobile-panel .mobile-page-nav{margin-top:28px}body.content-page .mobile-panel .mobile-page-nav::before{content:"PAGES"}body.content-page .mobile-panel nav a{counter-increment:mobile-nav;min-height:56px;display:grid;grid-template-columns:42px minmax(0,1fr) 14px;column-gap:6px;align-items:center;border-bottom:1px solid rgba(17,17,17,.13);transition:color .2s ease,padding-left .2s ease}body.content-page .mobile-panel nav a::before{content:"0" counter(mobile-nav);color:#9d845e}body.content-page .mobile-panel nav a::after{content:"";width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}body.content-page .mobile-panel nav a:hover,
body.content-page .mobile-panel nav a:focus-visible{padding-left:6px;color:#9d845e}body.content-page .mobile-panel .mobile-contact{margin-top:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 20px;padding-top:20px;border-top:1px solid rgba(17,17,17,.18)}body.content-page .mobile-whatsapp{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase}body.content-page .mobile-whatsapp::before{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:url("../ui/icon-whatsapp.svg") center/contain no-repeat;mask:url("../ui/icon-whatsapp.svg") center/contain no-repeat}body.content-page .mobile-langs{grid-column:1/-1;margin-top:2px}}
@media(max-width:1100px){body.content-page .career-hero{padding:72px 24px 64px}body.content-page .why-image img{height:220px}body.content-page .career-list{width:var(--frame);padding:32px 22px 52px}body.content-page .career-item h2{min-height:auto;padding:0 0 18px;border-right:0;border-bottom:1px solid var(--line);justify-content:flex-start;text-align:left}body.content-page .career-item p{padding-left:0}}
@media(max-width:560px){body.content-page .gallery-grid,
body.content-page .media-grid{grid-template-columns:1fr}body.content-page .gallery-item.wide{grid-column:auto}body.content-page .gallery-item img{height:auto;aspect-ratio:1.35}body.content-page .lightbox{padding:12px}body.content-page .lightbox-dialog{max-height:calc(100svh - 24px)}body.content-page .lightbox-media img{max-height:calc(100svh - 112px)}body.content-page .lightbox-caption{min-height:64px;padding:14px 16px}body.content-page .form,
body.content-page .lead-modal .form{grid-template-columns:1fr}body.content-page .form label,
body.content-page .form input,
body.content-page .form textarea,
body.content-page .phone-field select,
body.content-page .phone-field input{}body.content-page .form .check{}body.content-page .hero-image .over{}body.content-page .principles-line{display:grid}body.content-page .awards h2{}body.content-page .ribbons{gap:12px}body.content-page .ribbon{width:auto;height:220px}body.content-page .page-title h1{}body.content-page .contact-wrap{padding-top:54px}body.content-page .career-hero p,
body.content-page .career-item p,
body.content-page .join p{font-size:15px}body.content-page .career-item h2{font-size:18px}body.content-page .join h2{font-size:28px}body.content-page .legal-tabs{grid-template-columns:1fr;gap:0;margin-bottom:42px}body.content-page .legal-tabs a{padding:12px 0;font-size:13px}body.content-page .legal-copy{font-size:15px;line-height:1.6}body.content-page .legal-copy h1{font-size:16px}body.content-page .legal-copy h2{font-size:24px}body.content-page .legal-copy h2:first-of-type{font-size:18px}body.content-page .legal-copy h2:nth-of-type(n+3){}body.content-page .legal-copy table{display:block;overflow-x:auto;font-size:12px}body.content-page .footer-phone{}}
@media(prefers-reduced-motion:reduce){body.content-page .preloader-mark,
body.content-page .preloader-mark::after{animation:none}body.content-page .preloader{animation:content-loader-screen-out .01ms linear .01ms forwards!important}body.content-page .header-container,
body.content-page .header-logo,
body.content-page .header-nav,
body.content-page .header-actions,
body.content-page .header-nav a,
body.content-page .header-actions a,
body.content-page .lang,
body.content-page .page>section,
body.content-page .site-footer,
body.content-page .mobile-panel{transition:none!important}body.content-page .page>section,
body.content-page .site-footer{opacity:1!important;transform:none!important;filter:none!important}body.content-page.page-transitioning .preloader{animation:none!important;opacity:1;visibility:visible}}
@media(max-width:560px){body.content-page .gallery-item,
body.content-page .gallery-item.gallery-wide,
body.content-page .gallery-item.gallery-narrow,
body.content-page .gallery-item.gallery-quarter,
body.content-page .gallery-item.gallery-middle{grid-column:auto}}

/* Turkish editorial pages */
body.content-page .wa-icon img{width:20px;height:20px;display:block}
body.content-page .footer-phone img{width:21px;height:21px;filter:invert(1)}
body.content-page .socials a{width:20px;height:20px;display:grid;place-items:center;color:inherit;opacity:.9;transition:opacity .2s ease,transform .2s ease}
body.content-page .socials a:hover,body.content-page .socials a:focus-visible{opacity:1;transform:translateY(-2px)}
body.content-page .socials img{width:18px;height:18px;display:block;filter:invert(1)}
body.content-page [data-lang-disabled]{opacity:.45;cursor:not-allowed}
body.home-page .wa-icon img{width:18px;height:18px;display:block}
body.home-page .footer-phone img{width:21px;height:21px;display:block;filter:invert(1)}
body.home-page .socials a{width:20px;height:20px;display:grid;place-items:center;color:inherit;opacity:.9;transition:opacity .2s ease,transform .2s ease}
body.home-page .socials a:hover,body.home-page .socials a:focus-visible{opacity:1;transform:translateY(-2px)}
body.home-page .socials img{width:18px;height:18px;display:block;filter:invert(1)}
body.home-page [data-lang-disabled]{opacity:.45;cursor:not-allowed}
body.editorial-page .page{background:var(--paper)}
body.editorial-page .editorial-hero{position:relative;width:var(--frame);min-height:clamp(520px,64vw,820px);margin:0 auto;overflow:hidden;background:#222}
body.editorial-page .editorial-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.66)}
body.editorial-page .editorial-hero-copy{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:48px;text-align:center;color:#fff}
body.editorial-page .editorial-hero h1{margin:0 0 22px;font-size:var(--type-display);font-weight:600;text-transform:uppercase}
body.editorial-page .editorial-hero p{max-width:760px;margin:0;font-size:var(--type-narrative);line-height:1.55}
body.editorial-page .editorial-intro{width:var(--frame);margin:0 auto;padding:clamp(76px,8vw,128px) 24px;background:#fff;text-align:center}
body.editorial-page .editorial-narrow{width:min(820px,100%);margin:0 auto}
body.editorial-page .editorial-narrow h2{margin:0 0 28px;font-size:var(--type-title);font-weight:600;text-transform:uppercase}
body.editorial-page .editorial-narrow p{margin:0 0 22px;font-size:var(--type-narrative);line-height:1.68;color:#5b5550}
body.editorial-page .editorial-split{width:var(--frame);min-height:680px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;background:#f7f5f1}
body.editorial-page .editorial-split.editorial-reverse .editorial-media{order:2}
body.editorial-page .editorial-media{min-height:560px;overflow:hidden}
body.editorial-page .editorial-media img{width:100%;height:100%;object-fit:cover}
body.editorial-page .editorial-copy{display:grid;align-content:center;padding:clamp(56px,7vw,118px)}
body.editorial-page .editorial-copy .eyebrow{margin:0 0 24px;font-size:var(--type-small);font-weight:600;letter-spacing:.18em;text-transform:uppercase}
body.editorial-page .editorial-copy h2{margin:0 0 28px;font-size:var(--type-title);font-weight:600;text-transform:uppercase}
body.editorial-page .editorial-copy p{margin:0;font-size:var(--type-narrative);line-height:1.7;color:#5b5550}
body.editorial-page .editorial-wide-image{width:var(--frame);margin:0 auto;background:#111}
body.editorial-page .editorial-wide-image img{width:100%;max-height:820px;display:block;object-fit:cover}
body.editorial-page .editorial-feature-grid,body.editorial-page .editorial-principles{width:var(--frame);margin:0 auto;padding:clamp(62px,7vw,110px) clamp(28px,5vw,80px);display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#f7f5f1}
body.editorial-page .editorial-feature-grid article,body.editorial-page .editorial-principles article{min-height:250px;padding:38px;border-top:1px solid rgba(23,20,18,.24)}
body.editorial-page .editorial-feature-grid article:nth-child(-n+3),body.editorial-page .editorial-principles article:nth-child(-n+3){border-top:0}
body.editorial-page .editorial-feature-grid span,body.editorial-page .editorial-principles span{display:block;margin-bottom:38px;color:var(--sand);font-size:var(--type-small)}
body.editorial-page .editorial-feature-grid h2,body.editorial-page .editorial-principles h2{margin:0 0 18px;font-size:var(--type-quote);font-weight:600;text-transform:uppercase}
body.editorial-page .editorial-feature-grid p,body.editorial-page .editorial-principles p{margin:0;color:#5b5550;font-size:var(--type-body);line-height:1.7}
body.editorial-page .editorial-map{width:var(--frame);margin:0 auto;background:#eee}
body.editorial-page .editorial-map img{width:100%;display:block}
body.editorial-page .editorial-landmarks{width:var(--frame);margin:0 auto;padding:clamp(64px,7vw,112px) clamp(28px,5vw,80px);display:grid;grid-template-columns:repeat(3,1fr);gap:52px 62px;background:#fff}
body.editorial-page .editorial-landmarks article{padding-top:22px;border-top:1px solid rgba(23,20,18,.28)}
body.editorial-page .editorial-landmarks h2{margin:0 0 14px;font-size:var(--type-quote);font-weight:600}
body.editorial-page .editorial-landmarks p{margin:0;color:#5b5550;font-size:var(--type-body);line-height:1.7}
body.editorial-page .editorial-list{width:var(--frame);margin:0 auto;padding:clamp(72px,8vw,128px) clamp(28px,9vw,150px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,9vw,150px);background:#fff}
body.editorial-page .editorial-list h2{margin:0 0 28px;font-size:var(--type-title);font-weight:600;text-transform:uppercase}
body.editorial-page .editorial-list ul{margin:0;padding:0;list-style:none;border-top:1px solid rgba(23,20,18,.24)}
body.editorial-page .editorial-list li{padding:14px 0;border-bottom:1px solid rgba(23,20,18,.18);font-size:var(--type-body)}
body.editorial-page .editorial-projects{width:var(--frame);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;background:#111}
body.editorial-page .editorial-projects a{position:relative;min-height:560px;overflow:hidden;color:#fff}
body.editorial-page .editorial-projects img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:transform .7s var(--ease),filter .7s var(--ease)}
body.editorial-page .editorial-projects a:hover img,body.editorial-page .editorial-projects a:focus-visible img{transform:scale(1.025);filter:brightness(.52)}
body.editorial-page .editorial-projects div{position:absolute;inset:auto 0 0;padding:40px}
body.editorial-page .editorial-projects span{font-size:var(--type-small)}
body.editorial-page .editorial-projects h2{margin:10px 0 0;font-size:var(--type-title);font-weight:600;text-transform:uppercase}
@media(max-width:1100px){body.editorial-page .editorial-hero{min-height:calc(100svh - 72px)}body.editorial-page .editorial-hero-copy{padding:28px}body.editorial-page .editorial-hero h1{font-size:32px}body.editorial-page .editorial-split{grid-template-columns:1fr;min-height:auto}body.editorial-page .editorial-split.editorial-reverse .editorial-media{order:0}body.editorial-page .editorial-media{min-height:58svh}body.editorial-page .editorial-copy{padding:64px 32px 72px}body.editorial-page .editorial-feature-grid,body.editorial-page .editorial-principles{grid-template-columns:1fr 1fr;padding:44px 18px}body.editorial-page .editorial-feature-grid article:nth-child(3),body.editorial-page .editorial-principles article:nth-child(3){border-top:1px solid rgba(23,20,18,.24)}body.editorial-page .editorial-landmarks{grid-template-columns:1fr 1fr;gap:36px;padding:64px 28px}body.editorial-page .editorial-projects{grid-template-columns:1fr}body.editorial-page .editorial-projects a{min-height:62svh}}
@media(max-width:560px){body.editorial-page .editorial-hero p{font-size:16px}body.editorial-page .editorial-intro{padding:64px 24px}body.editorial-page .editorial-narrow h2{font-size:25px}body.editorial-page .editorial-narrow p,body.editorial-page .editorial-copy p{font-size:16px}body.editorial-page .editorial-feature-grid,body.editorial-page .editorial-principles,body.editorial-page .editorial-landmarks,body.editorial-page .editorial-list{grid-template-columns:1fr}body.editorial-page .editorial-feature-grid article,body.editorial-page .editorial-principles article{min-height:auto;padding:34px 18px}body.editorial-page .editorial-feature-grid article:nth-child(2),body.editorial-page .editorial-principles article:nth-child(2){border-top:1px solid rgba(23,20,18,.24)}body.editorial-page .editorial-list{gap:52px;padding:64px 28px}body.editorial-page .editorial-projects a{min-height:52svh}body.editorial-page .editorial-projects div{padding:28px}}
@media(min-width:1101px){
  body.content-page{--frame:calc(100% - 7.21vw);--header-inner:calc(100% - 14.42vw)}
  body.content-page .header-container{height:min(213px,13.71vw);grid-template-columns:min(220px,14.16vw) minmax(0,1fr) auto}
  body.content-page .header-logo{width:min(174px,11.2vw)}
  body.content-page .header-nav,
body.content-page .header-actions{gap:min(40px,2.575vw)}
  body.content-page .header-actions{gap:min(17px,1.094vw)}
  body.content-page .header-nav a,
body.content-page .header-actions a,
body.content-page .lang,
body.content-page .pages-trigger{}
  body.content-page .wa-icon,
body.content-page .wa-icon svg{width:min(19px,1.223vw);height:min(19px,1.223vw)}
  body.content-page .page{padding-top:min(213px,13.71vw)}
  body.content-page .intro-band{padding:min(102px,6.566vw) 0 min(38px,2.446vw)}
  body.content-page .intro-band h1{}
  body.content-page .center-copy{width:min(850px,54.7vw)}
  body.content-page .about-copy{padding-bottom:min(72px,4.64vw)}
  body.content-page .seal{width:min(58px,3.733vw);height:min(64px,4.119vw);margin-top:min(38px,2.446vw)}
  body.content-page .principles{padding:min(112px,7.209vw) 0 min(108px,6.952vw)}
  body.content-page .principles h2,
body.content-page .awards h3{}
  body.content-page .principles-line{width:min(1000px,64.368vw);gap:min(18px,1.159vw) min(28px,1.803vw)}
  body.content-page .awards{padding:min(86px,5.536vw) 0 min(112px,7.209vw)}
  body.content-page .awards h2{}
  body.content-page .ribbon{height:min(427px,27.484vw)}
  body.content-page .awards p{width:min(810px,52.137vw)}
  body.content-page .page-hero{height:min(295px,18.988vw)}
  body.content-page .page-hero h1{text-transform:uppercase}
  body.content-page .gallery-section,
body.content-page .media-section{padding:min(110px,7.08vw) 0 min(72px,4.635vw)}
  body.content-page .gallery-grid,
body.content-page .media-grid{width:min(1180px,75.953vw)}
  body.content-page .gallery-grid{gap:min(18px,1.159vw)}
  body.content-page .gallery-item img{height:min(330px,21.241vw)}
  body.content-page .media-grid{gap:min(30px,1.931vw) min(28px,1.803vw)}
  body.content-page .media-card time{}
  body.content-page .media-card h2{}
  body.content-page .contact-wrap{padding:min(118px,7.595vw) 0 min(126px,8.11vw)}
  body.content-page .contact-grid{width:min(1040px,66.942vw)}
  body.content-page .contact-grid{gap:min(92px,5.922vw)}
  body.content-page .contact-list{gap:min(32px,2.06vw)}
  body.content-page .contact-list h2{}
  body.content-page .contact-list p,
body.content-page .contact-list a{}
  body.content-page .form label,
body.content-page .form input,
body.content-page .form textarea,
body.content-page .phone-field select,
body.content-page .phone-field input,
body.content-page .form .check{}
  body.content-page .career-hero{padding:min(118px,7.593vw) 24px min(104px,6.692vw)}
  body.content-page .career-hero p{width:min(790px,50.85vw)}
  body.content-page .why-image img{height:min(300px,19.305vw)}
  body.content-page .why-image h1{}
  body.content-page .career-item h2{}
  body.content-page .career-item p{}
  body.content-page .join h2{}
  body.content-page .join p{}
  body.content-page .legal-page{padding:min(72px,4.635vw) 0 min(92px,5.922vw)}
  body.content-page .legal-tabs{width:min(1120px,72.092vw)}
  body.content-page .legal-tabs a{}
  body.content-page .legal-copy{width:min(720px,46.344vw)}
  body.content-page .legal-copy h1{}
  body.content-page .legal-copy h2{}
  body.content-page .legal-copy h2:nth-of-type(n+3){}
  body.content-page .legal-copy table{}
  body.content-page .site-footer .footer-container{width:calc(100% - 7.21vw);min-height:min(248px,15.963vw);gap:min(28px,1.803vw);padding:min(52px,3.347vw) 0 min(46px,2.961vw)}
  body.content-page .footer-nav{gap:min(52px,3.347vw)}
  body.content-page .footer-title,
body.content-page .footer-group a,
body.content-page .footer-contact small{}
  body.content-page .footer-phone{}
  body.content-page .footer-mark{width:min(56px,3.605vw);min-height:min(144px,9.268vw)}
}
body.content-page /* Three-role type system shared by every page. */
.header-nav a,
body.content-page .header-actions a,
body.content-page .lang,
body.content-page .pages-trigger,
body.content-page .center-copy,
body.content-page .principles-line,
body.content-page .awards p,
body.content-page .contact-list p,
body.content-page .contact-list a,
body.content-page .career-hero p,
body.content-page .career-item p,
body.content-page .join p,
body.content-page .legal-tabs a,
body.content-page .legal-copy,
body.content-page .form button{}
body.content-page .intro-band h1,
body.content-page .principles h2,
body.content-page .awards h2,
body.content-page .awards h3,
body.content-page .page-hero h1,
body.content-page .media-card h2,
body.content-page .contact-list h2,
body.content-page .why-image h1,
body.content-page .career-item h2,
body.content-page .join h2,
body.content-page .legal-copy h1,
body.content-page .legal-copy h2,
body.content-page .legal-copy h2:nth-of-type(n+3),
body.content-page .footer-phone{}
body.content-page .media-card time,
body.content-page .form label,
body.content-page .form input,
body.content-page .form textarea,
body.content-page .phone-field select,
body.content-page .phone-field input,
body.content-page .form .check,
body.content-page .footer-title,
body.content-page .footer-group a,
body.content-page .footer-contact small,
body.content-page .lang-menu a,
body.content-page .mobile-whatsapp,
body.content-page .mobile-panel nav::before,
body.content-page .legal-copy table,
body.content-page .legal-copy td,
body.content-page .legal-copy th{}
body.content-page .pages-dropdown a{}
@media(max-width:1100px){body.content-page .mobile-panel nav a{}body.content-page .mobile-contact{}body.content-page .mobile-langs a{}}
@media(max-width:560px){body.content-page{}}

/* Homepage */
body.home-page{
      --ink: #090909;
      --muted: #46423d;
      --soft: #f4f3f0;
      --white: #fff;
      --line: rgba(9, 9, 9, .14);
      --glass: rgba(255, 255, 255, .78);
      --ease: cubic-bezier(.76, 0, .24, 1);
      --footer-height: 248px}

    body.home-page *{ box-sizing: border-box}

    html:has(> body.home-page),
body.home-page{
      width: 100%;
      height: 100%;
      margin: 0;
      overflow: hidden;
      background: #fff;
      color: var(--ink)}

    body.home-page button{ }
    body.home-page img{
      display: block;
      max-width: 100%;
      -webkit-user-drag: none;
      user-select: none}

    body.home-page .site{
      position: fixed;
      inset: 0;
      overflow: hidden;
      background: #fff;
      touch-action: none;
      user-select: none;
      transform: translate3d(0, 0, 0);
      transition: transform 820ms var(--ease)}

    body.home-page.footer-open .site{
      transform: translate3d(0, calc(-1 * var(--footer-height)), 0)}

    body.home-page.footer-open .counter{ opacity: 0}
    body.home-page.footer-open [data-next]{ opacity: .25; pointer-events: none}

    body.home-page .site-header{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 72;
      background: #fff}

    body.home-page .header-container{
      width: calc(100% - 224px);
      height: 198px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 220px minmax(0, 1fr) auto;
      align-items: center;
      padding: 0;
      background: #fff;
      transition:
        width .55s var(--ease),
        height .55s var(--ease),
        padding .55s var(--ease)}

    body.home-page .header-nav,
body.home-page .header-actions{
      display: flex;
      align-items: center;
      gap: 40px;
      transition: gap .55s var(--ease)}

    body.home-page .header-actions{
      justify-content: flex-end;
      gap: 17px}

    body.home-page .header-nav{ justify-content: center}

    body.home-page .site-header a{
      color: #111;
      text-decoration: none}

    body.home-page .header-nav a,
body.home-page .header-actions a,
body.home-page .lang{
      border: 0;
      padding: 0;
      background: transparent;
      color: #111;
      white-space: nowrap;
      transition: font-size .55s var(--ease), color .2s ease}

    body.home-page .header-logo{
      width: 174px;
      transition: width .55s var(--ease)}

    body.home-page .brand-link{ justify-self: start}

    body.home-page .header-actions .phone-link{
    }

html[lang="tr"] .mobile-page-nav::before{content:"SAYFALAR"!important}
html[lang="en"] .mobile-page-nav::before{content:"PAGES"!important}
html[lang="ru"] .mobile-page-nav::before{content:"СТРАНИЦЫ"!important}
[data-lang]{cursor:pointer}

@media(max-width:1100px){
  .mobile-panel nav a{grid-template-columns:52px minmax(0,1fr) 14px!important;column-gap:10px!important}
  html[lang="ru"] .mobile-panel nav a{font-size:clamp(18px,5.5vw,24px)!important}
}

    body.home-page .wa-icon{
      width: 19px;
      height: 19px;
      display: inline-flex;
      align-items: center;
      justify-content: center}

    body.home-page .wa-icon svg{
      width: 19px;
      height: 19px;
      display: block}

    body.home-page .wa-icon svg,
body.home-page .footer-phone svg,
body.home-page .socials svg{
      background: currentColor;
      fill: none;
      stroke: none;
      -webkit-mask: var(--icon-mask) center / contain no-repeat;
      mask: var(--icon-mask) center / contain no-repeat}

    body.home-page .wa-icon svg > *,
body.home-page .footer-phone svg > *,
body.home-page .socials svg > *{
      display: none}

    body.home-page .wa-icon svg,
body.home-page .footer-phone svg{
      --icon-mask: url("../ui/icon-whatsapp.svg")}

    body.home-page .wa-icon svg{
      background: transparent;
      fill: currentColor;
      stroke: none;
      -webkit-mask: none;
      mask: none}

    body.home-page .wa-icon svg > *{
      display: initial}

    body.home-page .socials svg:nth-child(1){ --icon-mask: url("../ui/icon-instagram.svg")}
    body.home-page .socials svg:nth-child(2){ --icon-mask: url("../ui/icon-facebook.svg")}
    body.home-page .socials svg:nth-child(3){ --icon-mask: url("../ui/icon-linkedin.svg")}
    body.home-page .socials svg:nth-child(4){ --icon-mask: url("../ui/icon-youtube.svg")}
    body.home-page .socials svg:nth-child(5){ --icon-mask: url("../ui/icon-spotify.svg")}

    body.home-page .lang{
      display: inline-flex;
      align-items: center;
      gap: 7px;
      cursor: pointer}

    body.home-page .lang::after{
      content: "";
      width: 8px;
      height: 8px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(45deg) translateY(-2px);
      transition: transform .22s ease}

    body.home-page .lang-wrap{
      position: relative;
      display: inline-flex;
      align-items: center;
      padding: 14px 0}

    body.home-page .lang-menu{
      position: absolute;
      top: calc(100% + 4px);
      right: -16px;
      min-width: 96px;
      padding: 9px 0;
      background: #fff;
      border: 1px solid rgba(0,0,0,.12);
      box-shadow: 0 18px 48px rgba(0,0,0,.13);
      opacity: 0;
      transform: translateY(8px);
      pointer-events: none;
      transition: opacity .22s ease, transform .22s ease;
      z-index: 20}

    body.home-page .lang-wrap:hover .lang-menu,
body.home-page .lang-wrap:focus-within .lang-menu,
body.home-page .lang-wrap.is-open .lang-menu{
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto}

    body.home-page .lang-wrap:hover .lang::after,
body.home-page .lang-wrap:focus-within .lang::after,
body.home-page .lang-wrap.is-open .lang::after{
      transform: rotate(225deg) translate(-2px,-2px)}

    body.home-page .lang-menu a{
      display: block;
      padding: 10px 17px;
      color: #111;
      text-align: left;
      transition: background .2s ease, color .2s ease}

    body.home-page .lang-menu a:hover,
body.home-page .lang-menu a:focus{
      background: #f5f2ee;
      color: #a98d61}

    body.home-page .pages-menu{
      position: relative;
      display: inline-flex;
      align-items: center}

    body.home-page .pages-menu::before{
      content: "";
      position: absolute;
      top: 100%;
      left: -12px;
      right: -12px;
      height: 20px}

    body.home-page .pages-trigger{
      display: inline-flex;
      align-items: center;
      gap: 7px;
      border: 0;
      padding: 0;
      background: transparent;
      color: #111;
      cursor: pointer}

    body.home-page .pages-trigger::after{
      content: "";
      width: 7px;
      height: 7px;
      border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor;
      transform: rotate(45deg) translateY(-2px);
      transition: transform .22s ease}

    body.home-page .pages-dropdown{
      position: absolute;
      top: calc(100% + 18px);
      left: 50%;
      z-index: 20;
      min-width: 178px;
      padding: 10px 0;
      border: 1px solid rgba(0,0,0,.12);
      background: #fff;
      box-shadow: 0 18px 48px rgba(0,0,0,.13);
      opacity: 0;
      transform: translate(-50%, 8px);
      pointer-events: none;
      transition: opacity .22s ease, transform .22s ease}

    body.home-page .pages-menu:hover .pages-dropdown,
body.home-page .pages-menu:focus-within .pages-dropdown,
body.home-page .pages-menu.is-open .pages-dropdown{
      opacity: 1;
      transform: translate(-50%, 0);
      pointer-events: auto}

    body.home-page .pages-menu:hover .pages-trigger::after,
body.home-page .pages-menu:focus-within .pages-trigger::after,
body.home-page .pages-menu.is-open .pages-trigger::after{
      transform: rotate(225deg) translate(-2px, -2px)}

    body.home-page .pages-dropdown a{
      display: block;
      padding: 11px 18px;
      text-align: left;
      transition: background .2s ease, color .2s ease}

    body.home-page .pages-dropdown a:hover,
body.home-page .pages-dropdown a:focus{
      background: #f5f2ee;
      color: #a98d61}

    @media (min-width: 1101px){
      body.home-page .site-header.is-compact .header-container{
        width: calc(100% - 112px);
        height: 84px;
        padding: 0}

      body.home-page .site-header.is-compact .header-logo{
        width: 120px}

      body.home-page .site-header.is-compact .header-nav{
        gap: 30px}

      body.home-page .site-header.is-compact .header-actions{
        gap: 14px}

      body.home-page .site-header.is-compact .header-nav a,
body.home-page .site-header.is-compact .header-actions a,
body.home-page .site-header.is-compact .lang,
body.home-page .site-header.is-compact .pages-trigger{
      }
    }

    body.home-page .mobile-toggle,
body.home-page .mobile-panel{
      display: none}

    body.home-page .mobile-toggle{
      position: relative;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer}

    body.home-page .mobile-toggle:focus,
body.home-page .mobile-toggle:focus-visible{
      outline: none}

    body.home-page .mobile-toggle span{
      position: absolute;
      left: 7px;
      right: 7px;
      height: 1.5px;
      background: #111;
      transition: transform .22s ease, opacity .22s ease}

    body.home-page .mobile-toggle span:nth-child(1){ top: 15px}
    body.home-page .mobile-toggle span:nth-child(2){ top: 22px}
    body.home-page .mobile-toggle span:nth-child(3){ top: 29px}

    body.home-page.menu-open .mobile-toggle span:nth-child(1){
      transform: translateY(7px) rotate(45deg)}

    body.home-page.menu-open .mobile-toggle span:nth-child(2){ opacity: 0}

    body.home-page.menu-open .mobile-toggle span:nth-child(3){
      transform: translateY(-7px) rotate(-45deg)}

    body.home-page .preloader{
      position: fixed;
      inset: 0;
      z-index: 80;
      display: grid;
      place-items: center;
      background: #f7f6f2;
      transition: opacity .72s var(--ease), visibility .72s var(--ease)}

    body.home-page .preloader-mark{
      width: clamp(58px, 6vw, 96px);
      height: clamp(72px, 7.5vw, 122px);
      position: relative;
      color: #111;
      opacity: 0;
      transform: translateY(18px) scale(.92);
      animation: loader-mark 1.15s var(--ease) .08s forwards}

    body.home-page .preloader-mark::before,
body.home-page .preloader-mark::after{
      content: "";
      position: absolute;
      inset: 0;
      background: url("../ui/lion-shield.svg") center / contain no-repeat}

    body.home-page .preloader-mark::after{
      clip-path: inset(100% 0 0 0);
      filter: invert(1);
      mix-blend-mode: difference;
      animation: loader-fill 1.05s var(--ease) .28s forwards}

    body.home-page.is-loaded .preloader{
      opacity: 0;
      visibility: hidden;
      pointer-events: none}

    body.home-page.page-transitioning .preloader{
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transition: opacity .34s var(--ease), visibility .34s var(--ease)}

    @keyframes loader-mark{
      to { opacity: 1; transform: translateY(0) scale(1)}
    }

    @keyframes loader-fill{
      to { clip-path: inset(0 0 0 0)}
    }

    body.home-page .track{
      height: 100%;
      transform: translate3d(0, 0, 0);
      transition: transform 1120ms cubic-bezier(.78, 0, .18, 1);
      will-change: transform}

    body.home-page.dragging .track{ transition: none}

    body.home-page .scene{
      width: 100vw;
      height: 100vh;
      height: 100svh;
      position: relative;
      display: grid;
      overflow: hidden;
      background: #fff;
      isolation: isolate;
      transform: translateZ(0)}

    body.home-page .scene.frame{
      padding: 84px 56px 0}

    body.home-page .scene.hero-film{
      padding-top: 198px}

    body.home-page .hero-media{
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #8e8881}

    body.home-page .hero-media video{
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover}

    body.home-page .hero-caption{
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      color: #fff;
      text-align: center;
      pointer-events: none}

    body.home-page .hero-caption h1{
      margin: 0;
      text-transform: uppercase}

    body.home-page .scene::before{
      content: "";
      position: absolute;
      inset: 0;
      z-index: 8;
      background: #fff;
      opacity: 0;
      transform: translateY(100%);
      pointer-events: none}

    body.home-page.scene-transitioning .scene.entering::before{
      animation: scene-veil 1120ms cubic-bezier(.78, 0, .18, 1) both}

    @keyframes scene-veil{
      0% { opacity: .92; transform: translateY(100%)}
      44% { opacity: .82; transform: translateY(0)}
      100% { opacity: 0; transform: translateY(-100%)}
    }

    body.home-page .mark::after{
      content: "";
      position: absolute;
      top: 26px;
      right: 28px;
      width: 29px;
      height: 31px;
      background: url("../ui/lion-shield.svg") center / contain no-repeat;
      z-index: 3}

    body.home-page .visual,
body.home-page .visual img,
body.home-page .media,
body.home-page .media img{
      width: 100%;
      height: 100%}

    body.home-page .lazy-media{
      background: #efede8}

    body.home-page .visual img,
body.home-page .media img{
      object-fit: cover}

    body.home-page .scene img{
      opacity: .82;
      transform: scale(1.035);
      filter: blur(2px);
      transition:
        opacity 1050ms cubic-bezier(.22, 1, .36, 1),
        transform 1350ms cubic-bezier(.22, 1, .36, 1),
        filter 1050ms cubic-bezier(.22, 1, .36, 1);
      will-change: transform, opacity, filter}

    body.home-page .scene.active img,
body.home-page .scene.entering img{
      opacity: 1;
      transform: scale(1);
      filter: blur(0)}

    body.home-page .scene.leaving img{
      opacity: .7;
      transform: scale(.985);
      filter: blur(1.5px)}

    body.home-page .stage-slider{
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #efede8;
      touch-action: none;
      cursor: grab}

    body.home-page .stage-slides{
      display: flex;
      width: 100%;
      height: 100%;
      transform: translate3d(0, 0, 0);
      transition: transform 760ms var(--ease);
      will-change: transform}

    body.home-page .stage-slide{
      flex: 0 0 100%;
      width: 100%;
      height: 100%;
      position: relative;
      margin: 0}

    body.home-page .stage-slide img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-user-drag: none;
      user-select: none}

    body.home-page .stage-slider.is-dragging .stage-slides{
      transition: none}

    body.home-page .stage-slider.is-dragging{
      cursor: grabbing}

    body.home-page .slider-ui{
      position: absolute;
      inset: 0;
      z-index: 5;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
      opacity: 1;
      transition: opacity .5s ease}

    body.home-page .slider-dots{
      position: absolute;
      left: 50%;
      bottom: 28px;
      transform: translateX(-50%);
      display: flex;
      gap: 9px;
      pointer-events: auto}

    body.home-page .slider-dot{
      width: 26px;
      height: 2px;
      border: 0;
      padding: 0;
      background: rgba(255,255,255,.45);
      cursor: pointer}

    body.home-page .slider-dot.current{
      background: #fff}

    body.home-page .slider-arrows{
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 0 28px;
      pointer-events: none}

    body.home-page .slider-arrow{
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.72);
      border-radius: 50%;
      background: rgba(0,0,0,.24);
      backdrop-filter: blur(12px);
      color: #fff;
      cursor: pointer;
      pointer-events: auto;
      position: relative;
      z-index: 6;
      transition: background .18s ease, transform .18s ease, border-color .18s ease}

    body.home-page .slider-arrow:hover{
      background: rgba(255,255,255,.88);
      border-color: rgba(255,255,255,.92);
      color: #111;
      transform: scale(1.04)}

    body.home-page .slider-arrow svg{
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round}

    body.home-page .text-in{
      opacity: 0;
      transform: translate3d(0, 26px, 0) scale(.985);
      filter: blur(4px);
      transition:
        opacity 820ms cubic-bezier(.22, 1, .36, 1),
        transform 980ms cubic-bezier(.22, 1, .36, 1),
        filter 820ms cubic-bezier(.22, 1, .36, 1);
      transition-delay: 110ms;
      will-change: transform, opacity, filter}

    body.home-page .scene.active .text-in,
body.home-page .scene.entering .text-in{
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: blur(0)}

    body.home-page .scene.leaving .text-in{
      opacity: 0;
      transform: translate3d(0, -18px, 0) scale(.99);
      filter: blur(3px);
      transition-delay: 0ms}

    body.home-page.is-loading .scene.active .text-in{
      opacity: 0;
      transform: translate3d(0, 34px, 0) scale(.98);
      filter: blur(5px)}

    body.home-page .frame.mark::after{
      top: 110px;
      right: 84px}

    body.home-page.is-loaded .scene.active .text-in{
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      filter: blur(0)}

    body.home-page .intro{
      place-items: start center;
      padding: clamp(136px, 18vh, 190px) 24px 34px;
      text-align: center;
      background: #f7f4ef}

    body.home-page .intro.mark::after{
      top: 110px;
      right: clamp(74px, 6vw, 116px);
      width: 31px;
      height: 34px}

    body.home-page .intro-copy{
      width: min(820px, 100%);
      display: grid;
      justify-items: center;
      gap: clamp(12px, 1vw, 20px)}

    body.home-page .intro h1,
body.home-page .intro h2{
      margin: 0;
      text-transform: uppercase}

    body.home-page .intro h1{
      font-size: var(--type-title);
      font-weight: 400;
      letter-spacing: .22em}
    body.home-page .intro h2{
      font-size: clamp(24px, 1.458vw, 28px);
      font-weight: 700}
    body.home-page .intro p{
      margin: 0;
      max-width: 820px;
      font-size: var(--type-narrative);
      line-height: 1.48}

    body.home-page .intro-logo{
      display: none}

    body.home-page .split{
      grid-template-columns: 1fr 1fr}

    body.home-page .copy{
      display: grid;
      place-items: center;
      padding: clamp(56px, 7vw, 134px);
      text-align: center;
      background: #fff}

    body.home-page .copy-inner{ width: min(540px, 100%)}
    body.home-page .kicker{
      display: block;
      margin-bottom: 18px;
      text-transform: uppercase}

    body.home-page h2,
body.home-page h3{
      margin: 0}

    body.home-page h2{ }
    body.home-page h3{ }

    body.home-page .display-quote{
      margin-top: 28px}

    body.home-page .editorial-quote{
      margin: 0 auto 28px;
      max-width: 520px;
      color: #171412}

    body.home-page .park-story .copy-inner{
      width: min(440px, 100%)}

    body.home-page .park-story .display-quote{
      margin-top: 26px;
      white-space: nowrap}

    body.home-page .park-story .attribution{
      margin-top: 8px}

    body.home-page .park-story .supporting-copy{
      margin-top: 30px}

    body.home-page .copy p,
body.home-page .details p,
body.home-page .world p{
      margin: 22px auto 0;
      color: var(--muted)}

    body.home-page .copy p{
      font-size: clamp(13px, .78vw, 15px);
      line-height: 1.58}

    body.home-page .overlay{
      place-items: center;
      color: #fff;
      text-align: center}

    body.home-page .overlay .visual{
      position: absolute;
      inset: 0;
      z-index: 0}

    body.home-page .overlay::after{
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, .08);
      z-index: 1}

    body.home-page .overlay .text-in{
      z-index: 2}

    body.home-page .overlay h2{
      max-width: min(720px, calc(100vw - 96px));
      font-size: var(--type-quote);
      font-weight: 600;
      line-height: 1.25;
      text-transform: uppercase}

    body.home-page .map img{ object-fit: contain; background: #e8e2d7}
    body.home-page .mono img{ filter: grayscale(1)}

    body.home-page .details{
      align-items: center;
      padding: clamp(84px, 8vh, 104px) clamp(56px, 6vw, 116px) 30px;
      background: var(--soft)}

    body.home-page .details-grid{
      width: min(1900px, 100%);
      display: grid;
      grid-template-columns: 1.04fr 1fr 1fr;
      gap: clamp(68px, 6vw, 136px);
      align-items: start;
      justify-self: center;
      margin-inline: auto}

    body.home-page .details h2{
      margin: 0 0 18px}

    body.home-page .details .editorial-quote{
      font-size: var(--type-quote)}

    body.home-page .details h3{
      margin: 0 0 18px}

    body.home-page .details-lead p{
      padding-left: 0}

    body.home-page .fact{
      position: relative;
      padding-left: 28px;
      margin-bottom: 18px}

    body.home-page .fact::before{
      content: "";
      position: absolute;
      top: 4px;
      left: 0;
      width: 18px;
      height: 20px;
      background: url("../ui/lion-shield.svg") center / contain no-repeat}

    body.home-page .fact h4{
      margin: 0 0 10px;
      text-transform: uppercase}

    body.home-page .details p{
      margin: 0 0 10px;
      max-width: none;
      font-size: clamp(11.5px, .7vw, 13.5px);
      line-height: 1.48}

    body.home-page .world{
      place-items: center;
      padding: 56px 24px;
      text-align: center;
      background: #a38962;
      color: #fff}

    body.home-page .world .text-in{
      width: min(520px, 100%)}

    body.home-page .world h2{
      margin-bottom: 24px;
      text-transform: uppercase}

    body.home-page .world p{
      margin-top: 0;
      margin-bottom: 20px;
      color: rgba(255, 255, 255, .84)}

    body.home-page .brand-finale-copy{
      width: min(620px, 100%);
      display: flex;
      flex-direction: column;
      align-items: center}

    body.home-page .brand-finale-copy h2{
      margin-bottom: 20px}

    body.home-page .brand-finale-copy p{
      margin-bottom: 16px;
      font-size: clamp(12px, .74vw, 14.5px);
      line-height: 1.58}

    body.home-page .finale-link{
      min-width: 122px;
      height: 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-top: 4px;
      padding: 0 18px;
      border: 1px solid rgba(255,255,255,.72);
      border-radius: 999px;
      color: #fff;
      text-decoration: none;
      text-transform: uppercase;
      font-size: var(--type-small)}

    body.home-page .seal{
      display: block;
      flex: 0 0 auto;
      margin: 38px auto 0;
      width: 24px;
      height: 30px;
      background: url("../ui/lion-shield.svg") center / contain no-repeat;
      filter: brightness(0) invert(1)}

    body.home-page .menu-toggle{
      position: fixed;
      top: 24px;
      left: 26px;
      z-index: 40;
      width: 92px;
      height: 42px;
      border: 1px solid var(--line);
      border-radius: 0;
      background: rgba(255,255,255,.84);
      backdrop-filter: blur(16px);
      cursor: pointer;
      padding: 0;
      transition: background .18s ease, border-color .18s ease}

    body.home-page .menu-toggle:hover{
      background: #fff;
      border-color: rgba(9, 9, 9, .34)}

    body.home-page .menu-toggle:focus{
      outline: none}

    body.home-page .menu-toggle:focus-visible{
      outline: none}

    body.home-page .menu-toggle::before{
      content: "MENU";
      position: absolute;
      left: 13px;
      top: 50%;
      transform: translateY(-50%);
      color: #111;
      transition: opacity .18s ease}

    body.home-page .menu-toggle span{
      position: absolute;
      right: 13px;
      width: 23px;
      height: 1px;
      background: #111;
      transition: transform .2s ease, opacity .2s ease}

    body.home-page .menu-toggle span:first-child{ top: 16px}
    body.home-page .menu-toggle span:last-child{ top: 25px}
    body.home-page.menu-open .menu-toggle::before{ opacity: 0}
    body.home-page.menu-open .menu-toggle span{
      right: 34px;
      width: 22px}
    body.home-page.menu-open .menu-toggle span:first-child{ transform: translateY(4.5px) rotate(45deg)}
    body.home-page.menu-open .menu-toggle span:last-child{ transform: translateY(-4.5px) rotate(-45deg)}

    body.home-page .menu{
      position: fixed;
      inset: 0;
      z-index: 35;
      display: grid;
      grid-template-columns: minmax(360px, 40vw) 1fr;
      align-items: stretch;
      background: rgba(12,12,12,.36);
      backdrop-filter: none;
      opacity: 0;
      visibility: hidden;
      transition: opacity .24s ease, visibility .24s ease}

    body.home-page .menu::before{
      content: "";
      position: absolute;
      right: clamp(90px, 16vw, 280px);
      top: 50%;
      width: clamp(220px, 22vw, 390px);
      height: clamp(278px, 28vw, 494px);
      background: url("../ui/lion-shield.svg") center / contain no-repeat;
      opacity: .16;
      filter: invert(1);
      transform: translateY(-50%);
      pointer-events: none}

    body.home-page .menu::after{
      content: "";
      position: absolute;
      right: clamp(34px, 5vw, 82px);
      bottom: clamp(30px, 4vw, 66px);
      width: 92px;
      height: 1px;
      background: rgba(255,255,255,.38);
      pointer-events: none}

    body.home-page.menu-open .menu{ opacity: 1; visibility: visible}

    body.home-page .menu-list{
      position: relative;
      z-index: 1;
      display: grid;
      align-content: center;
      justify-items: start;
      gap: clamp(9px, .8vw, 14px);
      width: 100%;
      margin: 0;
      padding: clamp(58px, 7vw, 110px);
      text-align: left;
      background: rgba(255,255,255,.97);
      box-shadow: 34px 0 80px rgba(0,0,0,.10)}

    body.home-page .menu-list::before{
      content: "";
      width: 29px;
      height: 31px;
      margin-bottom: clamp(20px, 2.6vw, 34px);
      background: url("../ui/lion-shield.svg") center / contain no-repeat}

    body.home-page .menu-list p{
      margin: 0 0 clamp(20px, 2.2vw, 30px);
      color: rgba(0,0,0,.46);
      text-transform: uppercase}

    body.home-page .menu-pages{
      display: grid;
      gap: 10px;
      margin: 0 0 clamp(24px, 2.6vw, 38px)}

    body.home-page .menu-pages a{
      color: #111;
      text-decoration: none;
      text-transform: uppercase}

    body.home-page .menu-contact{
      display: grid;
      gap: 14px;
      margin-top: clamp(22px, 2.4vw, 34px);
      padding-top: clamp(22px, 2.4vw, 34px);
      border-top: 1px solid rgba(0,0,0,.12);
      width: min(420px, 100%)}

    body.home-page .menu-phone{
      color: #111;
      text-decoration: none}

    body.home-page .menu-cta{
      width: max-content;
      min-width: 148px;
      height: 38px;
      padding: 0 22px;
      border: 1px solid rgba(0,0,0,.24);
      background: transparent;
      color: #111;
      text-transform: uppercase;
      cursor: pointer}

    body.home-page .menu-langs{
      display: flex;
      gap: 18px;
      margin-top: 2px}

    body.home-page .menu-langs a{
      color: rgba(0,0,0,.55);
      text-decoration: none;
      text-transform: uppercase}

    body.home-page .menu-link{
      display: grid;
      grid-template-columns: 1fr 48px;
      align-items: center;
      justify-items: start;
      border: 0;
      width: min(420px, 100%);
      padding: 8px 0;
      background: transparent;
      color: rgba(0,0,0,.48);
      text-align: left;
      cursor: pointer;
      transition: color .16s ease, transform .16s ease}

    body.home-page .menu-link:hover,
body.home-page .menu-link.current{ color: #000; transform: translateX(4px)}
    body.home-page .menu-link::after{
      content: "";
      justify-self: end;
      width: 0;
      height: 1px;
      background: currentColor;
      opacity: 0;
      transition: width .18s ease, opacity .18s ease}
    body.home-page .menu-link:hover::after,
body.home-page .menu-link.current::after{
      width: 42px;
      opacity: 1}
    body.home-page .menu-link em{
      display: none}
    body.home-page .menu-link span{
      text-transform: uppercase}

    body.home-page .menu-note{ display: none}

    body.home-page .menu-toggle,
body.home-page .menu{
      display: none}

    body.home-page .meydan-copy{
      text-align: center}

    body.home-page .meydan-copy .copy-inner{
      width: min(410px, 100%)}

    body.home-page .meydan-copy h3{
      text-transform: uppercase}

    body.home-page .meydan-copy p{
      max-width: 365px;
      margin-top: 20px;
      color: #111}

    body.home-page .nav-ui{
      position: fixed;
      right: 26px;
      bottom: 24px;
      z-index: 30;
      display: grid;
      gap: 10px}

    body.home-page .nav-ui button{
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border: 1px solid var(--line);
      border-radius: 50%;
      background: rgba(255,255,255,.78);
      backdrop-filter: blur(16px);
      cursor: pointer}

    body.home-page .nav-ui svg{
      width: 18px;
      height: 18px;
      fill: none;
      stroke: #111;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round}

    body.home-page .counter{
      position: fixed;
      left: 28px;
      bottom: 24px;
      z-index: 30;
      display: flex;
      align-items: center;
      gap: 12px;
      color: rgba(0,0,0,.62)}

    body.home-page .bar{
      display: none;
      width: 118px;
      height: 1px;
      background: rgba(0,0,0,.18)}

    body.home-page .bar span{
      display: block;
      width: 0;
      height: 100%;
      background: #111;
      transition: width .65s cubic-bezier(.22, 1, .36, 1)}

    body.home-page .footer-prelude{
      position: absolute;
      left: 50%;
      bottom: 34px;
      width: min(1360px, calc(100% - 112px));
      padding: 24px 112px 0;
      border-top: 1px solid rgba(255,255,255,.2);
      color: rgba(255,255,255,.72);
      text-align: left;
      transform: translateX(-50%)}

    body.home-page .footer-spacer{
      align-self: center;
      justify-self: center;
      width: min(740px, calc(100% - 48px));
      padding-top: 96px;
      text-align: center}

    body.home-page .footer-spacer h2{
      margin: 0 0 26px;
      text-transform: uppercase}

    body.home-page .footer-spacer p{
      margin: 0 auto;
      max-width: 600px;
      color: rgba(0,0,0,.62)}

    body.home-page .site-footer{
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 70;
      width: 100%;
      min-height: 248px;
      display: block;
      margin: 0;
      padding: 0;
      background: #000;
      color: #fff;
      transform: translate3d(0, 100%, 0);
      transition: transform 820ms var(--ease)}

    body.home-page.footer-open .site-footer{ transform: translate3d(0, 0, 0)}

    body.home-page .footer-container{
      width: min(1360px, calc(100% - 112px));
      min-height: 248px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 72px minmax(280px, .62fr);
      align-items: center;
      gap: 46px;
      padding: 46px 0}

    body.home-page .footer-nav{
      display: grid;
      grid-template-columns: repeat(4, max-content);
      align-items: start;
      justify-content: start;
      gap: 44px}

    body.home-page .footer-group{
      display: grid;
      gap: 8px;
      align-content: start}

    body.home-page .footer-title{
      display: block;
      margin: 0 0 6px}

    body.home-page .footer-group a,
body.home-page .footer-legal a{
      color: inherit;
      text-decoration: none}

    body.home-page .footer-legal{
      display: grid;
      gap: 8px}

    body.home-page .footer-mark{
      width: 56px;
      min-height: 144px;
      display: grid;
      grid-template-rows: 37px 58px 37px;
      row-gap: 13px;
      align-content: center;
      align-items: center;
      justify-items: center}

    body.home-page .footer-mark::before,
body.home-page .footer-mark::after{
      content: "";
      width: 1px;
      height: 37px;
      background: rgba(255,255,255,.9)}

    body.home-page .footer-mark i{
      width: 50px;
      height: 58px;
      display: block;
      background: url("../ui/lion-shield.svg") center / contain no-repeat;
      filter: invert(1);
      opacity: .95}

    body.home-page .footer-contact{
      justify-self: end;
      display: grid;
      justify-items: end;
      gap: 18px;
      text-align: right}

    body.home-page .footer-phone{
      color: inherit;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 11px}

    body.home-page .footer-phone svg{
      width: 23px;
      height: 23px}

    body.home-page .footer-contact small{
    }

    body.home-page .socials{
      display: flex;
      gap: 17px;
      align-items: center}

    body.home-page .socials svg{
      width: 19px;
      height: 19px;
      display: block;
      fill: #fff;
      stroke: #fff}

    body.home-page .footer-cta{
      position: fixed;
      top: 50%;
      right: 0;
      z-index: 76;
      width: 32px;
      height: 78px;
      padding: 8px 0;
      border: 0;
      background: #a78c62;
      color: #fff;
      writing-mode: vertical-rl;
      transform: translateY(-50%) rotate(180deg);
      cursor: pointer;
      transition: background .2s ease, color .2s ease}

    body.home-page .footer-cta:hover,
body.home-page .footer-cta:focus{
      background: #fff;
      color: #a78c62}

    body.home-page .lead-overlay{
      position: fixed;
      inset: 0;
      z-index: 90;
      display: grid;
      place-items: center;
      padding: 28px;
      background: rgba(10,9,8,.58);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .25s ease, visibility .25s ease}

    body.home-page .lead-overlay.is-open{
      opacity: 1;
      visibility: visible;
      pointer-events: auto}

    body.home-page .lead-overlay .lead-modal{
      width: min(520px, calc(100vw - 36px));
      max-height: calc(100svh - 42px);
      overflow: auto;
      background: #fff;
      padding: 34px 36px;
      position: relative;
      box-shadow: 0 30px 100px rgba(0,0,0,.22)}

    body.home-page .lead-overlay h2{
      margin: 0 0 26px}

    body.home-page .lead-close{
      position: absolute;
      right: 18px;
      top: 14px;
      border: 0;
      background: transparent;
      cursor: pointer}

    body.home-page .lead-form{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px}

    body.home-page .lead-form label{
      display: grid;
      gap: 7px;
      color: #504943}

    body.home-page .lead-form input{
      height: 39px;
      border: 1px solid #cfc7bc;
      padding: 10px 12px}

    body.home-page .lead-form .full,
body.home-page .lead-form .check,
body.home-page .lead-status,
body.home-page .lead-form .btn{
      grid-column: 1 / -1}

    body.home-page .lead-form .check{
      display: flex;
      gap: 10px;
      align-items: flex-start}

    body.home-page .lead-form .btn{
      height: 38px;
      border: 0;
      background: #9d845e;
      color: #fff;
      text-transform: uppercase;
      cursor: pointer}

    body.home-page .lead-status{
      margin: 0;
      color: #8b7453;
      text-transform: uppercase}

    @media (max-width: 1280px) and (min-width: 1101px){
      body.home-page .footer-container{
        grid-template-columns: minmax(0, 1fr) 56px minmax(230px, .55fr);
        gap: 28px}
      body.home-page .footer-nav{
        grid-template-columns: repeat(2, max-content);
        gap: 24px 46px}
    }

    @media (max-width: 1100px){
      body.home-page .park-story .display-quote{
        white-space: normal}

      body.home-page .footer-prelude{
        width: 100%;
        padding: 24px 28px}
      body.home-page .site-header{
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1002}
      body.home-page .header-container{
        width: calc(100% - 28px);
        height: 72px;
        margin: 0 auto;
        grid-template-columns: auto auto;
        padding: 0;
        box-shadow: none}
      body.home-page .brand-link{ justify-self: start}
      body.home-page .header-logo{ width: 96px}
      body.home-page .scene.frame{ padding: 72px 14px 0}
      body.home-page .scene.hero-film{ padding-top: 72px}
      body.home-page .hero-caption h1{ max-width: 290px}
      body.home-page .header-nav{ display: none}
      body.home-page .header-actions{ display: none}
      body.home-page .mobile-toggle{
        display: block;
        justify-self: end;
        width: 40px;
        height: 40px}
      body.home-page .mobile-panel{
        position: fixed;
        inset: 72px 0 0;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        gap: 24px;
        padding: 34px 28px 28px;
        overflow: hidden;
        background: #f7f5f1;
        color: #111;
        transform: translateY(-14px);
        opacity: 0;
        pointer-events: none;
        transition: opacity .25s ease, transform .25s ease;
        z-index: 1001;
        isolation: isolate}
      body.home-page .mobile-panel::before{
        content: "";
        position: absolute;
        right: -54px;
        bottom: 52px;
        width: 220px;
        height: 250px;
        background: url("../ui/lion-shield.svg") center / contain no-repeat;
        opacity: .035;
        pointer-events: none;
        z-index: -1}
      body.home-page.menu-open .mobile-panel{
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto}
      body.home-page.menu-open .site,
body.home-page.menu-open .site-footer,
body.home-page.menu-open .nav-ui,
body.home-page.menu-open .counter{
        visibility: hidden}
      body.home-page .mobile-panel nav{
        display: grid;
        align-content: start;
        counter-reset: mobile-nav}
      body.home-page .mobile-navs{
        min-height: 0;
        overflow-y: auto;
        padding-right: 4px}
      body.home-page .mobile-panel nav::before{
        content: "BENESTA BENLEO";
        margin-bottom: 18px;
        color: #9d845e}
      body.home-page .mobile-panel .mobile-page-nav{
        margin-top: 28px}
      body.home-page .mobile-panel .mobile-page-nav::before{
        content: "PAGES"}
      body.home-page .mobile-panel nav a{
        counter-increment: mobile-nav;
        min-height: 56px;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) 14px;
        align-items: center;
        border-bottom: 1px solid rgba(17,17,17,.13);
        color: #111;
        text-decoration: none;
        text-transform: uppercase;
        transition: color .2s ease, padding-left .2s ease}
      body.home-page .mobile-panel nav a::before{
        content: "0" counter(mobile-nav);
        color: #9d845e}
      body.home-page .mobile-panel nav a::after{
        content: "";
        width: 7px;
        height: 7px;
        border-top: 1px solid currentColor;
        border-right: 1px solid currentColor;
        transform: rotate(45deg)}
      body.home-page .mobile-panel nav a:hover,
body.home-page .mobile-panel nav a:focus-visible{
        padding-left: 6px;
        color: #9d845e}
      body.home-page .mobile-contact{
        margin-top: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px 20px;
        padding-top: 20px;
        border-top: 1px solid rgba(17,17,17,.18);
        color: #111}
      body.home-page .mobile-contact > a{
        color: #111;
        text-decoration: none}
      body.home-page .mobile-whatsapp{
        display: inline-flex;
        align-items: center;
        gap: 10px;
        text-transform: uppercase}
      body.home-page .mobile-whatsapp::before{
        content: "";
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        background: currentColor;
        -webkit-mask: url("../ui/icon-whatsapp.svg") center / contain no-repeat;
        mask: url("../ui/icon-whatsapp.svg") center / contain no-repeat}
      body.home-page .mobile-langs{
        grid-column: 1 / -1;
        display: flex;
        gap: 18px;
        margin-top: 2px}
      body.home-page .mobile-langs a{
        color: #111;
        text-decoration: none}
      body.home-page .intro{
        place-items: start center;
        padding: 108px 22px 34px}
      body.home-page .intro.mark::after{
        top: 92px;
        right: 24px;
        width: 24px;
        height: 27px}
      body.home-page .intro-copy{
        width: min(560px, 100%);
        gap: 14px}
      body.home-page .intro h1{
      }
      body.home-page .intro h2{
      }
      body.home-page .intro p{
        max-width: 540px}
      body.home-page .intro-logo{
        display: none}
      body.home-page .details{ overflow-y: auto; align-items: start}
      body.home-page .details-grid{ grid-template-columns: 1fr}
      body.home-page .slider-arrows{ padding: 0 14px}
      body.home-page .slider-arrow{ width: 44px; height: 44px}
      body.home-page .slider-dots{ bottom: 18px}
      body.home-page .counter{ left: 18px; bottom: 18px}
      body.home-page .bar{ display: none; width: 74px}
      body.home-page .nav-ui{ right: 18px; bottom: 18px}
      body.home-page .nav-ui button{ width: 42px; height: 42px}
      body.home-page .footer-spacer{ padding-top: 110px}
      body.home-page .site-footer{
        width: 100%;
        min-height: 0;
        display: block}
      body.home-page .footer-container{
        width: calc(100% - 48px);
        min-height: auto;
        grid-template-columns: 1fr;
        justify-items: start;
        align-content: center;
        gap: 30px;
        padding: 42px 0}
      body.home-page .footer-nav{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 30px; width: 100%}
      body.home-page .footer-mark{ display: none}
      body.home-page .footer-contact{ justify-self: start; justify-items: start; text-align: left}
      body.home-page .footer-phone{ }
      body.home-page .lead-overlay .lead-modal{ padding: 30px 24px}
      body.home-page .lead-form{ grid-template-columns: 1fr}
    }

    @media (prefers-reduced-motion: reduce){
      body.home-page .preloader-mark,
body.home-page .preloader-mark::after,
body.home-page.scene-transitioning .scene.entering::before{
        animation: none}

      body.home-page .preloader,
body.home-page .header-container,
body.home-page .header-logo,
body.home-page .header-nav,
body.home-page .header-actions,
body.home-page .track,
body.home-page .scene img,
body.home-page .text-in,
body.home-page .stage-slides{
        transition-duration: .01ms !important}

      body.home-page .text-in,
body.home-page .scene img{
        transform: none !important;
        filter: none !important}
    }
    @media (min-width: 1101px){
      body.home-page .header-container{
        width: calc(100% - 11.02vw);
        height: min(198px, 9.74vw);
        grid-template-columns: min(220px, 10.82vw) minmax(0, 1fr) auto}

      body.home-page .header-logo{ width: min(174px, 8.56vw)}
      body.home-page .header-nav,
body.home-page .header-actions{ gap: min(40px, 1.97vw)}
      body.home-page .header-actions{ gap: min(17px, .84vw)}
      body.home-page .header-nav a,
body.home-page .header-actions a,
body.home-page .lang,
body.home-page .pages-trigger{ }
      body.home-page .wa-icon,
body.home-page .wa-icon svg{ width: min(19px, .934vw); height: min(19px, .934vw)}

      body.home-page .scene.frame{ padding: min(84px, 4.13vw) 2.755vw 0}
      body.home-page .scene.hero-film{ padding-top: min(198px, 9.74vw)}

      body.home-page .site-header.is-compact .header-container{
        width: calc(100% - 5.51vw);
        height: min(84px, 4.13vw)}
      body.home-page .site-header.is-compact .header-logo{ width: min(122px, 6vw)}
      body.home-page .site-header.is-compact .header-nav{ gap: min(30px, 1.48vw)}
      body.home-page .site-header.is-compact .header-actions{ gap: min(14px, .69vw)}
      body.home-page .site-header.is-compact .header-nav a,
body.home-page .site-header.is-compact .header-actions a,
body.home-page .site-header.is-compact .lang,
body.home-page .site-header.is-compact .pages-trigger{ }

    }

    @media (max-width: 680px){
      body.home-page .split{ grid-template-columns: 1fr}
      body.home-page .media{ min-height: 48svh}
      body.home-page .copy{
        min-height: 52svh;
        padding: 32px 22px 44px;
        place-items: start center}
      body.home-page .scene-scroll{
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: none}
      body.home-page .scene-scroll::-webkit-scrollbar{ display: none}
      body.home-page .scene.frame.split{ grid-template-rows: 1fr 1fr}
      body.home-page .scene.frame.split > .media,
body.home-page .scene.frame.split > .copy{ min-height: 0}
      body.home-page{
      }
      body.home-page .editorial-quote{
        margin-bottom: 18px}
      body.home-page .details{
        overflow-y: auto;
        padding: 102px 24px 38px}
      body.home-page .details-grid{
        grid-template-columns: 1fr;
        gap: 16px}
      body.home-page .world{ padding: 100px 24px 34px}
    }