:root { --container: 1200px; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#1a1a1a; }
a { color: inherit; }
.container { width: min(100%, calc(var(--container) + 40px)); margin-inline: auto; padding-inline: 20px; }
.container--narrow { width: min(100%, 840px); margin-inline: auto; padding: 24px; } .site-header { position: sticky; top: 0; z-index: 100; background: #fff; }
.site-header__bar { display:flex; align-items:center; justify-content:space-between; gap: 16px; height: 80px; padding: 0 16px; }
.site-branding { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; }
.site-title { font-weight: 800; text-decoration:none; }
.menu-toggle { background: transparent; border: 0; padding: 12px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.menu-toggle .bars { width: 24px; height: 2px; background: #111; display: block; position: relative; }
.menu-toggle .bars::before, .menu-toggle .bars::after { content:""; position:absolute; left:0; right:0; height:2px; background:#111; }
.menu-toggle .bars::before { top:-6px; } .menu-toggle .bars::after { top:6px; }
.menu-open .menu-toggle .bars, .menu-open .menu-toggle .bars::before, .menu-open .menu-toggle .bars::after { background:#fff; }
.menu-text { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; } .site-menu-overlay {
position: fixed; inset: 0; background: #111; color: #fff; z-index: 1200;
clip-path: circle(0% at 100% 0); transition: clip-path .6s cubic-bezier(.22,1,.36,1);
display: flex; align-items: center; justify-content: center; pointer-events: none;
}
.site-menu-overlay.is-open { clip-path: circle(150% at 100% 0); pointer-events: auto; }
.overlay-nav { text-align:center; }
.overlay-menu { list-style:none; margin:0; padding:0; }
.overlay-menu li { margin: 10px 0; font-weight: 700; font-size: clamp(22px, 4vw, 46px); }
.overlay-menu a { color:#fff; text-decoration: none; } .entry-content--full > * { max-width: none; }
.entry-title { margin: 24px 0; } .marli-hero { margin-top: var(--hero-top, 80px); }
.marli-hero__frame { position: relative; }
.marli-hero__media { position: relative; border-radius: var(--hero-radius, 24px); overflow: hidden; min-height: 60vh; background-size: cover; background-position: center; }
.marli-hero__content { position: absolute; left: clamp(24px, 6vw, 80px); bottom: clamp(24px, 6vw, 80px); max-width: min(1000px, 80%); color: #fff; text-shadow: 0 2px 18px rgba(0,0,0,.3); }
.marli-hero__title { font-weight: 700; line-height: .95; font-size: clamp(36px, 6.2vw, 84px); margin: 0 0 12px 0; }
.marli-hero__subtitle { font-weight: 400; font-size: clamp(16px, 1.6vw, 22px); margin: 0; opacity: .95; }
.marli-hero__leftlabel { position: absolute; left: -4px; top: 0; bottom: 0; writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: .06em; font-size: 12px; display: flex; align-items: center; opacity: .9; }
.marli-hero__contacttab { position: absolute; right: -4px; top: 0; bottom: 0; display: flex; align-items: center; gap: 10px; writing-mode: vertical-rl; border: none; background: #B58E86; color: #fff; padding: 16px 10px; border-radius: 10px 0 0 10px; cursor: pointer; transition: transform .25s ease, opacity .25s ease; }
.marli-hero__contacttab:hover { transform: translateX(-2px); }
.marli-hero__contacttab:focus { outline: 2px solid #000; outline-offset: 2px; }
.marli-hero__drawer { position: fixed; inset: 0; display: grid; grid-template-columns: 1fr min(520px, 90vw); pointer-events: none; z-index: 1000; }
.marli-hero__backdrop { grid-column: 1 / span 1; background: rgba(0,0,0,.35); border: 0; margin: 0; padding: 0; pointer-events: none; opacity: 0; transition: opacity .25s ease; }
.marli-hero__drawer-inner { grid-column: 2 / span 1; background: #fff; height: 100%; transform: translateX(100%); transition: transform .35s cubic-bezier(.22,1,.36,1); box-shadow: -10px 0 30px rgba(0,0,0,.2); }
.marli-hero__drawer-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid #eee; }
.marli-hero__drawer-body { padding: 24px; }
.marli-hero__drawer-close { font-size: 28px; border: 0; background: transparent; cursor: pointer; line-height: 1; }
.marli-hero__drawer.is-open .marli-hero__drawer-inner { transform: translateX(0); }
.marli-hero__drawer.is-open + .marli-hero__backdrop { opacity: 1; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) {
.site-menu-overlay { transition: none; }
.marli-hero__drawer-inner, .marli-hero__backdrop { transition: none; }
}:root{
--hero-side: 50px; --hero-top: 0px; --hero-radius: 24px; cursor: none;
}
body { background-color: #fff; } .marli-cursor {
position: fixed;
z-index: 99999;
width: 20px;
height: 20px;
border-radius: 50%;
background: #6A9395;
pointer-events: none;
transform: translate(-50%, -50%);
transition: width 0.35s cubic-bezier(.22,1,.36,1), height 0.35s cubic-bezier(.22,1,.36,1), opacity 0.2s, background 0.3s;
will-change: top, left;
opacity: 0;
mix-blend-mode: difference;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.marli-cursor__label{
color: #fff;
font-family: "Unbounded", system-ui, sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: .04em;
text-transform: uppercase;
white-space: nowrap;
opacity: 0;
transform: scale(0);
transition: opacity .25s, transform .25s cubic-bezier(.22,1,.36,1);
pointer-events: none;
}
.marli-cursor.is-active { opacity: 1; }
.marli-cursor.is-hover { width: 50px; height: 50px; }
.marli-cursor.has-label {
width: 80px;
height: 80px;
background: rgba(106,147,149,.85);
}
.marli-cursor.has-label .marli-cursor__label{
opacity: 1;
transform: scale(1);
}
*, *::before, *::after { cursor: none !important; } .marli-transition{
position: fixed;
inset: 0;
z-index: 99998;
background: #956C6A;
pointer-events: none;
transform-origin: top; transform: scaleY(1);
} .marli-transition.is-ready{
transition: transform .5s cubic-bezier(.77,0,.18,1);
transform: scaleY(0);
transform-origin: top;
} .marli-transition.is-ready.is-exiting{
transform: scaleY(1);
transform-origin: bottom;
} .site-menu-overlay { clip-path: circle(0% at 0 0) !important; background: #B58E86; }
.site-menu-overlay.is-open { clip-path: circle(150% at 0 0) !important; } .marli-hero{ position: relative; margin-top: var(--hero-top); }
.marli-hero__frame{ position: relative; margin-left: var(--hero-side); margin-right: var(--hero-side); }
.marli-hero__media{
position: relative;
border-radius: var(--hero-radius);
overflow: hidden;
height: 700px !important; min-height: 700px !important;
background-size: cover;
background-position: center;
}
.marli-hero__content{
position: absolute;
left: clamp(24px, 6vw, 80px);
bottom: clamp(24px, 6vw, 80px);
max-width: min(1000px, 80%);
color: #fff;
text-shadow: 0 2px 18px rgba(0,0,0,.30);
}
.marli-hero__title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400 !important; line-height: .95;
margin: 0 0 12px 0;
}
.marli-hero__subtitle{ font-weight: 300; opacity: .98; } .marli-hero__leftlabel{
position: absolute;
top: 0; bottom: 0; left: 0;
width: var(--hero-side);
display: flex; align-items: center; justify-content: center;
writing-mode: vertical-rl;
transform: rotate(0deg); text-transform: uppercase;
letter-spacing: .12em;
font-size: 12px;
color: #1E1E1E;
opacity: .9;
pointer-events: none;
z-index: 3;
} .marli-hero__contacttab{
position: fixed; right: 0;
top: 50%;
transform: translateY(-50%);
writing-mode: vertical-rl;
height: 215px; display: flex; align-items: center;
justify-content: center;
padding: 0 10px; background: #B58E86;
color: #fff;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 25px; font-weight: 400; line-height: 1;
border: 0;
border-radius: 0; box-shadow: none;
letter-spacing: 0;
transition: opacity .2s ease; z-index: 1000;
}
.marli-hero__contacttab:hover,
.marli-hero__contacttab:focus{
opacity: .9;
transform: translateY(-50%); } .marli-hero__drawer{
position: fixed !important;
right: 16px; top: 50%;
transform: translate(24px, -50%); width: min(520px, 85vw);
max-height: min(80vh, 640px);
background: #fff;
box-shadow: -10px 12px 30px rgba(0,0,0,.18);
border-radius: 16px;
opacity: 0; pointer-events: none;
transition: transform .35s cubic-bezier(.22,1,.36,1), opacity .2s ease;
z-index: 1100;
}
.marli-hero__drawer-inner{ height: auto; }
.marli-hero__drawer-header{ padding: 18px 22px; border-bottom: 1px solid #eee; }
.marli-hero__drawer-body{ padding: 20px 22px; }
.marli-hero__drawer-close{ font-size: 26px; line-height: 1; background: transparent; border: 0; cursor: pointer; }
.marli-hero__drawer.is-open{ transform: translate(0, -50%); opacity: 1; pointer-events: auto; }
.marli-hero__backdrop{ display: none !important; } .marli-ctab-backdrop {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.3);
border: 0;
padding: 0;
cursor: pointer;
z-index: -1;
opacity: 0;
transition: opacity 0.3s;
}
.marli-ctab-global-drawer.is-open .marli-ctab-backdrop { opacity: 1; } @media (max-width: 992px){
:root{ --hero-side: 28px; }
.marli-hero__contacttab{ font-size: 20px; height: 200px; }
.marli-hero__drawer{ width: min(440px, 92vw); }
}
@media (max-width: 640px){
:root{ --hero-side: 20px; }
.marli-hero__contacttab{ font-size: 18px; height: 180px; }
} .marli-hero{
position: relative; padding-left: var(--hero-side); padding-right: var(--hero-side);
} .marli-hero__frame{
position: relative;
margin-left: 0 !important;
margin-right: 0 !important;
} .marli-hero{ position: relative;
}
.marli-hero__leftlabel{
position: absolute;
left: 0; top: 0; bottom: 0;
width: var(--hero-side); display: flex;
align-items: center; justify-content: center; writing-mode: vertical-rl;
transform: rotate(0deg); text-transform: uppercase;
letter-spacing: .12em;
font-size: 12px;
color: #1E1E1E;
opacity: .9;
pointer-events: none;
z-index: 3;
} .marli-hero__title{
font-weight: 400 !important;
font-size: 70px !important;
line-height: .95;
} .marli-hero{
position: relative;
padding-left: var(--hero-side); padding-right: var(--hero-side);
} .marli-hero__frame{
position: static !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .marli-hero__leftlabel{
position: absolute; left: 0; top: 0; 
bottom: 0;
width: var(--hero-side); display: flex;
align-items: center; justify-content: center; writing-mode: vertical-rl;
transform: rotate(0deg); text-transform: uppercase;
letter-spacing: .12em;
font-size: 12px;
color: #1E1E1E;
opacity: .9;
pointer-events: none;
z-index: 5; } .marli-hero__title{
font-weight: 400 !important;
font-size: 70px !important;
line-height: .95;
} .site-header{
position: sticky;
top: 0;
z-index: 1000;
} .site-header__bar{
display:flex; align-items:center; justify-content:space-between; gap:16px;
height: 80px; padding: 0 16px;
}
.site-branding{ position:absolute; left:50%; transform:translateX(-50%); display:flex; align-items:center; }
.site-lang{ margin-left:auto; display:flex; align-items:center; }
.lang-list{ display:flex; gap:12px; list-style:none; margin:0 40px 0 0; padding:0; }
.lang-list li a{
text-decoration:none;
font: 400 14px/1 "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:#1E1E1E; opacity:.8;
}
.lang-list li.is-current a{ opacity:1; text-decoration: underline; }
.lang-list li a:hover{ opacity:1; } .marli-intro{
position: relative;
padding-left: var(--hero-side);
padding-right: var(--hero-side);
padding-top: var(--intro-pt, 140px);
padding-bottom: var(--intro-pb, 140px);
}
.marli-intro__inner{
position: relative;
max-width: min(1100px, 85%);
margin: 0 auto;
text-align: center;
} .marli-intro__deco{
position: absolute;
left: 50%; top: 50%;
transform: translate(-50%, -50%);
width: var(--deco-w, 520px);
opacity: var(--deco-op, .35);
pointer-events: none;
z-index: 0;
mix-blend-mode: multiply; } .marli-intro__title{
position: relative; z-index: 1;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400; font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.02;
letter-spacing: 0;
margin: 0 0 20px 0;
color: #1E1E1E;
}
.marli-intro__subtitle{
position: relative; z-index: 1;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.25;
opacity: .95;
color: #1E1E1E;
max-width: 900px;
margin: 0 auto;
} @media (max-width: 768px){
.marli-intro{ padding-top: 100px; padding-bottom: 100px; }
} .marli-intro__deco-wrap,
.marli-intro__deco{
position: absolute;
left: 50%; top: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 0;
}   .marli-intro__deco-svg{
width: var(--deco-w, 520px);
opacity: var(--deco-op, .35);
display: block;
} .marli-intro__deco-svg path,
.marli-intro__deco-svg line,
.marli-intro__deco-svg polyline,
.marli-intro__deco-svg polygon,
.marli-intro__deco-svg circle,
.marli-intro__deco-svg rect{
vector-effect: non-scaling-stroke;
stroke-linecap: round;
stroke-linejoin: round; } @media (prefers-reduced-motion: reduce){
.marli-intro__deco{ --reveal: 1 !important; -webkit-mask-image:none; mask-image:none; }
.marli-intro__deco-svg path,
.marli-intro__deco-svg line,
.marli-intro__deco-svg polyline,
.marli-intro__deco-svg polygon,
.marli-intro__deco-svg circle,
.marli-intro__deco-svg rect{
stroke-dasharray: none !important;
stroke-dashoffset: 0 !important;
}
} :root{ --ease: cubic-bezier(.22,1,.36,1); --dur:.6s; --y-sm:16px; }
[data-anim]{ opacity:0; transform:translate3d(0,var(--y-sm),0); transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease); }
.is-inview[data-anim]{ opacity:1; transform:none; } [data-anim="fade"]{ --y-sm:0; }
[data-anim="fade-up"]{ --y-sm:16px; } .marli-discover{
position: relative;
padding-left: var(--hero-side);
padding-right: var(--hero-side);
padding-top: var(--dis-pt, 80px);
padding-bottom: var(--dis-pb, 80px);
} .marli-discover__head{
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 24px;
margin-bottom: 28px;
}
.marli-discover__title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.05;
color:#1E1E1E;
margin: 0;
}
.marli-discover__intro{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.35;
color:#1E1E1E;
max-width: 560px;
margin: 6px 0 0 auto; } .marli-discover__grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--dis-gap, 24px);
} .marli-discover__card{
position: relative;
display: block;
border-radius: var(--hero-radius);
overflow: hidden;
text-decoration: none;
color: inherit;
background: #000; aspect-ratio: 16 / 10;
}
.marli-discover__card.is-featured{
grid-column: span 2;
aspect-ratio: 16 / 7;
}
.marli-discover__img{
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover; object-position: center;
filter: brightness(0.95);
} .marli-discover__overlay{
position: absolute; inset: 0;
display: flex; flex-direction: column; justify-content: flex-end;
padding: clamp(16px, 2.2vw, 28px);
color: #fff;
text-shadow: 0 2px 12px rgba(0,0,0,.35);
}
.marli-discover__overlay::before{
content:"";
position: absolute; left:0; right:0; bottom:0; height:70%;
background: linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 65%);
pointer-events: none;
z-index: 0;
}
.marli-discover__card-title{
position: relative; z-index: 1;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(18px, 2.2vw, 28px);
line-height: 1.15;
margin: 0 0 8px 0;
color:#fff;
}
.marli-discover__card-text{
position: relative; z-index: 1;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(14px, 1.5vw, 18px);
line-height: 1.3;
margin: 0;
opacity: .95;
color:#fff;
} @media (max-width: 992px){
.marli-discover__head{ grid-template-columns: 1fr; }
.marli-discover__intro{ margin: 8px 0 0 0; max-width: none; }
}
@media (max-width: 780px){
.marli-discover__grid{ grid-template-columns: 1fr; }
.marli-discover__card.is-featured{ grid-column: auto; aspect-ratio: 16/10; }
} .marli-about{
position: relative;
padding-left: var(--hero-side);
padding-right: var(--hero-side);
padding-top: var(--about-pt, 100px);
padding-bottom: var(--about-pb, 100px);
}
.marli-about__inner{
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: var(--about-gap, 56px);
align-items: center;
} .marli-about--img-left .marli-about__inner{
grid-template-columns: 1fr 1.1fr;
}
.marli-about--img-left .marli-about__text{ order: 2; }
.marli-about--img-left .marli-about__media{ order: 1; } .marli-about__title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400; font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.08;
color:#1E1E1E;
margin: 0 0 24px 0;
}
.marli-about__paras{ display: grid; gap: 26px; max-width: 720px; }
.marli-about__p{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300; font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.32;
color:#1E1E1E;
margin: 0;
} .marli-about__cta{
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 28px;
text-decoration: none;
color: #1E1E1E;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400; font-size: 25px;
text-transform: uppercase;
letter-spacing: .06em;
}
.marli-about__cta-deco{
position: absolute;
left: 0;
bottom: -6px; width: var(--cta-deco-w, 180px);
height: auto;
pointer-events: none;
user-select: none;
} .marli-about__media img{
width: 100%; height: auto; display: block;
border-radius: var(--hero-radius);
object-fit: cover; object-position: center; aspect-ratio: 16 / 10;
} @media (max-width: 1024px){
.marli-about__inner{ grid-template-columns: 1fr; }
.marli-about--img-left .marli-about__text,
.marli-about--img-left .marli-about__media{ order: initial; }
.marli-about__media{ margin-top: 24px; }
} .marli-cta-wrap{ display:flex; justify-content:flex-start; margin-top: var(--cta-mt,28px); }
.marli-cta-wrap--center{ justify-content:center; }
.marli-cta-wrap--end{ justify-content:flex-end; }
.marli-cta{
position: relative;
display:inline-block;
text-decoration:none;
color:#1E1E1E;
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:400; font-size:25px; text-transform:uppercase;
letter-spacing:.06em;
line-height:1.1;
}
.marli-cta__deco{
position:absolute; left:0; bottom:-6px;
width: var(--cta-w,180px); height:auto;
pointer-events:none; user-select:none;
}
.marli-cta--light{ color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.35); } .marli-team{
padding-left: var(--hero-side);
padding-right: var(--hero-side);
padding-top: var(--team-pt, 100px);
padding-bottom: var(--team-pb, 100px);
text-align: center;
}
.marli-team__head{ max-width: 820px; margin: 0 auto 36px; }
.marli-team__title{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 400;
font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.06;
margin: 0 0 10px 0;
color:#1E1E1E;
}
.marli-team__intro{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 300;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.35;
margin: 0 auto;
opacity: .95;
} .marli-team__grid{
display: flex;
flex-wrap: wrap;
justify-content: center; gap: var(--team-gap, 28px);
margin: 28px auto 36px;
max-width: 1200px;
list-style: none; padding: 0;
}
.marli-team__item{
flex: 0 1 calc((100% - 2 * var(--team-gap, 28px)) / 3);
max-width: 360px;
min-width: 260px;
} .marli-team__card{
position: relative;
display: block;
padding: 28px 16px 16px; }
.marli-team__card::before{
content:"";
position:absolute; left:50%; bottom:0;
width: 92%; height: 70%;
transform: translateX(-50%) translateY(6%) scale(1);
background: color-mix(in oklab, var(--team-blob, #B58E86) 100%, transparent 0%);
opacity: var(--team-blob-op, .95);
border-radius: 44% 56% 58% 42% / 48% 42% 52% 52%;
transition: transform .6s cubic-bezier(.22,1,.36,1), border-radius .6s cubic-bezier(.22,1,.36,1);
z-index: 0;
}
.marli-team__card:hover::before{
transform: translateX(-50%) translateY(0%) scale(1.04) rotate(1.5deg);
border-radius: 40% 60% 60% 40% / 55% 45% 50% 50%;
} .marli-team__photo-wrap{ position: relative; z-index: 1; }
.marli-team__photo{
width: 100%; height: auto; display: block;
filter: drop-shadow(0 6px 18px rgba(0,0,0,.12));
} .marli-team__overlay{
position: absolute; left: 12px; right: 12px; bottom: 14px;
padding: 10px 14px;
background: rgba(0,0,0,.4);
border-radius: 12px;
color: #fff;
transform: translateY(10px);
opacity: 0;
transition: transform .28s ease, opacity .28s ease;
z-index: 2;
pointer-events: none;
}
.marli-team__card:hover .marli-team__overlay{
transform: translateY(0);
opacity: 1;
} .marli-team__caption{
display: none;
margin-top: 10px;
}
.marli-team__name{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 600;
font-size: clamp(16px, 1.8vw, 22px);
line-height: 1.15; margin: 0;
}
.marli-team__role{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 400;
font-size: clamp(14px, 1.6vw, 18px);
line-height: 1.2; margin: 2px 0 0 0;
opacity: .95;
} .marli-team .marli-cta-wrap{ justify-content: center; } @media (max-width: 900px){
.marli-team__item{ flex: 0 1 calc((100% - var(--team-gap,28px)) / 2); }
}
@media (max-width: 560px){
.marli-team__item{ flex: 1 1 100%; }
.marli-team__overlay{ display: none; }
.marli-team__caption{ display: block; }
} .marli-team__title{ position: relative; display: inline-block; text-align:center; }
.marli-team__title-last{
position: relative; display:inline-block; }
.marli-team__title-deco{
position: absolute;
top: var(--tdeco-top, -20px);
left: var(--tdeco-left, 8px);
width: var(--tdeco-w, 140px);
height: auto;
z-index: -1; pointer-events: none; user-select: none;
} .marli-draw { display: block; }
.marli-draw svg {
width: 100%; height: auto; display: block;
opacity: 1 !important;
}
.marli-draw svg path,
.marli-draw svg circle,
.marli-draw svg ellipse,
.marli-draw svg line,
.marli-draw svg polyline,
.marli-draw svg polygon {
transition: stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1) 0.4s;
}
.is-inview .marli-draw svg path,
.is-inview .marli-draw svg circle,
.is-inview .marli-draw svg ellipse,
.is-inview .marli-draw svg line,
.is-inview .marli-draw svg polyline,
.is-inview .marli-draw svg polygon {
stroke-dashoffset: 0 !important;
}
@media (prefers-reduced-motion: reduce){
.marli-draw svg path,
.marli-draw svg circle,
.marli-draw svg ellipse,
.marli-draw svg line,
.marli-draw svg polyline,
.marli-draw svg polygon {
stroke-dasharray: none !important;
stroke-dashoffset: 0 !important;
transition: none;
}
} .marli-team__cta-lead{
margin: 24px 0 6px;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.3;
color: #1E1E1E;
} .marli-team .marli-cta-wrap{ justify-content: center; } .marli-team__title{
font-weight: 400 !important; font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.06;
}
.marli-team__intro,
.marli-team__cta-lead{
font-weight: 300;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.3;
} .marli-team__card{ position: relative; display:block; padding: 0 8px 8px; }
.marli-team__card::before{ content:none !important; } .marli-team__blob{
position: absolute;
left: 50%;
bottom: var(--blob-b, 0px);
transform: translateX(-50%);
width: min(var(--blob-w, 88%), 100%);
height: auto;
z-index: 0;
pointer-events: none;
user-select: none;
} .marli-team__photo-wrap{ position: relative; z-index: 1; }
.marli-team__photo{
width: 100%; height: auto; display:block;
filter: drop-shadow(0 6px 18px rgba(0,0,0,.12));
} .marli-team__overlay{
position: absolute;
left: 8px; right: 8px;
bottom: 8px;
height: 45%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;
padding: 10px 14px;
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #956C6A 100%);
border-radius: 10px;
color: #FFFFFF; transform: translateY(8px);
opacity: 0;
transition: opacity .25s ease, transform .25s ease;
z-index: 2;
}
.marli-team__card:hover .marli-team__overlay{
opacity: 1;
transform: translateY(0);
} .marli-team__name{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 400;
font-size: clamp(16px, 1.8vw, 22px);
line-height: 1.15;
margin: 0;
}
.marli-team__role{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 300;
font-size: clamp(14px, 1.6vw, 18px);
line-height: 1.2;
margin: 2px 0 0 0;
} .marli-team__caption{ display: none; margin-top: 10px; }
@media (max-width: 560px){
.marli-team__overlay{ display: none; }
.marli-team__caption{ display: block; text-align:center; }
} .marli-team__grid{
display:flex; flex-wrap:wrap; justify-content:center;
gap: var(--team-gap, 28px);
margin: 28px auto 36px; max-width:1200px; list-style:none; padding:0;
}
.marli-team__item{ flex:0 1 calc((100% - 2*var(--team-gap,28px))/3); max-width:360px; min-width:260px; }
@media (max-width: 900px){ .marli-team__item{ flex:0 1 calc((100% - var(--team-gap,28px))/2); } }
@media (max-width: 560px){ .marli-team__item{ flex:1 1 100%; } } .marli-cta-banner{
position: relative;
padding-left: var(--hero-side);
padding-right: var(--hero-side);
min-height: var(--cta-min-h, 520px);
padding-top: var(--cta-pt, 120px);
padding-bottom: var(--cta-pb, 140px);
display: grid;
place-items: center;
text-align: center; background:
radial-gradient(120% calc(260px + (var(--cta-curve,55) * 2px)) at 50% 0,
rgba(255,255,255,1) 0%,
rgba(255,255,255,1) 55%,
color-mix(in oklab, var(--cta-to,#956C6A) 24%, transparent) 75%,
color-mix(in oklab, var(--cta-to,#956C6A) 70%, transparent) 100%)
,
linear-gradient(180deg, rgba(255,255,255,0) 0%, var(--cta-to,#956C6A) 100%);
background-blend-mode: normal, multiply;
}
.marli-cta-banner__inner{ max-width: 1100px; margin: 0 auto; }
.marli-cta-banner__title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(34px, 6vw, 70px);
line-height: 1.06;
color: #1E1E1E;
margin: 0 0 16px;
}
.marli-cta-banner__body{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.3;
color: #1E1E1E;
max-width: 1050px;
margin: 0 auto 26px;
opacity: .98;
} .marli-cta-banner .marli-cta-wrap{ justify-content: center; }
.marli-cta-banner .marli-cta{ color: var(--cta-color, #1E1E1E); } .site-footer{
position: relative;
padding-left: var(--hero-side);
padding-right: var(--hero-side);
color: #F4EDEA;
background:
linear-gradient(180deg, rgba(255,255,255,0) 0%, var(--footer-to, #956C6A) 100%);
}
.site-footer__inner{ position: relative; z-index: 1; }
.site-footer__top{
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: clamp(28px, 6vw, 120px);
padding-top: clamp(48px, 8vw, 120px);
padding-bottom: clamp(28px, 6vw, 80px);
align-items: start;
} .site-footer__logo{ width: clamp(120px, 20vw, 180px); height: auto; display:block; margin-bottom: 18px; } .site-footer__navcols{
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(24px, 4vw, 60px);
}
.site-footer__navtitle{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 400;
font-size: clamp(12px, 1.2vw, 12px);
letter-spacing: .12em;
text-transform: uppercase;
color: #EADBD8;
margin: 0 0 10px 0;
}
.site-footer__menu{ list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.site-footer__menu a{
color: #FFF; text-decoration: none;
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: clamp(16px, 1.8vw, 28px);
opacity: .95;
}
.site-footer__menu a:hover{ opacity: 1; text-decoration: underline; } .site-footer__social{
display: flex; align-items: center; gap: 18px;
padding-bottom: 0px;
margin: 0; list-style: none;
}
.site-footer__social a{ display:inline-flex; width: 34px; height: 34px; }
.site-footer__social svg{ width: 100%; height: 100%; fill: #F6EDEB; opacity: .92; transition: opacity .2s ease; }
.site-footer__social a:hover svg{ opacity: 1; } .site-footer__divider{ border: 0; border-top: 1px solid rgba(255,255,255,.35); margin: 10px 0 14px; }
.site-footer__bottom{
display: grid; grid-template-columns: 1fr auto; gap: 20px;
align-items: center;
padding-bottom: clamp(24px, 4vw, 36px);
}
.site-footer__copy{
margin: 0;
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 400;
font-size: clamp(14px, 1.4vw, 22px);
color: #F6EDEB;
}
.site-footer__policies{ margin: 0; font-size: clamp(14px, 1.4vw, 22px); }
.site-footer__policies a{ color: #FFF; text-decoration: none; }
.site-footer__policies a:hover{ text-decoration: underline; }
.site-footer__policies .sep{ opacity: .7; margin: 0 8px; } .site-footer__bgword{
position: absolute; left: var(--hero-side); right: var(--hero-side); bottom: -6px;
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight: 800;
font-size: clamp(120px, 20vw, 360px);
line-height: .8;
color: rgba(255,255,255,.18);
white-space: nowrap;
pointer-events: none; user-select: none;
mix-blend-mode: soft-light;
} @media (max-width: 980px){
.site-footer__top{ grid-template-columns: 1fr; }
.site-footer__navcols{ grid-template-columns: 1fr 1fr; }
.site-footer__bottom{ grid-template-columns: 1fr; text-align: left; }
} .site-footer{
position: relative;
box-sizing: border-box;
width: 100%;
padding-left: var(--hero-side);
padding-right: var(--hero-side);
color: #F4EDEA;
background: var(--footer-to, #956C6A); overflow: hidden; }
.site-footer__inner{ position: relative; z-index: 1; } .site-footer__top{
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: clamp(28px, 6vw, 120px);
padding-top: clamp(48px, 8vw, 120px);
padding-bottom: 0px;
align-items: start;
} .site-footer__logo{ width: clamp(120px, 20vw, 180px); height: auto; display:block; margin-bottom: 18px; }
.site-footer__loc{ margin: 0; padding: 0; display: flex; flex-direction: column; gap: 24px; }
.site-footer__loc-item{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:300;
font-size: clamp(16px, 1.8vw, 20px);
line-height:1.35;
color:#F9F3F1;
}
.site-footer__loc-item p{ margin: 0; }
.site-footer__loc-city{ font-weight: 400; }
.site-footer__loc-contact{ margin-top: 4px !important; font-size: clamp(14px, 1.4vw, 16px); }
.site-footer__loc-contact a{ color: #F9F3F1; text-decoration: none; }
.site-footer__loc-contact a:hover{ text-decoration: underline; }
.site-footer__loc-contact .sep{ margin: 0 6px; opacity: 0.5; } .site-footer__right{
display:flex; flex-direction:column; gap: 22px;
align-items:flex-end;
}
.site-footer__navcols{
display:grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 60px);
width:70%;
}
.site-footer__navtitle{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:300; 
font-size: clamp(12px, 1.2vw, 12px);
letter-spacing:.12em; 
text-transform:uppercase; 
color:#FFFFFF;
opacity: 50%;
margin:0 0 10px 0;
}
.site-footer__menu{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.site-footer__menu a{
color:#FFF; 
text-decoration:none;
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:200; 
text-transform:uppercase; 
font-size: clamp(16px, 1.8vw, 20px); 
opacity:.95;
}
.site-footer__menu a:hover{ opacity:1; text-decoration:underline; } .site-footer__social{
display:flex; align-items:center; gap:18px;
margin: 120px 0 0 0;
}
.site-footer__social a{ display:inline-flex; width: 32px; height: 32px; }
.site-footer__social svg{ width:100%; height:100%; display:block; fill:#F6EDEB; opacity:.92; transition:opacity .2s ease; }
.site-footer__social a:hover svg{ opacity:1; } .site-footer__divider{ border:0; border-top:1px solid rgba(255,255,255,.35); margin: 16px 0 14px; }
.site-footer__bottom{
display:grid; grid-template-columns: 1fr auto; gap:20px; align-items:center;
padding-bottom: clamp(24px, 4vw, 36px);
}
.site-footer__copy{
margin:0;
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:300; font-size: clamp(14px, 1.4vw, 20px); color:#FFFFFF;
}
.site-footer__policies{ margin:0; font-size: clamp(14px, 1.4vw, 20px); }
.site-footer__policies a{ color:#FFF; text-decoration:none; }
.site-footer__policies a:hover{ text-decoration:underline; }
.site-footer__policies .sep{ opacity:.7; margin:0 8px; } .site-footer__bgword{
position:absolute; left:0; right:0; bottom:-6px;
padding-right: var(--hero-side);
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:800; font-size: clamp(116px, 20vw, 360px); line-height:.8;
color: rgba(255,255,255,.18);
white-space: nowrap; pointer-events:none; user-select:none;
mix-blend-mode: soft-light;
} @media (max-width: 980px){
.site-footer__top{ grid-template-columns:1fr; }
.site-footer__right{ align-items:flex-start; }
.site-footer__bottom{ grid-template-columns:1fr; text-align:left; }
} .site-footer__social a{
display:inline-flex;
width: var(--icon-size, 32px);
height: var(--icon-size, 32px);
color: #F6EDEB; }
.site-footer__icon{
display:block;
width:100%;
height:100%;
} .marli-text{
padding-left: var(--hero-side); padding-right: var(--hero-side);
padding-top: var(--text-pt,80px); padding-bottom: var(--text-pb,80px);
}
.marli-text__inner{ margin:0 auto; max-width: var(--text-maxw, 900px); }
.marli-align--start .marli-text__inner{ margin-left: 0; }
.marli-align--center .marli-text__inner{ margin-left:auto; margin-right:auto; text-align:center; }
.marli-align--end .marli-text__inner{ margin-left:auto; text-align:right; }
.marli-text__title{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:400; font-size: clamp(34px, 5.6vw, 60px); line-height:1.06;
margin:0 0 12px 0; color:#1A1A1A;
}
.marli-text__body{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:300; font-size: clamp(17px, 1.8vw, 20px); line-height:1.35; color:#1A1A1A;
}  .marli-contact{
padding-left: var(--hero-side); padding-right: var(--hero-side);
padding-top: var(--c-pt,100px); padding-bottom: var(--c-pb,120px);
}
.marli-contact__cols{ display:grid; grid-template-columns: 1.2fr 1fr; gap: clamp(24px,5vw,80px); align-items:flex-start; }
.marli-contact__title{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:400; font-size: clamp(34px, 5.6vw, 60px); line-height:1.06; margin:0 0 10px 0; color:#1A1A1A;
}
.marli-contact__intro, .marli-contact__privacy{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:300; font-size: clamp(17px, 1.8vw, 20px); line-height:1.32; color:#1A1A1A; opacity:.98; margin:0 0 12px 0;
}
@media (max-width: 900px){
.marli-contact__cols{ grid-template-columns: 1fr; }
} .marli-gallery{
padding-left: var(--hero-side); padding-right: var(--hero-side);
padding-top: var(--g-pt,80px); padding-bottom: var(--g-pb,80px);
}
.marli-gallery__grid{
display:grid; gap: var(--g-gap,16px);
grid-template-columns: repeat(var(--g-cols,3), minmax(0,1fr));
}
.marli-gallery__cell{}
.marli-gallery__figure{ margin:0; }
.marli-gallery__img{
width:100%; height:auto; display:block; border-radius: var(--g-rad,16px);
}
.marli-gallery__cap{
margin-top:8px; font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:400; font-size:16px; line-height:1.3; color:#1A1A1A; opacity:.9;
} .marli-gallery__slider{ position:relative; }
.marli-gallery__track{
display:flex; gap: var(--g-gap,16px);
overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
padding-bottom: 8px;
}
.marli-gallery__slide{
flex: 0 0 80%; scroll-snap-align: start;
}
@media (max-width: 860px){ .marli-gallery__slide{ flex-basis: 90%; } }
.marli-gallery__navbtn{
position:absolute; top:50%; transform: translateY(-50%);
width:42px; height:42px; border-radius:50%; border:0; cursor:pointer;
background:#fff; box-shadow:0 6px 16px rgba(0,0,0,.18);
font-size:28px; line-height:1; color:#1A1A1A;
}
.marli-gallery__navbtn[data-dir="prev"]{ left: 8px; }
.marli-gallery__navbtn[data-dir="next"]{ right: 8px; } .marli-embed{
padding: var(--embed-pt,80px) var(--hero-side) var(--embed-pb,80px);
}
.marli-embed__title{
font-family:'Unbounded',system-ui,sans-serif;
font-weight:400;
font-size:clamp(22px,2.4vw,32px);
color:#1e1e1e;
text-align:center;
margin:0 auto 32px;
}
.marli-embed__wrap{
max-width:var(--embed-maxw,100%);
margin:0 auto;
border-radius:var(--embed-rad,16px);
overflow:hidden;
background:#f0ede9;
}
.marli-embed__iframe{
display:block;
width:100%;
height:var(--embed-h,560px);
border:0;
} .marli-duo{
padding-left: var(--hero-side); padding-right: var(--hero-side);
padding-top: var(--d-pt,60px); padding-bottom: var(--d-pb,60px);
}
.marli-duo__grid{ display:grid; grid-template-columns: 1fr 1fr; gap: var(--d-gap,20px); }
.marli-duo__fig{ margin:0; }
.marli-duo__img{ width:100%; height:auto; display:block; border-radius: var(--d-rad,16px); }
@media (max-width: 860px){
.marli-duo__grid{ grid-template-columns: 1fr; }
}  .marli-gallery__dots{
display:flex; justify-content:center; gap:10px; margin-top: 14px;
}
.marli-gallery__dot{
width:10px; height:10px; border-radius:50%;
border:1px solid #1A1A1A; background: transparent;
cursor:pointer; padding:0;
}
.marli-gallery__dot.is-active{ background:#1A1A1A; }
.marli-gallery__track{ scrollbar-width:none; }
.marli-gallery__track::-webkit-scrollbar{ display:none; } .is-lightbox-open{ overflow:hidden; }
.marli-lightbox{
position:fixed; inset:0; display:none;
align-items:center; justify-content:center;
z-index: 9999;
}
.marli-lightbox.is-open{ display:flex; }
.marli-lightbox__backdrop{
position:absolute; inset:0; background: rgba(0,0,0,.78); border:0;
}
.marli-lightbox__figure{
position:relative; z-index:1; max-width:min(1200px, 92vw); max-height: 86vh;
display:flex; flex-direction:column; align-items:center; gap:10px;
}
.marli-lightbox__img{
max-width:100%; max-height: calc(86vh - 80px); border-radius: 12px;
box-shadow: 0 14px 40px rgba(0,0,0,.35);
}
.marli-lightbox__cap{
color:#F6F6F6; font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:400; font-size:16px; text-align:center; max-width:90vw;
}
.marli-lightbox__close{
position:absolute; top:-10px; right:-10px;
width:40px; height:40px; border-radius:50%; border:0; cursor:pointer;
background:#fff; color:#1A1A1A; font-size:24px; line-height:1;
box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.marli-lightbox__nav{
position:absolute; top:50%; transform: translateY(-50%);
width:44px; height:44px; border-radius:50%; border:0; cursor:pointer;
background:#fff; color:#1A1A1A; font-size:28px; line-height:1;
box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.marli-lightbox__nav[data-dir="prev"]{ left:-14px; }
.marli-lightbox__nav[data-dir="next"]{ right:-14px; }
@media (max-width: 640px){
.marli-lightbox__nav[data-dir="prev"]{ left: 4px; }
.marli-lightbox__nav[data-dir="next"]{ right: 4px; }
.marli-lightbox__close{ top: 4px; right: 4px; }
} .marli-duo{
padding-left: var(--hero-side); padding-right: var(--hero-side);
padding-top: var(--d-pt,60px); padding-bottom: var(--d-pb,60px);
}
.marli-duo__grid{ display:grid; grid-template-columns: 1fr 1fr; gap: var(--d-gap,20px); }
.marli-duo__fig{
margin:0; height: var(--d-h, 520px); overflow:hidden; border-radius: var(--d-rad,16px);
}
.marli-duo__img{
width:100%; height:100%; object-fit: cover; display:block; }
@media (max-width: 860px){
.marli-duo__grid{ grid-template-columns: 1fr; }  } .marli-gallery--slider .marli-gallery__slider{ position:relative; }
.marli-gallery--slider .marli-gallery__track{
display:flex; gap: var(--g-gap,16px);
overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
padding-bottom: 8px;
}
.marli-gallery--slider .marli-gallery__slide{
flex: 0 0 auto;
height: var(--g-sh, 520px); scroll-snap-align: start;
border-radius: var(--g-rad,16px);
overflow:hidden; display:flex; align-items:center; justify-content:center;
}
.marli-gallery--slider .marli-gallery__img{
height:100%; width:auto;
object-fit: contain;
display:block;
}
@media (max-width: 860px){
.marli-gallery--slider .marli-gallery__slide{ flex: 0 0 auto; max-width: 90%; }
} @media (max-width: 768px){ :root { --hero-side: 20px; }
html, body { overflow-x: hidden; } .marli-hero{ position: relative; }
.marli-hero__frame{ border-radius: 16px; }
.marli-hero__media{ min-height: 520px; } .marli-hero__title{
font-size: clamp(36px, 9.5vw, 44px)!important;
line-height: 1.05;
letter-spacing: 0;
margin: 0 0 8px 0;
}
.marli-hero__subtitle{
font-size: 18px;
line-height: 1.3;
max-width: 90%;
} .marli-hero__leftlabel{ display: none; } .marli-hero__contacttab{
position: absolute; right: 0; top: 50%;
transform: translateY(-50%);
width: 48px; height: 160px; border-radius: 6px 0 0 6px;
font-size: 16px;
} .marli-hero__drawer{
right: 0; top: 0; width: 100vw; max-width: none;
transform: translateX(100%);
}
.marli-hero__drawer[aria-hidden="false"]{ transform: translateX(0); }
.marli-hero__drawer-inner{ width: 100%; height: 100vh; border-radius: 0; } .marli-discover .card{ border-radius: 20px; } .marli-team__card-caption{ padding: 10px 16px 18px; font-size: 20px; } .marli-cta{ padding-left: var(--hero-side); padding-right: var(--hero-side); } .site-footer{ overflow-x: hidden; }
.site-footer__top{ display: grid; grid-template-columns: 1fr; gap: 24px; }
.site-footer__cols{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.site-footer__social{ display:flex; gap:12px; margin-top:18px; }
.site-footer__watermark{ display: none; }
} .marli-hero__drawer{
position: fixed; top: 15%;
left: 66%;
right: 0px; height: 100vh;
width: min(520px, 58vw); background: #956C6A; transform: translateX(100%);
transition: transform .45s cubic-bezier(.22,.61,.36,1);
z-index: 10010; box-shadow: -18px 0 40px rgba(0,0,0,.25);
border-radius: 0; }
.marli-hero__drawer[aria-hidden="false"]{ transform: translateX(0); }
.marli-hero__drawer-inner{
height: 100%;
overflow: auto;
padding: clamp(24px,1vw,48px) clamp(28px,1vw,64px);
border-left: 35px solid #956C6A;
}
.marli-hero__drawer-header h2{
font-family:"Unbounded",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
font-weight:400;
font-size: clamp(20px,3.6vw,35px);
line-height:1.05;
margin: 0 0 24px 0;
}
.marli-hero__drawer-close{
position:absolute;
top: 7%;
right: 7%;
background:transparent; border:0; color:#1e1e1e;
font-size:32px; line-height:1; cursor:pointer;
} .marli-hero__overlay{
position: fixed; inset: 0;
background: rgba(0,0,0,.45);
opacity: 0; pointer-events: none;
transition: opacity .3s ease;
z-index: 10000;
}
.marli-hero__overlay.is-open{ opacity:1; pointer-events:auto; } @media (max-width: 768px){
.marli-hero__drawer{ width: 100vw; }
} .marli-hero__drawer.is-left{ right:auto; left:0; transform: translateX(-100%); }
.marli-hero__drawer.is-left[aria-hidden="false"]{ transform: translateX(0); }  #responsive-form{
max-width:600px ;
margin:0 auto;
width:100%;
}
.form-row{
width: 100%;
}
.column-half, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
} @media only screen and (min-width: 48em) {
.column-half{
width: 50%;
}
} .wpcf7-submit{
float: right;
} .wpcf7-submit{
background: #000 ;
color: white ;
} .wpcf7-submit:hover{
background: #f3f3f3;
color: #000;
} div.wpcf7-mail-sent-ok {
text-shadow: none;
border: none;
background: #8BC34A;
color: white;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.marli-input {
width: 95%;
border: solid black 0px;
border-bottom: 2px solid;
padding-bottom: 4px;
background: transparent;
font-family: inherit;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.marli-select {
width: 95%;
border: solid black 0px;
border-bottom: 2px solid;
padding-bottom: 4px;
background: transparent;
font-family: inherit;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.marli-textarea {
width: 98%;
border: solid black 0px;
border-bottom: 2px solid;
padding-bottom: 4px;
background: transparent;
font-family: inherit;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.marli-btn {
border: solid 0px;
background: #ffffff;
color: #1E1E1E;
font-family: 'Unbounded';
font-weight: 400;
font-size: 25px;
margin-top: -80px;
margin-right: 2px;
}
.column-half p {
padding-top: 0px !important;
padding-bottom: 0px !important;
height: fit-content;
margin-top: 0px;
margin-bottom: 5px;
} .marli-menu{
list-style:none; margin:0; padding:0; text-align:center;
}
.marli-menu li{ margin: clamp(10px,1.2vw,16px) 0; }
.marli-menu a{
position:relative; display:inline-block;
font-family:"Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight:700;
font-size: clamp(28px, 6vw, 64px);
line-height:1.05;
color:#fff; text-decoration:none; padding:.1em .3em;
} .marli-menu a::after{
content:""; pointer-events:none;
position:absolute; left:50%; bottom:-0.22em;
width: 120%; height: .70em; background-image:url(//marli.info/wp-content/themes/marli-child/assets/Highlight_07.svg);
background-repeat:no-repeat;
background-size:100% 100%;
background-position:center bottom; transform: translateX(-50%) scaleX(0);
transform-origin: left center;
transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .45s;
opacity:.98; filter: drop-shadow(0 1px 0 rgba(0,0,0,.15));
}
.marli-menu a:hover::after,
.marli-menu a:focus-visible::after{
transform: translateX(-50%) scaleX(1);
} .marli-menu .current-menu-item > a::after,
.marli-menu .current_page_item > a::after{
transform: translateX(-50%) scaleX(1);
} @media (prefers-reduced-motion:reduce){
.marli-menu a::after{ transition:none; }
} .marker {
position: relative;
margin: 0 40px;
color: #333;
text-decoration: none;
//line-height: 1em;
& svg {
position: absolute;
left: 0;
top: -50%;
right: 0; 
margin-left: auto; 
margin-right: auto; 
pointer-events: none;   
}
& path {
transition: stroke-dashoffset 300ms linear;
stroke-width: 1.0;
stroke: darkgreen;
fill: none;
stroke-linecap: round;
}
&:hover path{
stroke-dashoffset: 0;
}
} .marli-ttmc {
padding: var(--ttmc-pt, 100px) 24px var(--ttmc-pb, 100px);
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.marli-ttmc__title {
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 400;
font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.15;
margin: 0 0 32px;
color: #1a1a1a;
}
.marli-ttmc__body {
max-width: var(--ttmc-maxw, 900px);
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 300;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.32;
color: #1e1e1e;
margin: 0 0 8px;
}
.marli-ttmc__body p { margin: 0 0 16px; }
.marli-ttmc__body p:last-child { margin-bottom: 0; }
.marli-ttmc .marli-cta-wrap { margin-top: 28px; }
.marli-ttmc__media {
width: 100%;
max-width: var(--ttmc-img-maxw, 1100px);
margin-top: 48px;
overflow: hidden;
border-radius: var(--ttmc-img-rad, 16px);
}
.marli-ttmc__media img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
@media (max-width: 600px) {
.marli-ttmc { padding-left: 16px; padding-right: 16px; }
.marli-ttmc__media { margin-top: 32px; }
} .marli-miles {
padding: var(--miles-pt, 100px) 0 var(--miles-pb, 100px);
width: 100%;
}
.marli-miles__heading {
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 300;
font-size: clamp(18px, 2.2vw, 22px);
color: #5a5a5a;
margin: 0 0 56px;
padding: 0 clamp(24px, 4vw, 64px);
}
.marli-miles__list {
position: relative;
display: flex;
flex-direction: column;
} .marli-miles__item {
display: grid;
grid-template-columns: minmax(200px, 35%) 1fr;
gap: 0 clamp(32px, 4vw, 80px);
align-items: start;
padding: 48px clamp(24px, 4vw, 64px);
border-top: 1px solid #e4dad6;
transition: opacity 0.4s ease;
cursor: default;
}
.marli-miles__item:last-child { border-bottom: 1px solid #e4dad6; } @media (hover: hover) {
.marli-miles__list:hover .marli-miles__item:not(:hover) {
opacity: 0.5;
}
}
.marli-miles__year {
display: block;
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 400;
font-size: clamp(48px, 7vw, 88px);
line-height: 1;
color: #1a1a1a;
}
.marli-miles__col-text {
padding-top: 0.15em;
}
.marli-miles__name {
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 400;
font-size: clamp(18px, 2.4vw, 26px);
color: #1a1a1a;
margin: 0 0 12px;
}
.marli-miles__desc {
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 300;
font-size: clamp(14px, 1.5vw, 16px);
line-height: 1.7;
color: #5a5a5a;
margin: 0;
} .marli-miles__cursor-img {
position: fixed;
z-index: 100;
width: 300px;
pointer-events: none;
opacity: 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 16px 48px rgba(0,0,0,0.18);
transition: opacity 0.3s ease;
transform: translate(-50%, -50%);
will-change: top, left;
}
.marli-miles__cursor-img.is-visible { opacity: 1; }
.marli-miles__cursor-img img {
display: block;
width: 100%;
height: auto;
} @media (max-width: 768px) {
.marli-miles__item {
grid-template-columns: 1fr;
gap: 4px;
padding: 32px 16px;
}
.marli-miles__col-text { padding-top: 0; }
.marli-miles__year { font-size: clamp(40px, 12vw, 64px); }
.marli-miles__cursor-img { display: none; }
} .marli-tp {
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: var(--tp-pt, 80px) 24px var(--tp-pb, 80px);
overflow: hidden;
} .marli-tp__content {
position: relative;
z-index: 2;
max-width: var(--tp-maxw, 720px);
text-align: center;
}
.marli-tp__title {
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 400;
font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.15;
color: #1a1a1a;
margin: 0 0 24px;
}
.marli-tp__body {
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 300;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.32;
color: #1e1e1e;
}
.marli-tp__body p { margin: 0 0 16px; }
.marli-tp__body p:last-child { margin-bottom: 0; }
.marli-tp .marli-cta-wrap {
margin-top: 28px;
justify-content: center;
} .marli-tp__card {
position: absolute;
z-index: 1;
border-radius: var(--tp-img-rad, 12px);
overflow: hidden;
box-shadow: 0 8px 30px rgba(0,0,0,0.08);
transition: transform 0.6s cubic-bezier(.25,.46,.45,.94);
}
.marli-tp__card img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .marli-tp__card--0 {
width: max(160px, 18vw);
aspect-ratio: 4/5;
top: 1%;
left: 2vw;
rotate: -4deg;
}
.marli-tp__card--1 {
width: max(150px, 17vw);
aspect-ratio: 3/4;
top: -1%;
right: 3vw;
rotate: 3deg;
}
.marli-tp__card--2 {
width: max(140px, 16vw);
aspect-ratio: 4/3;
top: 50%;
left: 1vw;
rotate: 3deg;
}
.marli-tp__card--3 {
width: max(130px, 15vw);
aspect-ratio: 3/4;
top: 48%;
right: 2vw;
rotate: -5deg;
}
.marli-tp__card--4 {
width: max(150px, 16vw);
aspect-ratio: 1/1;
bottom: -1%;
left: 4vw;
rotate: 5deg;
}
.marli-tp__card--5 {
width: max(140px, 15vw);
aspect-ratio: 4/5;
bottom: -3%;
right: 4vw;
rotate: -2deg;
} @media (max-width: 900px) {
.marli-tp {
min-height: auto;
flex-direction: column;
overflow: visible;
}
.marli-tp__content { margin-bottom: 40px; }
.marli-tp__card {
position: relative;
top: auto; right: auto; bottom: auto; left: auto;
width: 70%;
rotate: 0deg !important;
margin: 12px auto;
}
.marli-tp__card--0,
.marli-tp__card--2,
.marli-tp__card--4 { margin-left: 5%; margin-right: auto; rotate: -2deg !important; }
.marli-tp__card--1,
.marli-tp__card--3,
.marli-tp__card--5 { margin-left: auto; margin-right: 5%; rotate: 2deg !important; }
} .marli-sedi {
padding: var(--sedi-pt, 80px) var(--hero-side, 24px) var(--sedi-pb, 80px);
}
.marli-sedi__heading {
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 400;
font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.15;
color: #1a1a1a;
margin: 0 0 40px;
} .marli-sedi__track {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
} .marli-sedi--slider .marli-sedi__track {
display: flex;
gap: 24px;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.marli-sedi--slider .marli-sedi__track::-webkit-scrollbar { display: none; }
.marli-sedi--slider .marli-sedi__item {
flex: 0 0 calc(50% - 12px);
scroll-snap-align: start;
} .marli-sedi__label {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 14px;
justify-content: flex-start;
}
.marli-sedi__pin {
width: 28px;
height: 37px;
color: #9C7B75;
flex-shrink: 0;
transition: transform 0.35s cubic-bezier(.25,.46,.45,.94);
}
.marli-sedi__name {
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 400;
font-size: clamp(20px, 2.5vw, 28px);
color: #1a1a1a;
line-height: 1.2;
} .marli-sedi--no-icon .marli-sedi__label {
padding-left: 0;
} .marli-sedi__card {
display: block;
border-radius: var(--sedi-rad, 16px);
overflow: hidden;
text-decoration: none;
color: inherit;
}
.marli-sedi__img-wrap {
overflow: hidden;
border-radius: var(--sedi-rad, 16px);
}
.marli-sedi__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4/3;
object-fit: cover;
transition: transform 0.5s cubic-bezier(.25,.46,.45,.94);
} .marli-sedi__item:hover .marli-sedi__img {
transform: scale(1.04);
}
.marli-sedi__item:hover .marli-sedi__pin {
transform: scale(1.15);
} .marli-sedi__nav {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 20px;
}
.marli-sedi__navbtn {
width: 42px;
height: 42px;
border-radius: 50%;
border: 0;
cursor: pointer;
background: #fff;
box-shadow: 0 4px 14px rgba(0,0,0,0.12);
font-size: 22px;
line-height: 1;
color: #1a1a1a;
transition: background 0.2s;
}
.marli-sedi__navbtn:hover { background: #f5f0ee; } @media (max-width: 700px) {
.marli-sedi__track {
grid-template-columns: 1fr;
}
.marli-sedi--slider .marli-sedi__item {
flex: 0 0 85%;
}
} .marli-acc {
padding: var(--acc-pt, 80px) var(--hero-side, 24px) var(--acc-pb, 80px);
max-width: 960px;
margin: 0 auto;
}
.marli-acc--wide {
max-width: none;
margin: 0;
}
.marli-acc__title {
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 400;
font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.15;
color: #1a1a1a;
margin: 0 0 40px;
}
.marli-acc__list {
border-top: 1px solid #e4dad6;
}
.marli-acc__item {
border-bottom: 1px solid #e4dad6;
} .marli-acc__trigger {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 24px 0;
background: none;
border: 0;
text-align: left;
cursor: pointer;
gap: 16px;
}
.marli-acc__heading {
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 400;
font-size: clamp(18px, 2.2vw, 24px);
line-height: 1.3;
color: #1a1a1a;
} .marli-acc__icon {
flex-shrink: 0;
width: 28px;
height: 28px;
color: #1a1a1a;
}
.marli-acc__icon svg {
width: 100%;
height: 100%;
} .marli-acc__icon-v {
transition: transform 0.3s ease;
transform-origin: center;
}
.marli-acc__item.is-open .marli-acc__icon-v {
transform: rotate(90deg);
} .marli-acc__panel {
overflow: hidden;
}
.marli-acc__panel[hidden] {
display: none;
}
.marli-acc__body {
padding: 0 0 28px;
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 300;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.32;
color: #1e1e1e;
}
.marli-acc__body p { margin: 0 0 14px; }
.marli-acc__body p:last-child { margin-bottom: 0; }
.marli-acc__body ul,
.marli-acc__body ol { margin: 0 0 14px; padding-left: 1.4em; }
.marli-acc__body li { margin-bottom: 6px; } @media (hover: hover) {
.marli-acc__trigger:hover .marli-acc__heading {
color: #956C6A;
}
}  .marli-acc__apply{
display: inline-block;
margin-top: 18px;
font-family: 'Unbounded', system-ui, sans-serif;
font-weight: 400;
font-size: clamp(14px, 1.4vw, 16px);
text-transform: uppercase;
color: #956C6A;
text-decoration: none;
letter-spacing: .04em;
transition: opacity .25s ease;
}
.marli-acc__apply:hover{
opacity: .65;
}
@media (max-width: 600px) {
.marli-acc__trigger { padding: 20px 0; }
.marli-acc__icon { width: 24px; height: 24px; }
.marli-acc__body { padding-bottom: 20px; }
} .marli-mappa{
position: relative;
z-index: 0;
padding-left: var(--hero-side);
padding-right: var(--hero-side);
padding-top: var(--mappa-pt, 80px);
padding-bottom: var(--mappa-pb, 80px);
}
.marli-mappa__heading{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.06;
color: #1E1E1E;
margin: 0 0 28px 0;
text-align: center;
}
.marli-mappa__container{
height: 500px;
overflow: hidden;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
} .marli-mappa__container .leaflet-tile-pane{
filter: sepia(15%) saturate(90%) hue-rotate(-5deg);
} .marli-mappa__marker{
background: transparent !important;
border: none !important;
transition: transform 0.2s ease;
}
.marli-mappa__marker:hover{
transform: scale(1.15);
} .marli-mappa__container .leaflet-popup-content-wrapper{
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
padding: 0;
}
.marli-mappa__container .leaflet-popup-content{
margin: 0;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.marli-mappa__container .leaflet-popup-tip{
box-shadow: none;
}
.marli-mappa__popup{
display: flex;
flex-direction: column;
gap: 4px;
padding: 14px 18px;
}
.marli-mappa__popup-name{
font-weight: 600;
font-size: 0.95rem;
color: #1E1E1E;
}
.marli-mappa__popup-addr{
font-weight: 300;
font-size: 0.85rem;
color: #6b6b6b;
line-height: 1.4;
}
.marli-mappa__popup-contact{  display: block;  font-weight: 300;  font-size: 0.85rem;  color: #1E1E1E;  text-decoration: none;  margin-top: 2px;}.marli-mappa__popup-contact:hover{  text-decoration: underline;}
.marli-mappa__popup-link{
display: inline-block;
margin-top: 8px;
font-weight: 400;
font-size: 0.85rem;
color: #B58E86;
text-decoration: none;
}
.marli-mappa__popup-link:hover{
text-decoration: underline;
} .marli-mappa__container .leaflet-control-zoom a{
border-radius: 8px;
color: #1E1E1E;
} .marli-mappa__container .leaflet-control-attribution{
font-size: 0.65rem;
opacity: 0.6;
} @media (max-width: 768px){
.marli-mappa__container{
height: clamp(280px, 60vw, 420px) !important;
border-radius: 12px !important;
}
.marli-mappa{
padding-top: calc(var(--mappa-pt, 80px) * 0.6);
padding-bottom: calc(var(--mappa-pb, 80px) * 0.6);
}
} .marli-contact__cols{
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: clamp(32px, 6vw, 80px);
align-items: start;
}
.marli-contact__title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(34px, 5.6vw, 60px);
line-height: 1.06;
margin: 0 0 16px 0;
color: #1E1E1E;
}
.marli-contact__intro{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(17px, 1.8vw, 20px);
line-height: 1.4;
color: #1E1E1E;
margin: 0 0 32px 0;
opacity: .95;
} .marli-contact__locations{
display: grid;
gap: 28px;
margin-bottom: 28px;
}
.marli-contact__loc{
display: flex;
flex-direction: column;
gap: 4px;
padding-bottom: 24px;
border-bottom: 1px solid rgba(30,30,30,.12);
}
.marli-contact__loc:last-child{
border-bottom: none;
padding-bottom: 0;
}
.marli-contact__loc-city{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 600;
font-size: clamp(18px, 2vw, 22px);
color: #1E1E1E;
}
.marli-contact__loc-addr{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(15px, 1.4vw, 17px);
color: #1E1E1E;
opacity: .85;
line-height: 1.35;
}
.marli-contact__loc-link{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(15px, 1.4vw, 17px);
color: #B58E86;
text-decoration: none;
transition: opacity .2s ease;
}
.marli-contact__loc-link:hover{
opacity: .7;
text-decoration: underline;
}
.marli-contact__privacy{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: 14px;
color: #6b6b6b;
line-height: 1.4;
margin-top: 20px;
} .marli-contact__col--form{
padding: clamp(24px, 3vw, 40px);
background: #F9F3F1;
border-radius: 16px;
} @media (max-width: 900px){
.marli-contact__cols{
grid-template-columns: 1fr;
}
.marli-contact__col--form{
order: 2;
}
} .marli-pillars{
padding-left: var(--hero-side);
padding-right: var(--hero-side);
padding-top: var(--pil-pt, 100px);
padding-bottom: var(--pil-pb, 100px);
}
.marli-pillars__header{
max-width: min(900px, 100%);
margin: 0 auto clamp(48px, 6vw, 80px);
text-align: center;
}
.marli-pillars__title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(28px, 4vw, 52px);
line-height: 1.08;
color: #1A1A1A;
margin: 0 0 16px;
}
.marli-pillars__intro{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(16px, 1.6vw, 19px);
line-height: 1.5;
color: #1A1A1A;
opacity: .75;
margin: 0;
}
.marli-pillars__grid{
display: grid;
grid-template-columns: repeat(var(--pil-cols, 2), 1fr);
gap: 0;
}
.marli-pillars__item{
padding: clamp(32px, 4vw, 56px) clamp(24px, 3vw, 48px);
border-top: 1.5px solid rgba(30,30,30,.1);
border-right: 1.5px solid rgba(30,30,30,.1);
display: flex;
flex-direction: column;
gap: 14px;
} .marli-pillars__item:nth-child(<?php echo $cols; ?>n){
border-right: none;
}
.marli-pillars__item:nth-child(2n){ border-right: none; } .marli-pillars__item:nth-child(-n + 2){ border-top: none; }
.marli-pillars__num{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 700;
font-size: clamp(36px, 4vw, 56px);
line-height: 1;
color: #B58E86;
letter-spacing: -0.02em;
}
.marli-pillars__heading{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 600;
font-size: clamp(17px, 1.8vw, 22px);
line-height: 1.2;
color: #1A1A1A;
margin: 0;
}
.marli-pillars__body{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(14px, 1.3vw, 16px);
line-height: 1.6;
color: #1A1A1A;
opacity: .8;
}
.marli-pillars__body p{ margin: 0; }
@media (max-width: 680px){
.marli-pillars__grid{ grid-template-columns: 1fr; }
.marli-pillars__item{ border-right: none !important; }
.marli-pillars__item:nth-child(-n + 2){ border-top: 1.5px solid rgba(30,30,30,.1); }
.marli-pillars__item:first-child{ border-top: none; }
} .marli-ig{
padding-left: var(--hero-side);
padding-right: var(--hero-side);
padding-top: var(--ig-pt, 80px);
padding-bottom: var(--ig-pb, 80px);
}
.marli-ig__header{
margin-bottom: clamp(32px, 4vw, 56px);
}
.marli-ig__title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(28px, 4vw, 52px);
line-height: 1.08;
color: #1A1A1A;
margin: 0;
}
.marli-ig__grid{
display: grid;
grid-template-columns: repeat(var(--ig-cols, 3), 1fr);
gap: 4px;
}
.marli-ig__item{
position: relative;
display: block;
aspect-ratio: 1 / 1;
overflow: hidden;
background: #f0e8e5;
text-decoration: none;
}
.marli-ig__img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform .5s cubic-bezier(.25,.46,.45,.94);
}
.marli-ig__overlay{
position: absolute;
inset: 0;
background: rgba(30,20,18,.45);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity .3s ease;
}
.marli-ig__logo{
width: 32px;
height: 32px;
color: #fff;
flex-shrink: 0;
}
.marli-ig__caption{
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 12px 14px;
background: linear-gradient(0deg, rgba(30,18,15,.75) 0%, transparent 100%);
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(11px, 1vw, 13px);
line-height: 1.4;
color: #fff;
opacity: 0;
transition: opacity .3s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.marli-ig__video-badge{
position: absolute;
top: 10px; right: 10px;
width: 28px; height: 28px;
background: rgba(255,255,255,.85);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #1A1A1A;
}
.marli-ig__video-badge svg{
width: 14px; height: 14px;
margin-left: 2px;
}
@media (hover: hover){
.marli-ig__item:hover .marli-ig__img{ transform: scale(1.04); }
.marli-ig__item:hover .marli-ig__overlay{ opacity: 1; }
.marli-ig__item--cap:hover .marli-ig__caption{ opacity: 1; }
}
.marli-ig__notice{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: 14px;
color: #956C6A;
padding: 12px 0;
}
@media (max-width: 600px){
.marli-ig__grid{ grid-template-columns: repeat(2, 1fr); gap: 3px; }
} .marli-related{
padding-left: var(--hero-side);
padding-right: var(--hero-side);
padding-top: var(--rel-pt, 80px);
padding-bottom: var(--rel-pb, 80px);
background: #956C6A;
}
.marli-related__title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(22px, 2.8vw, 38px);
color: #fff;
margin: 0 0 clamp(24px, 3vw, 40px);
}
.marli-related__grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(12px, 1.5vw, 20px);
}
.marli-related__card{
position: relative;
display: block;
height: var(--rel-h, 500px);
border-radius: var(--rel-rad, 20px);
overflow: hidden;
text-decoration: none;
background: #1A1A1A;
}
.marli-related__img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .6s cubic-bezier(.25,.46,.45,.94);
filter: brightness(.88);
}
@media (hover: hover){
.marli-related__card:hover .marli-related__img{ transform: scale(1.04); }
.marli-related__card:hover .marli-related__arrow{ transform: translateX(5px); }
}
.marli-related__overlay{
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: clamp(20px, 2.8vw, 36px);
color: #fff;
}
.marli-related__overlay::before{
content: "";
position: absolute;
left: 0; right: 0; bottom: 0;
height: 75%;
background: linear-gradient(0deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 100%);
pointer-events: none;
z-index: 0;
}
.marli-related__label{
position: relative; z-index: 1;
display: inline-block;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(10px, 0.9vw, 12px);
letter-spacing: .1em;
text-transform: uppercase;
color: rgba(255,255,255,.75);
margin-bottom: 10px;
}
.marli-related__card-title{
position: relative; z-index: 1;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(20px, 2.4vw, 34px);
line-height: 1.1;
margin: 0 0 10px;
color: #fff;
}
.marli-related__desc{
position: relative; z-index: 1;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(13px, 1.2vw, 15px);
line-height: 1.45;
color: rgba(255,255,255,.85);
margin: 0 0 18px;
}
.marli-related__arrow{
position: relative; z-index: 1;
display: flex;
align-items: center;
width: 28px;
height: 28px;
color: #fff;
transition: transform .3s ease;
}
.marli-related__arrow svg{ width: 100%; height: 100%; }
@media (max-width: 680px){
.marli-related__grid{ grid-template-columns: 1fr; }
.marli-related__card{ height: clamp(260px, 60vw, 400px); }
} .marli-related--light{
background: #F5F0ED;
}
.marli-related--light .marli-related__title{
color: #1A1A1A;
}
.marli-related--light .marli-related__card{
background: #F5F0ED;
}
.marli-related--light .marli-related__img{
filter: brightness(1);
}
.marli-related--light .marli-related__overlay{
color: #1A1A1A;
}
.marli-related--light .marli-related__overlay::before{
background: linear-gradient(0deg, rgba(245,240,237,.85) 0%, rgba(245,240,237,0) 100%);
}
.marli-related--light .marli-related__label{
color: rgba(26,26,26,.55);
}
.marli-related--light .marli-related__card-title{
color: #1A1A1A;
}
.marli-related--light .marli-related__desc{
color: rgba(26,26,26,.75);
}
.marli-related--light .marli-related__arrow{
color: #1A1A1A;
} .marli-contact--centered{
max-width: 720px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.marli-contact--centered .marli-contact__title{
margin-bottom: 14px;
}
.marli-contact--centered .marli-contact__intro{
margin-bottom: 32px;
}
.marli-contact--centered .marli-contact__form-wrap{
text-align: left;
}
.marli-contact--centered .marli-contact__form-wrap .wpcf7-form{
background: none;
padding: 0;
border-radius: 0;
} .marli-events{
padding-left: var(--hero-side);
padding-right: var(--hero-side);
padding-top: var(--events-pt, 80px);
padding-bottom: var(--events-pb, 80px);
}
.marli-events__head{
max-width: 720px;
margin-bottom: 40px;
}
.marli-events__title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: clamp(1.6rem, 3vw, 2.4rem);
line-height: 1.2;
color: #1A1A1A;
margin: 0 0 12px;
}
.marli-events__intro{
font-weight: 300;
font-size: 1rem;
line-height: 1.6;
color: #555;
margin: 0;
}
.marli-events__grid{
display: grid;
grid-template-columns: repeat(var(--events-cols, 4), 1fr);
gap: var(--events-gap, 28px);
} .marli-events__card{
display: flex;
flex-direction: column;
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 16px rgba(0,0,0,.06);
transition: box-shadow .3s ease, opacity .3s ease;
}
.marli-events__card:hover{
box-shadow: 0 6px 28px rgba(0,0,0,.1);
} .marli-events__card-img{
aspect-ratio: 3/4;
overflow: hidden;
background: #f0ece8;
}
.marli-events__card-img img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .marli-events__card-body{
display: flex;
flex-direction: column;
padding: 20px;
gap: 10px;
flex: 1;
}
.marli-events__card-title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: clamp(1.1rem, 2vw, 1.4rem);
line-height: 1.3;
color: #1A1A1A;
margin: 0;
} .marli-events__card-date{
display: inline-flex;
align-items: center;
gap: 6px;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: .85rem;
color: #956C6A;
}
.marli-events__card-date-icon{
flex-shrink: 0;
color: #956C6A;
} .marli-events__card-desc{
font-weight: 300;
font-size: .95rem;
line-height: 1.6;
color: #444;
}
.marli-events__card-desc p{
margin: 0 0 .5em;
}
.marli-events__card-desc p:last-child{
margin-bottom: 0;
} .marli-events__card-btn{
display: inline-block;
align-self: flex-start;
padding: 10px 24px;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: .85rem;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .06em;
color: #fff;
background: #1A1A1A;
border-radius: 8px;
transition: background .25s ease;
margin-top: 4px;
}
.marli-events__card-btn:hover{
background: #956C6A;
} .marli-events__notify-btn{
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 6px;
padding: 8px 20px;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: .8rem;
text-transform: uppercase;
letter-spacing: .06em;
color: #956C6A;
background: transparent;
border: 1.5px solid #956C6A;
border-radius: 8px;
cursor: pointer;
transition: background .25s ease, color .25s ease;
margin-top: 2px;
}
.marli-events__notify-btn:hover{
background: #956C6A;
color: #fff;
}
.marli-events__notify-btn svg{
flex-shrink: 0;
} .marli-events__card.is-past{
opacity: .5;
filter: saturate(.4);
} .marli-notify-drawer{
position: fixed;
bottom: 24px;
right: 24px;
width: min(380px, calc(100vw - 48px));
background: #fff;
border-radius: 16px;
box-shadow: 0 8px 40px rgba(0,0,0,.15);
z-index: 10020;
opacity: 0;
transform: translateY(20px);
pointer-events: none;
transition: opacity .3s ease, transform .35s cubic-bezier(.22,1,.36,1);
}
.marli-notify-drawer.is-open{
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.marli-notify-drawer__inner{
padding: 28px 24px;
position: relative;
}
.marli-notify-drawer__close{
position: absolute;
top: 16px;
right: 18px;
background: transparent;
border: 0;
font-size: 26px;
line-height: 1;
color: #999;
cursor: pointer;
transition: color .2s;
}
.marli-notify-drawer__close:hover{ color: #1A1A1A; }
.marli-notify-drawer__title{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: 1.2rem;
color: #1A1A1A;
margin: 0 0 4px;
}
.marli-notify-drawer__event-name{
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 300;
font-size: .9rem;
color: #956C6A;
margin: 0 0 8px;
}
.marli-notify-drawer__desc{
font-weight: 300;
font-size: .85rem;
line-height: 1.5;
color: #666;
margin: 0 0 16px;
} .marli-notify-drawer__hp{
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
}
.marli-notify-drawer__row{
display: flex;
gap: 8px;
}
.marli-notify-drawer__field{
flex: 1;
}
.marli-notify-drawer__field input[type="email"]{
width: 100%;
padding: 10px 14px;
font-family: inherit;
font-size: .9rem;
border: 1.5px solid #ddd;
border-radius: 8px;
outline: none;
transition: border-color .2s;
box-sizing: border-box;
}
.marli-notify-drawer__field input[type="email"]:focus{
border-color: #956C6A;
}
.marli-notify-drawer__submit{
padding: 10px 22px;
font-family: "Unbounded", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-weight: 400;
font-size: .8rem;
text-transform: uppercase;
letter-spacing: .04em;
color: #fff;
background: #1A1A1A;
border: 0;
border-radius: 8px;
cursor: pointer;
transition: background .25s ease;
white-space: nowrap;
}
.marli-notify-drawer__submit:hover{ background: #956C6A; }
.marli-notify-drawer__submit:disabled{ opacity: .6; cursor: wait; } .marli-notify-drawer__consent{
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: 12px;
font-size: .78rem;
line-height: 1.45;
color: #777;
cursor: pointer;
}
.marli-notify-drawer__consent input[type="checkbox"]{
margin-top: 2px;
flex-shrink: 0;
accent-color: #956C6A;
cursor: pointer;
}
.marli-notify-drawer__consent a{
color: #956C6A;
text-decoration: underline;
}
.marli-notify-drawer__consent a:hover{ color: #1A1A1A; }
.marli-notify-drawer__feedback{
margin-top: 12px;
font-size: .85rem;
line-height: 1.5;
}
.marli-notify-drawer__feedback:empty{ display: none; }
.marli-notify-drawer__feedback.is-success{ color: #2e7d32; }
.marli-notify-drawer__feedback.is-error{ color: #c62828; } @media (max-width: 1024px){
.marli-events__grid{
grid-template-columns: repeat(min(var(--events-cols, 4), 2), 1fr);
}
}
@media (max-width: 600px){
.marli-events__grid{
grid-template-columns: 1fr;
}
.marli-notify-drawer{
bottom: 0;
right: 0;
width: 100vw;
border-radius: 16px 16px 0 0;
}
.marli-notify-drawer__row{
flex-direction: column;
}
}