.projects-page .projects-index__introduction{justify-content:space-between;align-items:baseline;gap:16px 32px;padding-block:32px 42px;display:flex}.projects-page .projects-index__introduction h1{font:400 clamp(1.75rem, 2.3vw, 2.25rem)/1.15 var(--sans);letter-spacing:-.025em}.projects-page .projects-index__booking{color:#111;min-height:44px;font:400 .875rem/1.5 var(--sans);text-underline-offset:5px;align-items:center;gap:12px;text-decoration:underline;display:inline-flex}.projects-page .projects-index__booking:hover{text-decoration-color:var(--red-ink)}.projects-page .projects-index__booking:focus-visible{outline-offset:4px;outline:2px solid #111}.project-browser{color:#111;overflow-anchor:none;background:#fff}.project-browser [hidden]{display:none!important}.project-browser__layout{grid-template-columns:minmax(0,36fr) minmax(0,64fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.project-browser .projects-directory{min-width:0;padding:0}.project-browser .projects-directory__tools{margin-bottom:22px;display:block}.project-browser .projects-search{gap:4px;width:100%}.project-browser .projects-search label{color:#555;font-size:.75rem}.project-browser .projects-search__field{border-color:#b8b8b8;gap:8px}.project-browser .projects-search input{color:#111;background:#fff;padding-block:10px;font-size:.875rem}.project-browser .projects-search input::placeholder{color:#555}.project-browser .projects-search button{font-size:.75rem}.project-browser .projects-directory__count{color:#555;margin:12px 0 0;padding:0;font-size:.75rem}.project-browser .projects-directory__list{border:0;height:auto;padding:0;overflow:visible}.project-browser .projects-directory__list li{border:0}.project-browser .projects-directory__list a{color:#111;grid-template-columns:minmax(0,1fr) 18px;align-items:start;gap:16px;min-height:80px;padding:14px 0;display:grid;position:relative}.project-browser .projects-directory__identity{gap:4px}.project-browser .projects-directory__identity strong{font:400 clamp(1.0625rem, 1.5vw, 1.375rem)/1.25 var(--sans);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere}.project-browser .projects-directory__identity>span{color:#555;font-size:.75rem;line-height:1.45}.project-browser .projects-directory__identity .projects-directory__details{flex-wrap:wrap;gap:4px 12px;font-size:.6875rem;line-height:1.45;display:flex}.project-browser .projects-directory__details small{color:#555;font-size:inherit}.project-browser .projects-directory__arrow{color:#111;opacity:0;padding-top:3px;font-size:.9375rem;transition:opacity .16s;translate:none}.project-browser .projects-directory__list a:is(:hover,:focus-visible,[data-preview-active]) strong{color:#111;text-decoration:underline;text-decoration-color:var(--red-ink);text-underline-offset:5px;text-decoration-thickness:1px}.project-browser .projects-directory__list a:is(:hover,:focus-visible,[data-preview-active]) .projects-directory__arrow{opacity:1;translate:none}.project-browser .projects-directory__list a:focus-visible{outline-offset:4px;outline:2px solid #111}.project-browser .projects-directory__thumbnail,.project-browser .projects-directory__brand{display:none}.project-browser .projects-index__empty{margin:0;padding-block:16px;font-size:.875rem;line-height:1.6}.project-browser__viewer{top:calc(var(--header-height) + 24px);min-width:0;position:sticky}.project-browser__media{width:100%;height:min(64vw, calc(100svh - var(--header-height) - 310px));background:#fff;justify-content:center;align-items:center;min-height:240px;max-height:820px;display:flex;position:relative}.project-browser__media[data-project-background=black],.project-browser .projects-directory__list a[data-project-background=black] .projects-directory__thumbnail{background:var(--black)}.project-browser__media :is(img,video){object-fit:contain;width:100%;height:100%;display:block}.project-browser__media video{position:absolute;inset:0}.project-browser__opticien-cover{aspect-ratio:16/10;background:#aebfac;width:100%;max-height:100%;display:block;position:relative;overflow:hidden}.project-browser__media .project-browser__opticien-photo{object-fit:cover;object-position:center 40%;position:absolute;inset:0}.project-browser__media .project-browser__opticien-wordmark{width:93%;height:auto;position:absolute;top:13.33%;left:3.5%}.project-browser__opticien-signature{color:#173e2e;font:500 clamp(.625rem, .8vw, .8125rem)/1.5 var(--sans);position:absolute;bottom:3.55%;left:3.5%}.project-browser__media:focus-visible{outline-offset:6px;outline:2px solid #111}.project-browser__caption{justify-content:space-between;align-items:baseline;gap:16px;padding-top:20px;display:flex}.project-browser__selection{min-width:0}.project-browser__selection h2{font:400 clamp(1.125rem, 1.55vw, 1.5rem)/1.3 var(--sans);letter-spacing:-.02em;text-wrap:balance;margin:0}.project-browser__selection p{color:#555;text-wrap:pretty;margin-top:6px;font-size:.75rem;line-height:1.5}.project-browser__selection p:empty{display:none}.project-browser__actions{flex-shrink:0;justify-items:start;font-size:.75rem;display:grid}.project-browser__actions :is(a,button){color:#111;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.project-browser__actions a{text-underline-offset:5px;text-decoration:underline}.project-browser__actions button{color:#555}.project-browser__actions :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #111}.project-browser .projects-references{margin-top:72px}.project-browser .projects-references__grid{width:100%}.projects-confidential{scroll-margin-top:calc(var(--header-height) + 32px);border-top:1px solid #ccc;grid-template-columns:minmax(0,36fr) minmax(0,64fr);align-items:center;gap:clamp(32px,5vw,80px);margin-top:96px;padding-top:48px;display:grid}.projects-confidential h2{font:400 clamp(1.75rem, 3vw, 2.5rem)/1.2 var(--sans);margin:16px 0}.projects-confidential p{font-size:.875rem;line-height:1.6}.projects-confidential .eyebrow{font-size:.6875rem}.projects-confidential a{text-underline-offset:5px;align-items:center;min-height:44px;margin-top:16px;font-size:.875rem;text-decoration:underline;display:inline-flex}.projects-confidential a:focus-visible{outline-offset:4px;outline:2px solid #111}.projects-confidential img{width:100%;height:auto;display:block}@media (width<=1000px){.project-browser__layout{gap:28px}.project-browser__caption{display:block}.project-browser__actions{gap:20px;margin-top:8px;display:flex}}@media (width<=760px){.projects-page .projects-index__introduction{flex-direction:column;align-items:start;gap:10px;padding-block:24px 32px}.project-browser__layout{display:block}.project-browser__viewer{display:none}.project-browser .projects-search input{min-height:44px;font-size:16px}.project-browser .projects-search button{min-width:44px}.project-browser .projects-directory__list a{grid-template-columns:112px minmax(0,1fr) 12px;align-items:center;gap:12px;min-height:112px;padding-block:16px}.project-browser .projects-directory__thumbnail{grid-area:1/1;width:112px;height:84px;display:block}.project-browser .projects-directory__brand{pointer-events:none;grid-area:1/1;place-self:start center;width:88px;height:auto;margin-top:6px;display:block}.project-browser [data-project-cover=opticien] .projects-directory__thumbnail{align-self:start}.project-browser .projects-directory__identity{grid-area:1/2}.project-browser .projects-directory__identity strong{font-size:1.0625rem}.project-browser .projects-directory__identity>span{font-size:.6875rem}.project-browser .projects-directory__arrow{opacity:1;grid-area:1/3;padding:0;font-size:.8125rem}.project-browser .projects-directory__list a[data-preview-active]:not(:hover):not(:focus-visible) strong{text-decoration:none}.project-browser .projects-references{margin-top:48px}.projects-confidential{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:48px}}@media (prefers-reduced-motion:reduce){.project-browser .projects-directory__arrow,.project-browser .projects-directory__identity strong{transition:none}}