.Werk-module__G80ShG__section{background:#fff;padding:104px 0 80px}.Werk-module__G80ShG__head{grid-template-columns:1.2fr 1fr;align-items:end;gap:80px;margin-bottom:58px;display:grid}.Werk-module__G80ShG__head .v2-eyebrow{background:var(--v2-ink);color:#fff}.Werk-module__G80ShG__head h2{margin-top:22px}.Werk-module__G80ShG__head>div:last-child{max-width:425px;padding-bottom:3px}.Werk-module__G80ShG__head p{font-size:17px}.Werk-module__G80ShG__head a{margin-top:18px;padding-left:0}.Werk-module__G80ShG__projects{border-top:1px solid var(--v2-line)}.Werk-module__G80ShG__project{border-bottom:1px solid var(--v2-line);scroll-margin-top:100px}.Werk-module__G80ShG__projectToggle{cursor:pointer;list-style:none}.Werk-module__G80ShG__projectToggle::-webkit-details-marker{display:none}.Werk-module__G80ShG__projectToggle:focus-visible{outline:2px solid var(--v2-brand-action);outline-offset:4px}.Werk-module__G80ShG__project .Werk-module__G80ShG__summary{text-align:left;grid-template-columns:1.05fr 1fr 1.3fr 44px;align-items:center;gap:24px;width:100%;min-height:150px;padding-block:24px;display:grid}.Werk-module__G80ShG__projectName{align-items:center;gap:18px;font-size:25px;line-height:1.15;display:flex}.Werk-module__G80ShG__number{color:var(--v2-muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.Werk-module__G80ShG__services{color:var(--v2-ink-soft);font-size:13px;line-height:1.5}.Werk-module__G80ShG__thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.Werk-module__G80ShG__thumbnails source{display:none}.Werk-module__G80ShG__thumbnails img{object-fit:cover;width:100%;height:88px;transition:transform .45s var(--v2-ease);border-radius:4px}.Werk-module__G80ShG__expandIcon{border:1px solid var(--v2-line);border-radius:var(--v2-radius-button);width:44px;height:44px;transition:color .25s, background .25s, transform .4s var(--v2-ease);place-items:center;display:grid}[data-open=true]>summary .Werk-module__G80ShG__expandIcon{background:var(--v2-brand-action);color:#fff;border-color:#0000;transform:rotate(180deg)}@media (hover:hover){.Werk-module__G80ShG__summary:hover .Werk-module__G80ShG__projectName{color:var(--v2-brand-action)}.Werk-module__G80ShG__summary:hover .Werk-module__G80ShG__thumbnails picture:first-child img{transform:rotate(-3deg)translateY(-3px)}.Werk-module__G80ShG__summary:hover .Werk-module__G80ShG__thumbnails picture:nth-child(3) img{transform:rotate(3deg)translateY(-3px)}}.Werk-module__G80ShG__panel{overflow:hidden}.Werk-module__G80ShG__panel[data-ready=true]{opacity:0;visibility:hidden;height:0}.Werk-module__G80ShG__projectDetails{grid-template-columns:minmax(0,1fr);gap:24px;padding:0 0 32px;display:grid}.Werk-module__G80ShG__projectStory{justify-content:space-between;align-items:center;gap:28px;padding-top:8px;display:flex}.Werk-module__G80ShG__projectStory p{max-width:620px;font-size:16px}.Werk-module__G80ShG__projectStory>a{flex:none}.Werk-module__G80ShG__gallery{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-row:1;grid-auto-columns:min(72%,720px);grid-auto-flow:column;gap:16px;height:500px;display:grid;overflow-x:auto}.Werk-module__G80ShG__galleryImage{scroll-snap-align:start;border-radius:4px;min-width:0}.Werk-module__G80ShG__gallery .Werk-module__G80ShG__websiteTile{background:var(--v2-canvas-cool)}.Werk-module__G80ShG__gallery .Werk-module__G80ShG__websiteTile img{object-fit:contain}.Werk-module__G80ShG__gallery .Werk-module__G80ShG__darkTile{background:#0c0c0e}@media (hover:hover) and (pointer:fine) and (min-width:701px){.Werk-module__G80ShG__gallery{cursor:grab;scroll-snap-type:none}.Werk-module__G80ShG__gallery[data-dragging=true]{cursor:grabbing}.Werk-module__G80ShG__gallery img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}}@media (max-width:1100px){.Werk-module__G80ShG__head{gap:36px}.Werk-module__G80ShG__project .Werk-module__G80ShG__summary{grid-template-columns:1.1fr .9fr 1fr 44px;gap:18px}.Werk-module__G80ShG__projectName{gap:12px;font-size:22px}.Werk-module__G80ShG__thumbnails img{height:75px}.Werk-module__G80ShG__thumbnails picture:last-child img{display:none}.Werk-module__G80ShG__thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}.Werk-module__G80ShG__projectDetails{gap:28px}.Werk-module__G80ShG__gallery{height:390px}}@media (max-width:700px){.Werk-module__G80ShG__section{padding:64px 0 48px}.Werk-module__G80ShG__head{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.Werk-module__G80ShG__head p{font-size:16px}.Werk-module__G80ShG__project .Werk-module__G80ShG__summary{grid-template-columns:1fr;gap:12px 18px;min-height:0;padding-block:22px}.Werk-module__G80ShG__projectName{font-size:24px}.Werk-module__G80ShG__services{grid-area:2/1;padding-left:27px;font-size:12px}.Werk-module__G80ShG__project[data-mobile=true] .Werk-module__G80ShG__projectToggle{cursor:default}.Werk-module__G80ShG__project[data-mobile=true] .Werk-module__G80ShG__expandIcon,.Werk-module__G80ShG__thumbnails{display:none}.Werk-module__G80ShG__projectDetails{grid-template-columns:1fr;gap:24px}.Werk-module__G80ShG__projectStory{flex-direction:column;align-items:flex-start;gap:18px;padding-top:0}.Werk-module__G80ShG__gallery{grid-auto-columns:88%;gap:12px;height:auto}.Werk-module__G80ShG__galleryImage{aspect-ratio:720/500}.Werk-module__G80ShG__gallery .Werk-module__G80ShG__opstoomLogoTile img,.Werk-module__G80ShG__gallery .Werk-module__G80ShG__rokuLogoTile img{object-fit:contain}.Werk-module__G80ShG__gallery .Werk-module__G80ShG__opstoomLogoTile{background:#0d4a2b}.Werk-module__G80ShG__gallery .Werk-module__G80ShG__rokuLogoTile{background:#0c0c0e}}@media (max-width:370px){.Werk-module__G80ShG__projectName{font-size:21px}}