body.cuz-projects-document{margin:0;background:#111416}
.cp-page{background:var(--cs-ink);color:var(--cs-ivory)}
.cp-page .cp-intro{padding:58px 0 36px;position:relative;overflow:hidden}
.cp-page .cp-intro>.cs-container{position:relative;z-index:1}
.cp-page .cp-intro h1{font-size:clamp(30px,3.3vw,46px);line-height:1.65;margin:10px 0 16px;font-weight:800}
.cp-page .cp-intro h1 span{color:var(--cs-light-gold)}
.cp-page .cp-lead{font-size:15px;color:#c9cac5;max-width:780px;line-height:2}
.cp-page .cp-pattern{position:absolute;left:-45px;inset-block:0;width:38%;background:var(--cs-gold);mask:url('./images/pattern-horizontal.webp') center/contain no-repeat;-webkit-mask:url('./images/pattern-horizontal.webp') center/contain no-repeat;opacity:.1;pointer-events:none;animation:cp-pattern-enter 1.3s ease-out both}
.cp-page .cp-search{display:flex;gap:15px;align-items:center;border-block:1px solid #b8914655;padding:15px 0;margin-bottom:32px;flex-wrap:wrap}
.cp-page .cp-search>.cs-icon{filter:invert(1);opacity:.7}
.cp-page .cp-search input{flex:1;min-width:150px;padding:8px 0;background:transparent;border:0;border-radius:0;color:#f6f4ef;font-size:14px;box-shadow:none}
.cp-page .cp-search input::placeholder{color:#b5b5ae;opacity:1}
.cp-page .cp-search select{font:inherit;font-size:13px;min-height:42px;max-width:240px;background:#111416;color:#f6f4ef;border:1px solid #b8914655;border-radius:0;padding:7px 12px}
.cp-page .cp-search .cs-button{min-height:40px;padding:6px 25px;font-size:13px}
.cp-page .cp-reset{font-size:12px;text-decoration:underline;text-underline-offset:5px;color:#ddc18a}
.cp-page .cp-result{font-size:13px;color:#ddc18a;margin:-8px 0 24px}
.cp-page .cp-project{padding-bottom:40px;margin-bottom:32px;border-bottom:1px solid #b8914644}
.cp-page .cp-project:last-child{margin-bottom:0;border-bottom:0}
.cp-page .cp-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);direction:rtl;align-items:stretch;gap:0}
.cp-page .cp-project-copy{grid-column:2;grid-row:1;background:var(--cs-ivory);color:var(--cs-ink);padding:38px 36px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.cp-page .cp-brand-name{font-size:40px;line-height:1.25;font-weight:850;letter-spacing:-.02em}
.cp-page .cp-category{font-size:13px;color:#765820;margin:10px 0 0}
.cp-page .cp-project h2{font-size:27px;line-height:1.7;margin:23px 0 14px}
.cp-page .cp-summary{font-size:14px;line-height:2.15;color:#555951}
.cp-page .cp-scope{margin:25px 0 22px;padding-top:17px;border-top:1px solid #b8914666;width:100%}
.cp-page .cp-scope>span{font-size:11px;color:#666961}
.cp-page .cp-scope p{font-size:12px;line-height:2;margin-top:6px;color:#565c54}
.cp-page .cp-project-copy .cs-button{font-size:12px;min-height:44px;padding:9px 18px;margin-top:8px}
.cp-page .cp-photo{min-width:0;margin:0;position:relative}
.cp-page .cp-photo>a{position:relative;display:block;overflow:hidden;background:#242727}
.cp-page .cp-photo>a>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .4s ease}
.cp-page .cp-photo>a:hover>img{transform:scale(1.025)}
.cp-page .cp-photo figcaption{font-size:11px;line-height:1.7;color:#d2d2c9;margin-top:10px;border-right:2px solid var(--cs-gold);padding-right:10px}
.cp-page .cp-cover{grid-row:1;grid-column:1;align-self:stretch;background:#242727}
.cp-page .cp-cover>a{height:100%;min-height:680px}
.cp-page .cp-cover>a>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.cp-page .cp-cover figcaption{position:absolute;bottom:13px;right:16px;margin:0;background:#111416d9;padding:4px 10px;max-width:calc(100% - 32px)}
.cp-page .cp-zoom{position:absolute;top:14px;left:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #fff5;background:#11141699;opacity:.65;transition:opacity .2s}
.cp-page .cp-zoom img{width:19px;height:19px;filter:invert(1)}
.cp-page .cp-photo>a:hover .cp-zoom,.cp-page .cp-photo>a:focus-visible .cp-zoom{opacity:1}
.cp-page .cp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px;direction:ltr}
.cp-page .cp-gallery figcaption{direction:rtl;text-align:right}
.cp-page .cp-gallery-hint{font-size:11px;text-align:center;color:#b1b4aa;margin-top:22px}
.cp-page .cp-no-image{display:block}.cp-page .cp-no-image .cp-project-copy{padding:36px}
.cp-page .cp-pagination{display:flex;gap:20px;justify-content:center;padding:0 0 38px}
.cp-page .cp-empty{padding:54px 20px 64px;text-align:center;border:1px solid #b8914655;margin:25px 0 45px}
.cp-page .cp-empty h2{font-size:24px}.cp-page .cp-empty p{color:#babeb6;font-size:14px;margin:14px 0 25px}
.cp-page .cp-empty-contact{display:block;font-size:13px;color:#ddc18a;margin-top:22px}
.cp-page .cp-process{background:var(--cs-ivory);color:var(--cs-ink);padding:53px 0}
.cp-page .cp-process-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:32px;align-items:start}
.cp-page .cp-process-grid>div:not(:first-child){border-right:1px solid var(--cs-line);padding-right:28px}
.cp-page .cp-process h2{font-size:27px;line-height:1.7}
.cp-page .cp-process h3{font-size:19px;margin:13px 0 9px}
.cp-page .cp-process p:not(.cs-eyebrow){font-size:13px;color:#65685e;line-height:2}
.cp-page .cp-process .cs-icon{width:26px;height:26px;filter:invert(51%) sepia(30%) saturate(672%) hue-rotate(2deg)}
.cp-page .cp-final{padding:56px 0}.cp-page .cp-final h2{font-size:32px;line-height:1.6}
.cp-page .cp-original{font-size:12px;color:#ddc18a;text-decoration:underline;text-underline-offset:4px}
.cp-page .cp-image-error{font-size:13px;text-align:center;padding:12px;color:#ddc18a}
.cp-page .cp-lightbox .cs-lightbox-image{aspect-ratio:auto;background:transparent}
.cp-page select:focus-visible{outline:2px solid #ddc18a;outline-offset:4px}
@keyframes cp-pattern-enter{from{opacity:0;transform:translateX(-30px)}to{opacity:.1;transform:none}}
@media(max-width:1100px){.cp-page .cp-project-copy{padding:28px}.cp-page .cp-feature{grid-template-columns:1.2fr 1fr}.cp-page .cp-project h2{font-size:24px}.cp-page .cp-process-grid{gap:22px}.cp-page .cp-process-grid>div:not(:first-child){padding-right:20px}}
@media(max-width:760px){.cp-page .cp-intro{padding:36px 0 25px}.cp-page .cp-intro h1{font-size:31px}.cp-page .cp-lead{font-size:13px}.cp-page .cp-pattern{width:50%;opacity:.07}.cp-page .cp-feature{display:flex;flex-direction:column}.cp-page .cp-project-copy{order:1;padding:27px}.cp-page .cp-cover{order:0}.cp-page .cp-cover>a{min-height:0;height:auto}.cp-page .cp-cover>a>img{position:static;height:auto;aspect-ratio:3/4;object-fit:cover}.cp-page .cp-brand-name{font-size:34px}.cp-page .cp-project h2{font-size:25px;margin:15px 0 12px}.cp-page .cp-summary{font-size:13px}.cp-page .cp-scope{margin:18px 0 16px}.cp-page .cp-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cp-page .cp-gallery .cp-photo>a>img{aspect-ratio:3/4}.cp-page .cp-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cp-page .cp-process-intro{grid-column:1/-1}.cp-page .cp-process h2 br{display:none}.cp-page .cp-process h2{font-size:25px}.cp-page .cp-process-grid>div:not(:first-child){padding-right:16px}.cp-page .cp-process h3{font-size:17px}.cp-page .cp-process p:not(.cs-eyebrow){font-size:12px}}
@media(max-width:520px){.cp-page .cp-intro h1{font-size:28px}.cp-page .cp-intro h1 span{display:block}.cp-page .cp-search{gap:10px;padding-block:13px;margin-bottom:24px}.cp-page .cp-search input{font-size:12px;min-width:100px}.cp-page .cp-search>.cs-icon{width:18px;height:18px}.cp-page .cp-search .cs-button{padding:7px 14px;font-size:12px}.cp-page .cp-search select{width:100%;max-width:none;order:4}.cp-page .cp-reset{width:100%}.cp-page .cp-project-copy{padding:24px 22px}.cp-page .cp-project h2{font-size:22px}.cp-page .cp-project{padding-bottom:30px}.cp-page .cp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin-top:18px}.cp-page .cp-gallery>.cp-photo:last-child:nth-child(odd){grid-column:1/-1}.cp-page .cp-gallery>.cp-photo:last-child:nth-child(odd)>a>img{aspect-ratio:4/3}.cp-page .cp-photo figcaption{font-size:10px}.cp-page .cp-process{padding:34px 0}.cp-page .cp-process-grid{display:block}.cp-page .cp-process-intro{margin-bottom:26px}.cp-page .cp-process-grid>div:not(:first-child){padding:0 17px 0 0;margin-bottom:25px}.cp-page .cp-process-grid>div:last-child{margin-bottom:0}.cp-page .cp-process h3{display:inline-block;margin:0 8px 8px 0}.cp-page .cp-process .cs-icon{width:23px;height:23px}.cp-page .cp-process p:not(.cs-eyebrow){font-size:13px}.cp-page .cp-final{padding:38px 0}.cp-page .cp-final h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.cp-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}