@font-face { font-family: "Archivo"; src: url("/fonts/archivo-variablefont-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: "Archivo"; src: url("/fonts/archivo-italic-variablefont-latin.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; } @font-face { font-family: "Moderniz"; src: url("/fonts/moderniz-latin.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } :root { --milossi-green: #022B3A; --milossi-green-2: #1F7A8C; --white: #FFFFFF; --green-95: #F2F5F7; --green-90: #DCE5E9; --green-80: #B7C7CD; --green-60: #6E8C95; --green-40: #3B5E69; --green-20: #022B3A; --green-15: #021F2A; --accent-30: #1F7A8C; --accent-50: #4FA0B0; --fg: var(--milossi-green); --fg-on-dark: var(--white); --fg-muted: var(--green-60); --fg-link: var(--milossi-green); --fg-accent: var(--milossi-green-2); --bg: var(--white); --bg-dark: var(--milossi-green); --bg-soft: var(--green-95); --border: var(--milossi-green); --border-on-dark: var(--white); --border-soft: var(--green-90); --font-display: "Moderniz", "MODERNIZ", "Archivo Black", sans-serif; --font-body: "Archivo", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif; --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-bold: 700; --tracking-tight: -0.005em; --tracking-display: -0.02em; --leading-display: 1.0; --leading-display-relaxed: 1.15; --leading-body: 1.05; --leading-paragraph: 1.45; --fs-hero: clamp(64px, 9vw, 120px); --fs-display: clamp(48px, 5.5vw, 75px); --fs-h1: clamp(40px, 4.2vw, 54px); --fs-h2: clamp(28px, 2.6vw, 34px); --fs-h3: 21px; --fs-lead: 21px; --fs-body: 17px; --fs-body-sm: 16px; --fs-meta: 15px; --fs-label: 10px; --space-1: 4px; --space-2: 8px; --space-3: 14px; --space-4: 20px; --space-5: 32px; --space-6: 48px; --space-7: 70px; --space-8: 114px; --space-9: 200px; --radius-pill: 100px; --radius-none: 0; --hairline: 1px; --hairline-w: 0.5px; --rule-thick: 3px; --ease-smooth: cubic-bezier(0.22, 0.61, 0.36, 1); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-out-premium: cubic-bezier(0.16, 1, 0.3, 1); --ease-in-out-premium: cubic-bezier(0.7, 0, 1, 1); --dur-fast: 160ms; --dur-base: 320ms; --dur-slow: 640ms; --dur-micro: 240ms; --dur-reveal: 420ms; --dur-page: 800ms; --max-w-page: 1440px; --gutter: 114px; --gutter-tablet: 56px; --gutter-mobile: 24px; } .t-hero { font-family: var(--font-display); font-weight: 400; font-size: var(--fs-hero); line-height: var(--leading-display); letter-spacing: var(--tracking-display); color: var(--fg); text-transform: lowercase; } .t-display { font-family: var(--font-display); font-weight: 400; font-size: var(--fs-display); line-height: var(--leading-display); letter-spacing: var(--tracking-display); color: var(--fg); text-transform: lowercase; } .t-h1 { font-family: var(--font-body); font-weight: var(--fw-bold); font-size: var(--fs-h1); line-height: 1.02; color: var(--fg); } .t-h2 { font-family: var(--font-body); font-weight: var(--fw-bold); font-size: var(--fs-h2); line-height: 1.05; color: var(--fg); } .t-h3 { font-family: var(--font-body); font-weight: var(--fw-light); font-size: var(--fs-h3); line-height: 1.05; letter-spacing: var(--tracking-tight); color: var(--fg); } .t-lead { font-family: var(--font-body); font-weight: var(--fw-light); font-size: var(--fs-lead); line-height: 1.05; letter-spacing: var(--tracking-tight); color: var(--fg); } .t-body { font-family: var(--font-body); font-weight: var(--fw-light); font-size: var(--fs-body); line-height: var(--leading-body); letter-spacing: var(--tracking-tight); color: var(--fg); } .t-meta { font-family: var(--font-body); font-weight: var(--fw-light); font-size: var(--fs-meta); line-height: 1.0; letter-spacing: var(--tracking-tight); color: var(--fg); } .t-link { font-family: var(--font-body); font-weight: var(--fw-light); font-size: 13px; text-transform: uppercase; text-decoration: underline; text-underline-offset: 3px; color: inherit; } .t-pill { display: inline-flex; align-items: center; justify-content: center; width: fit-content; padding: 1px 2px; border: var(--hairline-w) solid currentColor; border-radius: var(--radius-pill); font-family: var(--font-body); font-weight: var(--fw-bold); font-size: var(--fs-label); letter-spacing: var(--tracking-tight); line-height: 1.0; text-transform: uppercase; white-space: nowrap; } .t-wordmark { font-family: var(--font-display); font-weight: 700; font-size: 34px; letter-spacing: 0; line-height: 1.0; text-transform: uppercase; color: var(--fg); } .on-dark { color: var(--fg-on-dark); } .on-dark .t-hero, .on-dark .t-display, .on-dark .t-h1, .on-dark .t-h2, .on-dark .t-h3, .on-dark .t-lead, .on-dark .t-body, .on-dark .t-meta, .on-dark .t-wordmark { color: var(--fg-on-dark); } .on-dark .t-pill { color: var(--fg-on-dark); } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { background: var(--bg); color: var(--fg); font-family: var(--font-body); font-weight: var(--fw-light); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } ::-webkit-scrollbar { display: none; } html { scrollbar-width: none; } body { max-width: 1440px; margin: 0 auto; } img, .bg { display: block; } img { scale: 1; transition: scale var(--dur-page) var(--ease-smooth); } div:hover>img, a:hover>img, section:hover>img, img:hover { scale: 1.04; } .home-mir-content img, .works-mir-text img, .works-mir-row div { transition: none !important; scale: 1 !important; } div:has(> img), section:has(> img), a:has(> img) { overflow: hidden; } .t-display, .t-display-l { font-family: var(--font-display); font-size: 75px; line-height: 1; } .t-header, .t-headline-m, .t-headline-s { font-family: var(--font-body); font-weight: 800; font-size: 40px; line-height: 40px; } .t-body, .t-body-l, .t-body-s, .t-eyebrow { font-family: var(--font-body); font-weight: 300; font-size: 16px; line-height: 1.4; } .t-display-mega { font-family: var(--font-display); font-size: clamp(64px, 9vw, 120px); line-height: 1; } .t-display-s { font-family: var(--font-display); font-size: 50px; line-height: 1; } .t-caption { font-family: var(--font-body); font-weight: 300; font-size: 11px; line-height: 1.2; } .page { position: relative; width: 100%; min-width: 1024px; } .page-wrap { max-width: var(--max-w-page); margin: 0 auto; position: relative; } .gutter { padding-left: var(--gutter); padding-right: var(--gutter); } .header { position: absolute; top: 0; left: 0; right: 0; z-index: 100001; padding: 31px 29px 0; transition: color var(--dur-micro) var(--ease-smooth), opacity 0.3s ease-in-out; } body.page-transition-active .header { opacity: 0 !important; pointer-events: none !important; transition: opacity 0.15s ease-in-out !important; } .header__row { display: flex; align-items: flex-start; justify-content: space-between; } .header__mark { font-family: var(--font-display); font-weight: 700; font-size: 24px; line-height: 1; text-transform: uppercase; color: inherit; text-decoration: none; } .header__nav { display: flex; gap: 22px; } .header__nav a { color: inherit; font-family: var(--font-body); font-weight: 700; font-size: 12px; letter-spacing: -0.05em; text-transform: uppercase; text-decoration: none; padding-top: 12px; transition: opacity var(--dur-micro) var(--ease-smooth); } .header__nav a:hover { opacity: 0.6; } .header__nav a.active { text-decoration: underline; text-underline-offset: 4px; } .header__rule { position: absolute; left: 0; right: 0; top: 95px; height: 2px; background: currentColor; } .header--light { color: var(--milossi-green); } .header--dark { color: #fff; } .header--inline { position: relative; padding-top: 31px; padding-bottom: 16px; background: var(--bg); color: var(--milossi-green); } .header--inline .header__rule { background: var(--milossi-green); } .header--menu-open { color: #fff !important; } .header--menu-open .header__rule { opacity: 0; } .header--floating { position: fixed; top: 0; padding: 10px 29px; transition: transform var(--dur-reveal) var(--ease-out), opacity var(--dur-reveal) ease; will-change: transform; } .header--floating .header__row { align-items: center; background: var(--milossi-green); color: #fff; border-radius: 15px; padding: 8px 13px; min-height: 35px; } .header--floating .header__mark { font-size: 16px; transform: translateY(0.14em); } .header--floating .header__menu-btn { font-size: 17px; gap: 5px; } .header--hidden { transform: translateY(-160%); opacity: 0; pointer-events: none; } .hero--clean::after, .hero--clean .hero__scrim { display: none; } .hero__pill-corner { position: absolute; left: 50%; transform: translateX(-50%) scale(1.33); transform-origin: bottom center; bottom: 32px; z-index: 3; color: #fff; } .hero { position: relative; width: 100%; height: calc(100vh / var(--zoom, 1)); background-size: cover; background-position: center; color: #fff; overflow: hidden; } .hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2, 43, 58, 0.15), rgba(2, 43, 58, 0.4)); } .hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: transform; } .hero--video::after { display: none; } .hero__scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2, 43, 58, 0.25), rgba(2, 43, 58, 0.55)); z-index: 1; } .hero__title { position: relative; z-index: 2; padding-top: 235px; text-align: center; font-family: var(--font-display); font-size: var(--fs-hero); line-height: var(--leading-display); letter-spacing: var(--tracking-display); text-transform: lowercase; color: #fff; } .hero--short { height: 560px; background: #ffffff; color: var(--milossi-green); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 220px; text-align: center; position: relative; } .hero--short::after { display: none !important; } .hero--short .hero__title { padding-top: 0; margin: 0; color: var(--milossi-green); text-transform: uppercase; } .hero__mega-title { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; padding: 0 var(--gutter); z-index: 2; pointer-events: none; margin: 0; } .hero__mega-word { display: block; font-family: var(--font-display); font-size: 16vw; font-weight: 400; letter-spacing: -0.01em; line-height: 0.9; color: #fff; text-transform: lowercase; white-space: nowrap; } .pill { position: relative; display: inline-flex; align-items: center; padding: 2px 5px; font-family: var(--font-body); font-weight: var(--fw-bold); font-size: var(--fs-label); letter-spacing: var(--tracking-tight); text-transform: uppercase; line-height: 1; white-space: nowrap; color: var(--milossi-green); } .pill--light { color: #fff; } .block { padding-top: 70px; padding-bottom: 70px; } .block__pill { margin-bottom: 24px; } .block__head { font-family: var(--font-display); font-size: var(--fs-display); line-height: 1.1; letter-spacing: var(--tracking-display); text-transform: lowercase; color: inherit; max-width: 1100px; } .block__head--mega { font-size: var(--fs-hero); line-height: 1.15; } .block__body { font-family: var(--font-body); font-weight: var(--fw-light); font-size: 21px; line-height: 22px; letter-spacing: var(--tracking-tight); color: inherit; max-width: 560px; margin-top: 28px; } .dark { background: var(--milossi-green); color: #fff; } .tlink { font-family: var(--font-body); font-weight: var(--fw-light); font-size: 13px; letter-spacing: var(--tracking-tight); color: inherit; text-decoration: underline; text-underline-offset: 3px; text-transform: uppercase; transition: opacity var(--dur-micro) var(--ease-smooth), text-decoration-thickness var(--dur-micro); } .tlink:hover { opacity: 0.6; text-decoration-thickness: 2px; } .tlink--big { font-size: 17px; } .btn { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 13px 20px; box-sizing: border-box; font-family: var(--font-body); font-weight: 800; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.1; text-decoration: none; cursor: pointer; transition: opacity var(--dur-micro) var(--ease-smooth), background var(--dur-micro) var(--ease-smooth); } .btn__text { position: relative; } .btn--secondary { background: transparent; } .btn--secondary .btn__text { } .btn--secondary:hover { opacity: 1; } .btn__corner { position: absolute; width: 7px; height: 7px; } .btn__corner--tl { top: 0; left: 0; } .btn__corner--tr { top: 0; right: 0; } .btn__corner--bl { bottom: 0; left: 0; } .btn__corner--br { bottom: 0; right: 0; } .btn--primary { background: linear-gradient(87deg, #022B3A 0.85%, #0677A0 75%, #022B3A 149.33%); background-size: 200% auto; color: #ffffff; animation: btn-gradient-wave 6s ease infinite; } @keyframes btn-gradient-wave { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .acc { border-top: 1px solid currentColor; } .acc-row { border-bottom: 1px solid currentColor; padding: 32px 0; cursor: pointer; user-select: none; } .acc-row__top { display: grid; grid-template-columns: 1fr 60px; align-items: center; gap: 24px; } .acc-row__title { font-family: var(--font-display); font-size: 75px; line-height: 1; letter-spacing: var(--tracking-display); text-transform: lowercase; color: inherit; transition: color var(--dur-micro) var(--ease-smooth); } .acc-toggle { position: relative; width: 60px; height: 60px; justify-self: end; transition: color var(--dur-micro) var(--ease-smooth); } .acc-row:hover .acc-row__title { color: var(--milossi-green-2); } .acc-row:hover .acc-toggle { color: var(--milossi-green-2); } .acc-toggle .bar { position: absolute; left: 0; right: 0; top: 50%; height: 3px; background: currentColor; transform: translateY(-50%); transition: transform var(--dur-micro) var(--ease-smooth), background-color var(--dur-micro) var(--ease-smooth); } .acc-toggle .bar.v { transform: translateY(-50%) rotate(90deg); } .acc-row.open .acc-toggle .bar.v { transform: translateY(-50%) rotate(0deg); } .acc-row__body { max-height: 0; overflow: hidden; transition: max-height var(--dur-reveal) var(--ease-smooth), padding var(--dur-micro) ease, opacity var(--dur-reveal) ease; opacity: 0; } .acc-row.open .acc-row__body { max-height: 320px; padding-top: 24px; opacity: 1; } .acc--compact .acc-row { padding: 18px 0; } .acc--compact .acc-row__top { grid-template-columns: 1fr 20px; gap: 16px; } .acc--compact .acc-row__title { font-family: var(--font-body); font-weight: var(--fw-light); font-size: 17px; line-height: 1.2; letter-spacing: var(--tracking-tight); text-transform: uppercase; } .acc--compact .acc-toggle { width: 20px; height: 20px; } .acc--compact .acc-toggle .bar { height: 1px; } .acc-row__body p { font-family: var(--font-body); font-weight: var(--fw-light); font-size: 16px; line-height: 1.45; letter-spacing: var(--tracking-tight); max-width: 720px; } .services-steps-row { border-top: 1px solid var(--milossi-green); border-bottom: 1px solid var(--milossi-green); padding: 12px 0; cursor: pointer; user-select: none; display: grid; grid-template-columns: 1fr 20px; align-items: center; gap: 16px; color: var(--milossi-green); transition: color var(--dur-micro) var(--ease-smooth), border-color var(--dur-micro) var(--ease-smooth); } .services-steps-row:hover { color: var(--milossi-green-2); } .services-steps-body { height: 0; opacity: 0; overflow: hidden; } .services-steps-body .acc { border-top: none; } .acc--works .acc-row__top { grid-template-columns: 1fr 30px; } .acc--works .acc-row__title { text-transform: uppercase; font-size: 50px; } .acc--works .acc-toggle { width: 30px; height: 30px; } .acc--works .acc-toggle .bar { height: 1.5px; } .acc--works .acc-row.open .acc-row__body { max-height: 400px; } .acc--works .acc-row__body-grid { display: grid; grid-template-columns: 1fr 3fr; gap: 48px; align-items: start; } .acc--works .acc-imgs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; } .acc--works .acc-img { aspect-ratio: 1 / 1; background-size: cover; background-position: center; background-color: rgba(255, 255, 255, 0.08); } .stats { display: flex; flex-direction: column; gap: 18px; max-width: 560px; } .stats__row { display: grid; grid-template-columns: 18px 1fr; gap: 18px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid currentColor; } .stats__row::before { content: ""; display: inline-block; width: 18px; height: 18px; background: currentColor; clip-path: polygon(48% 0, 52% 0, 52% 48%, 100% 48%, 100% 52%, 52% 52%, 52% 100%, 48% 100%, 48% 52%, 0 52%, 0 48%, 48% 48%); } .stats__row span { font-family: var(--font-body); font-weight: var(--fw-light); font-size: 17px; letter-spacing: var(--tracking-tight); text-transform: uppercase; } .footer { background: var(--milossi-green); color: #fff; padding: 80px var(--gutter) 60px; } .footer__top { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px; } .footer__mark { font-family: var(--font-display); font-weight: 700; font-size: 34px; line-height: 1; text-transform: uppercase; } .footer__col { display: flex; flex-direction: column; gap: 6px; } .footer__col a, .footer__col span { color: #fff; font-family: var(--font-body); font-weight: var(--fw-light); font-size: 14px; letter-spacing: var(--tracking-tight); text-decoration: none; padding: 3px 0; } .footer__col a:hover { text-decoration: underline; text-underline-offset: 3px; opacity: 0.8; } .footer__rules { display: flex; flex-direction: column; gap: 70px; margin-top: 60px; } .footer__rules .rule { height: 1px; background: #fff; opacity: 0.5; } .footer__end { display: flex; justify-content: space-between; font-family: var(--font-body); font-weight: var(--fw-light); font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; opacity: 0.6; margin-top: 40px; } .header__menu-btn { background: none; border: none; cursor: pointer; color: inherit; font-family: var(--font-body); font-weight: 800; font-size: 25px; letter-spacing: -0.05em; text-transform: uppercase; display: flex; align-items: center; gap: 10px; padding: 0; line-height: 1; } .menu-toggle { position: relative; width: 13px; height: 13px; flex-shrink: 0; } .menu-toggle .bar { position: absolute; left: 1px; right: 1px; top: 4.5px; height: 2px; background: currentColor; transform: none; transition: transform var(--dur-micro) var(--ease-in-out-premium); } .menu-toggle .bar.v { transform: rotate(90deg); } .menu-toggle.open .bar.v { transform: rotate(0deg); } .menu-icon { display: inline-block; transform-origin: center; transition: transform var(--dur-micro) var(--ease-in-out-premium); } .menu-icon--open { transform: rotate(45deg); } .nav-overlay { position: fixed; inset: 0; z-index: 100000; background: var(--milossi-green); display: flex; flex-direction: column; transform: translateY(100%); transition: transform var(--dur-reveal) var(--ease-in-out-premium); pointer-events: none; } .nav-overlay--open { transform: translateY(0); pointer-events: auto; } .nav-overlay__bar { display: flex; align-items: flex-start; justify-content: space-between; padding: 31px 29px 0; } .nav-overlay__mark { font-family: var(--font-display); font-weight: 700; font-size: 34px; line-height: 1; text-transform: uppercase; color: var(--milossi-green-2); text-decoration: none; } .nav-overlay__close { background: none; border: none; cursor: pointer; color: #fff; font-family: var(--font-body); font-weight: 800; font-size: 35px; letter-spacing: -0.05em; text-transform: uppercase; display: flex; align-items: center; gap: 10px; padding: 0; line-height: 1; } .nav-overlay__rule { display: none; } .nav-overlay__nav { display: flex; flex-direction: column; justify-content: flex-end; padding: 0 29px 10px; flex: 1; } .nav-overlay__item { background: none; border: none; cursor: pointer; text-align: left; padding: 20px 0; display: flex; flex-direction: column; transition: opacity var(--dur-micro) var(--ease-smooth); } .nav-overlay__item:hover .nav-overlay__label { color: var(--milossi-green-2); } .nav-overlay__label { display: block; font-family: var(--font-display); font-size: clamp(70px, 12vw, 180px); font-weight: 400; line-height: 0.9; letter-spacing: var(--tracking-display); text-transform: uppercase; color: #fff; transition: color var(--dur-micro) var(--ease-smooth); } .nav-overlay__sub { display: block; font-family: var(--font-body); font-weight: var(--fw-light); font-size: 15px; line-height: 1.4; letter-spacing: var(--tracking-tight); color: #fff; max-height: 0; opacity: 0; overflow: hidden; margin-top: 0; transition: max-height var(--dur-reveal) var(--ease-smooth), opacity var(--dur-micro) ease, margin-top var(--dur-reveal) var(--ease-smooth); } .nav-overlay__item:hover .nav-overlay__sub { max-height: 50px; opacity: 1; margin-top: 6px; } .hero__cta { position: relative; z-index: 2; display: flex; justify-content: space-between; padding: 32px var(--gutter) 0; align-items: center; } .hero__cta-left, .hero__cta-right { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-family: var(--font-body); font-weight: var(--fw-light); font-size: 17px; letter-spacing: var(--tracking-tight); text-decoration: underline; text-underline-offset: 3px; } .form { max-width: 448px; display: flex; flex-direction: column; gap: 36px; } .form__row { display: flex; gap: 24px; } .form__row > .form__field { flex: 1; } .form__field { display: flex; flex-direction: column; gap: 10px; } .form__label { font-family: var(--font-body); font-weight: var(--fw-light); font-size: 15px; letter-spacing: var(--tracking-tight); text-transform: uppercase; color: inherit; } .form__input { border: 0; border-bottom: 1px solid currentColor; padding: 6px 0 12px; font-family: var(--font-body); font-weight: var(--fw-light); font-size: 17px; color: inherit; background: transparent; outline: none; width: 100%; } .form__input::placeholder { opacity: 0.5; } .form__send { align-self: flex-start; font-family: var(--font-body); font-weight: var(--fw-light); font-size: 17px; color: inherit; background: transparent; border: 0; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; padding: 0; } .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; } .full-bleed { position: relative; left: 50%; right: 50%; margin-left: calc(-50vw / var(--zoom, 1)); margin-right: calc(-50vw / var(--zoom, 1)); width: calc(100vw / var(--zoom, 1)); } .image-band { width: 100%; height: 585px; background-size: cover; background-position: center; } .image-band--tall { height: 735px; } .image-band--short { height: 200px; } .make-it-real { display: flex; flex-wrap: wrap; align-items: center; column-gap: 28px; row-gap: 18px; font-family: var(--font-display); font-size: var(--fs-hero); line-height: 1.15; letter-spacing: var(--tracking-display); text-transform: lowercase; color: var(--milossi-green); } .make-it-real .word { display: inline-block; } .make-it-real .inline-img { display: inline-block; height: 110px; width: auto; object-fit: cover; vertical-align: middle; } .make-it-real .inline-img--lg { height: 130px; width: 280px; } .make-it-real .inline-img--sm { height: 70px; width: 200px; } .no-scroll { overflow: hidden !important; } .mobile-only { display: none !important; } .section-marquee { position: relative; width: 500px; overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%); display: flex; align-items: center; } .section-marquee__track { display: flex; align-items: center; width: max-content; animation: section-marquee-scroll 18s linear infinite; } .section-marquee__item { white-space: nowrap; padding-right: 48px; display: inline-flex; align-items: center; line-height: 1; } @keyframes section-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes rotate-cursor { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .clip-line { display: block; overflow: hidden; padding-top: 8px; margin-top: -8px; padding-bottom: 8px; margin-bottom: -8px; } .clip-line--tight { padding-top: 3px; margin-top: -3px; padding-bottom: 4px; margin-bottom: -4px; } .clip-line-inner { display: inline-block; will-change: transform; opacity: 0; } .pill-corner-bl, .pill-corner-tr { opacity: 0; } .pill-text-inner { display: inline-block; transform: translateY(105%); opacity: 0; } .carousel-nav-btn { display: inline-flex; align-items: center; justify-content: center; background: none; border: none; padding: 10px; margin: 0 -7px; cursor: pointer; outline: none; transition: margin 0.35s cubic-bezier(0.25, 1, 0.5, 1); } .carousel-nav-btn svg { display: block; width: 20px; height: 20px; transform-origin: center; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .carousel-nav-btn:hover { margin: 0 -1px; } .carousel-nav-btn:hover svg { transform: rotate(45deg); } body.no-scroll .connect-button { opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; transition: opacity 0.3s ease, visibility 0.3s ease !important; } .harmonics-img-container { position: relative; overflow: hidden; background-color: rgba(255, 255, 255, 0.05); } .harmonics-img-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; clip-path: inset(100% 0 0 0); opacity: 1; z-index: 1; transition: none; will-change: clip-path; } .harmonics-img-layer.active { clip-path: inset(0% 0 0 0); opacity: 1; z-index: 3; transition: clip-path 0.8s cubic-bezier(0.16, 1, 0.3, 1); } .harmonics-img-layer.was-active { clip-path: inset(0% 0 0 0); opacity: 1; z-index: 2; transition: none; } .ds-section { padding-top: 100px; padding-bottom: 100px; } .ds-title { margin-top: 48px; } .ds-carousel { margin-top: 50px; margin-bottom: 50px; } .design-system-carousel-track { gap: 10px; } .ds-carousel-item { width: 370px; height: 331px; } video { background-color: transparent !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .reveal-clip, .works-designs-video-col, .section-bleed { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, clip-path; } @media (max-width: 767px) { :root { --gutter: 8px; } .page { min-width: 0; } body { max-width: 100%; } img { max-width: 100%; height: auto; } video { max-width: 100%; } .t-display, .t-display-l { font-size: 38px; line-height: 1.05; } .t-display-mega { font-size: clamp(40px, 12vw, 64px); } .t-display-s { font-size: 30px; } .t-header, .t-headline-m, .t-headline-s { font-size: 28px; line-height: 1; } .t-body, .t-body-l, .t-body-s, .t-eyebrow { line-height: 1.4; } .ds-section { padding-top: 120px; padding-bottom: 120px; } .ds-title { margin-top: 0; } .ds-title br { display: none; } .ds-carousel { margin-top: 30px; margin-bottom: 30px; } .design-system-carousel-track { gap: 20px; } .ds-carousel-item { width: 286px; height: 256px; } .ds-cta>span { display: block; width: 100%; } .ds-cta .btn { width: 100%; justify-content: center; } .desktop-carousel-container { height: auto !important; padding-top: 40px !important; position: relative !important; } .desktop-carousel-container section { height: auto !important; position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; overflow: visible !important; padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; } .home-carousel-grid { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; width: 100% !important; height: auto !important; gap: 24px !important; } .home-carousel-center { width: 100% !important; height: auto !important; aspect-ratio: 402 / 215 !important; position: relative !important; overflow: hidden !important; order: -1 !important; } .home-carousel-center>div { left: var(--gutter) !important; right: var(--gutter) !important; } .home-carousel-left { width: 100% !important; height: 500px !important; position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; } .home-carousel-left>div { position: relative !important; flex: 1 1 auto !important; min-height: 0 !important; width: 100% !important; height: auto !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0 !important; overflow: hidden !important; } .home-carousel-left>div>div { padding-left: var(--gutter) !important; padding-right: var(--gutter) !important; padding-bottom: 16px !important; overflow-y: auto !important; overflow-x: hidden !important; } .home-carousel-left .home-carousel-mobile-controls { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; flex: 0 0 auto !important; width: 100% !important; padding-top: 16px !important; padding-bottom: 25px !important; transition: padding-top var(--dur-reveal) var(--ease-smooth) !important; } .home-carousel-left.accordion-open .home-carousel-mobile-controls { padding-top: 24px !important; } .home-carousel-left.accordion-open { height: auto !important; } .home-carousel-left.accordion-open>div { flex: 0 0 auto !important; height: auto !important; } .home-carousel-left.accordion-open>div>div:nth-child(3) { position: relative !important; height: auto !important; overflow: visible !important; } .home-carousel-left div[style*="marginTop"], .home-carousel-left div[style*="margin-top"] { margin-top: 48px !important; margin-bottom: 0 !important; align-self: stretch !important; width: 100% !important; } .home-carousel-left .acc--compact { margin-top: 16px !important; } .home-carousel-left .acc--compact .acc-row { padding: 10px 0 !important; } .home-carousel-controls { display: none !important; } .carousel-progress-container { width: 100% !important; } .carousel-nav-btn { padding: 0 !important; margin: 0 !important; } .carousel-nav-btn:hover { margin: 0 !important; transform: none !important; } .carousel-nav-btn:hover svg { transform: none !important; } .header { padding-left: var(--gutter); padding-right: var(--gutter); } .header__row { align-items: center; } .header--floating { padding-left: var(--gutter) !important; padding-right: var(--gutter) !important; } .header--floating .header__row { height: 45px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .hero { height: 100vh !important; height: 100dvh !important; } .hero--short { height: 350px !important; padding-top: 120px !important; } .nav-overlay__nav { padding: 0 var(--gutter) 10px 6px; } .nav-overlay__item { padding: 5px 0; } .nav-overlay__label { font-size: 46px !important; white-space: nowrap; } .nav-overlay__sub { display: none !important; } .footer-giant-link { font-size: 60px !important; line-height: 62px !important; white-space: normal !important; } .mobile-only { display: flex !important; } .desktop-only { display: none !important; } .form__row { flex-direction: column !important; gap: 36px !important; } .works-pin-section { height: auto !important; } .works-pin-section>div { height: auto !important; } .works-images-wall { position: relative !important; padding: 40px var(--gutter) !important; } .works-eyewear-section { display: flex !important; flex-direction: column !important; min-height: 0 !important; padding-top: 80px !important; padding-bottom: 80px !important; gap: 32px !important; } .works-eyewear-img-col { order: -1 !important; width: 100% !important; padding: 0 var(--gutter) !important; overflow: hidden !important; } .works-eyewear-img-col img { width: 100% !important; height: auto !important; object-fit: contain !important; object-position: center !important; } .works-eyewear-text-col { width: 100% !important; padding-left: var(--gutter) !important; padding-right: var(--gutter) !important; gap: 20px !important; } .works-eyewear-text-col>div { gap: 16px !important; } .works-eyewear-text-col p { max-width: 100% !important; } .works-designs-section { padding-top: 80px !important; padding-bottom: 120px !important; } .works-designs-grid { display: flex !important; flex-direction: column !important; gap: 32px !important; } .works-designs-video-col { width: 100% !important; height: auto !important; aspect-ratio: 570 / 320 !important; } .works-designs-text-col { width: 100% !important; gap: 20px !important; } .works-designs-text-col p { max-width: 100% !important; } .works-designs-text-col .btn { width: 100% !important; justify-content: center !important; } .works-were-here-section { padding-left: 0 !important; padding-right: 0 !important; height: 400px !important; margin-bottom: 80px !important; } .works-were-here-content { width: 100% !important; padding-left: var(--gutter) !important; padding-right: var(--gutter) !important; box-sizing: border-box !important; } .works-were-here-title { text-align: center !important; } .works-were-here-title span { white-space: normal !important; display: block !important; } .works-were-here-content .btn { width: 100% !important; justify-content: center !important; margin-top: 20px !important; } .services-diagram-section { padding-top: 40px !important; padding-bottom: 40px !important; } .services-diagram-wrapper { height: auto !important; } .services-diagram-img { height: auto !important; object-fit: contain !important; } .services-steps-grid { display: flex !important; flex-direction: column !important; gap: 32px !important; } .services-steps-text-col { width: 100% !important; } .services-steps-text-col p { max-width: 100% !important; } .services-steps-harmonics { width: 100% !important; height: auto !important; aspect-ratio: 485 / 566 !important; } .contact-map-section { padding-top: 20px !important; padding-bottom: 30px !important; } .contact-map-container { height: auto !important; padding-left: var(--gutter) !important; padding-right: var(--gutter) !important; box-sizing: border-box !important; overflow: hidden !important; } .contact-map-img { transform: none !important; height: auto !important; width: 125% !important; max-width: 125% !important; margin-left: -12.5% !important; } .contact-map-cta-wrapper { position: relative !important; left: auto !important; bottom: auto !important; margin-top: 16px !important; display: flex !important; justify-content: center !important; width: 100% !important; } .contact-map-cta-wrapper .btn { width: 100% !important; justify-content: center !important; } .contact-details-section { padding-top: 30px !important; padding-bottom: 60px !important; } .contact-details-grid { display: flex !important; flex-direction: column !important; gap: 48px !important; } .contact-details-left-col, .contact-details-right-col { width: 100% !important; } .contact-details-left-col p { max-width: 100% !important; } .contact-details-right-col .form { max-width: 100% !important; } .contact-details-right-col .btn { width: 100% !important; justify-content: center !important; } .connect-button { display: none !important; } .home-contact-section { padding-top: 60px !important; padding-bottom: 0px !important; } } .video-play-pause-btn { position: absolute; left: 30px; bottom: 30px; width: 35px; height: 35px; z-index: 10; cursor: pointer; background: transparent; border: none; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease; outline: none; -webkit-tap-highlight-color: transparent; } .video-play-pause-btn:hover { transform: scale(1.08); background-color: rgba(255, 255, 255, 0.15); } .video-play-pause-btn:active { transform: scale(0.95); } .video-play-pause-btn svg { display: block; width: 100%; height: 100%; } .video-play-pause-btn path.morph-path { transition: d 0.3s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.3s ease; } @media (max-width: 767px) { .video-play-pause-btn { left: 20px; bottom: 20px; width: 35px; height: 35px; } } .home-founder { padding-top: 100px; padding-bottom: 0; color: var(--milossi-green); } .home-founder-grid { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 114px; align-items: center; border-top: 1px solid var(--green-90); padding-top: 80px; } .home-founder-figure { margin: 0; min-width: 0; } .home-founder-portrait { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: contain; background: var(--green-95); } .home-founder-caption { display: flex; flex-direction: column; gap: 4px; padding-top: 16px; font: 300 13px/1.4 var(--font-body); } .home-founder-caption span:first-child { font-weight: 500; } .home-founder-copy { min-width: 0; } .home-founder-archive { width: 280px; max-width: 100%; margin: 36px 0 0; } .home-founder-archive img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; } .home-founder-copy h2 { margin: 0; letter-spacing: -.02em; } .home-founder-copy p { max-width: 490px; margin: 28px 0 32px; } .home-founder-link { display: inline-block; min-height: 44px; padding-top: 12px; padding-bottom: 12px; font: 400 16px/1.4 var(--font-body); } .home-founder-link:focus-visible { outline: 2px solid var(--milossi-green-2); outline-offset: 6px; } @media (max-width: 767px) { .home-founder { padding-top: 50px; } .home-founder-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-top: 40px; } .home-founder-figure { width: 100%; max-width: 320px; } .home-founder-copy { padding-bottom: 0; } .home-founder-copy h2 { font-size: clamp(26px, 6.9vw, 36px); line-height: 1.12; } .home-founder-copy p { margin-top: 24px; margin-bottom: 20px; } } .skip-link{position:fixed;top:12px;left:12px;padding:12px 18px;background:#fff;color:var(--milossi-green);z-index:1000000;transform:translateY(-160%)} .skip-link:focus{transform:translateY(0)} :focus-visible{outline:2px solid var(--milossi-green-2);outline-offset:5px} a{color:inherit}.nav-overlay__item{text-decoration:none}.seo-intro{font:300 20px/1.5 var(--font-body);max-width:760px;margin:24px 0 42px;color:var(--milossi-green)} .seo-services{padding-top:82px;padding-bottom:82px}.seo-services .t-eyebrow{margin-bottom:22px}.seo-services .t-headline-m{margin:0 0 40px}.seo-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px} .seo-service-card{display:block;border-top:1px solid var(--green-80);padding:22px 0;text-decoration:none;color:var(--milossi-green)}.seo-service-number{font:400 12px/1.4 var(--font-body);color:var(--milossi-green-2)}.seo-service-card h3{font:500 24px/1.2 var(--font-body);margin:35px 0 16px;display:flex;justify-content:space-between;gap:16px}.seo-service-card p{font:300 17px/1.5 var(--font-body);max-width:330px}.seo-service-card:hover h3{color:var(--milossi-green-2)} .footer-service-links{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--green-90);padding-top:22px;margin-top:34px;font:400 13px/1.6 var(--font-body)}.footer-service-links a{text-decoration:underline;text-underline-offset:4px}.footer-service-links button{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer} .project-form{display:flex;flex-direction:column;gap:24px;width:100%;max-width:660px}.project-form .form__row{width:100%}.form__textarea{resize:vertical;min-height:100px;font:inherit}.form-notice,.form-direct{font:300 14px/1.5 var(--font-body);margin:0}.project-form a{text-decoration:underline;text-underline-offset:3px}.project-submit{display:inline-flex;align-self:flex-start;align-items:center;justify-content:space-between;gap:32px;background:var(--milossi-green);color:#fff;border:1px solid var(--milossi-green);padding:17px 25px;font:500 13px/1.1 var(--font-body);letter-spacing:.035em;cursor:pointer}.project-submit:hover{background:var(--milossi-green-2)}.project-submit:disabled{opacity:.6;cursor:wait}.form-status{font:400 15px/1.5 var(--font-body);margin:0}.form-status:empty{display:none}.form-status--error{color:#963400}.contact-direct{font:400 20px/1.7 var(--font-body)} .service-hero .t-eyebrow{margin:45px 0 24px}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0;font:300 13px/1.6 var(--font-body)}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.service-title{font-size:clamp(36px,5vw,72px);margin:0;line-height:1.12;overflow-wrap:anywhere}.service-title>span{display:block}.accent{color:var(--milossi-green-2)}.service-subtitle{font:300 25px/1.35 var(--font-body);max-width:830px;margin:26px 0 10px}.service-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;padding-top:70px;padding-bottom:90px}.service-lead{font:300 24px/1.45 var(--font-body);margin:0 0 30px}.service-hero-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.service-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:100px;padding-bottom:90px}.service-editorial article{margin-bottom:45px}.service-editorial h2,.privacy-copy h2{font:500 28px/1.25 var(--font-body);margin:0 0 20px}.service-editorial p,.service-brief>p,.privacy-copy p{font:300 18px/1.6 var(--font-body);margin:0 0 24px}.service-deliverables{padding:25px 0;border-top:1px solid var(--milossi-green)}.service-deliverables ul{padding:0 0 0 20px;margin:25px 0 40px;font:300 17px/1.5 var(--font-body)}.service-deliverables li{margin:16px 0}.text-arrow{font:500 16px/1.5 var(--font-body);text-underline-offset:5px}.service-brief{background:var(--green-95);padding-top:70px;padding-bottom:70px}.service-brief>p{max-width:770px}.service-brief .project-form{margin-top:40px}.privacy-copy{max-width:1000px;padding-top:40px;padding-bottom:70px}.privacy-copy h2{margin-top:45px} html:not(.is-interactive) .header__menu-btn{display:none}html:not(.is-interactive) .pill-text-inner,html:not(.is-interactive) .clip-line-inner,html:not(.is-interactive) [data-reveal],html:not(.is-interactive) .js-fadeup,html.motion-disabled [data-reveal],html.motion-disabled .clip-line-inner,html.motion-disabled .js-fadeup{opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important} html:not(.is-interactive) .desktop-carousel-container,html.motion-disabled .desktop-carousel-container{height:auto!important;min-height:800px} html:not(.is-interactive) .works-pin-section,html.motion-disabled .works-pin-section{height:auto!important;min-height:700px} html:not(.is-interactive) .works-photos-wall,html.motion-disabled .works-photos-wall{opacity:1!important;visibility:visible!important;transform:none!important} html:not(.is-interactive) .reveal-clip,html.motion-disabled .reveal-clip{clip-path:none!important;transform:none!important;opacity:1!important} html.motion-disabled .ds-carousel{cursor:pointer!important}html.motion-disabled .ds-carousel *{cursor:pointer!important} @media(max-width:767px){.seo-intro{font-size:17px;margin:22px 0 32px}.seo-services{padding-top:50px;padding-bottom:50px}.seo-services-grid{grid-template-columns:1fr;gap:10px}.seo-service-card h3{margin-top:18px;font-size:23px}.seo-service-card p{max-width:none}.footer-service-links{flex-direction:column;gap:13px}.service-title{font-size:clamp(29px,7.9vw,52px);letter-spacing:-.035em}.service-subtitle{font-size:21px}.service-hero .t-eyebrow{margin-top:32px;line-height:1.5}.service-overview{grid-template-columns:1fr;gap:32px;padding-top:38px;padding-bottom:50px}.service-lead{font-size:21px}.service-detail-grid{grid-template-columns:1fr;gap:24px;padding-bottom:50px}.service-editorial h2,.privacy-copy h2{font-size:24px}.service-editorial p,.service-brief>p,.privacy-copy p{font-size:17px}.service-brief{padding-top:45px;padding-bottom:45px}.project-form{gap:22px}.form__textarea{font-size:16px}.contact-direct{font-size:18px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} .analytics-consent{position:fixed;bottom:24px;left:24px;right:24px;margin-left:auto;max-width:460px;background:#fff;color:var(--milossi-green);border:1px solid var(--green-80);box-shadow:0 8px 40px rgba(2,43,58,.18);padding:24px;z-index:1000000;font:400 14px/1.5 var(--font-body)}.analytics-consent[hidden]{display:none}.analytics-consent p{margin:0 0 14px}.analytics-consent>div{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.analytics-consent button{flex:1;background:var(--milossi-green);color:#fff;border:1px solid var(--milossi-green);padding:12px;cursor:pointer;font:inherit}.analytics-consent a{text-decoration:underline}.analytics-consent strong{font-size:18px} html:not(.is-interactive) .acc-row__body{max-height:none!important;grid-template-rows:1fr!important;height:auto!important;opacity:1!important;display:block!important}html:not(.is-interactive) .acc-row__body p{padding-bottom:18px!important} html:not(.is-interactive) [data-carousel-slide][data-current="false"],html.motion-disabled [data-carousel-slide][data-current="false"]{display:none!important} html:not(.is-interactive) [data-carousel-slide][data-current="true"],html.motion-disabled [data-carousel-slide][data-current="true"]{transform:none!important;clip-path:none!important;opacity:1!important;visibility:visible!important} html:not(.is-interactive) .home-carousel-left,html.motion-disabled .home-carousel-left{height:auto!important;min-height:400px} html:not(.is-interactive) .home-carousel-left>div,html.motion-disabled .home-carousel-left>div{position:relative!important;height:auto!important;overflow:visible!important} html:not(.is-interactive) .home-carousel-left>div>[data-current="true"],html.motion-disabled .home-carousel-left>div>[data-current="true"]{position:relative!important;height:auto!important} html:not(.is-interactive) .carousel-nav-btn,html:not(.is-interactive) .carousel-progress-container{display:none!important} html:not(.is-interactive) .pill-corner-bl,html:not(.is-interactive) .pill-corner-tr,html.motion-disabled .pill-corner-bl,html.motion-disabled .pill-corner-tr,html.motion-disabled .pill-text-inner{opacity:1!important;transform:none!important} @media(max-width:767px){html:not(.is-interactive) .desktop-carousel-container,html.motion-disabled .desktop-carousel-container{min-height:0!important}html:not(.is-interactive) .home-carousel-left,html.motion-disabled .home-carousel-left{min-height:0!important}html:not(.is-interactive) .home-carousel-left>div,html.motion-disabled .home-carousel-left>div{flex:auto!important}} .hero.hero--short.service-hero{height:auto;min-height:0;padding:132px var(--gutter) 30px;overflow:visible} .service-hero .breadcrumb{margin-top:0;justify-content:center} .service-title{max-width:100%} @media(max-width:767px){.hero.hero--short.service-hero{height:auto!important;padding:100px var(--gutter) 24px!important}.service-title{font-size:clamp(22px,7.2vw,52px)}.service-subtitle{margin-top:24px;max-width:100%}} html:not(.is-interactive) .home-carousel-mobile-controls,html:not(.is-interactive) .home-carousel-controls{display:none!important} .hero--message { min-height: 650px; } .hero--message .hero__scrim { pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,.22) 28%, rgba(0,0,0,.50) 60%, rgba(0,0,0,.72) 100%); } .home-hero-copy { position: absolute; z-index: 2; left: var(--gutter); right: var(--gutter); bottom: 110px; max-width: 980px; color: var(--white); text-shadow: 0 1px 12px rgba(0,0,0,.16); } .home-hero-descriptor { font: 400 12px/1.5 var(--font-body); letter-spacing: .07em; margin: 0 0 20px; } .home-hero-heading { font: 400 52px/1.13 var(--font-display); letter-spacing: -.025em; margin: 0; max-width: 980px; } .home-hero-subcopy { font: 300 19px/1.5 var(--font-body); margin: 22px 0 20px; max-width: 740px; } .home-hero-actions { display: flex; flex-wrap: wrap; gap: 12px 32px; } .home-hero-actions a { display: inline-flex; align-items: center; gap: 18px; min-height: 44px; font: 500 13px/1.4 var(--font-body); letter-spacing: .025em; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.65); transition: border-color .24s ease; } .home-hero-actions a:hover { border-color: var(--white); } .home-hero-actions a:focus-visible { outline-color: var(--white); } .home-hero-location { font: 400 11px/1.6 var(--font-body); letter-spacing: .045em; margin: 22px 0 0; } @media (max-width:767px) { .hero--message { min-height: 560px; } .home-hero-copy { bottom: 92px; } .home-hero-descriptor { font-size: 10px; letter-spacing: .035em; margin-bottom: 16px; } .home-hero-heading { font-size: clamp(25px, 6.5vw, 46px); line-height: 1.16; max-width: 620px; } .home-hero-subcopy { font-size: 16px; line-height: 1.45; margin: 18px 0 14px; max-width: 540px; } .home-hero-actions { gap: 10px 24px; } .home-hero-actions a { font-size: 12px; gap: 10px; } .home-hero-location { font-size: 9px; margin-top: 18px; max-width: 340px; } } .hero.hero--message { display:flex; flex-direction:column; justify-content:flex-end; height:auto; min-height:max(650px, calc(100vh / var(--zoom, 1))); padding:150px var(--gutter) 110px; box-sizing:border-box; } .hero--message .home-hero-copy { position:relative; left:auto; right:auto; bottom:auto; width:100%; flex-shrink:0; } @media(max-width:767px) { .hero.hero--message { height:auto!important; min-height:max(560px, 100svh); padding:120px var(--gutter) 92px; } } .site-footer .footer-details { display:grid; grid-template-columns:1fr 1.35fr .85fr 1.35fr; gap:32px; margin-top:32px; padding-top:32px; border-top:1px solid var(--green-90); color:var(--milossi-green); font:400 14px/1.6 var(--font-body); } .site-footer .footer-link-group,.site-footer .footer-company { min-width:0; } .site-footer .footer-label { display:block; margin-bottom:16px; font:500 10px/1.5 var(--font-body); letter-spacing:.1em; text-transform:uppercase; color:var(--green-40); } .site-footer .footer-link-group { display:flex; flex-direction:column; align-items:flex-start; } .site-footer .footer-link-group a { display:inline-flex; align-items:center; gap:12px; min-height:44px; max-width:100%; padding:8px 0; box-sizing:border-box; color:inherit; text-decoration:none; } .site-footer .footer-link-group a>span { font-size:12px; color:var(--green-40); } .site-footer .footer-company address { margin:0; padding-top:11px; font:inherit; font-style:normal; } .site-footer .footer-company address span { display:block; } .site-footer .footer-vat { display:block; margin-top:16px; white-space:nowrap; font-size:12px; color:var(--green-40); } .site-footer .footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:32px; padding-top:20px; border-top:1px solid var(--green-90); color:var(--green-40); font:400 12px/1.6 var(--font-body); } .site-footer .footer-copyright { flex-shrink:0; } .site-footer .footer-utility-links { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:4px 24px; } .site-footer .footer-utility-links a,.site-footer .footer-utility-links button { display:inline-flex; align-items:center; min-height:44px; padding:8px 0; box-sizing:border-box; background:none; border:0; font:inherit; color:inherit; text-decoration:none; cursor:pointer; } .site-footer .footer-utility-links button[hidden] { display:none; } .site-footer .footer-link-group a:hover,.site-footer .footer-utility-links a:hover,.site-footer .footer-utility-links button:hover { color:var(--milossi-green-2); text-decoration:underline; text-underline-offset:5px; } .site-footer .footer-link-group a:focus-visible,.site-footer .footer-utility-links a:focus-visible,.site-footer .footer-utility-links button:focus-visible { outline:2px solid var(--milossi-green-2); outline-offset:4px; } @media(max-width:900px) { .site-footer .footer-details { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 40px; } .site-footer .footer-bottom { align-items:flex-start; flex-direction:column; gap:10px; } .site-footer .footer-utility-links { justify-content:flex-start; } } @media(max-width:480px) { .site-footer .footer-details { gap:28px 24px; margin-top:24px; padding-top:28px; font-size:13px; } .site-footer .footer-label { margin-bottom:10px; } .site-footer .footer-bottom { margin-top:28px; } .site-footer .footer-utility-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; width:100%; } } .language-selector{display:flex;justify-content:flex-end;gap:14px;padding:14px 0 0;font:500 12px/1.5 Archivo,sans-serif;position:relative;z-index:10;background:transparent} .language-selector a{color:inherit;text-decoration:none;opacity:.65;white-space:nowrap}.language-selector a[aria-current=true]{opacity:1;text-decoration:underline;text-underline-offset:4px}.language-selector a:focus-visible{outline:2px solid currentColor;outline-offset:5px} html:not([lang=en]) .t-display-xl,html:not([lang=en]) .t-display-l{overflow-wrap:break-word} @media(max-width:767px){.language-selector{padding:12px 0 0;gap:18px}} .works-page .works-intro{margin:20px 0 0;max-width:850px} .works-showreel{position:relative;background:var(--milossi-green)} .works-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 8px;margin:0 auto;padding:64px var(--gutter) 80px;max-width:1800px} .works-tile{margin:0;min-width:0} .works-tile>a{display:block;color:inherit;text-decoration:none} .works-tile-image{position:relative;aspect-ratio:3/2;overflow:hidden;background:#f0f1f1} .works-tile-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease} .works-tile figcaption{display:flex;justify-content:space-between;gap:12px;padding:10px 2px 0;font:400 12px/1.4 var(--font-body);color:var(--milossi-green)} .works-tile>a:hover .works-tile-image>img{transform:scale(1.035)} .works-tile>a:focus-visible{outline:2px solid var(--milossi-green);outline-offset:4px} .works-tile-art{background:#151516;display:grid;place-items:center} .works-tile-art>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.45} .works-tile-art>img{position:relative;object-fit:contain;width:42%;height:55%;z-index:1} .works-contact{border-top:1px solid #dce2e2;padding-top:70px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:60px} .works-contact h2{margin:0} @media(max-width:1000px){.works-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:40px}.works-contact{gap:30px}} @media(max-width:600px){.works-mosaic{grid-template-columns:1fr;gap:25px;padding:28px 16px 48px}.works-tile figcaption{font-size:12px}.works-contact{display:block;padding-top:44px;padding-bottom:56px}.works-contact h2{margin-bottom:32px}.works-page .hero__title{font-size:clamp(36px,9vw,66px);overflow-wrap:anywhere}} @media(prefers-reduced-motion:reduce){.works-tile-image>img{transition:none}} .works-mosaic{gap:8px} .works-tile{position:relative} .works-tile figcaption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:rgba(2,43,58,.62);color:#fff;font:500 clamp(16px,1.6vw,26px)/1.2 var(--font-body);opacity:0;transition:opacity .2s ease;pointer-events:none} .works-tile:focus-within figcaption{opacity:1} @media(hover:hover){.works-tile:hover figcaption{opacity:1}} @media(max-width:600px){.works-mosaic{gap:8px}} @media(prefers-reduced-motion:reduce){.works-tile figcaption{transition:none}} html[lang="es"] .footer-giant-link { font-size: clamp(24px, 4.7vw, 68px) !important; line-height: 1.12 !important; white-space: normal !important; } @media (min-width: 768px) { html[lang="es"] .ds-title { font-size: 65px; } } @media (max-width: 767px) { html[lang="es"] .footer-giant-link { font-size: 36px !important; } } html[lang="it"] .footer-giant-link { font-size: clamp(32px, 4.7vw, 68px) !important; line-height: 1.12 !important; white-space: normal !important; } html[lang="it"] .ds-title { font-size: 54px; } @media (max-width: 767px) { html[lang="it"] .footer-giant-link { font-size: 36px !important; } html[lang="it"] .ds-title { font-size: 30px; } } .header__inline-nav{display:flex;align-items:center;gap:28px} .header__inline-nav a{font-family:var(--font-body);font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.14em;color:inherit;text-decoration:none;white-space:nowrap} .header__inline-nav a:hover{opacity:.65} .header__inline-nav a:focus-visible{outline:2px solid currentColor;outline-offset:5px} @media(max-width:600px){ .header__row{flex-wrap:wrap} .header__inline-nav{width:100%;justify-content:flex-end;gap:18px;margin-top:18px} .header__inline-nav a{font-size:10px;letter-spacing:.08em} .header .language-selector{position:absolute;top:31px;right:var(--gutter);padding:0} .header--floating .header__row{height:auto!important;padding-top:10px!important;padding-bottom:10px!important} .header--floating .header__inline-nav{margin-top:12px} .header--floating .language-selector{top:20px;right:calc(var(--gutter) + 13px);color:#fff} } @media(max-width:360px){.header__inline-nav{gap:10px}.header__inline-nav a{font-size:9px}} .brief-intro{padding-top:160px;padding-bottom:70px;color:var(--milossi-green)} .brief-eyebrow{font:400 12px/1.5 var(--font-body);letter-spacing:.06em;margin:0 0 28px} .brief-title{font:400 84px/1.08 var(--font-display);letter-spacing:var(--tracking-display);margin:0 0 32px} .brief-lead{font:400 28px/1.35 var(--font-body);margin:0 0 18px} .brief-description{font:300 20px/1.55 var(--font-body);max-width:760px;margin:0} .brief-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:94px;padding-bottom:110px} .brief-aside{border-top:1px solid var(--milossi-green);padding-top:28px;align-self:start} .brief-aside h2{font:500 28px/1.2 var(--font-body);margin:0 0 24px} .brief-aside>p:not(.brief-eyebrow){font:300 17px/1.55 var(--font-body);margin:0 0 20px} .brief-aside a{display:inline-block;margin-top:16px;font:400 15px/1.5 var(--font-body);text-underline-offset:5px} .brief-form{max-width:none;gap:24px;min-width:0} .brief-required,.brief-hint{font:300 14px/1.5 var(--font-body);margin:0;color:var(--green-40)} .brief-section{border:0;padding:0;margin:0 0 22px;min-width:0} .brief-section-title{display:block;width:100%;border-top:1px solid var(--green-80);padding:24px 0 20px;margin:0;font:500 23px/1.3 var(--font-body);color:var(--milossi-green)} .brief-section-title>span{display:inline-block;margin-right:14px;vertical-align:middle;font:400 12px/1.5 var(--font-body);color:var(--green-40)} .brief-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .brief-option{position:relative;display:flex;align-items:center;gap:14px;border:1px solid var(--green-80);padding:19px 18px;min-height:72px;cursor:pointer;font:400 16px/1.35 var(--font-body);transition:background .18s,color .18s,border-color .18s} .brief-option:hover{background:var(--green-95);border-color:var(--milossi-green)} .brief-option:has(input:checked){background:var(--milossi-green);border-color:var(--milossi-green);color:var(--white)} .brief-option:has(input:focus-visible){outline:2px solid var(--milossi-green-2);outline-offset:4px} .brief-option input{flex-shrink:0;width:18px;height:18px;margin:0;accent-color:var(--milossi-green-2)} .brief-option-text{min-width:0} .brief-hint{margin:-6px 0 16px} .brief-textarea{display:block;box-sizing:border-box;width:100%;min-height:180px;resize:vertical;border:1px solid var(--green-80);border-radius:0;background:var(--white);color:var(--milossi-green);padding:20px;font:300 17px/1.5 var(--font-body)} .brief-textarea::placeholder{color:var(--green-40)} .brief-form .form__row{gap:24px}.brief-form .form__field{min-width:0} .brief-form .form__input{font-size:16px}.brief-form .form__label{line-height:1.5} .brief-form .project-submit{width:100%;min-height:60px;margin-top:8px;font-size:14px} .start-project-page footer [data-reveal]{opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important} @media(max-width:767px){ .start-project-page .gutter{padding-left:var(--gutter-mobile);padding-right:var(--gutter-mobile)} .brief-intro{padding-top:122px;padding-bottom:42px} .brief-title{font-size:clamp(30px,8vw,58px);margin-bottom:24px} .brief-eyebrow{font-size:10px;margin-bottom:22px} .brief-lead{font-size:23px}.brief-description{font-size:17px} .brief-layout{grid-template-columns:minmax(0,1fr);gap:36px;padding-bottom:50px} .brief-aside{padding-top:24px}.brief-aside h2{font-size:25px}.brief-aside>p:not(.brief-eyebrow){font-size:16px} .brief-section-title{font-size:21px;padding-top:20px}.brief-section-title>span{margin-right:9px} .brief-options{grid-template-columns:minmax(0,1fr);gap:10px} .brief-option{min-height:64px;padding:17px 16px} .brief-form .form__row{flex-direction:column}.brief-textarea{font-size:16px} } .project-offers{padding-top:86px;padding-bottom:90px;color:var(--milossi-green)} .offers-intro{max-width:850px;margin-bottom:46px}.offers-intro .t-eyebrow,.manufacturing-evidence>.t-eyebrow{font-size:12px;letter-spacing:.06em;margin-bottom:20px} .offers-intro h2,.manufacturing-evidence>h2{font:500 52px/1.08 var(--font-body);letter-spacing:-.035em;margin:0 0 24px} .offers-intro>p:not(.t-eyebrow){font:300 21px/1.5 var(--font-body);max-width:750px;margin-bottom:16px}.offers-intro .offers-start{font-size:17px!important;color:var(--green-40)} .offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px;row-gap:44px} .offer{border-top:1px solid var(--green-80);padding-top:24px;display:flex;flex-direction:column;min-width:0;scroll-margin-top:100px} .offer-top{display:flex;gap:18px;align-items:baseline;margin-bottom:18px}.offer-number{font:400 12px/1.4 var(--font-body);color:var(--milossi-green-2)}.offer-top>p{font:400 15px/1.45 var(--font-body);margin:0} .offer h3{font:500 30px/1.16 var(--font-body);letter-spacing:-.025em;margin:0 0 16px}.offer h3 a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;text-decoration:none;color:inherit}.offer h3 a>span{font-size:22px;color:var(--milossi-green-2)} .offer-description,.offer-details dd{font:300 17px/1.55 var(--font-body);margin:0 0 22px}.offer-details{margin:0 0 16px}.offer-details dt{font:500 13px/1.5 var(--font-body);margin-bottom:8px}.offer-details dd{font-size:16px;margin-bottom:20px} .offer-actions{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.offer-actions .text-arrow{font-size:15px;display:inline-flex;gap:14px;line-height:1.5}.offer-more{font:300 14px/1.5 var(--font-body);color:var(--green-40);text-underline-offset:4px} .offer a:hover,.feasibility-call:hover{color:var(--milossi-green-2)}.offer a:focus-visible,.feasibility-review a:focus-visible{outline:2px solid var(--milossi-green-2);outline-offset:5px} .offers-services-intro{padding-top:170px;padding-bottom:20px}.offers-services-intro>.t-eyebrow{font-size:12px;margin-bottom:28px}.offers-services-intro h1{font:500 68px/1.05 var(--font-body);letter-spacing:-.045em;max-width:1050px;margin-bottom:30px}.offers-services-intro>p:last-child{font:300 21px/1.5 var(--font-body);max-width:750px}.offers-services-page .project-offers{padding-top:55px} .feasibility-review{background:var(--green-95);padding:52px;display:grid;grid-template-columns:1fr 1.25fr;gap:55px;margin:30px 0 70px}.feasibility-review .t-eyebrow{font-size:11px;margin-bottom:20px}.feasibility-review h2{font:500 36px/1.15 var(--font-body);letter-spacing:-.025em}.feasibility-review p:not(.t-eyebrow){font:300 17px/1.6 var(--font-body);margin-bottom:20px}.feasibility-review .growth-button{font-size:14px;white-space:normal;max-width:100%}.feasibility-call{display:block;font:300 14px/1.5 var(--font-body);color:var(--green-40);margin-top:20px;text-underline-offset:4px} .manufacturing-evidence{padding-top:20px;padding-bottom:70px}.manufacturing-evidence>h2{font-size:40px}.manufacturing-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;margin-top:35px}.manufacturing-evidence-grid a{color:inherit;text-decoration:none;display:block}.manufacturing-evidence-grid img{width:100%;height:350px;object-fit:contain;background:var(--green-95)}.manufacturing-evidence-grid h3{font:400 23px/1.3 var(--font-body);margin:22px 0 18px;max-width:500px}.manufacturing-evidence-grid .text-arrow{font-size:14px} .service-offer-outcome{margin-top:24px;font:400 17px/1.5 var(--font-body)}.service-page .service-title{overflow-wrap:anywhere}.service-page--sourcing .service-title,.service-page--delivery .service-title{font-family:var(--font-body);font-size:62px;line-height:1.07;letter-spacing:-.04em;text-transform:none;max-width:1050px} .production-details{border-top:1px solid var(--green-80);padding:22px 0;margin:0 0 24px}.production-details summary{cursor:pointer;font:500 21px/1.35 var(--font-body);margin-bottom:20px}.production-details .brief-hint{margin:0 0 22px}.production-details .form__field{margin-bottom:24px}.production-details select{width:100%;background:var(--white)}.brief-budget-hint{margin-top:18px}.brief-form select{width:100%;min-height:46px}.offer-join-note{font:300 18px/1.5 var(--font-body);max-width:760px} @media(max-width:767px){ .project-offers{padding-top:48px;padding-bottom:50px}.offers-intro{margin-bottom:30px}.offers-intro h2{font-size:35px;line-height:1.1}.offers-intro>p:not(.t-eyebrow){font-size:18px}.offers-intro .offers-start{font-size:16px!important} .offers-grid{grid-template-columns:minmax(0,1fr);gap:34px}.offer{padding-top:20px}.offer-top{gap:12px;margin-bottom:16px}.offer-top>p{font-size:14px}.offer h3{font-size:27px}.offer-description{font-size:16px}.offer-actions .text-arrow{font-size:14px} .offers-services-intro{padding-top:130px;padding-bottom:10px}.offers-services-intro h1{font-size:40px;line-height:1.08}.offers-services-intro>p:last-child{font-size:18px}.offers-services-page .project-offers{padding-top:40px} .feasibility-review{grid-template-columns:minmax(0,1fr);padding:28px 22px;gap:24px;margin:15px 0 45px}.feasibility-review h2{font-size:29px}.feasibility-review p:not(.t-eyebrow){font-size:16px}.feasibility-review .growth-button{font-size:13px;padding:16px;line-height:1.4} .manufacturing-evidence{padding-bottom:40px}.manufacturing-evidence>h2{font-size:31px}.manufacturing-evidence-grid{grid-template-columns:minmax(0,1fr);gap:35px}.manufacturing-evidence-grid img{height:280px}.manufacturing-evidence-grid h3{font-size:21px} .service-page--sourcing .service-title,.service-page--delivery .service-title{font-size:38px}.production-details summary{font-size:20px}.production-details .form__input{width:100%} } @media(max-width:767px){ .project-offers,.offers-services-page .gutter,.service-page--sourcing .gutter,.service-page--delivery .gutter,.service-page--prototyping .gutter{padding-left:var(--gutter-mobile);padding-right:var(--gutter-mobile)} } .growth-page{color:var(--milossi-green);background:#fafbf8}.growth-shell{width:100%;max-width:1320px;margin:0 auto;padding-left:60px;padding-right:60px;box-sizing:border-box}.growth-intro{padding-top:155px;padding-bottom:65px}.growth-page .t-eyebrow{font:500 12px/1.6 var(--font-body);letter-spacing:.07em;margin:0 0 24px}.growth-page h1{font:400 clamp(32px,4.3vw,62px)/1.2 var(--font-display);letter-spacing:-.03em;margin:0 0 28px}.growth-page h1 span{color:var(--milossi-green-2)}.growth-page .growth-lead{font:400 25px/1.4 var(--font-body);max-width:800px}.growth-page p,.growth-page li{font:300 18px/1.65 var(--font-body)}.growth-page h2,.call-invitation h2{font:500 32px/1.25 var(--font-body);margin:0 0 24px}.growth-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:20px 24px;background:var(--milossi-green);color:white;text-decoration:none;font:500 16px/1.4 var(--font-body);min-height:56px;box-sizing:border-box}.growth-button:hover{background:var(--milossi-green-2)}.founder-intro{padding-top:145px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding-bottom:80px}.founder-intro figure{margin:0}.founder-intro figure img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover;object-position:center 35%;aspect-ratio:4/5}.growth-page figcaption{font:400 12px/1.5 var(--font-body);margin-top:12px;color:var(--green-40)}.founder-intro .growth-button{margin-top:18px}.founder-evidence{padding-top:60px;padding-bottom:70px;border-top:1px solid var(--green-80)}.growth-section-heading{max-width:650px;margin-bottom:35px}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.evidence-grid article>a{text-decoration:none}.evidence-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.evidence-grid h3{display:flex;justify-content:space-between;gap:12px;font:500 21px/1.4 var(--font-body);margin:20px 0 12px}.evidence-grid p{font-size:16px}.founder-approach{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center;padding-top:30px;padding-bottom:70px}.founder-approach figure{margin:0}.founder-approach img{display:block;width:100%;height:auto}.call-invitation{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid var(--green-80);padding:45px 0 60px;color:var(--milossi-green)}.call-invitation>div{max-width:720px}.call-invitation .t-eyebrow{font:500 11px/1.5 var(--font-body);letter-spacing:.05em}.call-invitation p{font:300 18px/1.6 var(--font-body)}.call-invitation .growth-button{flex-shrink:0;max-width:320px}.call-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding-bottom:90px}.call-explainer{border-top:1px solid var(--green-80);padding-top:32px}.call-explainer ul{padding-left:20px;margin:26px 0}.call-explainer li{margin-bottom:14px}.call-explainer .call-supplier-note{font-size:15px;border-top:1px solid var(--green-80);padding-top:25px;margin-top:30px}.call-form-panel{padding:35px;background:var(--green-95)}.call-form-panel .form__row{gap:25px}.call-form-panel .form__field{min-width:0}.call-form-panel .form__input{font-size:16px;max-width:100%;box-sizing:border-box}.call-form-panel select{border:1px solid var(--green-80);padding:14px 10px;background:white;border-radius:0;width:100%}.call-form-panel .project-submit{width:100%}.insight-process-figure{margin:32px 0 40px}.insight-process-figure img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;background:#eef1ee}.insight-process-figure figcaption{font:400 14px/1.6 var(--font-body);margin-top:14px}.insight-process-figure figcaption a{display:inline-block;margin-top:9px;text-underline-offset:4px}.growth-page footer [data-reveal]{opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important} @media(max-width:767px){.growth-shell{padding-left:24px;padding-right:24px}.growth-intro{padding-top:120px;padding-bottom:35px}.growth-page h1{font-size:clamp(25px,7vw,48px);overflow-wrap:anywhere}.growth-page .growth-lead{font-size:22px}.growth-page h2,.call-invitation h2{font-size:27px}.growth-page p,.growth-page li{font-size:17px}.founder-intro{padding-top:120px;grid-template-columns:1fr;gap:30px;padding-bottom:45px}.founder-intro figure img{max-height:500px}.evidence-grid{grid-template-columns:1fr;gap:35px}.founder-evidence{padding-top:40px;padding-bottom:35px}.founder-approach{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.call-invitation{flex-direction:column;align-items:flex-start;gap:10px;padding-top:30px;padding-bottom:40px}.call-invitation .growth-button{max-width:100%}.call-layout{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.call-form-panel{padding:25px 18px}.call-form-panel .form__row{flex-direction:column;gap:24px}.call-form-panel h2{font-size:25px}.call-form-panel .form__label{line-height:1.5}} .insight-call-link{display:block;margin-top:22px;font:400 16px/1.6 var(--font-body);text-underline-offset:5px} .call-form-panel .form__input::placeholder{color:#607078;opacity:1} .search-resources{padding:54px 0;border-top:1px solid rgba(2,43,58,.2);color:var(--milossi-green)} .search-resources-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px} .search-resources-heading h2,.search-questions h2{font-family:var(--font-body);font-size:clamp(24px,2.4vw,36px);font-weight:600;line-height:1.2;margin:0} .search-resources a{color:inherit;text-decoration:none} .search-resources a:hover{text-decoration:underline;text-underline-offset:4px} .search-resources a:focus-visible,.search-questions summary:focus-visible{outline:2px solid currentColor;outline-offset:5px} .search-resources-heading>a{font-size:14px;line-height:1.5;max-width:330px} .search-resources ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0} .search-resources-projects ul{grid-template-columns:repeat(2,minmax(0,1fr))} .search-resources li>a{display:block;font-size:19px;line-height:1.35;font-weight:600} .search-resources li p{font-size:15px;line-height:1.6;margin:14px 0 0;max-width:45ch} .search-questions{padding-top:60px;padding-bottom:48px;color:var(--milossi-green)} .search-questions h2{margin:14px 0 30px} .search-questions details{border-top:1px solid rgba(2,43,58,.2);padding:22px 0} .search-questions details:last-child{border-bottom:1px solid rgba(2,43,58,.2)} .search-questions summary{font-size:20px;line-height:1.45;font-weight:600;cursor:pointer} .search-questions details p{font-size:17px;line-height:1.65;max-width:76ch;margin:18px 0 0} .insight-byline>a{color:inherit;text-underline-offset:3px} @media(max-width:767px){.search-resources{padding:36px 0}.search-resources-heading{display:block}.search-resources-heading>a{display:block;margin-top:16px;max-width:none}.search-resources ul{grid-template-columns:1fr;gap:26px}.search-resources li p{max-width:none}.search-questions{padding-top:36px;padding-bottom:32px}.search-questions summary{font-size:18px}.search-questions details p{font-size:16px}} @media(max-width:767px){.search-questions.gutter,.search-resources-wrap.gutter{padding-left:24px;padding-right:24px}} .insights-page {min-width:0;width:100%;color:var(--milossi-green);background:var(--white);font-family:var(--font-body)} .insights-shell {max-width:1440px;margin:auto;padding:135px clamp(22px,7.92vw,114px) 0} .insights-breadcrumbs {display:flex;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.5;margin-bottom:55px;color:var(--green-40)} .insights-breadcrumbs a {color:inherit;text-decoration:none} .insights-breadcrumbs a:hover {text-decoration:underline} .insights-label {font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;font-weight:500;line-height:1.5!important;margin:0 0 20px} .insights-intro h1 {font-family:var(--font-display);font-size:100px;line-height:1.1;letter-spacing:-.025em;margin:0 0 44px} .insights-intro-bottom {display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-bottom:52px;border-bottom:1px solid var(--border-soft)} .insights-intro-bottom p {margin:0;font-size:21px;line-height:1.55;max-width:510px;font-weight:300} .insights-intro-bottom p:first-child {font-size:37px;line-height:1.12;letter-spacing:-.025em;font-weight:400} .insights-topics {display:flex;align-items:center;gap:12px;padding:30px 0 22px;flex-wrap:wrap} .insights-topics button {appearance:none;border:1px solid var(--green-80);border-radius:30px;background:transparent;color:var(--milossi-green);font:inherit;font-size:13px;padding:12px 19px;min-height:44px;cursor:pointer} .insights-topics button[aria-pressed=true] {background:var(--milossi-green);color:white;border-color:var(--milossi-green)} .insights-topics>span {margin-left:auto;font-size:12px} .insights-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px} .insight-card {position:relative;display:flex;flex-direction:column;padding:30px 0 32px;border-bottom:1px solid var(--border-soft);min-width:0} .insight-card-meta {display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:26px;color:var(--green-40)} .insight-card-thumbnail {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;margin-bottom:24px;scale:1!important} .insight-card-thumbnail-product {box-sizing:border-box;object-fit:contain;object-position:center;padding:8%;background:transparent} .insight-card h2 {font-size:26px;font-weight:400;line-height:1.2;letter-spacing:-.02em;margin:0 0 18px;padding-right:14px} .insight-card h2 a {color:inherit;text-decoration:none} .insight-card h2 a:after {content:"";position:absolute;inset:0} .insight-card:hover h2 a {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px} .insight-card-arrow {font-size:20px;padding-left:9px;color:var(--milossi-green-2)} .insight-card p {font-size:15px;font-weight:300;line-height:1.55;margin:0 0 24px;color:var(--green-40)} .insight-reading {font-size:11px;margin-top:auto} .insight-cta {margin:64px 0 12px;padding:46px;background:var(--green-95);border-top:1px solid var(--green-80)} .insight-cta h2 {font-size:34px;font-weight:400;letter-spacing:-.025em;line-height:1.2;max-width:670px;margin:0 0 20px} .insight-cta>p:not(.insights-label) {font-size:18px;line-height:1.6;max-width:680px;font-weight:300;margin:0 0 25px} .insight-button {display:inline-flex;gap:35px;align-items:center;padding:16px 22px;background:var(--milossi-green);color:white;text-decoration:none;font-size:12px;font-weight:500;border-radius:30px;min-height:48px} .insight-button:hover {background:var(--milossi-green-2)} .insight-article-header {max-width:1060px;padding-bottom:52px;border-bottom:1px solid var(--border-soft)} .insight-article-header h1 {font-family:var(--font-body);font-size:65px;font-weight:400;line-height:1.07;letter-spacing:-.04em;margin:0 0 30px;max-width:1000px;text-wrap:balance} .insight-byline {display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px;color:var(--green-40);margin:0 0 32px} .insight-deck {font-size:24px;font-weight:300;line-height:1.55;max-width:870px;margin:0} .insight-layout {display:grid;grid-template-columns:260px minmax(0,750px);justify-content:space-between;gap:64px;padding-top:54px} .insight-toc {align-self:start;position:sticky;top:110px;font-size:14px;line-height:1.5;padding-right:16px} .insight-toc ol {margin:0;padding-left:19px} .insight-toc li {padding-left:4px;margin-bottom:14px;color:var(--green-40)} .insight-toc a {color:inherit;text-decoration:none} .insight-toc a:hover {text-decoration:underline;text-underline-offset:3px} .insight-toc-contact {display:block;font-weight:500;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-soft)} .insight-body {min-width:0} .insight-body section {margin:0 0 48px;scroll-margin-top:110px} .insight-body h2 {font-family:var(--font-body);font-size:32px;letter-spacing:-.025em;font-weight:500;line-height:1.2;margin:0 0 22px} .insight-body p,.insight-body li {font-size:18px;font-weight:300;line-height:1.7} .insight-body p {margin:0 0 22px} .insight-body ul {padding-left:24px} .insight-body li {padding-left:4px;margin-bottom:12px} .insight-body a:not(.insight-button) {color:inherit;text-underline-offset:4px} .insight-table-wrap {overflow-x:auto;max-width:100%;margin-top:25px;border:1px solid var(--border-soft)} .insight-table-wrap table {width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.5;min-width:510px} .insight-table-wrap caption {text-align:left;padding:15px;background:var(--green-95);font-weight:500} .insight-table-wrap th,.insight-table-wrap td {padding:15px;vertical-align:top;border-bottom:1px solid var(--border-soft)} .insight-table-wrap thead {background:var(--milossi-green);color:white} .insight-table-wrap th {font-weight:500} .insight-table-wrap tbody th {min-width:130px} .insight-faq h3 {font-size:21px;font-weight:500;line-height:1.4;margin:28px 0 12px} .insight-sources {padding-top:26px;border-top:1px solid var(--border-soft)} .insight-body .insight-sources h2 {font-size:21px} .insight-body .insight-sources p,.insight-body .insight-sources li {font-size:14px;line-height:1.55} .insight-studio {padding-top:28px;border-top:1px solid var(--border-soft)} .insight-body .insight-cta {padding:34px;margin-top:38px} .insights-related {margin-top:85px;border-top:1px solid var(--border-soft);padding-top:30px} .insights-section-label {display:flex;justify-content:space-between;align-items:center;gap:20px} .insights-section-label h2 {font-size:22px;font-weight:400;margin:0} .insights-section-label a {font-size:13px;color:inherit} .insights-page a:focus-visible,.insights-page button:focus-visible,.insight-table-wrap:focus-visible {outline:2px solid var(--milossi-green-2);outline-offset:5px} .nav-overlay__nav {justify-content:safe flex-end;max-height:calc(100dvh / var(--zoom,1) - 100px);overflow-y:auto} @media (max-width:767px) { .insights-shell {padding:100px 22px 0} .insights-breadcrumbs {font-size:11px;margin-bottom:34px;gap:7px} .insights-intro h1 {font-size:clamp(38px,10.5vw,76px);margin-bottom:32px} .insights-intro-bottom {grid-template-columns:1fr;gap:24px;padding-bottom:32px} .insights-intro-bottom p:first-child {font-size:29px} .insights-intro-bottom p {font-size:17px} .insights-topics {gap:8px;padding-top:22px} .insights-topics button {font-size:11px;padding:10px 13px} .insights-topics>span {width:100%;margin:7px 0 0} .insights-grid {grid-template-columns:1fr;gap:0} .insight-card {padding:25px 0} .insight-card h2 {font-size:25px} .insight-card-meta {margin-bottom:18px} .insight-card p {margin-bottom:18px} .insight-cta,.insight-body .insight-cta {padding:26px 20px;margin-top:42px} .insight-cta h2 {font-size:28px} .insight-cta>p:not(.insights-label) {font-size:16px} .insight-article-header {padding-bottom:30px} .insight-article-header h1 {font-size:clamp(34px,8.6vw,52px);line-height:1.1;letter-spacing:-.035em} .insight-deck {font-size:20px;line-height:1.55} .insight-layout {grid-template-columns:1fr;gap:36px;padding-top:28px} .insight-toc {position:static;padding:0 0 26px;border-bottom:1px solid var(--border-soft)} .insight-toc-contact {margin-top:22px} .insight-body h2 {font-size:27px} .insight-body p,.insight-body li {font-size:17px;line-height:1.65} .insight-body section {margin-bottom:37px;scroll-margin-top:95px} .insights-related {margin-top:54px} } @media (min-width:768px) and (max-width:1000px) {.insight-layout {grid-template-columns:230px minmax(0,1fr);gap:36px}} @media print {.insight-toc,.insights-related,.insight-cta,.insights-page .header,.insights-page footer {display:none}.insight-layout{display:block}.insights-shell{padding:0}.insight-table-wrap{overflow:visible}.insight-body p{font-size:12pt}} .nav-overlay__item {flex-shrink:0} .insights-page footer [data-reveal] {opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important} .insights-page .footer-giant-link {font-size:clamp(50px,8.7vw,125px)!important} @media(min-width:768px) and (max-width:1100px) { .insights-grid {grid-template-columns:repeat(2,minmax(0,1fr))} .insights-intro h1 {font-size:76px} .insights-intro-bottom {gap:32px} .insights-intro-bottom p {font-size:18px} .insight-article-header h1 {font-size:52px} .insight-layout {grid-template-columns:1fr;gap:32px} .insight-toc {position:static;padding-bottom:22px;border-bottom:1px solid var(--border-soft)} .insight-toc ol {columns:2;column-gap:30px} .insight-toc li {break-inside:avoid} } .lens-series{margin:38px 0 42px} .lens-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px} .lens-carousel-toolbar .insights-label{margin:0} .lens-carousel-controls{display:flex;align-items:center;gap:8px;flex-shrink:0} .lens-carousel-counter{font-size:12px;font-variant-numeric:tabular-nums;margin-right:14px} .lens-carousel button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0} .lens-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--green-80);font-size:25px;line-height:1} .lens-carousel-controls .lens-carousel-play{font-size:18px} .lens-carousel button:hover{background:var(--green-95)} .lens-carousel button:focus-visible,.lens-carousel a:focus-visible{outline:2px solid var(--milossi-green-2);outline-offset:4px} .lens-carousel-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--border-soft);margin-bottom:24px;gap:12px} .lens-carousel-nav button{display:flex;align-items:center;gap:9px;min-height:54px;padding:12px 0;text-align:left;font-size:12px;line-height:1.4;border-bottom:2px solid transparent} .lens-carousel-nav button[aria-pressed=true]{border-color:var(--milossi-green);font-weight:600} .lens-carousel-step{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--green-80);flex-shrink:0;font-size:10px;font-variant-numeric:tabular-nums} .lens-carousel-nav button[aria-pressed=true] .lens-carousel-step{background:var(--milossi-green);border-color:var(--milossi-green);color:white;box-shadow:inset 0 0 0 3px white} .lens-carousel-window{overflow:hidden;touch-action:pan-y pinch-zoom} .lens-carousel-track{display:flex;transition:transform .55s cubic-bezier(.22,.68,0,1);align-items:stretch} .lens-carousel-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;box-sizing:border-box} .lens-series-copy{min-width:0;padding:20px 0} .lens-series-copy h2{font:400 clamp(27px,3.2vw,46px)/1.2 var(--font-display);letter-spacing:-.025em;text-transform:uppercase;margin:18px 0 26px;overflow-wrap:break-word} .lens-series-copy h2 a{color:inherit;text-decoration:none} .lens-series-copy>p:not(.insights-label){font-size:18px;line-height:1.6;max-width:460px;margin:0 0 34px} .lens-carousel-cta{display:inline-flex;align-items:center;gap:34px;color:inherit;font-size:14px;line-height:1.5;text-decoration:none;padding:14px 0;border-bottom:1px solid var(--milossi-green)} .lens-carousel-cta:hover{color:var(--milossi-green-2)} .lens-series-cover{display:flex;align-items:center;justify-content:center;min-width:0;height:530px;overflow:hidden} .lens-series-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;scale:1!important} .lens-series-cover-0 img{width:auto;max-width:100%;height:100%;object-fit:contain} .lens-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} @media(max-width:1000px){.lens-carousel-nav{gap:6px}.lens-carousel-nav button{font-size:11px;gap:6px}.lens-carousel-slide{gap:28px}.lens-series-cover{height:460px}} @media(max-width:767px){ .lens-series{margin:28px 0 20px}.lens-carousel-toolbar{gap:10px;margin-bottom:8px}.lens-carousel-toolbar .insights-label{font-size:9px!important;max-width:130px}.lens-carousel-controls{gap:4px}.lens-carousel-controls button{width:40px;height:44px}.lens-carousel-counter{margin-right:6px;font-size:11px} .lens-carousel-nav{gap:10px;margin-bottom:16px}.lens-carousel-nav button{justify-content:center;padding:8px 0;min-height:46px}.lens-carousel-label{display:none}.lens-carousel-step{width:30px;height:30px} .lens-carousel-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 300px;gap:18px;align-items:center}.lens-series-copy{padding:5px 0 0}.lens-series-copy .insights-label{margin-bottom:14px}.lens-series-copy h2{font-size:clamp(25px,7.4vw,38px);margin:12px 0 18px}.lens-series-copy>p:not(.insights-label){font-size:16px;line-height:1.55;margin-bottom:14px}.lens-carousel-cta{font-size:13px;padding:10px 0}.lens-series-cover{height:300px}.lens-series-cover-0{background:#f6f4f5} } @media(prefers-reduced-motion:reduce){.lens-carousel-track{transition:none!important}} @media print{.lens-carousel-toolbar,.lens-carousel-nav,.lens-carousel-status{display:none}.lens-carousel-track{transform:none!important;display:block}.lens-carousel-slide[aria-hidden=true]{display:none}.lens-series-cover{height:300px}} .lens-hero{margin:35px 0 20px}.lens-hero img{display:block;width:100%;height:auto}.lens-hero-materiales img{height:580px;object-fit:cover;object-position:50% 59%}.lens-hero figcaption,.lens-body figcaption{font-size:12px;line-height:1.55;margin-top:12px;color:var(--green-40)}.lens-body h3{font-size:24px;line-height:1.3;font-weight:500;margin:35px 0 18px}.lens-body figure{margin:30px 0}.lens-body figure img{display:block;width:100%;height:auto}.lens-body .ref{font-size:11px;vertical-align:super;white-space:nowrap;text-decoration:none}.lens-body .table-wrap{overflow-x:auto;margin:25px 0;max-width:100%;border:1px solid var(--border-soft)}.lens-body table{width:100%;border-collapse:collapse;text-align:left;min-width:580px;font-size:14px;line-height:1.55}.lens-body caption{padding:16px;text-align:left;font-size:12px;background:var(--green-95)}.lens-body th,.lens-body td{padding:16px;vertical-align:top;border-bottom:1px solid var(--border-soft)}.lens-body th{font-weight:500}.lens-body thead{background:var(--milossi-green);color:white}.lens-body tbody th{width:24%}.lens-body .takeaway{background:var(--green-95);border-left:3px solid var(--milossi-green-2);padding:25px 28px;margin:30px 0}.lens-body .takeaway p:last-child{margin:0}.lens-body .image-note{font-size:12px;line-height:1.6}.lens-body .comparison-labels{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--milossi-green);color:white;padding:14px 18px;font-size:12px}.lens-rights{font-size:11px;line-height:1.7;color:var(--green-40);border-top:1px solid var(--border-soft);padding-top:22px;margin:45px 0 0}.lens-body .insight-sources li{scroll-margin-top:110px}.lens-body figure:has(img[src$=".svg"]){overflow:auto}.lens-body img[src$=".svg"]{min-width:640px}.lens-guide .insight-article-header{max-width:none}.lens-guide .insight-article-header h1{max-width:1100px} @media(max-width:767px){.lens-hero-materiales img{height:420px}.lens-body h3{font-size:22px}.lens-body .takeaway{padding:22px}.lens-body th,.lens-body td{padding:14px}.lens-body .comparison-labels{font-size:10px;padding:12px;gap:12px}} @media print{.lens-rights{display:block;font-size:8pt}.lens-body .table-wrap{overflow:visible}.lens-body table{min-width:0;font-size:9pt}.lens-body figure:has(img[src$=".svg"]){overflow:visible}.lens-body img[src$=".svg"]{min-width:0}.lens-hero img{max-height:350px;object-fit:contain}} .talk-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:48px;align-items:center;border-top:1px solid var(--border-soft);padding:36px 0 54px} .talk-hero h1{font:400 clamp(38px,3.8vw,56px)/1.08 var(--font-body);letter-spacing:-.045em;text-wrap:balance;margin:0 0 30px} .talk-hero .insight-byline{margin-bottom:24px;gap:10px 18px}.talk-page a{color:inherit;text-underline-offset:4px}.talk-deck{font-size:19px;line-height:1.6;font-weight:300;margin:0 0 25px}.talk-hero .text-arrow{font-size:14px} .talk-photo{margin:0}.talk-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3}.talk-photo figcaption{font:400 12px/1.6 var(--font-body);color:var(--green-40);margin-top:12px} .talk-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:65px;justify-content:space-between;border-top:1px solid var(--border-soft);padding-top:46px}.talk-context{align-self:start;position:sticky;top:105px;font-size:14px;line-height:1.5}.talk-context nav{display:grid;gap:18px}.talk-context nav a{text-decoration:none}.talk-context nav a:hover{text-decoration:underline}.talk-context dl{border-top:1px solid var(--border-soft);margin:30px 0 0;padding-top:22px}.talk-context dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--green-40);margin-bottom:8px}.talk-context dd{margin:0 0 24px} .talk-body{min-width:0}.talk-body section{scroll-margin-top:110px;margin-bottom:45px}.talk-body h2{font:400 32px/1.2 var(--font-body);letter-spacing:-.025em;margin:0 0 24px}.talk-body p{font:300 19px/1.7 var(--font-body);margin:0 0 23px}.talk-body .talk-photo{margin-top:34px}.talk-body blockquote{margin:38px 0 0;padding:32px 0 0;border-top:2px solid var(--milossi-green)}.talk-body blockquote p{font-size:30px;line-height:1.35;font-weight:400;letter-spacing:-.025em}.talk-body cite{font-size:12px;font-style:normal}.talk-thanks{padding-top:15px} .talk-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0 65px}.talk-invitation{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;border-top:1px solid var(--border-soft);padding:40px 0 65px}.talk-invitation h2{font:400 34px/1.2 var(--font-body);margin:0 0 20px;letter-spacing:-.025em}.talk-invitation p:not(.insights-label){font:300 18px/1.65 var(--font-body);max-width:650px;margin:0}.talk-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}.talk-page .growth-button{color:#fff} .founder-talks{border-top:1px solid var(--green-80);padding-top:55px;padding-bottom:55px;scroll-margin-top:110px}.founder-talk-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.founder-talk-image img{display:block;width:100%;height:auto;aspect-ratio:4/3}.founder-talk-feature .t-eyebrow{margin-bottom:10px}.founder-talk-feature time{font:400 13px/1.5 var(--font-body);color:var(--green-40)}.founder-talk-feature h3{font:500 30px/1.25 var(--font-body);margin:22px 0 20px;letter-spacing:-.02em}.founder-talk-feature .text-arrow{font-size:16px}.founder-talk-footer{display:flex;justify-content:space-between;align-items:baseline;gap:30px;padding-top:26px}.founder-talk-footer p{font-size:15px}.founder-talk-footer a{font-size:15px;flex-shrink:0}.insight-card-thumbnail{display:block;width:100%;height:auto;aspect-ratio:4/3;margin:0 0 24px} @media(max-width:950px){.talk-hero{gap:28px}.talk-layout{grid-template-columns:190px minmax(0,1fr);gap:36px}.founder-talk-feature{gap:30px}.talk-invitation{gap:30px}} @media(max-width:767px){.talk-hero{grid-template-columns:1fr;padding:25px 0 35px;gap:28px}.talk-hero h1{font-size:clamp(34px,8.7vw,48px)}.talk-deck{font-size:18px}.talk-layout{display:block;padding-top:30px}.talk-context{position:static;margin-bottom:38px}.talk-context nav{gap:14px}.talk-context dl{display:grid;grid-template-columns:1fr;gap:0}.talk-context dd{margin-bottom:17px}.talk-body h2{font-size:28px}.talk-body p{font-size:17px}.talk-body blockquote p{font-size:26px}.talk-gallery{grid-template-columns:1fr;gap:30px;margin:30px 0 40px}.talk-invitation{grid-template-columns:1fr;gap:28px;padding:30px 0 45px}.talk-invitation h2{font-size:28px}.talk-invitation p:not(.insights-label){font-size:17px}.founder-talks{padding-top:35px;padding-bottom:35px}.founder-talk-feature{grid-template-columns:1fr;gap:24px}.founder-talk-feature h3{font-size:26px}.founder-talk-footer{display:block;padding-top:18px}.founder-talk-footer a{display:inline-block;margin-top:6px}} .talk-photo-portrait{max-width:480px}.talk-photo-portrait img{aspect-ratio:3/4} .founder-talk-feature + .founder-talk-feature{border-top:1px solid var(--border-soft);margin-top:44px;padding-top:44px} .founder-press{border-top:1px solid var(--green-80);padding-top:55px;padding-bottom:55px;scroll-margin-top:110px}.founder-press-item{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);gap:60px;background:var(--green-90,#eef2ef);padding:38px}.founder-press-source p{font:500 28px/1.2 var(--font-body);margin:0 0 14px}.founder-press-source time,.founder-press-source span{display:block;font:400 13px/1.6 var(--font-body)}.founder-press-source span{margin-top:12px;color:var(--green-40)}.founder-press-item h3{font:500 30px/1.25 var(--font-body);margin:0 0 20px;letter-spacing:-.02em}.founder-press-item .text-arrow{display:inline-block;font-size:16px;margin-top:10px} @media(max-width:767px){.founder-talk-feature + .founder-talk-feature{margin-top:32px;padding-top:32px}.founder-press{padding-top:35px;padding-bottom:35px}.founder-press-item{grid-template-columns:1fr;gap:28px;padding:24px}.founder-press-item h3{font-size:26px}} .livo-story{background:#fcfaf6} .livo-story figure{margin:0} .livo-story img{display:block;width:100%;height:auto} .livo-story figcaption{font-size:12px;line-height:1.55;color:var(--green-40);margin-top:13px;max-width:760px} .ls-opening h1{font-family:var(--font-body);font-size:clamp(44px,6.2vw,86px);font-weight:400;letter-spacing:-.05em;line-height:1.04;max-width:1100px;margin:0 0 38px;text-wrap:balance} .ls-opening .insights-label{margin-bottom:25px} .ls-deck{display:grid;grid-template-columns:minmax(0,2fr) minmax(170px,1fr);gap:70px;align-items:end;margin-bottom:44px} .ls-deck>p{font-size:22px;line-height:1.5;font-weight:300;max-width:760px;margin:0} .ls-author{display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.45;border-left:1px solid var(--border-soft);padding-left:30px} .ls-author a{font-size:15px;color:inherit;text-underline-offset:4px} .ls-hero img{aspect-ratio:3/2;object-fit:contain;background:#eee2d1} .ls-toc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:30px 0;border-bottom:1px solid var(--border-soft);margin-top:24px} .ls-toc a{display:flex;flex-direction:column;gap:10px;color:inherit;font-size:13px;line-height:1.4;text-decoration:none} .ls-toc a:hover{text-decoration:underline;text-underline-offset:4px} .ls-toc span{font-size:10px;color:var(--green-40)} .ls-section{padding-top:90px;scroll-margin-top:90px} .ls-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:70px;align-items:start} .ls-section-heading h2{font-size:clamp(28px,3.1vw,43px);line-height:1.15;font-weight:400;letter-spacing:-.035em;margin:18px 0 0;text-wrap:balance} .ls-prose p{font-size:18px;line-height:1.7;font-weight:300;margin:0 0 22px} .ls-text-link{display:inline-block;color:inherit;font-size:14px;line-height:1.5;text-underline-offset:4px;padding:10px 0} .ls-images{display:grid;gap:26px;margin-top:40px} .ls-images-2{grid-template-columns:repeat(2,minmax(0,1fr))} .ls-images img{object-fit:contain} .ls-archive{background:#eee9e0;padding:30px;margin-top:30px!important} .ls-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,200px));gap:16px;justify-content:center} .ls-archive-sheet{align-self:center;background:white;box-shadow:0 3px 9px #10252c0c;padding:5px} .ls-archive-sheet img{width:100%;max-width:200px;pointer-events:none} .ls-archive figcaption{margin:24px auto 0;max-width:640px} .ls-team{margin-top:36px} .ls-team img{max-height:750px;object-fit:contain;background:#f1efe9} .ls-source{border-top:1px solid var(--border-soft);margin-top:70px;padding-top:24px;color:var(--green-40);font-size:13px;line-height:1.6} .ls-source p{max-width:860px;margin:0 0 20px} .ls-source a{display:inline-block;color:inherit;margin:0 24px 10px 0;text-underline-offset:4px} @media(max-width:767px){ .ls-opening h1{font-size:clamp(38px,10vw,60px);margin-bottom:26px} .ls-deck{grid-template-columns:1fr;gap:24px;margin-bottom:30px} .ls-deck>p{font-size:20px} .ls-author{border-left:0;border-top:1px solid var(--border-soft);padding:18px 0 0} .ls-toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:23px 0} .ls-toc a:last-child{grid-column:1/-1} .ls-section{padding-top:48px} .ls-copy{grid-template-columns:1fr;gap:24px} .ls-section-heading h2{font-size:31px;margin-top:12px} .ls-prose p{font-size:17px;line-height:1.65;margin-bottom:20px} .ls-images{gap:22px;margin-top:25px} .ls-images-2{grid-template-columns:1fr} .ls-archive{padding:16px 12px;margin-top:20px!important} .ls-archive-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))} .ls-archive-sheet{padding:3px} .ls-archive figcaption{font-size:11px;margin-top:18px} .ls-source{margin-top:40px} } .field-note .insights-shell{max-width:1440px;padding-inline:clamp(22px,5vw,72px)} .fn-label{font-size:12px;letter-spacing:.09em;font-weight:500;text-transform:uppercase;line-height:1.5;margin:0 0 24px} .fn-hero{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)} .fn-hero-copy{padding:30px 38px 30px 0;display:flex;flex-direction:column;align-items:start} .fn-hero-copy>.fn-label{display:flex;justify-content:space-between;width:100%}.fn-category{font-size:13px;margin:35px 0 18px} .fn-hero h1{font-family:var(--font-body);font-size:clamp(42px,4.6vw,67px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:0 0 35px;text-wrap:balance} .fn-hero-image{margin:0;position:relative;min-width:0;background:#dce5e8}.fn-hero-image img{display:block;width:100%;height:100%;object-fit:cover;min-height:540px}.fn-hero-image figcaption{position:absolute;bottom:20px;left:24px;font-size:11px;letter-spacing:.08em;background:#ffffffdd;padding:9px 12px} .fn-down{display:flex;justify-content:space-between;gap:35px;width:100%;margin-top:auto;padding-top:28px;color:inherit;text-decoration:none;font-size:14px}.fn-down span{font-size:25px} .fn-answer{padding:64px 0 0;scroll-margin-top:110px}.fn-answer>h2{font-size:clamp(30px,3.55vw,49px);font-weight:400;line-height:1.13;letter-spacing:-.035em;max-width:970px;margin:0 0 44px;text-wrap:balance} .fn-takeaways{display:grid;grid-template-columns:repeat(3,1fr);background:var(--milossi-green);color:white}.fn-takeaways a{padding:28px 30px;color:inherit;text-decoration:none;border-right:1px solid #ffffff40}.fn-takeaways a:last-child{border:0}.fn-takeaways p{font-size:25px;line-height:1.2;max-width:300px;margin:24px 0}.fn-takeaways a>span:last-child{display:block;text-align:right;font-size:25px}.fn-takeaways a:hover{background:#224957} .fn-intro{font-size:21px;line-height:1.6;max-width:860px;padding:48px 0 60px;margin:0 0 0 auto;font-weight:300} .fn-layout{display:grid;grid-template-columns:230px minmax(0,860px);gap:clamp(30px,6vw,100px);justify-content:space-between}.fn-toc{position:sticky;top:110px;align-self:start;border-top:1px solid var(--border-soft);padding-top:25px}.fn-toc nav a{display:flex;gap:18px;color:inherit;text-decoration:none;padding:13px 0;font-size:14px}.fn-toc nav span{color:var(--green-40)}.fn-toc-ask{display:block;border-top:1px solid var(--border-soft);padding-top:22px;margin-top:20px;color:inherit;font-size:14px} .fn-body{min-width:0}.fn-section{border-top:1px solid var(--border-soft);padding-top:26px;margin-bottom:64px;scroll-margin-top:110px}.fn-section-top{display:flex;align-items:center;gap:24px;margin-bottom:22px}.fn-section-top .fn-label{margin:0}.fn-number{font-family:var(--font-display);font-size:45px;line-height:1}.fn-body h2{font-size:32px;font-weight:400;letter-spacing:-.03em;line-height:1.16;margin:0 0 25px;max-width:680px}.fn-body p{font-size:18px;font-weight:300;line-height:1.7;margin:0 0 22px}.fn-body .fn-label{font-size:12px;font-weight:500;line-height:1.5}.fn-note{background:#edf1ef;padding:30px;margin:32px 0 0}.fn-note p:last-child{font-size:25px;line-height:1.35;margin:0;font-weight:400;letter-spacing:-.02em} .fn-visual{margin:0 0 64px}.fn-image{aspect-ratio:16/10;overflow:hidden;background:#dce5e8}.fn-image img{width:100%;height:100%;object-fit:cover}.fn-detail img{object-position:70% 52%;transform:scale(1.55)}.fn-visual figcaption{border-bottom:1px solid var(--border-soft);padding:24px 0}.fn-visual figcaption p{margin:14px 0}.fn-visual a,.fn-body a{color:inherit;text-underline-offset:4px}.fn-visual a{font-size:14px} .field-note .insight-table-wrap{border-inline:0}.field-note table{min-width:0}.field-note th,.field-note td{padding:18px 12px}.field-note tbody td:nth-child(2){font-size:26px;letter-spacing:-.04em}.field-note .insight-table-wrap tbody th{min-width:0} .fn-checklist{margin-bottom:50px}.fn-checklist ul{list-style:none;padding:0}.fn-checklist li{display:flex;gap:20px;border-top:1px solid var(--border-soft);padding:18px 0;font-size:17px;line-height:1.45}.fn-checklist li span{font-size:21px}.fn-sources{border-top:1px solid var(--border-soft);padding-top:28px;margin:0 0 40px}.fn-sources h2{font-size:20px}.fn-sources ul{padding-left:20px;font-size:14px}.fn-studio{margin-bottom:60px} .fn-ask{border-top:2px solid var(--milossi-green);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:50px 0;scroll-margin-top:110px}.fn-ask h2{font-family:var(--font-display);font-size:clamp(35px,4.7vw,66px);line-height:1.15;margin:32px 0;letter-spacing:-.035em}.fn-ask h2 span{font-family:var(--font-body);margin-left:15px}.fn-ask>div>p:not(.fn-label){font-size:20px;line-height:1.5;max-width:440px}.fn-ask>div>p.fn-small{font-size:14px}.fn-ask .form{width:100%;max-width:none}.fn-ask .form__input{font-size:16px}.fn-ask .form__textarea{min-height:140px}.fn-ask .form-notice,.fn-ask .form-direct,.fn-ask .form-status{font-size:14px;line-height:1.5}.fn-project{display:flex;gap:50px;align-items:center;justify-content:space-between;padding:32px 0;border-top:1px solid var(--border-soft)}.fn-project h2{font-size:25px;font-weight:400;margin:0 0 15px}.fn-project p:not(.fn-label){font-size:16px;line-height:1.5;max-width:660px}.fn-project .insight-button{white-space:nowrap}.fn-project .fn-label{margin-bottom:15px} @media(max-width:900px){.fn-hero-copy{padding-right:24px}.fn-hero h1{font-size:43px}.fn-hero-image img{min-height:480px}.fn-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}.fn-ask{gap:35px}.fn-ask .form__row{flex-direction:column;display:flex;gap:20px}} @media(max-width:650px){.fn-hero{grid-template-columns:1fr}.fn-hero-copy{padding:23px 0}.fn-category{margin-top:12px}.fn-hero h1{font-size:44px;max-width:500px;margin-bottom:26px}.fn-hero .insight-byline{margin-bottom:0;font-size:12px}.fn-hero-image img{min-height:0;height:auto;aspect-ratio:1.25;object-fit:cover}.fn-answer{padding-top:40px}.fn-answer>h2{font-size:32px;margin-bottom:30px}.fn-takeaways{grid-template-columns:1fr}.fn-takeaways a{padding:23px;border-right:0;border-bottom:1px solid #ffffff40;display:grid;grid-template-columns:1fr 25px;gap:12px}.fn-takeaways .fn-label{grid-column:1/-1}.fn-takeaways p{font-size:23px;margin:0;max-width:none}.fn-takeaways a>span:last-child{align-self:end}.fn-intro{font-size:18px;padding:35px 0 40px}.fn-layout{display:block}.fn-toc{position:static;margin-bottom:38px}.fn-toc nav{display:flex;flex-wrap:wrap;gap:0 20px}.fn-toc nav a{font-size:13px;gap:9px}.fn-toc-ask{display:none}.fn-section{margin-bottom:42px}.fn-number{font-size:35px}.fn-body h2{font-size:29px}.fn-body p{font-size:17px}.fn-note{padding:23px}.fn-note p:last-child{font-size:23px}.field-note th,.field-note td{padding:13px 8px;font-size:12px}.field-note tbody td:nth-child(2){font-size:22px}.fn-ask{grid-template-columns:1fr;gap:20px;padding-top:35px}.fn-ask h2{font-size:47px;margin:22px 0}.fn-ask .form__row{gap:24px}.fn-project{display:block}.fn-project .insight-button{margin-top:10px}.fn-visual{margin-bottom:40px}.fn-hero-image figcaption{left:12px;bottom:12px;font-size:10px}} @media(prefers-reduced-motion:reduce){.field-note *{scroll-behavior:auto!important;animation:none!important;transition:none!important}} @media print{.fn-toc,.fn-ask,.fn-project{display:none}.fn-layout{display:block}.fn-hero-image img{min-height:0}.fn-section{break-inside:avoid}} .acetate-guide{background:#f7f6f1;color:#022b3a}.ag-shell{max-width:1600px;margin:auto;padding:135px clamp(22px,4.7vw,76px) 0}.ag-label{font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.13em;text-transform:uppercase;margin:0}.ag-hero{border-top:1px solid #022b3a44}.ag-hero-top{display:flex;justify-content:space-between;gap:24px;padding:28px 0}.ag-hero h1{font-family:var(--font-body);font-weight:400;letter-spacing:-.06em;font-size:clamp(52px,7.7vw,118px);line-height:.99;max-width:1190px;margin:30px 0 46px;text-wrap:balance}.ag-hero-bottom{display:flex;justify-content:space-between;gap:70px;padding-bottom:44px}.ag-hero-bottom>p{font-size:clamp(19px,2vw,26px);line-height:1.5;font-weight:300;max-width:770px;margin:0}.ag-author{display:flex;flex-direction:column;justify-content:end;gap:8px;font-size:12px;min-width:160px}.ag-author a{font-size:16px;color:inherit;text-underline-offset:4px}.ag-author time{margin-top:10px}.ag-cover{margin:0;position:relative}.ag-cover>img{display:block;width:100%;height:auto;aspect-ratio:2.15;object-fit:cover}.ag-cover figcaption{display:flex;justify-content:space-between;gap:20px;background:#022b3a;color:#fff;padding:20px 24px;font-size:12px;align-items:center}.ag-cover a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:30px}.ag-cover a span{font-size:24px}.ag-chapters{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #022b3a44}.ag-chapters a{display:grid;grid-template-columns:1fr auto;gap:32px;padding:30px 25px 30px 0;color:inherit;text-decoration:none;border-right:1px solid #022b3a44}.ag-chapters a+a{padding-left:25px}.ag-chapters a:last-child{border:0}.ag-chapters a>span:first-child{grid-column:1/-1;font-size:12px}.ag-chapters strong{font-size:clamp(19px,2vw,27px);font-weight:400;letter-spacing:-.03em}.ag-chapters a>span:last-child{font-size:28px}.ag-chapters a:hover{background:#e6e9e2}.ag-opening{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:60px 0}.ag-opening>p:last-child{margin:0;font-size:22px;font-weight:300;line-height:1.5;max-width:710px}.ag-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:clamp(35px,6vw,100px)}.ag-toc{position:sticky;align-self:start;top:100px;padding-top:22px;border-top:1px solid #022b3a44}.ag-toc nav{margin-top:15px}.ag-toc a{display:flex;gap:10px;color:inherit;font-size:12px;line-height:1.4;text-decoration:none;padding:7px 0}.ag-toc a span{opacity:.55;font-size:10px;min-width:16px}.ag-toc a:hover{text-decoration:underline}.ag-body{min-width:0}.ag-section{scroll-margin-top:105px;border-top:1px solid #022b3a44;padding-top:27px;margin:0 0 76px}.ag-section h2{font-family:var(--font-body);font-size:clamp(27px,3vw,42px);line-height:1.15;font-weight:400;letter-spacing:-.035em;margin:0 0 30px;max-width:900px;text-wrap:balance}.ag-section>p{font-size:18px;font-weight:300;line-height:1.75;margin:0 0 23px;max-width:850px}.ag-references{display:flex;flex-wrap:wrap;gap:9px 18px;margin:28px 0;font-size:11px;line-height:1.5;opacity:.8}.ag-references>span{flex-basis:100%;text-transform:uppercase;letter-spacing:.08em}.ag-references a{color:inherit;text-underline-offset:3px}.ag-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;margin-top:40px}.ag-gallery figure{margin:0;min-width:0}.ag-gallery button{padding:0;border:0;display:block;position:relative;width:100%;cursor:zoom-in;background:#e8e8e2;overflow:hidden}.ag-gallery img{width:100%;height:auto;display:block;aspect-ratio:1.5;object-fit:cover;transition:transform .5s}.ag-gallery button:hover img{transform:scale(1.035)}.ag-gallery .ag-wide{grid-column:1/-1}.ag-gallery .ag-wide img{aspect-ratio:1.9}.ag-gallery figcaption{display:flex;gap:13px;font-size:11px;line-height:1.6;padding-top:12px}.ag-gallery figcaption>span{opacity:.55}.ag-gallery-7{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-gallery-7 figure:not(.ag-wide) img{aspect-ratio:1;object-fit:cover}.ag-photo-enlarge{position:absolute;bottom:12px;right:12px;background:#f7f6f1dd;color:#022b3a;width:32px;height:32px;display:grid;place-items:center;font-size:20px}.ag-stats{display:grid;grid-template-columns:1fr 1fr;margin:34px 0 30px;padding:34px 0;border-top:1px solid #022b3a44;border-bottom:1px solid #022b3a44;gap:30px}.ag-stats>div{display:flex;flex-direction:column;gap:12px}.ag-stats strong{font-weight:300;font-size:clamp(47px,6.5vw,85px);letter-spacing:-.065em;line-height:1}.ag-stats span{font-size:14px;line-height:1.5}.ag-feature{border-top:3px solid #022b3a}.ag-yield-table{margin:40px 0}.ag-yield-table h3{font-size:22px;font-weight:400;letter-spacing:-.02em}.ag-yield-table table{border-collapse:collapse;width:100%;font-size:15px}.ag-yield-table caption{caption-side:bottom;text-align:left;font-size:12px;line-height:1.5;padding-top:12px}.ag-yield-table th{font-weight:500;text-align:left;font-size:12px;padding:15px 0;border-bottom:1px solid #022b3a44}.ag-yield-table td{padding:18px 0;border-bottom:1px solid #022b3a33;font-size:27px;font-weight:300}.ag-yield-table td span{font-size:13px}.ag-calculator{background:#022b3a;color:#fff;padding:clamp(24px,3vw,43px);margin:38px 0}.ag-calc-heading h3{font-size:clamp(25px,3vw,36px);line-height:1.2;font-weight:400;letter-spacing:-.03em;margin:20px 0}.ag-calc-heading>p:last-child{font-size:14px;line-height:1.7;font-weight:300;max-width:690px}.ag-calc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.ag-calc-fields label{display:flex;flex-direction:column;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5}.ag-calc-fields input{display:block;width:100%;min-width:0;border:1px solid #ffffff77;border-radius:0;background:#ffffff0a;color:#fff;padding:15px 10px;font:inherit;font-size:22px;box-sizing:border-box}.ag-calc-fields input:focus{outline:2px solid #dbe5a9;outline-offset:3px}.ag-calc-result{border-top:1px solid #ffffff55;display:flex;align-items:baseline;gap:22px;padding:30px 0 10px;min-height:100px}.ag-calc-result output{font-size:clamp(65px,9vw,120px);font-weight:300;line-height:1;letter-spacing:-.06em;overflow-wrap:anywhere}.ag-calc-result span{font-size:14px;line-height:1.5;max-width:150px}.ag-small{font-size:11px;line-height:1.6;opacity:.8}.ag-faq{scroll-margin-top:110px;margin-bottom:50px}.ag-faq>p{margin-bottom:25px}.ag-faq details{border-top:1px solid #022b3a44;padding:23px 0}.ag-faq details:last-child{border-bottom:1px solid #022b3a44}.ag-faq summary{display:flex;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;font-size:20px;line-height:1.4}.ag-faq summary::-webkit-details-marker{display:none}.ag-faq summary span{font-size:26px;transition:transform .2s}.ag-faq details[open] summary span{transform:rotate(45deg)}.ag-faq details p{font-size:16px;line-height:1.7;font-weight:300;margin:22px 0 0}.ag-method{margin-bottom:60px}.ag-method h2{font-size:20px;font-weight:400}.ag-method p{font-size:13px;line-height:1.7;font-weight:300}.ag-method a{font-size:13px;color:inherit;text-underline-offset:4px}.ag-teaser{display:grid;grid-template-columns:1.15fr 1fr;gap:0;margin:60px auto;background:#022b3a;color:#fff;max-width:1448px}.ag-teaser-image{display:block;position:relative;overflow:hidden;min-width:0}.ag-teaser-image img{width:100%;height:100%;object-fit:cover;min-height:390px;display:block}.ag-teaser-image>span{position:absolute;bottom:22px;right:25px;font-size:35px;color:white}.ag-teaser-copy{padding:clamp(26px,4vw,64px);align-self:center}.ag-teaser-copy h2{font-family:var(--font-body);font-size:clamp(29px,3.4vw,49px);line-height:1.1;font-weight:400;letter-spacing:-.04em;margin:30px 0 22px}.ag-teaser-copy a{color:inherit;text-decoration:none}.ag-teaser-copy>p:not(.ag-label){font-size:16px;line-height:1.6;font-weight:300;max-width:480px}.ag-text-link{display:inline-flex;gap:30px;margin-top:23px;border-bottom:1px solid #ffffff88;padding-bottom:9px;font-size:13px}.ag-lightbox{position:fixed;inset:0;border:0;background:#f7f6f1;color:#022b3a;width:min(1200px,92vw);max-width:92vw;max-height:92dvh;padding:18px 25px;box-sizing:border-box}.ag-lightbox::backdrop{background:#001b25ed}.ag-lightbox img{display:block;max-height:66dvh;max-width:100%;object-fit:contain;margin:auto}.ag-lightbox-controls,.ag-lightbox-nav{display:flex;align-items:center;justify-content:space-between}.ag-lightbox button{border:1px solid #022b3a55;background:none;color:inherit;font-size:26px;min-width:44px;height:44px;cursor:pointer}.ag-lightbox-controls{font-size:12px;margin-bottom:12px}.ag-lightbox-controls button{border:0;font-size:35px}.ag-lightbox p{font-size:13px;line-height:1.4;text-align:center;margin:15px 0}.ag-lightbox-nav{justify-content:center;gap:20px}.acetate-guide :focus-visible,.ag-teaser :focus-visible{outline:2px solid #b76f24;outline-offset:5px}.acetate-guide .insight-cta{margin-top:10px}.acetate-guide .insights-related{padding-bottom:60px} @media(max-width:1050px){.ag-layout{grid-template-columns:165px minmax(0,1fr);gap:35px}.ag-toc a{font-size:11px}.ag-hero-bottom{gap:35px}.ag-hero h1{font-size:8vw}.ag-calc-fields{gap:12px}.ag-gallery-7{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.ag-shell{padding:100px 22px 0}.ag-hero-top{padding-top:22px;gap:20px}.ag-hero-top .ag-label:last-child{max-width:130px;text-align:right}.ag-hero h1{font-size:clamp(43px,10.5vw,71px);margin:20px 0 28px;letter-spacing:-.05em}.ag-hero-bottom{display:block;padding-bottom:30px}.ag-hero-bottom>p{font-size:18px;line-height:1.6}.ag-author{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:7px 15px;font-size:11px}.ag-author>span:first-child{grid-column:1/-1}.ag-author a{grid-column:1/-1;font-size:15px}.ag-author time{margin:5px 0 0}.ag-author>span:last-child{text-align:right;align-self:end}.ag-cover>img{aspect-ratio:1.2}.ag-cover figcaption{display:block;padding:16px;font-size:11px}.ag-cover a{justify-content:space-between;margin-top:12px;font-size:13px}.ag-chapters{grid-template-columns:1fr}.ag-chapters a,.ag-chapters a+a{grid-template-columns:25px 1fr 25px;gap:14px;padding:20px 0;border-right:0;border-bottom:1px solid #022b3a33;align-items:center}.ag-chapters a>span:first-child{grid-column:auto}.ag-chapters strong{font-size:21px}.ag-chapters a>span:last-child{font-size:24px}.ag-opening{display:block;padding:35px 0}.ag-opening>p:last-child{font-size:18px;margin-top:20px}.ag-layout{display:block}.ag-toc{position:static;margin-bottom:40px}.ag-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.ag-toc a{font-size:11px}.ag-section{margin-bottom:48px;padding-top:22px}.ag-section h2{font-size:29px;margin-bottom:24px}.ag-section>p{font-size:17px;line-height:1.7}.ag-gallery{gap:22px 12px;margin-top:27px}.ag-gallery:not(.ag-gallery-7){grid-template-columns:1fr}.ag-gallery .ag-wide img{aspect-ratio:1.5}.ag-gallery figcaption{font-size:10px;gap:8px}.ag-gallery-7{gap:24px 12px}.ag-stats{gap:20px;padding:25px 0}.ag-stats strong{font-size:53px}.ag-stats span{font-size:12px}.ag-calc-fields{grid-template-columns:1fr;margin-top:24px;gap:18px}.ag-calc-fields label{gap:7px}.ag-calc-fields input{font-size:20px;padding:10px}.ag-calc-result{min-height:90px;padding-top:25px}.ag-calc-result output{font-size:78px}.ag-calculator{margin-inline:0;padding:24px}.ag-calc-heading>p:last-child{font-size:13px}.ag-faq summary{font-size:18px}.ag-faq details p{font-size:15px}.ag-teaser{grid-template-columns:1fr;margin:35px 0}.ag-teaser-image img{min-height:0;aspect-ratio:1.4}.ag-teaser-copy{padding:30px 24px 36px}.ag-teaser-copy h2{font-size:34px}.ag-lightbox{padding:12px 15px;max-height:94dvh}.ag-lightbox img{max-height:62dvh}.ag-lightbox p{font-size:12px}} @media(prefers-reduced-motion:reduce){.acetate-guide *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.ag-toc,.ag-chapters,.ag-lightbox,.ag-calculator,.ag-teaser,.ag-photo-enlarge{display:none}.ag-layout{display:block}.ag-section{break-inside:avoid}.ag-cover>img{aspect-ratio:2.2}.ag-shell{padding:0}} .case-page { color:var(--milossi-green); } .case-opening,.case-facts,.case-section,.case-signature-samples,.case-campaign,.case-next { padding-left:var(--gutter);padding-right:var(--gutter); } .case-opening { padding-top:140px;padding-bottom:44px; } .case-breadcrumb { display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-bottom:58px; } .case-breadcrumb a { text-decoration:none; } .case-kicker { display:flex;justify-content:space-between;gap:24px; } .case-label { font-size:11px!important;letter-spacing:.12em;line-height:1.5!important;font-weight:600;margin:0 0 22px; } .case-opening h1 { font-family:Moderniz,Archivo,sans-serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(36px,6.4vw,96px);line-height:1.12;margin:12px 0 30px; } .case-opening h1 span {display:block;} .case-opening h1 span:last-child {color:var(--milossi-green-2);} .case-deck { display:flex;justify-content:space-between;gap:32px;align-items:flex-end; } .case-deck p {font-size:20px;line-height:1.5;max-width:630px;margin:0;} .case-link {font-size:13px;line-height:1.5;display:inline-flex;align-items:center;gap:25px;min-height:44px;text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap;} .case-page figure {margin:0;min-width:0;} .case-page img {display:block;width:100%;height:auto;} .case-page figcaption {display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:1.5;padding-top:14px;} .case-hero-image {background:#f6f6f6;position:relative;} .case-hero-image img {width:100%;aspect-ratio:2.15;object-fit:cover;} .case-hero-image figcaption {padding:0 var(--gutter) 24px;} .case-facts {display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-top:32px;padding-bottom:32px;border-bottom:1px solid var(--green-90);} .case-facts .case-label {margin-bottom:9px;} .case-facts p {font-size:14px;line-height:1.65;margin:0;} .case-section {padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;} .case-text {scroll-margin-top:110px;max-width:560px;} .case-text h2,.case-closing h2 {font-size:clamp(28px,3vw,46px);line-height:1.13;letter-spacing:-.035em;font-weight:500;margin:0 0 26px;} .case-text>p:not(.case-label),.case-closing>p:not(.case-label) {font-size:17px;line-height:1.75;margin:0 0 18px;} .case-origin-visual {display:grid;gap:32px;} .case-origin-visual figure {border-bottom:1px solid var(--green-90);padding-bottom:16px;} .case-origin-visual img {min-height:230px;object-fit:contain;} .case-development {background:var(--green-95);grid-template-columns:1.2fr 1fr;} .case-image-pair {display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;} .case-image-pair figure:nth-child(2) {margin-top:95px;} .case-image-pair img {aspect-ratio:3/4;object-fit:cover;} .case-image-pair figure:first-child img {object-fit:contain;background:white;} .case-signature {background:var(--milossi-green);color:white;padding-bottom:100px;} .case-signature .case-section {padding-bottom:50px;} .case-signature-samples {display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:970px;margin:auto;} .case-signature-samples img {aspect-ratio:4/3;object-fit:cover;} .case-signature-samples figure:first-child img {object-position:50% 75%;} .case-samples {grid-template-columns:.9fr 1.1fr;} .case-product-angle {background:#f6f6f6;} .case-product-angle img {max-height:900px;object-fit:contain;} .case-product-angle figcaption {padding:15px var(--gutter) 28px;} .case-campaign {padding-top:110px;padding-bottom:70px;} .case-closing {max-width:700px;margin:0 auto 60px;text-align:center;} .case-campaign-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px;} .case-credits {font-size:11px;line-height:1.7;margin-top:24px;max-width:740px;} .case-next {background:var(--green-95);padding-top:80px;padding-bottom:80px;} .case-next h2 {font-size:clamp(40px,5vw,72px);font-weight:500;letter-spacing:-.04em;line-height:1.07;margin:0 0 25px;} .case-next>p:not(.case-label) {max-width:520px;font-size:18px;line-height:1.6;margin-bottom:30px;} .case-reading {display:flex;flex-wrap:wrap;gap:10px 32px;margin-top:48px;} .case-reading a {font-size:13px;min-height:44px;display:flex;align-items:center;} .case-feature {display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;padding:70px var(--gutter);color:var(--milossi-green);text-decoration:none;} .case-feature-image {background:#f6f6f6;overflow:hidden;} .case-feature img {display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;transition:transform .4s;} .case-feature:hover img {transform:scale(1.025);} .case-feature h2 {font-size:38px;line-height:1.15;letter-spacing:-.03em;margin:0 0 20px;font-weight:500;} .case-feature p:not(.case-label) {font-size:16px;line-height:1.6;max-width:440px;} @media(max-width:767px){ .case-opening{padding-top:105px;padding-bottom:28px;}.case-breadcrumb{font-size:10px;gap:7px;margin-bottom:38px;} .case-kicker{display:block;}.case-kicker .case-label:last-child{display:none;}.case-opening h1{font-size:clamp(27px,6.5vw,49px);letter-spacing:-.045em;margin-bottom:22px;} .case-deck{display:block;}.case-deck p{font-size:17px;}.case-deck .case-link{margin-top:20px;} .case-hero-image img{aspect-ratio:1.5;}.case-hero-image figcaption{font-size:9px;padding-bottom:18px;} .case-facts{grid-template-columns:1fr;gap:22px;padding-top:24px;padding-bottom:24px;} .case-section{grid-template-columns:1fr;gap:34px;padding-top:60px;padding-bottom:60px;}.case-text>p:not(.case-label){font-size:16px;} .case-development .case-text{grid-row:1;}.case-image-pair{gap:12px;}.case-image-pair figure:nth-child(2){margin-top:50px;} .case-origin-visual img{min-height:0;}.case-signature{padding-bottom:55px;}.case-signature-samples{gap:14px;}.case-signature-samples img{aspect-ratio:3/4;} .case-page figcaption{font-size:10px;}.case-campaign{padding-top:60px;padding-bottom:45px;}.case-closing{text-align:left;margin-bottom:30px;}.case-campaign-grid{gap:14px;grid-template-columns:1fr;} .case-next{padding-top:55px;padding-bottom:55px;}.case-feature{grid-template-columns:1fr;gap:26px;padding-top:45px;padding-bottom:45px;}.case-feature h2{font-size:30px;}.case-feature .case-label{margin-bottom:14px;} } @media(prefers-reduced-motion:reduce){.case-feature img{transition:none;}} .case-sketch-archive {display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:0 var(--gutter) 80px;align-items:start;} .case-sketch-archive figure:last-child {max-width:450px;margin-top:55px;} .case-process {display:flex;flex-wrap:wrap;gap:12px 35px;padding:22px var(--gutter);border-top:1px solid var(--green-90);border-bottom:1px solid var(--green-90);} .case-process a {min-height:44px;display:flex;align-items:center;text-decoration:none;font-size:12px;} @media(max-width:767px){.case-sketch-archive{grid-template-columns:1fr;gap:28px;padding-bottom:45px;}.case-sketch-archive figure:last-child{margin-top:0;max-width:none;}.case-process{gap:0 20px;}.case-opening h1{font-size:clamp(36px,8vw,62px);}} .livo-hero{display:grid;grid-template-columns:1fr 1fr;background:#16191c;color:#fff;align-items:center;padding-left:var(--gutter);gap:30px;} .livo-hero h2{font-size:clamp(45px,6vw,90px);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:30px 0;} .livo-hero p:not(.case-label){font-size:21px;line-height:1.6;color:#c9d0d6;} .livo-hero-foot{display:block;font-size:10px;letter-spacing:.17em;margin:65px 0 30px;color:#a9b8c5;} .livo-hero figure{position:relative;}.livo-hero img{max-height:760px;object-fit:contain;}.livo-hero figcaption{position:absolute;bottom:20px;right:25px;color:#a9b8c5;} .livo-research{background:#f0f2f1;align-items:start;}.livo-research>figure{max-width:540px;} .livo-note{font-size:12px;line-height:1.7;border-top:1px solid #bbc4c0;margin-top:30px;padding-top:12px;}.livo-note summary{cursor:pointer;padding:12px 0;}.livo-note a{display:inline-block;min-height:44px;} .livo-prototypes{background:#e9e3d9;}.livo-prototypes .case-section{padding-bottom:50px;} .livo-proto-detail{display:grid;grid-template-columns:.65fr 1fr;gap:100px;align-items:center;padding:0 var(--gutter) 90px;max-width:1150px;margin:auto;} .livo-proto-detail .livo-pullquote{font-size:clamp(30px,3.3vw,49px);letter-spacing:-.04em;line-height:1.15;margin:0 0 25px;}.livo-proto-detail p:last-child{font-size:16px;line-height:1.7;max-width:440px;} .livo-cad-grid,.livo-sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:0 var(--gutter) 80px;} .livo-sample-intro{padding-bottom:60px;}.livo-sample-intro figure{max-width:540px;justify-self:center;}.livo-sample-grid img{aspect-ratio:16/9;object-fit:cover;} .livo-system{background:#243e6b;color:#fff;}.livo-cells{color:#b2c8ed;}.livo-cells svg{display:block;width:100%;height:auto;}.livo-cells figcaption{max-width:410px;font-size:11px;line-height:1.6;} .livo-ending{text-align:center;padding:110px var(--gutter);}.livo-ending h2{font-size:clamp(36px,5vw,68px);line-height:1.1;letter-spacing:-.05em;font-weight:400;margin:0 0 30px;}.livo-ending>p:not(.case-label){max-width:710px;margin:0 auto 30px;line-height:1.7;font-size:18px;}.livo-ending .case-credits{font-size:11px!important;} .livo-feature .case-feature-image{background:#17191c;}.livo-feature img{object-fit:cover;object-position:center 51%;} @media(max-width:767px){.livo-hero{grid-template-columns:1fr;padding:45px var(--gutter) 0;gap:0;}.livo-hero h2{font-size:53px;}.livo-hero p:not(.case-label){font-size:18px;}.livo-hero-foot{margin:30px 0 0;}.livo-hero figure{margin:0 calc(-1 * var(--gutter));}.livo-hero img{max-height:500px;}.livo-hero figcaption{font-size:9px;}.livo-research>figure{grid-row:2;max-width:none;}.livo-proto-detail{grid-template-columns:1fr;gap:35px;padding:0 var(--gutter) 60px;}.livo-proto-detail figure{max-width:350px;margin:auto;}.livo-cad-grid,.livo-sample-grid{grid-template-columns:1fr;padding-bottom:55px;gap:28px;}.livo-ending{padding:60px var(--gutter);text-align:left;}.livo-ending>p:not(.case-label){font-size:16px;}.livo-system{gap:25px;}} .livo-collection{padding:0 var(--gutter) 80px;}.livo-collection img{width:100%;height:auto;} @media(max-width:767px){.livo-collection{padding-bottom:55px;}} .jules-page{color:#173f44}.jules-page .case-opening h1 span:last-child{color:#438797}.jules-hero{display:grid;grid-template-columns:1.2fr 1fr;background:#d9ebf0;align-items:center;gap:65px;padding-right:var(--gutter)}.jules-hero figure img{height:720px;object-fit:cover;object-position:center 58%}.jules-hero-line{font-size:clamp(45px,5.8vw,84px);line-height:1.04;letter-spacing:-.055em;margin:28px 0}.jules-hero p:not(.case-label):not(.jules-hero-line){font-size:20px;line-height:1.65}.jules-hero span{font-size:9px;letter-spacing:.13em;display:block;margin-top:35px}.jules-year{font-size:clamp(60px,10vw,145px);letter-spacing:-.07em;line-height:1;margin:20px 0;color:#79938b}.jules-year-note{font-size:13px}.jules-memory{background:#143e41;color:#fff;padding:95px var(--gutter)}.jules-memory h2,.jules-section-head h2,.jules-close h2{font-size:clamp(33px,4.3vw,64px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:0 0 30px}.jules-memory>p:not(.case-label){max-width:640px;font-size:19px;line-height:1.7;color:#dbe8e4}.jules-memory nav{display:flex;flex-wrap:wrap;gap:25px 70px;margin-top:45px}.jules-memory nav a{font-size:14px;min-height:44px;display:flex;align-items:center;text-decoration:none;border-bottom:1px solid #6d9190}.jules-destination{padding:90px var(--gutter);display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;scroll-margin-top:80px}.jules-water{background:#e6f1f3}.jules-forest{background:#e1e9db}.jules-sand{background:#f0e2cb}.jules-destination h2{font-size:clamp(40px,5vw,73px);font-weight:400;letter-spacing:-.05em;margin:0 0 22px}.jules-destination-copy>p:not(.case-label){font-size:17px;line-height:1.7;max-width:470px}.jules-destination .jules-poetry{font-size:25px!important;line-height:1.3!important;max-width:330px}.jules-swatches{display:flex;margin:35px 0;gap:8px}.jules-swatches span{width:57px;height:14px}.jules-reference{max-width:340px}.jules-reference img{aspect-ratio:1.6;object-fit:cover}.jules-campaign img{width:100%;height:auto}.jules-forest .jules-campaign{grid-column:1;grid-row:1}.jules-forest .jules-destination-copy{grid-column:2;grid-row:1}.jules-material{padding:100px var(--gutter);background:#f4f1e9}.jules-section-head{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.jules-section-head p:not(.case-label){font-size:17px;line-height:1.75;margin:0 0 20px}.jules-lamination{padding:40px 0 10px}.jules-lamination svg{width:100%;height:auto;display:block}.jules-source{border-top:1px solid #c8d0c5;font-size:12px;line-height:1.8;margin-top:25px;padding-top:12px}.jules-source summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0}.jules-source a{display:inline-block;padding:12px 0}.jules-studies{padding:100px var(--gutter)}.jules-study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.jules-study-grid img{aspect-ratio:1.3;object-fit:contain;background:#fff}.jules-line-art{margin-top:90px!important;overflow:hidden}.jules-line-art img{width:100%;max-height:490px;object-fit:cover}.jules-close{padding:100px var(--gutter);text-align:center;background:#dfe9e6}.jules-close>p:not(.case-label){max-width:720px;margin:0 auto 30px;font-size:18px;line-height:1.7}.jules-close .case-credits{font-size:11px!important;max-width:790px!important}.jules-feature img{object-position:50% 54%} @media(max-width:767px){.jules-hero{grid-template-columns:1fr;gap:0;padding:0}.jules-hero figure img{height:auto;max-height:650px}.jules-hero>div{padding:40px var(--gutter) 50px}.jules-hero-line{font-size:55px}.jules-hero p:not(.case-label):not(.jules-hero-line){font-size:17px}.jules-year{font-size:85px}.jules-memory,.jules-material,.jules-studies,.jules-close{padding:60px var(--gutter)}.jules-memory>p:not(.case-label){font-size:17px}.jules-memory nav{gap:14px 30px}.jules-destination{grid-template-columns:1fr;padding:55px var(--gutter);gap:35px}.jules-forest .jules-campaign,.jules-forest .jules-destination-copy{grid-column:auto;grid-row:auto}.jules-reference{max-width:230px}.jules-destination h2{font-size:48px}.jules-section-head{grid-template-columns:1fr;gap:0}.jules-section-head p:not(.case-label){font-size:16px}.jules-lamination{margin:0 calc(-.5 * var(--gutter))!important}.jules-lamination figcaption{padding:0 10px}.jules-study-grid{grid-template-columns:1fr;gap:35px}.jules-study-grid img{max-height:330px}.jules-line-art{margin-top:50px!important}.jules-close{text-align:left}.jules-close>p:not(.case-label){font-size:16px}} .gp-page{--gp-red:#ed1c2e;--gp-black:#171b1c;color:#172526}.gp-opening{padding:140px var(--gutter) 64px}.gp-kicker{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;gap:20px}.gp-opening h1{font:400 clamp(32px,5.5vw,78px)/1.13 var(--font-display);letter-spacing:-.035em;margin:34px 0}.gp-opening h1 em{font-style:normal;color:#788384}.gp-opening>p{max-width:670px;font-size:20px;line-height:1.6}.gp-hero{display:grid;grid-template-columns:1.15fr 1fr;background:#171b1c;color:white}.gp-hero-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0}.gp-hero-art>svg,.gp-feature-art>svg{position:absolute;inset:0;width:100%;height:100%;stroke:#080b0c;stroke-width:3}.gp-hero-art>img{position:relative;width:65%;height:auto;z-index:1}.gp-hero-art>span{position:absolute;left:9%;bottom:9%;font-size:12px;letter-spacing:.15em;line-height:1.6}.gp-hero figure{padding:30px 30px 24px 0}.gp-photo{position:relative;aspect-ratio:3/4;overflow:hidden;background:#292d2d}.gp-page .gp-photo img{position:absolute;width:133.333333%;height:75%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);object-fit:cover}.gp-facts{display:grid;grid-template-columns:1fr 2fr .5fr;gap:24px;padding:36px var(--gutter);border-bottom:1px solid #dfe3e1}.gp-facts span{font-size:10px;letter-spacing:.14em}.gp-facts p{font-size:14px;line-height:1.5}.gp-section{padding:100px var(--gutter);display:grid;grid-template-columns:1fr 1.2fr;gap:85px;align-items:center}.gp-copy h2,.gp-section-heading h2{font-size:clamp(30px,3.7vw,54px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:0 0 25px}.gp-copy>p:not(.case-label),.gp-section-heading>p:not(.case-label){font-size:17px;line-height:1.75;max-width:560px}.gp-guides{position:relative;padding:45px 30px;background-color:#f5f5f1;background-image:linear-gradient(#dce0dc 1px,transparent 1px),linear-gradient(90deg,#dce0dc 1px,transparent 1px);background-size:28px 28px}.gp-guides:before,.gp-guides:after{content:"";position:absolute;inset:23% 18%;border-top:1px dashed #96a69c;border-bottom:1px dashed #96a69c;pointer-events:none}.gp-guides:after{inset:10% 24%;border:0;border-left:1px dashed #96a69c;border-right:1px dashed #96a69c}.gp-guides img{width:100%}.gp-note{position:absolute;color:#d92130;font-size:10px;letter-spacing:.08em}.gp-note-a{top:18px;left:18px}.gp-note-b{bottom:18px;right:18px}.gp-palette{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:26px}.gp-palette span{height:70px;padding:12px;font-size:10px;letter-spacing:.1em;border:1px solid #ddd}.gp-palette span:nth-child(1){background:#161a1c;color:white;border-color:#161a1c}.gp-palette span:nth-child(2){background:#ed1c2e;color:white;border-color:#ed1c2e}.gp-drawing-section{padding:80px var(--gutter);background:#f2f3ef}.gp-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-bottom:40px;align-items:start}.gp-section-heading .case-label{grid-column:1/-1}.gp-section-heading>p:last-child{margin-top:0}.gp-construction{width:100%;height:auto;max-height:780px;display:block}.gp-drawing-section figcaption{color:#66736c}.gp-finish{padding:90px var(--gutter);background:#15191b;color:#fafafa}.gp-finish-title>h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:25px;font-size:clamp(46px,8.7vw,125px);line-height:1.12;letter-spacing:-.06em;margin:24px 0;font-weight:400}.gp-finish-title h2 i{color:#ed1c2e;font-weight:300;font-style:normal}.gp-finish-title h2 span:last-child{color:#87908e}.gp-finish-title>p:last-child{font-size:25px;line-height:1.35;margin-bottom:55px}.gp-finish-body{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.gp-finish-swatch{position:relative;aspect-ratio:1.2;overflow:hidden;background:linear-gradient(115deg,#242a2c,#111517)}.gp-finish-swatch svg{width:140%;height:130%;position:absolute;left:-15%;top:-15%;stroke:#080a0b;stroke-width:5;filter:drop-shadow(1px 0 0 #778084)}.gp-finish-swatch span{position:absolute;bottom:22px;left:25px;font-size:10px;line-height:1.7;letter-spacing:.13em}.gp-copy .gp-small{font-size:12px!important;color:#a9b3ae}.gp-artwork{padding:100px var(--gutter)}.gp-layer-controls{display:flex;gap:10px;margin:20px 0 28px;flex-wrap:wrap}.gp-layer-controls button{border:1px solid #b2bbb7;border-radius:30px;padding:14px 22px;background:white;color:#172526;font:inherit;font-size:13px;cursor:pointer;min-height:48px}.gp-layer-controls button[aria-pressed=true]{background:#172526;color:white;border-color:#172526}.gp-layer-controls button:focus-visible{outline:3px solid #ed1c2e;outline-offset:4px}.gp-artwork img[hidden]{display:none!important}.gp-artwork img{aspect-ratio:1400/990;object-fit:contain}.gp-result{padding:80px var(--gutter);background:#f2f3ef}.gp-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.gp-result-grid figure:nth-child(2){margin-top:85px}.gp-credits{font-size:11px;line-height:1.6;color:#60716b;max-width:740px;margin:40px 0 0}.gp-feature-art{background:#171b1c;position:relative;overflow:hidden;aspect-ratio:1.4;display:flex;align-items:center;justify-content:center}.gp-feature-art>img{position:relative;width:52%;height:auto}.gp-page footer [data-reveal]{opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important} @media(max-width:767px){.gp-opening{padding:105px 22px 32px}.gp-opening .case-breadcrumb{margin-bottom:35px}.gp-kicker{font-size:9px}.gp-opening h1{font-size:clamp(26px,7vw,49px);margin:25px 0}.gp-opening>p{font-size:17px}.gp-hero{grid-template-columns:1fr}.gp-hero-art{min-height:370px}.gp-hero-art>img{max-width:270px}.gp-hero-art>span{font-size:10px}.gp-hero figure{padding:0 22px 24px}.gp-facts{padding:25px 22px;grid-template-columns:1fr 2fr;gap:12px}.gp-facts>div:last-child{grid-column:1/-1}.gp-section,.gp-finish-body{grid-template-columns:1fr;gap:36px}.gp-section{padding:60px 22px}.gp-drawing-section,.gp-finish,.gp-artwork,.gp-result{padding:55px 22px}.gp-section-heading{grid-template-columns:1fr;gap:0;margin-bottom:25px}.gp-finish-title>h2{gap:10px;font-size:clamp(39px,10.5vw,68px)}.gp-finish-title>p:last-child{font-size:22px}.gp-result-grid{grid-template-columns:1fr;gap:35px}.gp-result-grid figure:nth-child(2){margin-top:0}.gp-page figcaption{font-size:10px}.gp-layer-controls button{font-size:11px;padding:12px 15px}.gp-page .case-next{padding-left:22px;padding-right:22px}.gp-construction{min-height:280px}.gp-palette span{height:55px}.gp-page .footer-giant-link{font-size:clamp(44px,9vw,90px)!important}} @media(prefers-reduced-motion:no-preference){.gp-finish-swatch svg{animation:gp-light 9s ease-in-out infinite alternate}@keyframes gp-light{from{opacity:.45;transform:translateX(-1%)}to{opacity:1;transform:translateX(1%)}}} .gp-hero{grid-template-columns:1fr}.gp-hero-art{min-height:520px}.gp-hero-art>img{width:min(42%,430px)}.gp-page .gp-final-photo{max-width:820px;margin:70px auto 0}.gp-final-photo .gp-photo{width:100%} @media(max-width:767px){.gp-hero-art{min-height:370px}.gp-hero-art>img{width:65%}.gp-page .gp-final-photo{margin-top:40px}} .gp-artwork-sequence{display:grid;gap:56px}.gp-artwork-sequence img{aspect-ratio:auto;height:auto}.gp-artwork-sequence figure{min-width:0} @media(max-width:767px){.gp-artwork-sequence{gap:32px}} .case-feature.gp-feature .gp-feature-art>img{aspect-ratio:auto;object-fit:contain;height:auto;width:52%} .latitude-page{color:#263836;background:#fff}.latitude-page h2{font-size:clamp(30px,3.6vw,56px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:0 0 30px}.latitude-page .case-opening h1{font-family:Archivo,sans-serif;font-size:clamp(48px,8vw,120px);letter-spacing:-.065em;line-height:.98}.latitude-page .case-opening{padding-bottom:60px}.latitude-hero{padding:65px var(--gutter) 28px;background:#e9e9e5}.latitude-hero img{max-width:1600px;margin:auto;aspect-ratio:2.7;object-fit:contain}.latitude-hero figcaption{margin-top:42px;color:#4b5550}.latitude-page .case-section{align-items:start}.latitude-sketches{padding:0 var(--gutter) 90px}.latitude-sketches img{max-height:650px;object-fit:contain}.latitude-workshop{padding:95px var(--gutter);background:#eeeee8}.latitude-section-head{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;margin-bottom:55px}.latitude-section-head>div{max-width:680px}.latitude-section-head p:not(.case-label),.latitude-detail p:not(.case-label),.latitude-journal p:not(.case-label){font-size:17px;line-height:1.75}.latitude-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.latitude-process-grid img{aspect-ratio:3/4;object-fit:cover}.latitude-detail{display:grid;grid-template-columns:1.3fr 1fr;background:#1b211f;color:#f2f0e8;align-items:center}.latitude-detail figure{overflow:hidden}.latitude-detail img{aspect-ratio:1.1;object-fit:cover}.latitude-detail>div{padding:60px;max-width:650px}.latitude-side{padding:65px var(--gutter);background:#e9e9e5}.latitude-side>div{display:flex;justify-content:space-between;gap:24px}.latitude-side p:not(.case-label){font-size:17px;max-width:430px;line-height:1.6;margin-top:0}.latitude-side img{width:90%;margin:35px auto 0;max-height:360px;object-fit:contain}.latitude-family{padding:100px var(--gutter)}.latitude-models{display:grid;grid-template-columns:1fr 1fr;gap:25px}.latitude-models figure{background:#f1efea;padding:35px 25px 20px}.latitude-models img{aspect-ratio:1.55;object-fit:contain}.latitude-journal{padding:90px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#e4e8e2;align-items:start}.latitude-journal>figure img{aspect-ratio:3/4;object-fit:cover}.latitude-team{max-width:400px;margin-top:40px!important}.latitude-team img{aspect-ratio:4/5;object-fit:cover;object-position:50% 38%}.latitude-close{padding:100px var(--gutter);text-align:center}.latitude-credit{font-size:12px;line-height:1.75;max-width:600px;margin:0 auto 30px}.latitude-close .case-link{margin:10px 15px}.latitude-page #latitude-process{scroll-margin-top:100px} @media(max-width:767px){.latitude-page .case-opening{padding-bottom:35px}.latitude-hero{padding:40px 15px 20px}.latitude-hero img{aspect-ratio:1.65}.latitude-hero figcaption{margin-top:20px;font-size:9px}.latitude-page .case-section{gap:15px}.latitude-section-head{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.latitude-sketches{padding-bottom:50px}.latitude-workshop,.latitude-family,.latitude-journal{padding:55px var(--gutter)}.latitude-process-grid{grid-template-columns:1fr;gap:30px}.latitude-process-grid img{max-height:550px}.latitude-detail{grid-template-columns:1fr}.latitude-detail>div{padding:40px var(--gutter)}.latitude-detail img{aspect-ratio:1.2}.latitude-side{padding:45px var(--gutter)}.latitude-side>div{display:block}.latitude-side img{width:100%;margin-top:25px}.latitude-models{grid-template-columns:1fr;gap:20px}.latitude-models figure{padding:25px 15px 15px}.latitude-journal{grid-template-columns:1fr;gap:45px}.latitude-journal>figure img{max-height:500px}.latitude-team{max-width:none}.latitude-close{padding:60px var(--gutter)}} .works-tile-image img[src="/assets/projects/latitude/antwerp.webp"]{object-fit:contain;background:#e9e9e5;padding:6%} .banana-page{background:#fff;color:#26352e}.banana-page h2{font-family:Archivo,sans-serif;font-size:clamp(32px,4.1vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.05;margin:0 0 28px}.banana-cover{margin:0 var(--gutter)!important;background:#eef1f1}.banana-cover img{width:100%;max-height:820px;object-fit:contain}.banana-page #banana-process{scroll-margin-top:100px}.banana-sketches,.banana-pair,.banana-final-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.banana-sketches{padding:0 var(--gutter) 100px}.banana-sketches img{aspect-ratio:1.5;object-fit:contain}.banana-head{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;margin-bottom:50px}.banana-head>div{max-width:730px}.banana-head p:not(.case-label),.banana-making p:not(.case-label){font-size:17px;line-height:1.75}.banana-paths{padding:90px var(--gutter);background:#f3f2ec}.banana-pair figure{background:white;padding:25px}.banana-pair img{aspect-ratio:1.35;object-fit:contain}.banana-prototypes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 var(--gutter) 100px}.banana-prototypes img{aspect-ratio:1.2;object-fit:cover}.banana-making{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:85px var(--gutter);background:#263b31;color:#fff;align-items:center}.banana-making img{aspect-ratio:1;object-fit:cover}.banana-making figcaption{color:#d2ded4}.banana-finish{padding:100px var(--gutter)}.banana-final-pair img{aspect-ratio:2/3;object-fit:cover}.banana-close{padding:90px var(--gutter);background:#f4db46;text-align:center}.banana-close>p:not(.case-label){max-width:640px;margin:0 auto 35px;font-size:13px;line-height:1.7}.banana-close .case-link{margin:12px 18px}@media(max-width:700px){.banana-head,.banana-making{grid-template-columns:1fr;gap:25px}.banana-sketches,.banana-pair{grid-template-columns:1fr}.banana-prototypes{grid-template-columns:1fr;gap:35px}.banana-final-pair{gap:12px}.banana-finish,.banana-paths,.banana-making{padding:55px var(--gutter)}.banana-sketches,.banana-prototypes{padding-bottom:55px}.banana-pair figure{padding:15px}.banana-close{padding:65px var(--gutter)}} .banana-volumes{display:grid;grid-template-columns:2fr 1fr;gap:25px;padding:50px var(--gutter) 70px;background:#f3f2ec}.banana-volumes img{height:clamp(220px,28vw,420px);width:100%;object-fit:contain;background:#fff}.banana-factory{padding:85px var(--gutter);background:#eeeee8}.banana-factory-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.banana-factory-grid .banana-press{grid-row:span 2}.banana-factory-grid img{width:100%;aspect-ratio:1.25;object-fit:cover}.banana-factory-grid .banana-press img{aspect-ratio:auto;height:calc(100% - 40px);object-fit:cover}.banana-final-render{margin:0!important;padding:65px var(--gutter);background:#f3f2ec}.banana-final-render img{width:100%;max-height:650px;object-fit:contain}.banana-final-render figcaption{text-align:center}@media(max-width:700px){.banana-volumes{grid-template-columns:1fr 1fr;padding:30px var(--gutter);gap:12px}.banana-volumes img{height:180px}.banana-factory{padding:55px var(--gutter)}.banana-factory-grid{grid-template-columns:1fr;gap:30px}.banana-factory-grid .banana-press{grid-row:auto}.banana-factory-grid .banana-press img{height:auto;aspect-ratio:3/4;object-fit:cover}.banana-final-render{padding:35px var(--gutter)}} .banana-campaign{padding:20px var(--gutter) 100px}.banana-campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.banana-campaign-grid figure{margin:0}.banana-campaign-grid img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}@media(max-width:700px){.banana-campaign{padding:10px var(--gutter) 55px}.banana-campaign-grid{gap:12px}} .tris-page{background:#fafaf7;color:#18372b}.tris-cover,.tris-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tris-cover{padding:0 var(--gutter) 50px}.tris-cover img{aspect-ratio:1;object-fit:contain;background:#f6f6f6}.tris-page section[id]{scroll-margin-top:100px}.tris-studies,.tris-prototypes{padding:0 var(--gutter) 90px}.tris-studies img{aspect-ratio:1.45;object-fit:contain;background:white}.tris-tint{background:#eceeea}.tris-prototypes{padding-top:65px}.tris-prototypes img,.tris-prototypes video{width:100%;height:540px;object-fit:contain;background:#e7e9e4}.tris-page video{display:block;max-width:100%}.tris-factory{padding:85px var(--gutter);background:#163b32;color:white}.tris-factory>.case-text{max-width:700px;margin-bottom:48px}.tris-factory img{height:600px;object-fit:contain;background:#12342c}.tris-digital,.tris-result{padding:90px var(--gutter)}.tris-digital>.case-text,.tris-result>.case-text{max-width:700px;margin-bottom:45px}.tris-digital video{width:100%;height:auto;aspect-ratio:16/9;background:#eee}.tris-result{background:#edf0f3}.tris-result img{aspect-ratio:1;object-fit:contain;background:#f6f6f6}.tris-campaign{padding:70px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:#eee9df}.tris-campaign img{width:100%;height:auto}.tris-credits{padding:30px var(--gutter);font-size:12px;line-height:1.7}.tris-page .case-next{background:#18372b;color:white}@media(max-width:767px){.tris-cover{gap:10px;padding-bottom:25px}.tris-page .case-opening h1{font-size:clamp(32px,8vw,60px)}.tris-studies,.tris-prototypes,.tris-factory .tris-pair,.tris-campaign{grid-template-columns:1fr}.tris-prototypes img,.tris-prototypes video,.tris-factory img{height:auto;max-height:550px;object-fit:contain}.tris-studies,.tris-prototypes{padding-bottom:45px}.tris-factory,.tris-digital,.tris-result,.tris-campaign{padding:50px var(--gutter)}.tris-result .tris-pair{gap:12px}.tris-result figcaption{font-size:10px}}