:root{--black: #0a0a0a;--ink: #111112;--graphite: #1a1a1c;--steel: #2a2b2e;--grey-700: #45474b;--grey-500: #7a7c80;--grey-300: #c4c6c9;--grey-200: #dcdddf;--grey-100: #ececed;--paper: #f5f5f4;--white: #fcfcfb;--metal: linear-gradient(120deg,#8c8f94 0%,#e6e7e9 35%,#9da0a5 55%,#f3f3f4 75%,#7f8287 100%);--font: "Inter Tight","Helvetica Neue",Arial,sans-serif;--fs-hero: clamp(2.6rem,1.4rem + 5.4vw,6.4rem);--fs-h1: clamp(2.4rem,1.4rem + 4.4vw,5.6rem);--fs-h2: clamp(2rem,1.2rem + 3.2vw,4.2rem);--fs-h3: clamp(1.25rem,1.05rem + .6vw,1.6rem);--fs-lead: clamp(1.05rem,1rem + .35vw,1.3rem);--gutter: clamp(16px,4vw,56px);--max: 1440px;--radius: 4px;--ease: cubic-bezier(.22,.8,.2,1);--ease-io: cubic-bezier(.65,0,.35,1);--header-h: 76px}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 60px)}body{margin: 0;font-family: var(--font);font-size: 1rem;line-height: 1.6;font-weight: 400;color: var(--white);background: var(--black);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip}img,video,svg,picture{display: block;max-width: 100%}img{height: auto}a{color: inherit;text-decoration: none}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer;background: none;border: 0;padding: 0}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin: 0}ul,ol{padding: 0;list-style: none}em{font-style: normal;color: color-mix(in srgb,currentColor 55%,transparent)}::selection{background: var(--white);color: var(--black)}:focus-visible{outline: 2px solid currentColor;outline-offset: 3px}[hidden]{display: none !important}.hp{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip{position: fixed;left: 12px;top: -60px;z-index: 200;padding: 10px 16px;background: var(--white);color: var(--black);transition: top .2s}.skip:focus{top: 12px}@view-transition{navigation: auto}::view-transition-old(root){animation: vt-out .35s var(--ease-io) both}::view-transition-new(root){animation: vt-in .5s var(--ease) both}@keyframes vt-out{to{opacity: 0;transform: translateY(-12px)}}@keyframes vt-in{from{opacity: 0;transform: translateY(16px)}}.container{width: 100%;max-width: var(--max);margin-inline: auto;padding-inline: var(--gutter)}.container--narrow{max-width: 980px}.center{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: clamp(40px,6vw,72px)}.muted{color: var(--grey-500)}.tbc{font-style: normal;color: inherit;opacity: .55;border-bottom: 1px dashed currentColor;padding-bottom: 1px}.section{position: relative;padding-block: clamp(80px,12vw,180px)}.section--tight{padding-block: clamp(48px,7vw,96px)}.section--dark{background: var(--black);color: var(--white)}.section--light{background: var(--white);color: var(--ink)}.section--grey{background: var(--grey-100);color: var(--ink)}[data-curtain]{clip-path: inset(0 calc(var(--curtain,0) * 4vw) round calc(var(--curtain,0) * 28px))}.eyebrow{display: flex;align-items: center;gap: 14px;margin-bottom: 22px;font-size: .72rem;font-weight: 500;letter-spacing: .28em;text-transform: uppercase;opacity: .7}.eyebrow::before{content: "";width: 34px;height: 1px;background: currentColor;opacity: .6}.eyebrow__num{font-variant-numeric: tabular-nums}.shead{max-width: 980px;margin-bottom: clamp(40px,6vw,80px)}.shead--row{max-width: none;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 24px 48px}.shead--row>div{max-width: 820px}.shead__title{font-size: var(--fs-h2);line-height: 1.02;font-weight: 400;letter-spacing: -.035em}.shead__title--sm{font-size: clamp(1.8rem,1.3rem + 2vw,3rem)}.shead__lead{margin-top: 24px;max-width: 560px;font-size: var(--fs-lead);line-height: 1.5;opacity: .72}.shead--row .shead__lead{margin-top: 0;max-width: 420px}.btn{--bg: var(--white);--fg: var(--black);--bd: var(--white);--hbg: var(--black);--hfg: var(--white);position: relative;isolation: isolate;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;gap: 12px;min-height: 54px;padding: 0 26px;border: 1px solid var(--bd);border-radius: 999px;background: var(--bg);color: var(--fg);font-size: .82rem;font-weight: 500;letter-spacing: .12em;text-transform: uppercase;white-space: nowrap;transition: color .45s var(--ease),border-color .45s var(--ease),transform .3s var(--ease)}.btn::before{content: "";position: absolute;inset: -1px;z-index: -1;border-radius: inherit;background: var(--hbg);transform: translateY(101%);transition: transform .5s var(--ease)}.btn:hover{color: var(--hfg)}.btn:hover::before{transform: none}.btn:active{transform: scale(.97)}.btn .i-arrow{width: 18px;height: 18px;transition: transform .45s var(--ease)}.btn:hover .i-arrow{transform: translateX(4px)}.btn--primary{--hbg: var(--grey-200);--hfg: var(--black)}.btn--ghost{--bg: transparent;--fg: var(--white);--bd: rgba(255,255,255,.4);--hbg: var(--white);--hfg: var(--black)}.btn--dark{--bg: var(--ink);--fg: var(--white);--bd: var(--ink);--hbg: var(--steel);--hfg: var(--white)}.btn--ghost-dark{--bg: transparent;--fg: var(--ink);--bd: rgba(0,0,0,.25);--hbg: var(--ink);--hfg: var(--white)}.btn--sm{min-height: 42px;padding: 0 18px;font-size: .72rem}.btn--block{width: 100%}.btn[disabled]{opacity: .5;pointer-events: none}.i-arrow{fill: none;stroke: currentColor;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;flex: none}.link-arrow{display: inline-flex;align-items: center;gap: 12px;padding-bottom: 6px;font-size: .8rem;font-weight: 500;letter-spacing: .14em;text-transform: uppercase;background: linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;transition: background-size .5s var(--ease)}.link-arrow .i-arrow{width: 18px;height: 18px;transition: transform .45s var(--ease)}.link-arrow:hover{background-size: 30% 1px}.link-arrow:hover .i-arrow{transform: translateX(6px)}.header{position: fixed;inset: 0 0 auto;z-index: 100;height: var(--header-h);color: var(--white);transition: background-color .5s var(--ease),color .5s var(--ease),transform .5s var(--ease),box-shadow .5s}.header::before{content: "";position: absolute;inset: 0;z-index: -1;opacity: 0;background: rgba(10,10,10,.72);backdrop-filter: blur(18px) saturate(1.2);-webkit-backdrop-filter: blur(18px) saturate(1.2);border-bottom: 1px solid rgba(255,255,255,.08);transition: opacity .5s var(--ease),background-color .5s var(--ease)}.header.is-scrolled::before{opacity: 1}.header.is-light{color: var(--ink)}.header.is-light::before{background: rgba(252,252,251,.8);border-color: rgba(0,0,0,.08)}.header.is-hidden{transform: translateY(-100%)}.header__inner{height: 100%;max-width: var(--max);margin: auto;padding-inline: var(--gutter);display: flex;align-items: center;justify-content: space-between;gap: 24px}.brand{display: inline-flex;align-items: baseline;gap: 10px;font-weight: 300;letter-spacing: .38em;text-transform: uppercase;font-size: .95rem}.brand__mark{font-weight: 600;letter-spacing: .12em}.brand__word{opacity: .85}.nav ul{display: flex;gap: clamp(14px,2vw,34px)}.nav__link{position: relative;font-size: .78rem;letter-spacing: .12em;text-transform: uppercase;padding-block: 8px;opacity: .78;transition: opacity .3s}.nav__link::after{content: "";position: absolute;left: 0;right: 0;bottom: 2px;height: 1px;background: currentColor;transform: scaleX(0);transform-origin: right;transition: transform .45s var(--ease)}.nav__link:hover,.nav__link[aria-current]{opacity: 1}.nav__link:hover::after,.nav__link[aria-current]::after{transform: scaleX(1);transform-origin: left}.header.is-light .header__cta{--bg: var(--ink);--fg: var(--white);--bd: var(--ink);--hbg: var(--steel);--hfg: var(--white)}.header__actions{display: flex;align-items: center;gap: 12px}.burger{display: none;position: relative;width: 46px;height: 46px;border-radius: 50%;border: 1px solid currentColor;border-color: color-mix(in srgb,currentColor 35%,transparent)}.burger__line{position: absolute;left: 13px;right: 13px;height: 1.5px;background: currentColor;transition: transform .45s var(--ease),top .45s var(--ease)}.burger__line:nth-of-type(1){top: 18px}.burger__line:nth-of-type(2){top: 26px}.menu-open .burger__line:nth-of-type(1){top: 22px;transform: rotate(45deg)}.menu-open .burger__line:nth-of-type(2){top: 22px;transform: rotate(-45deg)}.menu-open .header{color: var(--white)}.menu-open .header::before{opacity: 0}.menu{position: fixed;inset: 0;z-index: 90;display: flex;flex-direction: column;justify-content: space-between;padding: calc(var(--header-h) + 32px) var(--gutter) 32px;color: var(--white)}.menu__bg{position: absolute;inset: 0;z-index: -1;background: var(--black);clip-path: circle(0% at calc(100% - 44px) 38px);transition: clip-path .7s var(--ease-io)}.menu.is-open .menu__bg{clip-path: circle(150% at calc(100% - 44px) 38px)}.menu__nav li{opacity: 0;transform: translateY(24px);transition: opacity .5s var(--ease),transform .6s var(--ease);transition-delay: calc(.12s + var(--i) * .05s)}.menu.is-open .menu__nav li{opacity: 1;transform: none}.menu__nav a{display: flex;align-items: baseline;gap: 18px;padding-block: 8px;font-size: clamp(2rem,8vw,3.2rem);font-weight: 300;letter-spacing: -.03em;border-bottom: 1px solid rgba(255,255,255,.1)}.menu__nav a[aria-current]{font-weight: 500}.menu__num{font-size: .75rem;letter-spacing: .2em;opacity: .5}.menu__foot{display: grid;gap: 20px;opacity: 0;transition: opacity .5s .4s}.menu.is-open .menu__foot{opacity: 1}.menu__coords{font-size: .9rem;opacity: .7}.menu-open{overflow: hidden}.fab{display: none}.hero{position: relative;min-height: 100vh;min-height: 100svh;display: flex;align-items: flex-end;overflow: hidden;background: var(--black);color: var(--white);isolation: isolate}.hero__media{position: absolute;inset: 0;z-index: -1}.hero__video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity 1.2s var(--ease)}.hero.has-video .hero__video{opacity: 1}.hero__liquid{position: absolute;inset: 0;overflow: hidden;background: var(--black)}.hero__canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block;opacity: 0;transition: opacity 1.4s var(--ease);transform: scale(var(--hero-scale,1));transform-origin: 50% 40%}.hero__canvas.is-ready{opacity: 1}.hero__canvas{transition-duration: .9s}.hero__overlay{transition: opacity 1.4s var(--ease),visibility 0s}.hero.has-resin:not(.has-video) .hero__overlay{opacity: 0;visibility: hidden;transition: opacity 1.4s var(--ease),visibility 0s 1.4s}.hero.has-video .hero__liquid{opacity: 0;transition: opacity 1.2s}.hero__overlay{position: absolute;inset: 0;background: linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.2) 35%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.82) 100%)}.hero__inner{position: relative;padding-bottom: clamp(96px,14vh,160px);padding-top: calc(var(--header-h) + 40px)}.hero__brand{display: flex;gap: .5em;margin-bottom: clamp(20px,3vw,36px);font-size: clamp(.8rem,.7rem + .4vw,1.05rem);font-weight: 300;letter-spacing: .6em;text-transform: uppercase}.hero__brand span{font-weight: 600;letter-spacing: .2em}.hero__title{max-width: 14ch;font-size: var(--fs-hero);line-height: .98;font-weight: 300;letter-spacing: -.045em}.hero__lead{max-width: 520px;margin-top: clamp(20px,3vw,32px);font-size: var(--fs-lead);line-height: 1.5;opacity: .82}.hero__btns{display: flex;flex-wrap: wrap;gap: 12px;margin-top: clamp(28px,4vw,44px)}.hero__scroll{position: absolute;left: 50%;bottom: 28px;transform: translateX(-50%);display: grid;justify-items: center;gap: 12px;font-size: .68rem;letter-spacing: .3em;text-transform: uppercase;opacity: .75}.hero__scroll-line{width: 1px;height: 48px;background: linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2));position: relative;overflow: hidden}.hero__scroll-line::after{content: "";position: absolute;inset: 0;background: var(--white);animation: scrollline 2.2s var(--ease-io) infinite}@keyframes scrollline{0%{transform: translateY(-100%)}60%,100%{transform: translateY(100%)}}.hero__toggle{position: absolute;right: var(--gutter);bottom: 28px;width: 44px;height: 44px;border-radius: 50%;border: 1px solid rgba(255,255,255,.35);display: grid;place-items: center}.hero__toggle span{width: 10px;height: 12px;border-inline: 3px solid var(--white)}.hero__toggle.is-paused span{width: 0;height: 0;border: 0;border-left: 11px solid var(--white);border-block: 7px solid transparent;margin-left: 3px}[data-hero-in]{opacity: 0;transform: translateY(28px);animation: heroin 1.2s var(--ease) forwards;animation-delay: calc(.25s + var(--d) * .14s)}.hero__scroll[data-hero-in]{transform: translate(-50%,28px);animation-name: heroin-c}@keyframes heroin{to{opacity: 1;transform: none}}@keyframes heroin-c{to{opacity: .75;transform: translate(-50%,0)}}.manifesto{background: var(--white);color: var(--ink);padding-block: clamp(96px,14vw,200px)}.manifesto__text{font-size: clamp(1.9rem,1rem + 3.8vw,4.6rem);line-height: 1.08;font-weight: 300;letter-spacing: -.035em;max-width: 18ch}.manifesto__text .w{opacity: .14;transition: opacity .4s linear}.manifesto__text .w.is-on{opacity: 1}.manifesto__brand{font-weight: 600;letter-spacing: -.02em}.plus{color: var(--grey-500)}.manifesto__foot{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;gap: 28px;margin-top: clamp(48px,7vw,96px);padding-top: 32px;border-top: 1px solid var(--grey-200)}.manifesto__foot p{max-width: 520px;color: var(--grey-700)}.marquee{overflow: hidden;background: var(--black);color: var(--white);border-block: 1px solid rgba(255,255,255,.08);padding-block: 26px}.marquee__track{display: flex;width: max-content;gap: 40px;align-items: center;animation: marquee 40s linear infinite}.marquee__track span{font-size: clamp(1.6rem,1rem + 2.4vw,3rem);font-weight: 300;letter-spacing: -.02em;white-space: nowrap}.marquee__track span:nth-child(4n+3){color: var(--grey-500)}.marquee__dot{font-size: 1rem !important;opacity: .4}@keyframes marquee{to{transform: translateX(-50%)}}[data-sheen]{position: relative;overflow: hidden}[data-sheen]::after{content: "";position: absolute;inset: 0;pointer-events: none;z-index: 2;opacity: 0;background: radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.28),rgba(255,255,255,.06) 40%,transparent 70%);mix-blend-mode: soft-light;transition: opacity .5s var(--ease)}[data-sheen]:hover::after{opacity: 1}.cats{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(12px,1.6vw,24px)}.cats--2{grid-template-columns: repeat(2,1fr)}.cat{position: relative;display: flex;flex-direction: column;min-height: clamp(460px,44vw,640px);border-radius: var(--radius);overflow: hidden;background: var(--graphite);isolation: isolate}.cat__media{position: absolute;inset: 0;z-index: -1}.cat__media::before{content: "";position: absolute;inset: 0;z-index: 1;background: linear-gradient(180deg,rgba(0,0,0,0) 22%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.88) 68%,rgba(0,0,0,.95));transition: opacity .6s}.cat__img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.04);filter: saturate(.85) contrast(1.02);transition: transform 1.4s var(--ease),filter .8s var(--ease)}.img--contain{object-fit: contain !important;object-position: 50% 0;-webkit-mask-image: linear-gradient(180deg,#000 72%,transparent 98%);mask-image: linear-gradient(180deg,#000 72%,transparent 98%)}.cat:has(.img--contain){background: #0e0e0f}.img--whole{object-fit: contain !important;background: #fefefe;scale: 1.45}.img--fade{-webkit-mask-image: linear-gradient(180deg,#000 70%,transparent 100%);mask-image: linear-gradient(180deg,#000 70%,transparent 100%)}.cat:has(.img--fade),.cat:has(.img--anchor){background: #0e0e0f}.img--anchor.img--anchor-h{width: auto !important;height: var(--anchor-height) !important;max-width: 100%;object-fit: contain !important}.img--anchor{position: absolute;left: 50%;width: var(--anchor-width,100%) !important;height: auto !important;object-fit: fill !important;top: var(--anchor-frame);translate: -50% calc(-1 * var(--anchor-img));-webkit-mask-image: linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 72%,transparent);mask-image: linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 72%,transparent);-webkit-mask-composite: source-in;mask-composite: intersect}.cat:hover .cat__img{transform: scale(1.12) translate3d(-1%,-1%,0);filter: saturate(1.05) contrast(1.08)}.cat__body{margin-top: auto;padding: clamp(22px,2.4vw,36px)}.cat__num{display: block;margin-bottom: 18px;font-size: .75rem;letter-spacing: .24em;opacity: .7}.cat__title{font-size: clamp(1.6rem,1.2rem + 1.2vw,2.4rem);font-weight: 400;letter-spacing: -.03em;line-height: 1.05}.cat__desc{margin-top: 12px;max-width: 340px;opacity: .72;font-size: .95rem}.cat__more{display: flex;align-items: center;gap: 14px;margin-top: 26px;padding-top: 18px;border-top: 1px solid rgba(255,255,255,.2);font-size: .75rem;letter-spacing: .16em;text-transform: uppercase}.cat__count{margin-left: auto;opacity: .55;letter-spacing: .08em;text-transform: none;font-size: .82rem}.cat__more .i-arrow{width: 18px;height: 18px;transition: transform .45s var(--ease)}.cat:hover .cat__more .i-arrow{transform: translateX(5px)}.grid{display: grid;gap: clamp(28px,3vw,44px) clamp(14px,1.6vw,24px)}.grid--3{grid-template-columns: repeat(3,1fr)}.grid--4{grid-template-columns: repeat(4,1fr)}.grid--spaced{margin-top: clamp(56px,8vw,110px)}.card__link{display: block}.card__media{position: relative;aspect-ratio: 4 / 5;border-radius: var(--radius);background: var(--grey-100);overflow: hidden}.section--dark .card__media{background: var(--graphite)}.card__img{width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s var(--ease),filter .8s var(--ease);filter: contrast(.98)}.card__link:hover .card__img{transform: scale(1.07) translateY(-1.5%);filter: contrast(1.08) saturate(1.08)}.card__swatch{position: absolute;left: 16px;top: 16px;z-index: 3;width: 22px;height: 22px;border-radius: 50%;background: var(--c);box-shadow: 0 0 0 1px rgba(255,255,255,.5),inset -3px -4px 6px rgba(0,0,0,.35),inset 3px 3px 5px rgba(255,255,255,.35)}.card__cta{position: absolute;left: 16px;right: 16px;bottom: 16px;z-index: 3;display: flex;align-items: center;justify-content: space-between;min-height: 50px;padding: 0 20px;border-radius: 999px;background: rgba(252,252,251,.92);color: var(--black);backdrop-filter: blur(8px);font-size: .75rem;font-weight: 500;letter-spacing: .14em;text-transform: uppercase;opacity: 0;transform: translateY(14px);transition: opacity .45s var(--ease),transform .55s var(--ease)}.card__cta .i-arrow{width: 18px;height: 18px}.card__link:hover .card__cta,.card__link:focus-visible .card__cta{opacity: 1;transform: none}.card__body{padding-top: 20px}.card__cat{font-size: .7rem;letter-spacing: .22em;text-transform: uppercase;opacity: .55}.card__title{margin-top: 8px;font-size: var(--fs-h3);font-weight: 400;letter-spacing: -.02em;line-height: 1.2}.card__desc{margin-top: 8px;font-size: .94rem;opacity: .7}.card__meta{display: grid;gap: 6px;margin-top: 14px;padding-top: 14px;border-top: 1px solid color-mix(in srgb,currentColor 14%,transparent);font-size: .84rem}.card__meta div{display: grid;grid-template-columns: 120px 1fr;gap: 12px}.card__meta dt{opacity: .55}.card__price{margin-top: 14px;font-size: .95rem;font-weight: 500}.colors{display: flex;flex-wrap: wrap;gap: 8px 18px}.colors__item{display: inline-flex;align-items: center;gap: 8px;font-size: .92rem}.colors__dot{width: 18px;height: 18px;border-radius: 50%;background: var(--c);box-shadow: inset 0 0 0 1px rgba(0,0,0,.18),inset -2px -3px 5px rgba(0,0,0,.18),inset 2px 2px 4px rgba(255,255,255,.35)}.colors--dots{gap: 6px}.colors--dots .colors__dot{width: 14px;height: 14px}.card__colors{display: flex;align-items: center;gap: 12px;margin-top: 12px;font-size: .8rem;opacity: .7}.picker{display: flex;gap: 20px;align-items: center;margin-top: 12px}.picker__sample{flex: none;width: 84px;height: 84px;border-radius: 50%;background: var(--c);box-shadow: inset 0 0 0 1px rgba(0,0,0,.12),inset -10px -14px 22px rgba(0,0,0,.28),inset 8px 8px 18px rgba(255,255,255,.4),0 10px 24px rgba(0,0,0,.12);position: relative;overflow: hidden;transition: background-color .5s var(--ease),transform .5s var(--ease)}.picker__sample::after{content: "";position: absolute;left: 14%;top: 10%;width: 46%;height: 30%;border-radius: 50%;background: radial-gradient(ellipse at center,rgba(255,255,255,.75),rgba(255,255,255,0) 70%);transform: rotate(-24deg)}.picker__sample.is-pulse{transform: scale(1.06)}.colors__dot.is-clear,.picker__sample.is-clear{background: radial-gradient(circle at 30% 24%,#fff 0 5%,rgba(255,255,255,0) 15%),radial-gradient(ellipse 55% 32% at 56% 82%,rgba(255,255,255,.95),rgba(255,255,255,0) 72%),linear-gradient(180deg,rgba(55,61,68,.30),rgba(55,61,68,.05) 62%,rgba(55,61,68,0)),radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 0 60%,rgba(60,66,72,.4) 86%,rgba(28,32,36,.8) 100%);box-shadow: inset 0 0 0 1px rgba(0,0,0,.25)}.picker__sample.is-clear{box-shadow: inset 0 0 0 1px rgba(0,0,0,.2),0 18px 22px -14px rgba(0,0,0,.28)}.picker__sample.is-clear::after{opacity: 0}.picker__opt[aria-pressed="true"] .colors__dot.is-clear{background: radial-gradient(circle at 30% 24%,#fff 0 8%,rgba(255,255,255,0) 22%),radial-gradient(ellipse 55% 32% at 56% 82%,rgba(255,255,255,.6),rgba(255,255,255,0) 72%),radial-gradient(circle at 50% 50%,rgba(255,255,255,0) 0 55%,rgba(255,255,255,.35) 82%,rgba(255,255,255,.75) 100%)}.picker__main{min-width: 0}.picker__label{font-size: .95rem;margin-bottom: 10px}.picker__opts{display: flex;flex-wrap: wrap;gap: 8px}.picker__opt{display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 0 14px 0 8px;border: 1px solid var(--grey-200);border-radius: 999px;font-size: .88rem;background: var(--white);transition: border-color .3s,background-color .3s,color .3s,transform .3s var(--ease)}.picker__opt:hover{border-color: var(--grey-500);transform: translateY(-1px)}.picker__opt[aria-pressed="true"]{background: var(--ink);color: var(--white);border-color: var(--ink)}.picker__opt[aria-pressed="true"] .colors__dot{box-shadow: 0 0 0 2px var(--ink),0 0 0 3px rgba(255,255,255,.8)}.picker__opt--text{padding: 0 18px;font-variant-numeric: tabular-nums}.formats{margin-top: 12px}.picker__hint{margin-top: 10px;font-size: .8rem;color: var(--grey-500)}.zone{display: inline-flex;align-items: center;gap: .5em}.flag{width: 1.35em;height: .9em;flex: none;border-radius: 2px;box-shadow: 0 0 0 1px rgba(0,0,0,.12)}.link-inline{text-decoration: underline;text-underline-offset: 3px}.link-inline:hover{text-decoration-thickness: 2px}@media (max-width: 640px){.picker{align-items: flex-start}.picker__sample{width: 64px;height: 64px}}.product .specs>div.specs__full{grid-column: 1 / -1;padding-left: 0;border-left: 0}.section--pig{overflow: hidden}.pig{display: grid;grid-template-columns: 1.35fr 1fr;grid-template-areas: "stage panel" "swatches swatches";gap: clamp(24px,3vw,48px)}.pig__stage{grid-area: stage;position: relative;aspect-ratio: 16 / 11;border-radius: var(--radius);background: var(--c);overflow: hidden}.pig__img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: opacity .6s var(--ease),transform 1.6s var(--ease)}.pig__img.is-swapping{opacity: 0;transform: scale(1.06)}.pig__stage:hover .pig__img{transform: scale(1.04)}.pig__ripple{position: absolute;inset: 0;z-index: 1;background: var(--rc,var(--c));clip-path: circle(0% at var(--rx,50%) var(--ry,50%));pointer-events: none}.pig__ripple.is-on{animation: ripple .9s var(--ease-io) forwards}@keyframes ripple{0%{clip-path: circle(0% at var(--rx) var(--ry));opacity: 1}60%{clip-path: circle(140% at var(--rx) var(--ry));opacity: 1}100%{clip-path: circle(140% at var(--rx) var(--ry));opacity: 0}}.pig__panel{grid-area: panel;display: flex;flex-direction: column;justify-content: center}.pig__label{font-size: .7rem;letter-spacing: .24em;text-transform: uppercase;opacity: .55}.pig__name{margin-top: 12px;font-size: clamp(2.2rem,1.5rem + 2.6vw,4rem);font-weight: 300;letter-spacing: -.04em;line-height: 1}.pig__short{margin-top: 16px;opacity: .72;max-width: 380px;min-height: 3.2em}.pig__specs{display: grid;margin: 28px 0;border-top: 1px solid rgba(255,255,255,.14)}.pig__specs div{display: flex;justify-content: space-between;gap: 16px;padding-block: 12px;border-bottom: 1px solid rgba(255,255,255,.14);font-size: .92rem}.pig__specs dt{opacity: .55}.pig__specs dd{display: flex;align-items: center;gap: 10px;text-align: right}.pig__chip{display: inline-block;width: 14px;height: 14px;border-radius: 50%;background: var(--c);box-shadow: 0 0 0 1px rgba(255,255,255,.35);vertical-align: middle}.pig__swatches{grid-area: swatches;display: flex;flex-wrap: wrap;gap: 8px}.swatch{display: inline-flex;align-items: center;gap: 12px;min-height: 52px;padding: 6px 20px 6px 6px;border-radius: 999px;border: 1px solid rgba(255,255,255,.14);transition: border-color .3s,background-color .3s}.swatch:hover{border-color: rgba(255,255,255,.45)}.swatch[aria-pressed="true"]{background: var(--white);color: var(--black);border-color: var(--white)}.swatch__drop{width: 38px;height: 38px;border-radius: 50%;background: var(--c);box-shadow: inset -5px -7px 10px rgba(0,0,0,.4),inset 5px 5px 8px rgba(255,255,255,.35),0 0 0 1px rgba(255,255,255,.2);transition: transform .5s var(--ease),border-radius .6s var(--ease)}.swatch:hover .swatch__drop{transform: scale(1.08);border-radius: 46% 54% 50% 50% / 55% 48% 52% 45%}.swatch__name{font-size: .85rem;white-space: nowrap}.savoir{background: var(--white);color: var(--ink);padding-block: clamp(96px,13vw,200px);overflow: hidden}.savoir__grid{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(40px,7vw,120px);align-items: center}.savoir__media{position: relative;padding-top: 14%}.savoir__img{border-radius: var(--radius);overflow: hidden;aspect-ratio: 4 / 5}.savoir__img img{width: 100%;height: 115%;object-fit: cover}.savoir__img img.img--fit-frame{height: 100%}.savoir__img--small{position: absolute;right: -8%;top: 0;width: 46%;aspect-ratio: 1;box-shadow: 0 30px 80px rgba(0,0,0,.25);border: 6px solid var(--white)}.savoir__title{font-size: clamp(2rem,1.2rem + 2.6vw,3.8rem);line-height: 1.04;font-weight: 400;letter-spacing: -.035em}.savoir__text{display: grid;gap: 16px;margin-top: 32px;color: var(--grey-700);font-size: 1.05rem}.keyfacts{display: grid;margin: 36px 0 40px;border-top: 1px solid var(--grey-200)}.keyfact{display: flex;justify-content: space-between;gap: 20px;padding-block: 14px;border-bottom: 1px solid var(--grey-200);font-size: .92rem}.keyfact__label{color: var(--grey-500)}.keyfact__value{text-align: right}.chips{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: clamp(28px,4vw,48px)}.chip{min-height: 44px;padding: 0 20px;border-radius: 999px;border: 1px solid rgba(255,255,255,.2);font-size: .8rem;letter-spacing: .06em;transition: background-color .3s,color .3s,border-color .3s}.chip:hover{border-color: rgba(255,255,255,.6)}.chip[aria-pressed="true"]{background: var(--white);color: var(--black);border-color: var(--white)}.works{display: grid;grid-template-columns: repeat(4,1fr);grid-auto-rows: clamp(200px,22vw,320px);grid-auto-flow: dense;gap: clamp(10px,1.2vw,18px)}.work{position: relative;transition: opacity .5s var(--ease),transform .6s var(--ease)}.work--wide{grid-column: span 2}.work--tall{grid-row: span 2}.work--big{grid-column: span 2;grid-row: span 2}.work--full{grid-column: 1 / -1}.work.is-out{display: none}.work__btn{position: relative;display: block;width: 100%;height: 100%;text-align: left;border-radius: var(--radius);overflow: hidden;background: var(--graphite)}.work__media{position: absolute;inset: 0}.work__img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.02);transition: transform 1.4s var(--ease),filter .8s}.work__btn:hover .work__img{transform: scale(1.09)}.work__cap{position: absolute;inset: auto 0 0 0;z-index: 3;display: grid;grid-template-columns: 1fr auto;align-items: end;gap: 4px 16px;padding: 22px;color: var(--white);background: linear-gradient(transparent,rgba(0,0,0,.72))}.work__cat{grid-column: 1;font-size: .68rem;letter-spacing: .22em;text-transform: uppercase;opacity: .7}.work__title{grid-column: 1;font-size: clamp(1.05rem,.95rem + .4vw,1.35rem);letter-spacing: -.01em}.work__plus{grid-column: 2;grid-row: 1 / span 2;display: grid;place-items: center;width: 42px;height: 42px;border-radius: 50%;border: 1px solid rgba(255,255,255,.4);font-size: 1.2rem;font-weight: 300;transition: transform .5s var(--ease),background-color .3s,color .3s}.work__btn:hover .work__plus{transform: rotate(90deg);background: var(--white);color: var(--black)}.lb{position: fixed;inset: 0;z-index: 300;width: 100%;height: 100%;max-width: none;max-height: none;margin: 0;padding: 0;border: 0;background: rgba(6,6,6,.96);color: var(--white);overscroll-behavior: contain}.lb::backdrop{background: transparent}.lb[open]{display: grid;grid-template-rows: auto 1fr auto;animation: lbin .45s var(--ease)}@keyframes lbin{from{opacity: 0}}.lb__top{display: flex;justify-content: space-between;align-items: center;padding: 18px var(--gutter)}.lb__count{font-size: .8rem;letter-spacing: .2em;opacity: .7;font-variant-numeric: tabular-nums}.lb__close{width: 48px;height: 48px;border-radius: 50%;border: 1px solid rgba(255,255,255,.3);font-size: 1.4rem;font-weight: 300;transition: transform .45s var(--ease),background-color .3s,color .3s}.lb__close:hover{transform: rotate(90deg);background: var(--white);color: var(--black)}.lb__stage{position: relative;min-height: 0;overflow: hidden}.lb__img{position: absolute;inset: 0;width: 100%;height: 100%;padding: 0 clamp(8px,7vw,110px);object-fit: contain;transition: opacity .4s var(--ease),transform .6s var(--ease)}.lb__img.is-swapping{opacity: 0;transform: scale(.97)}.lb__nav{position: absolute;top: 50%;translate: 0 -50%;width: 56px;height: 56px;border-radius: 50%;border: 1px solid rgba(255,255,255,.3);font-size: 1.6rem;font-weight: 300;background: rgba(0,0,0,.35);backdrop-filter: blur(6px);transition: background-color .3s,color .3s}.lb__nav:hover{background: var(--white);color: var(--black)}.lb__nav--prev{left: clamp(8px,2vw,32px)}.lb__nav--next{right: clamp(8px,2vw,32px)}.lb__info{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;gap: 12px 40px;padding: 22px var(--gutter) 28px}.lb__cat{font-size: .7rem;letter-spacing: .24em;text-transform: uppercase;opacity: .6}.lb__title{margin-top: 6px;font-size: clamp(1.4rem,1.1rem + 1.2vw,2.2rem);font-weight: 300;letter-spacing: -.03em}.lb__desc{max-width: 520px;opacity: .72;font-size: .92rem}.process__rail{position: relative;display: grid;grid-template-columns: repeat(5,1fr);margin-bottom: clamp(28px,4vw,56px)}.step{position: relative;display: grid;gap: 10px;padding: 0 16px 26px 0;text-align: left;opacity: .45;transition: opacity .4s}.step:hover,.step[aria-selected="true"]{opacity: 1}.step__num{font-size: .75rem;letter-spacing: .2em;font-variant-numeric: tabular-nums}.step__title{font-size: clamp(1rem,.85rem + .6vw,1.35rem);letter-spacing: -.015em;line-height: 1.2}.step::after{content: "→";position: absolute;right: 18px;top: 0;font-size: .9rem;opacity: .5}.step:last-of-type::after{display: none}.process__bar{position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: rgba(0,0,0,.14)}.process__fill{position: absolute;left: 0;top: -1px;height: 3px;width: 20%;background: var(--ink);transform-origin: left;transition: width .7s var(--ease),transform .7s var(--ease)}.panel{display: grid;grid-template-columns: 1.1fr 1fr;gap: clamp(24px,5vw,80px);align-items: center;animation: panelin .7s var(--ease)}@keyframes panelin{from{opacity: 0;transform: translateY(16px)}}.panel__media{aspect-ratio: 16 / 11;border-radius: var(--radius);overflow: hidden}.panel__img{width: 100%;height: 100%;object-fit: cover;animation: kenburns 12s ease-out both}@keyframes kenburns{from{transform: scale(1.1)}to{transform: scale(1)}}.panel__num{font-size: .72rem;letter-spacing: .24em;text-transform: uppercase;color: var(--grey-500)}.panel__title{margin: 14px 0 18px;font-size: clamp(1.8rem,1.3rem + 2vw,3rem);font-weight: 300;letter-spacing: -.035em;line-height: 1.05}.panel__body p{color: var(--grey-700);max-width: 480px}.panel__more{margin-top: 14px;font-size: .92rem}.band{background: var(--grey-100);color: var(--ink);padding-block: clamp(80px,10vw,150px)}.band__inner{display: grid;grid-template-columns: 1.3fr 1fr;gap: 40px 80px;align-items: end}.band__title{font-size: var(--fs-h2);line-height: 1.02;font-weight: 400;letter-spacing: -.035em}.band__side p{color: var(--grey-700);max-width: 440px}.band__btns{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 28px}.phero{position: relative;display: flex;align-items: flex-end;min-height: clamp(460px,68vh,720px);padding: calc(var(--header-h) + 60px) 0 clamp(56px,8vw,100px);background: var(--black);color: var(--white);overflow: hidden;isolation: isolate}.phero--full{min-height: 100svh}.phero--media .phero__inner{position: relative}.phero__media{position: absolute;inset: -12% 0 0;z-index: -1}.phero__media::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.55) 40%,rgba(0,0,0,.9))}.phero__img{width: 100%;height: 100%;object-fit: cover}.phero__resin{position: absolute;inset: 0;z-index: -1;overflow: hidden;background: var(--black)}.phero__title{font-size: var(--fs-h1);line-height: 1;font-weight: 300;letter-spacing: -.045em;max-width: 14ch}.phero__lead{max-width: 580px;margin-top: 28px;font-size: var(--fs-lead);line-height: 1.5;opacity: .78}.crumbs{margin-bottom: 36px;font-size: .78rem;letter-spacing: .06em}.crumbs ol{display: flex;flex-wrap: wrap;gap: 6px 10px}.crumbs li{display: flex;gap: 10px;opacity: .6}.crumbs li:not(:last-child)::after{content: "/";opacity: .5}.crumbs a:hover{text-decoration: underline}.crumbs li[aria-current]{opacity: 1}.subnav{position: sticky;top: var(--header-h);z-index: 50;background: rgba(252,252,251,.9);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);color: var(--ink);border-bottom: 1px solid var(--grey-200);transition: top .5s var(--ease)}.header-hidden .subnav{top: 0}.subnav__inner{display: flex;gap: 8px;overflow-x: auto;scrollbar-width: none;padding-block: 12px}.subnav__link{display: inline-flex;align-items: center;gap: 10px;min-height: 42px;padding: 0 18px;border-radius: 999px;font-size: .82rem;white-space: nowrap;border: 1px solid transparent;transition: background-color .3s,color .3s,border-color .3s}.subnav__link span{font-size: .7rem;opacity: .5}.subnav__link:hover{border-color: var(--grey-300)}.subnav__link.is-active{background: var(--ink);color: var(--white)}.split{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(32px,6vw,100px);align-items: start}.split--media{align-items: center}.split__text{display: grid;gap: 18px;font-size: 1.06rem}.section--light .split__text{color: var(--grey-700)}.section--dark .split__text{color: var(--grey-300)}.split__media{aspect-ratio: 4 / 5;border-radius: var(--radius);overflow: hidden}.split__media img{width: 100%;height: 115%;object-fit: cover}.split p + p{margin-top: 18px}.split .shead__title + p{margin-top: clamp(24px,3vw,36px)}.domains{display: grid;grid-template-columns: repeat(5,1fr);margin-top: clamp(56px,8vw,110px);border-top: 1px solid var(--grey-200)}.domain{position: relative;display: grid;gap: 40px;padding: 26px 20px 26px 0;border-bottom: 1px solid var(--grey-200);overflow: hidden}.domain + .domain{padding-left: 20px;border-left: 1px solid var(--grey-200)}.domain__num{font-size: .72rem;letter-spacing: .2em;color: var(--grey-500)}.domain__name{font-size: 1.3rem;letter-spacing: -.02em}.domain .i-arrow{width: 20px;height: 20px;transition: transform .45s var(--ease)}.domain::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--grey-100);transform: scaleY(0);transform-origin: bottom;transition: transform .55s var(--ease)}.domain:hover::before{transform: none}.domain:hover .i-arrow{transform: translateX(6px)}.values{display: grid;grid-template-columns: repeat(4,1fr);border-top: 1px solid var(--grey-200)}.value{padding: 30px 26px 40px 0;border-bottom: 1px solid var(--grey-200)}.value + .value{padding-left: 26px;border-left: 1px solid var(--grey-200)}.value__num{font-size: .72rem;letter-spacing: .2em;color: var(--grey-500)}.value h3{margin: 50px 0 12px;font-size: 1.6rem;font-weight: 400;letter-spacing: -.02em}.value p{color: var(--grey-700)}.approach__grid{display: grid;grid-template-columns: repeat(3,1fr);gap: clamp(16px,2vw,28px)}.approach__item{padding: clamp(28px,3vw,44px);border: 1px solid rgba(255,255,255,.12);border-radius: var(--radius);background: linear-gradient(160deg,rgba(255,255,255,.05),transparent 60%);transition: border-color .4s,background-color .4s}.approach__item:hover{border-color: rgba(255,255,255,.35)}.approach__num{font-size: .72rem;letter-spacing: .2em;opacity: .55}.approach__item h3{margin: 80px 0 12px;font-weight: 300;letter-spacing: -.03em;font-size: clamp(2rem,1.5rem + 1.5vw,3rem)}.approach__item p{opacity: .72}.product{background: var(--white);color: var(--ink);padding: calc(var(--header-h) + 36px) 0 clamp(80px,10vw,140px)}.product .crumbs{margin-bottom: 28px}.product__grid{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);gap: clamp(32px,5vw,88px);align-items: start}.pg{position: sticky;top: calc(var(--header-h) + 20px)}.pg__main{position: relative;aspect-ratio: 1 / 1;border-radius: var(--radius);background: var(--grey-100);overflow: hidden;touch-action: pan-y}.pg__slide{position: absolute;inset: 0;opacity: 0;transition: opacity .6s var(--ease)}.pg__slide.is-active{opacity: 1;z-index: 1}.pg__slide img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.06);transition: transform 1.4s var(--ease)}.pg__slide.is-active img{transform: scale(1)}.pg__main:hover .pg__slide.is-active img{transform: scale(1.04)}.pg__zoom{position: absolute;right: 16px;top: 16px;z-index: 3;width: 46px;height: 46px;border-radius: 50%;background: rgba(252,252,251,.9);color: var(--ink);display: grid;place-items: center;transition: transform .3s var(--ease)}.pg__zoom:hover{transform: scale(1.08)}.pg__zoom svg{width: 20px;height: 20px;fill: none;stroke: currentColor;stroke-width: 1.5}.pg__nav{position: absolute;top: 50%;z-index: 3;translate: 0 -50%;width: 46px;height: 46px;border-radius: 50%;background: rgba(252,252,251,.9);color: var(--ink);font-size: 1.4rem;opacity: 0;transition: opacity .3s}.pg__main:hover .pg__nav,.pg__nav:focus-visible{opacity: 1}.pg__nav--prev{left: 16px}.pg__nav--next{right: 16px}.pg__thumbs{display: flex;gap: 10px;margin-top: 12px}.pg__thumb{flex: 0 1 88px;min-width: 0;aspect-ratio: 1;border-radius: var(--radius);overflow: hidden;opacity: .5;outline: 1px solid transparent;outline-offset: 2px;transition: opacity .3s,outline-color .3s}.pg__thumb img{width: 100%;height: 100%;object-fit: cover}.pg__thumb[aria-selected="true"]{opacity: 1;outline-color: var(--ink)}.product__info .eyebrow{opacity: .6}.product__title{font-size: clamp(2.2rem,1.4rem + 3vw,4rem);font-weight: 300;letter-spacing: -.04em;line-height: 1.02}.product__short{margin-top: 18px;font-size: var(--fs-lead);color: var(--grey-700)}.product__price{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;gap: 12px;margin-top: 30px;padding-block: 20px;border-block: 1px solid var(--grey-200);font-size: 1.35rem}.product__stock{font-size: .85rem;color: var(--grey-500)}.product__btns{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 26px}.specs{display: grid;grid-template-columns: 1fr 1fr;margin-top: 40px;border-top: 1px solid var(--grey-200)}.specs>div{padding: 16px 16px 16px 0;border-bottom: 1px solid var(--grey-200)}.specs>div:nth-child(even){padding-left: 16px;border-left: 1px solid var(--grey-200)}.specs dt{font-size: .7rem;letter-spacing: .18em;text-transform: uppercase;color: var(--grey-500)}.specs dd{margin-top: 6px;font-size: .96rem}.accs{margin-top: 36px;border-top: 1px solid color-mix(in srgb,currentColor 16%,transparent)}.acc{border-bottom: 1px solid color-mix(in srgb,currentColor 16%,transparent)}.acc summary{display: flex;justify-content: space-between;align-items: center;gap: 20px;min-height: 64px;cursor: pointer;list-style: none;font-size: 1.08rem;letter-spacing: -.01em}.acc summary::-webkit-details-marker{display: none}.acc__icon{position: relative;width: 14px;height: 14px;flex: none}.acc__icon::before,.acc__icon::after{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 1.5px;background: currentColor;transition: transform .45s var(--ease)}.acc__icon::after{transform: rotate(90deg)}.acc[open] .acc__icon::after{transform: rotate(0)}.acc__body{padding-bottom: 24px;opacity: .8}.acc[open] .acc__body{animation: accin .5s var(--ease)}@keyframes accin{from{opacity: 0;transform: translateY(-8px)}}.ticks{display: grid;gap: 10px}.ticks li{position: relative;padding-left: 26px}.ticks li::before{content: "";position: absolute;left: 0;top: .72em;width: 12px;height: 1px;background: currentColor}.question{background: var(--black);color: var(--white);padding-block: clamp(72px,9vw,130px)}.question__inner{display: grid;grid-template-columns: 1.2fr 1fr;gap: 32px 80px;align-items: end}.question__title{font-size: var(--fs-h2);font-weight: 300;letter-spacing: -.04em;line-height: 1}.question p{opacity: .72;margin-bottom: 24px}.fields{display: grid;grid-template-columns: 1fr 1fr;gap: 18px}.field{position: relative}.field--full{grid-column: 1 / -1}.field input,.field textarea,.field select{width: 100%;min-height: 62px;padding: 26px 18px 10px;border-radius: var(--radius);border: 1px solid color-mix(in srgb,currentColor 20%,transparent);background: color-mix(in srgb,currentColor 3%,transparent);font-size: 1rem;outline: none;appearance: none;-webkit-appearance: none;transition: border-color .3s,background-color .3s,box-shadow .3s}.field textarea{resize: vertical;min-height: 150px}.field select{cursor: pointer;background-image: linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(-45deg,transparent 50%,currentColor 50%);background-position: calc(100% - 24px) 29px,calc(100% - 18px) 29px;background-size: 6px 6px;background-repeat: no-repeat}.field select option{color: var(--ink);background: var(--white)}.field label{position: absolute;left: 19px;top: 20px;font-size: 1rem;opacity: .6;pointer-events: none;transform-origin: left top;transition: transform .3s var(--ease),opacity .3s}.field input:focus,.field textarea:focus,.field select:focus{border-color: currentColor;box-shadow: 0 0 0 4px color-mix(in srgb,currentColor 8%,transparent)}.field input:focus + label,.field input:not(:placeholder-shown) + label,.field textarea:focus + label,.field textarea:not(:placeholder-shown) + label,.field select:focus + label,.field select.has-value + label{transform: translateY(-11px) scale(.74);opacity: .75}.field.is-invalid input,.field.is-invalid textarea,.field.is-invalid select{border-color: currentColor;border-style: dashed}.field__err{min-height: 0;font-size: .8rem;margin-top: 4px}.field__err:empty{display: none}.field__err::before{content: "— "}.tiles{display: grid;grid-template-columns: repeat(4,1fr);gap: 12px}.tile{position: relative;cursor: pointer}.tile input{position: absolute;opacity: 0;pointer-events: none}.tile__inner{display: grid;gap: 6px;height: 100%;min-height: 140px;align-content: end;padding: 20px;border: 1px solid var(--grey-200);border-radius: var(--radius);background: var(--white);transition: border-color .3s,background-color .35s,color .35s,transform .35s var(--ease)}.tile:hover .tile__inner{border-color: var(--grey-500);transform: translateY(-2px)}.tile__num{font-size: .72rem;letter-spacing: .2em;opacity: .5;margin-bottom: auto}.tile__title{font-size: 1.2rem;letter-spacing: -.015em}.tile__desc{font-size: .84rem;opacity: .6}.tile input:checked + .tile__inner{background: var(--ink);color: var(--white);border-color: var(--ink)}.tile input:focus-visible + .tile__inner{outline: 2px solid var(--ink);outline-offset: 3px}.wiz__progress{position: relative;display: grid;grid-template-columns: repeat(4,1fr);margin-bottom: clamp(36px,5vw,60px);padding-bottom: 18px}.wiz__step{display: flex;align-items: center;gap: 10px;font-size: .82rem;letter-spacing: .04em;color: var(--grey-500);transition: color .3s}.wiz__step span{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;border: 1px solid currentColor;font-size: .75rem;transition: background-color .3s,color .3s}.wiz__step.is-active,.wiz__step.is-done{color: var(--ink)}.wiz__step.is-done span{background: var(--ink);color: var(--white);border-color: var(--ink)}.wiz__bar{position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: var(--grey-200)}.wiz__bar span{position: absolute;inset: 0;background: var(--ink);transform: scaleX(.25);transform-origin: left;transition: transform .7s var(--ease)}.wiz__panel{border: 0;padding: 0;margin: 0;min-width: 0}.wiz__panel.is-active{animation: wizin .6s var(--ease)}.wiz__panel.is-back{animation-name: wizback}@keyframes wizin{from{opacity: 0;transform: translateX(28px)}}@keyframes wizback{from{opacity: 0;transform: translateX(-28px)}}.wiz__title{display: flex;gap: 16px;align-items: baseline;margin-bottom: 30px;font-size: clamp(1.5rem,1.1rem + 1.6vw,2.4rem);font-weight: 300;letter-spacing: -.03em;line-height: 1.15}.wiz__title span{font-size: .8rem;letter-spacing: .2em;color: var(--grey-500)}.wiz__nav{display: flex;justify-content: space-between;gap: 12px;margin-top: 40px;padding-top: 28px;border-top: 1px solid var(--grey-200)}.wiz__nav [data-wiz-next],.wiz__nav [data-wiz-submit]{margin-left: auto}.recap{margin: 24px 0;padding: 20px;border-radius: var(--radius);background: var(--grey-100);font-size: .9rem}.recap:empty{display: none}.recap dl{display: grid;grid-template-columns: auto 1fr;gap: 6px 20px}.recap dt{color: var(--grey-500)}.drop{margin-top: 18px}.drop__input{position: absolute;opacity: 0;width: 1px;height: 1px}.drop__zone{display: grid;justify-items: center;gap: 8px;padding: 30px 20px;text-align: center;border: 1px dashed color-mix(in srgb,currentColor 30%,transparent);border-radius: var(--radius);cursor: pointer;transition: border-color .3s,background-color .3s}.drop__zone svg{width: 28px;height: 28px;fill: none;stroke: currentColor;stroke-width: 1.4;opacity: .7}.drop__zone small{opacity: .55}.drop__zone:hover,.drop.is-over .drop__zone{border-color: currentColor;background: color-mix(in srgb,currentColor 4%,transparent)}.drop__input:focus-visible + .drop__zone{outline: 2px solid currentColor;outline-offset: 3px}.drop__list{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 12px}.drop__list li{position: relative;width: 84px;aspect-ratio: 1;border-radius: var(--radius);overflow: hidden;animation: panelin .4s var(--ease)}.drop__list img{width: 100%;height: 100%;object-fit: cover}.drop__list button{position: absolute;right: 4px;top: 4px;width: 26px;height: 26px;border-radius: 50%;background: rgba(0,0,0,.7);color: #fff;font-size: .9rem;line-height: 1}.drop__msg{width: 100%;font-size: .82rem;opacity: .75}.check{display: flex;gap: 14px;align-items: flex-start;margin: 22px 0;font-size: .88rem;cursor: pointer}.check input{position: absolute;opacity: 0}.check__box{flex: none;width: 22px;height: 22px;margin-top: 1px;border: 1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius: 3px;display: grid;place-items: center;transition: background-color .3s}.check__box::after{content: "";width: 10px;height: 5px;border: solid var(--white);border-width: 0 0 1.5px 1.5px;transform: rotate(-45deg) translateY(-1px) scale(0);transition: transform .3s var(--ease)}.check input:checked + .check__box{background: currentColor}.check input:checked + .check__box::after{transform: rotate(-45deg) translateY(-1px) scale(1)}.section--dark .check__box::after,.contact .check__box::after{border-color: var(--black)}.check input:focus-visible + .check__box{outline: 2px solid currentColor;outline-offset: 2px}.check a{text-decoration: underline}.check.is-invalid .check__box{border-style: dashed;border-color: currentColor}.sent{display: grid;justify-items: start;gap: 16px;padding: 40px 0 10px;animation: panelin .7s var(--ease)}.sent h2{font-size: clamp(1.8rem,1.3rem + 2vw,3rem);font-weight: 300;letter-spacing: -.035em}.sent p{color: var(--grey-700);max-width: 520px}.sent--dark p{color: var(--grey-300)}.sent__mark{width: 64px;height: 64px;border-radius: 50%;border: 1px solid currentColor;position: relative}.sent__mark::after{content: "";position: absolute;left: 22px;top: 19px;width: 18px;height: 10px;border: solid currentColor;border-width: 0 0 1.5px 1.5px;transform: rotate(-45deg);animation: tick .6s .2s var(--ease) both}@keyframes tick{from{clip-path: inset(0 100% 0 0)}to{clip-path: inset(0 0 0 0)}}.form-sent>:not([data-sent]){display: none !important}.contact{background: var(--black);color: var(--white);padding: calc(var(--header-h) + 60px) 0 clamp(80px,10vw,140px)}.contact__grid{display: grid;grid-template-columns: 1fr 1.1fr;gap: clamp(40px,7vw,120px);align-items: start}.contact__side .phero__title{max-width: 11ch}.coords{display: grid;margin-top: 48px;border-top: 1px solid rgba(255,255,255,.14)}.coord{display: grid;grid-template-columns: 160px 1fr;gap: 16px;padding-block: 16px;border-bottom: 1px solid rgba(255,255,255,.14)}.coord dt{font-size: .72rem;letter-spacing: .18em;text-transform: uppercase;opacity: .55;padding-top: 3px}.coord a{text-decoration: underline;text-underline-offset: 4px}.cform{padding: clamp(24px,3vw,44px);border: 1px solid rgba(255,255,255,.12);border-radius: var(--radius);background: linear-gradient(160deg,rgba(255,255,255,.04),transparent 50%)}.cform .btn{margin-top: 8px}.prose h2{margin: 48px 0 14px;font-size: 1.6rem;font-weight: 400;letter-spacing: -.02em}.prose h2:first-child{margin-top: 0}.prose p{color: var(--grey-700);margin-bottom: 12px}.footer{background: var(--black);color: var(--white);padding-top: clamp(96px,12vw,180px);overflow: hidden;border-top: 1px solid rgba(255,255,255,.08)}.footer__title{font-size: clamp(2.8rem,1.4rem + 6vw,7.5rem);font-weight: 300;letter-spacing: -.05em;line-height: .95;max-width: 12ch}.footer__btns{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 44px}.footer__grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 32px;margin-top: clamp(80px,10vw,140px);padding-top: 40px;border-top: 1px solid rgba(255,255,255,.12)}.footer__h{margin-bottom: 18px;font-size: .7rem;font-weight: 500;letter-spacing: .24em;text-transform: uppercase;opacity: .5}.footer__grid ul{display: grid;gap: 10px;font-size: .92rem}.footer__grid a{opacity: .8;transition: opacity .3s}.footer__grid a:hover{opacity: 1;text-decoration: underline;text-underline-offset: 4px}.footer__word{margin-top: clamp(60px,8vw,110px);text-align: center;white-space: nowrap;user-select: none;font-size: clamp(3.4rem,17vw,17rem);font-weight: 200;letter-spacing: .06em;line-height: .8;background: var(--metal);background-size: 200% 100%;-webkit-background-clip: text;background-clip: text;color: transparent;opacity: .18}.footer__word span{font-weight: 600}.social{display: inline-flex;align-items: center;gap: 10px}.social__icon{width: 20px;height: 20px;flex: none;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}.social__icon .fill{fill: currentColor}.social__icon--color{width: 22px;height: 22px;stroke-width: 1.5}.social:hover .social__icon{transform: scale(1.08)}.social__icon{transition: transform .3s var(--ease)}.footer__legal{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px;padding-block: 28px;font-size: .8rem;opacity: .55}.js [data-reveal]{opacity: 0;transform: translate3d(0,34px,0);transition: opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay: calc(var(--d,0) * 90ms)}.js [data-reveal].is-in{opacity: 1;transform: none}.js [data-split] .wl{display: inline-block;overflow: hidden;vertical-align: top;padding-bottom: .08em;margin-bottom: -.08em}.js [data-split] .wi{display: inline-block;transform: translate3d(0,105%,0);transition: transform 1.1s var(--ease);transition-delay: calc(var(--wi) * 45ms)}.js [data-split].is-in .wi{transform: none}.js .card[data-reveal] .card__media{clip-path: inset(12% 0 0 0);transition: clip-path 1.3s var(--ease);transition-delay: inherit}.js .card[data-reveal].is-in .card__media{clip-path: inset(0)}@media (max-width: 1100px){.nav{display: none}.burger{display: block}.grid--4{grid-template-columns: repeat(2,1fr)}.works{grid-template-columns: repeat(2,1fr)}.domains{grid-template-columns: repeat(2,1fr)}.domain + .domain{padding-left: 0;border-left: 0}.domain:nth-child(even){padding-left: 20px;border-left: 1px solid var(--grey-200)}.values{grid-template-columns: repeat(2,1fr)}.value:nth-child(3){padding-left: 0;border-left: 0}}@media (max-width: 900px){:root{--header-h: 66px}.cats,.grid--3{grid-template-columns: 1fr 1fr}.cats--3 .cat:first-child{grid-column: 1 / -1;min-height: 520px}.pig{grid-template-columns: 1fr;grid-template-areas: "stage" "swatches" "panel"}.pig__swatches{flex-wrap: nowrap;overflow-x: auto;scroll-snap-type: x mandatory;margin-inline: calc(var(--gutter) * -1);padding-inline: var(--gutter);scrollbar-width: none}.pig__swatches li{scroll-snap-align: start}.savoir__grid,.split,.band__inner,.question__inner,.contact__grid,.product__grid{grid-template-columns: 1fr}.savoir__media{max-width: 560px}.savoir__img--small{right: 0}.pg{position: relative;top: 0}.process__rail{display: flex;gap: 8px;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;margin-inline: calc(var(--gutter) * -1);padding-inline: var(--gutter)}.step{flex: 0 0 auto;min-width: 150px;scroll-snap-align: start;padding: 14px 18px;border: 1px solid rgba(0,0,0,.14);border-radius: var(--radius);opacity: .6}.step[aria-selected="true"]{background: var(--ink);color: var(--white);border-color: var(--ink)}.step::after,.process__bar{display: none}.panel{grid-template-columns: 1fr}.approach__grid{grid-template-columns: 1fr}.approach__item h3{margin-top: 40px}.footer__grid{grid-template-columns: 1fr 1fr}.header__cta{display: none}.fab{position: fixed;right: 16px;bottom: calc(16px + env(safe-area-inset-bottom));z-index: 80;display: inline-flex;align-items: center;gap: 10px;min-height: 52px;padding: 0 22px;border-radius: 999px;background: var(--white);color: var(--black);box-shadow: 0 10px 30px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.08);font-size: .78rem;font-weight: 500;letter-spacing: .14em;text-transform: uppercase;transform: translateY(140%);transition: transform .5s var(--ease)}.fab .i-arrow{width: 16px;height: 16px}.fab.is-visible{transform: none}.page-form .fab,.menu-open .fab{display: none}}@media (min-width: 641px) and (max-width: 900px){.cats--3 .cat:first-child .img--has-wide{left: 50%;top: 3%;width: auto !important;height: 60% !important;max-width: 100%;object-fit: contain !important;translate: -50% 0;-webkit-mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,#000 70%,transparent);mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,#000 70%,transparent);-webkit-mask-composite: source-in;mask-composite: intersect}}@media (max-width: 640px){.cats,.grid--3,.grid--4{grid-template-columns: 1fr}.cats .cat{min-height: 420px}.grid--4{grid-template-columns: 1fr 1fr;gap: 28px 12px}.grid--4 .card__meta,.grid--4 .card__desc{display: none}.works{grid-template-columns: 1fr;grid-auto-rows: 280px}.work--wide,.work--big{grid-column: auto}.work--big,.work--tall{grid-row: span 1}.fields,.tiles{grid-template-columns: 1fr}.tiles{grid-template-columns: 1fr 1fr}.tiles .tile:last-child:nth-child(odd){grid-column: 1 / -1}.tile__inner{min-height: 118px;padding: 16px}.tile__desc{display: none}.wiz__step{flex-direction: column;align-items: flex-start;gap: 6px;font-size: .7rem}.specs{grid-template-columns: 1fr}.specs>div:nth-child(even){padding-left: 0;border-left: 0}.domains,.values{grid-template-columns: 1fr}.domain:nth-child(even),.value + .value{padding-left: 0;border-left: 0}.value h3{margin-top: 24px}.coord{grid-template-columns: 1fr;gap: 4px}.footer__grid{grid-template-columns: 1fr}.hero__btns .btn,.band__btns .btn,.footer__btns .btn,.product__btns .btn{flex: 1 1 100%}.hero__toggle{bottom: 22px}.hero__scroll{display: none}.hero__inner{padding-bottom: 64px}.card__cta{opacity: 1;transform: none;min-height: 44px}.lb__nav{top: auto;bottom: -8px;translate: 0 0}.lb__img{padding-bottom: 70px}}@media (hover: none){.card__cta{opacity: 1;transform: none}.pg__nav{opacity: 1}.card__link:active .card__img,.work__btn:active .work__img,.cat:active .cat__img{transform: scale(1.04)}[data-sheen]::after{display: none}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}html{scroll-behavior: auto}.js [data-reveal],.js [data-split] .wi,[data-hero-in]{opacity: 1 !important;transform: none !important}.hero__scroll[data-hero-in]{transform: translateX(-50%) !important}.js .card[data-reveal] .card__media{clip-path: none}[data-curtain]{clip-path: none}.manifesto__text .w{opacity: 1}.marquee__track{animation: none}}