.cp-section{background:var(--cp-bg, #000);color:var(--cp-text, #fff);font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.cp-container{max-width:1320px;margin:0 auto;padding:0 24px}.cp-header{text-align:center;margin:0 auto 40px;max-width:880px}.cp-eyebrow{font-family:Space Grotesk,Manrope,sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--cp-muted, #ADAAAA);margin:0 0 18px;font-weight:600}.cp-heading{font-family:Space Grotesk,Manrope,sans-serif;font-weight:800;line-height:.95;letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(44px,7vw,96px)}.cp-heading__accent{color:var(--cp-accent, #F8AC0C);display:inline-block}.cp-heading__main{color:var(--cp-text, #fff);display:inline-block}.cp-subheading{font-size:14px;color:var(--cp-muted, #ADAAAA);margin:0;line-height:1.5}.cp-tabs{position:relative;display:flex;margin:24px auto 56px;background:#fff;padding:6px;gap:4px;width:min(720px,95%)}.cp-tab{position:relative;z-index:1;flex:1;text-align:center;padding:14px 20px;font-family:Space Grotesk,Manrope,sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em;color:#1a1919;background:transparent;border:0;cursor:pointer;transition:color .25s ease;white-space:nowrap}.cp-tab:focus-visible{outline:2px solid var(--cp-accent, #F8AC0C);outline-offset:3px}.cp-tab--active{color:#1a1919}.cp-tabs__indicator{position:absolute;top:6px;left:0;width:var(--cp-indicator-w, 0);height:calc(100% - 12px);background:var(--cp-accent, #F8AC0C);box-shadow:0 4px 14px #f8ac0c59;transform:translate(var(--cp-indicator-x, 6px));transition:transform .3s cubic-bezier(.5,.05,.2,1),width .3s cubic-bezier(.5,.05,.2,1);z-index:0;pointer-events:none;will-change:transform,width}.cp-panel{display:none}.cp-panel--active{display:block;animation:cpFade .35s ease both}@keyframes cpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cp-grid{display:grid;grid-template-columns:repeat(var(--cp-cols, 4),minmax(0,1fr));gap:20px}@media(max-width:1100px){.cp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.cp-card{background:var(--cp-surface, #1A1919);border-radius:var(--cp-radius, 12px);overflow:hidden;position:relative;transition:transform .35s ease,box-shadow .35s ease;border:1px solid rgba(255,255,255,.05)}.cp-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000073,0 0 0 1px #f8ac0c40}.cp-card__media{position:relative;aspect-ratio:9/16;overflow:hidden;background:#0a0a0a}.cp-card__media video,.cp-card__media img,.cp-card__media iframe{width:100%;height:100%;object-fit:cover;display:block}.cp-card__placeholder svg{width:100%;height:100%;display:block;fill:#ffffff14}.cp-card--static[data-ratio="1/1"] .cp-card__media{aspect-ratio:1/1}.cp-card--static[data-ratio="4/5"] .cp-card__media{aspect-ratio:4/5}.cp-card--static[data-ratio="9/16"] .cp-card__media{aspect-ratio:9/16}.cp-card--static[data-ratio="16/9"] .cp-card__media{aspect-ratio:16/9}.cp-card__body{padding:14px 16px 18px}.cp-card__title{font-family:Space Grotesk,Manrope,sans-serif;font-size:15px;font-weight:700;color:var(--cp-text, #fff);margin:0 0 4px;letter-spacing:.01em}.cp-card__caption{font-size:13px;color:var(--cp-muted, #ADAAAA);margin:0;line-height:1.4}.cp-empty{text-align:center;padding:80px 24px;color:var(--cp-muted, #ADAAAA);border:1px dashed rgba(255,255,255,.15);border-radius:12px}.cp-card--email .cp-card__media,.cp-card--email .cp-card__media--scroll{position:relative;aspect-ratio:auto;height:var(--cp-email-height, 480px);overflow:hidden;background:var(--cp-surface, #1A1919)}.cp-card__open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;position:relative;overflow:hidden}.cp-card__open img{display:block;width:100%;height:auto;object-fit:unset;transition:transform 6s cubic-bezier(.22,.61,.36,1);will-change:transform}.cp-card--email:hover .cp-card__open img,.cp-card--email:focus-within .cp-card__open img{transform:translateY(calc(-100% + var(--cp-email-height, 480px)))}.cp-card--email .cp-card__media--scroll:after{content:"";position:absolute;inset:auto 0 0 0;height:60px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.45));pointer-events:none;opacity:1;transition:opacity .4s ease;z-index:1}.cp-card--email:hover .cp-card__media--scroll:after{opacity:0}.cp-card__zoom{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#0000008c;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:2}.cp-card--email:hover .cp-card__zoom,.cp-card__open:focus-visible .cp-card__zoom{opacity:1;transform:translateY(0)}@media(max-width:1100px){.cp-card--email .cp-card__media,.cp-card--email .cp-card__media--scroll{height:420px}.cp-card--email:hover .cp-card__open img,.cp-card--email:focus-within .cp-card__open img{transform:translateY(calc(-100% + 420px))}}@media(max-width:800px){.cp-card--email .cp-card__media,.cp-card--email .cp-card__media--scroll{height:380px}.cp-card--email:hover .cp-card__open img,.cp-card--email:focus-within .cp-card__open img{transform:translateY(calc(-100% + 380px))}}.cp-modal[hidden]{display:none}.cp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:24px;animation:cpModalIn .25s ease}.cp-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:zoom-out}.cp-modal__dialog{position:relative;width:min(640px,100%);max-height:calc(100vh - 48px);background:var(--cp-surface, #1A1919);color:var(--cp-text, #fff);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px #00000080}.cp-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;background:var(--cp-surface, #1A1919)}.cp-modal__title{margin:0;font-family:Space Grotesk,Manrope,sans-serif;font-size:15px;font-weight:700;color:var(--cp-text, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.cp-modal__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cp-modal__link{font-family:Space Grotesk,Manrope,sans-serif;font-size:13px;font-weight:600;color:var(--cp-accent, #F8AC0C);text-decoration:none;padding:6px 10px;border-radius:8px;transition:background .15s ease}.cp-modal__link:hover{background:#ffffff0f}.cp-modal__close{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:#ffffff14;color:var(--cp-text, #fff);cursor:pointer;transition:background .15s ease}.cp-modal__close:hover{background:#ffffff29}.cp-modal__close:focus-visible{outline:2px solid var(--cp-accent, #F8AC0C);outline-offset:2px}.cp-modal__scroll{overflow-y:auto;overflow-x:hidden;background:#0c0c0c;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.cp-modal__scroll::-webkit-scrollbar{width:8px}.cp-modal__scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.cp-modal__scroll::-webkit-scrollbar-track{background:transparent}.cp-modal__image{display:block;width:100%;height:auto;object-fit:unset}body.cp-modal-open{overflow:hidden}@keyframes cpModalIn{0%{opacity:0}to{opacity:1}}@media(max-width:749px){.cp-modal{padding:0}.cp-modal__dialog{width:100%;height:100vh;max-height:100vh;border-radius:0}}.cp-tabs{overflow:hidden;border-radius:4px}@media(max-width:800px){.cp-tabs{width:100%;padding:4px;gap:2px;margin:16px auto 40px}.cp-tab{padding:12px 8px;font-size:13px;letter-spacing:0}.cp-tabs__indicator{top:4px;height:calc(100% - 8px)}}@media(max-width:480px){.cp-tab{padding:10px 6px;font-size:12px;white-space:normal;line-height:1.2;word-break:break-word}}.cp-grid--emails .cp-card__media{aspect-ratio:unset}.cp-grid--emails .cp-card{height:min-content}.cp-grid.cp-grid--emails{display:block;column-count:4;column-gap:24px}.cp-grid.cp-grid--emails>*{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%;margin:0 0 24px}@media(max-width:1200px){.cp-grid.cp-grid--emails{column-count:3}}@media(max-width:900px){.cp-grid.cp-grid--emails{column-count:2}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/creative-portfolio.css.map */