.portfolio-page .concept-list{gap:60px;margin-top:8px;display:grid}.portfolio-page .concept-row{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:16px;margin:0;display:grid}.portfolio-page .concept-caption{gap:4px;min-width:0;display:grid}.portfolio-page .concept-caption h3{color:var(--portfolio-text-primary,#121417);font-family:var(--portfolio-font-family,"Reddit Sans", sans-serif);font-size:var(--portfolio-h3-size,24px);font-weight:var(--portfolio-font-weight-semibold);line-height:var(--portfolio-h3-line-height,36px);letter-spacing:var(--portfolio-font-letter-spacing,0);margin:0}.portfolio-page .concept-caption p{color:var(--portfolio-text-secondary,#696c71);font-size:var(--portfolio-text-l-size,20px);font-weight:var(--portfolio-font-weight-regular);line-height:var(--portfolio-text-l-line-height,32px);letter-spacing:var(--portfolio-font-letter-spacing,0);margin:0}.portfolio-page .concept-cover{text-align:center;cursor:zoom-in;background:0 0;border:1px solid #f7fafd;border-radius:40px;width:100%;min-width:0;padding:0;display:block;overflow:hidden}.portfolio-page .concept-cover--dashboard{border-radius:16px}.portfolio-page .concept-cover--planner{border-color:#0000}.portfolio-page .concept-cover:focus-visible,.portfolio-page.portfolio-concept-viewer button:focus-visible{outline:3px solid var(--portfolio-accent,#822ef6);outline-offset:4px}.portfolio-page .concept-artwork{isolation:isolate;background:0 0;width:100%;position:relative;overflow:hidden;container-type:inline-size}.portfolio-page .concept-artwork--travel{background-image:linear-gradient(68.9615deg,#e5d5fb80 5.7477%,#f1e8fcc1 15.822%,#fcfbfd 28.542% 55.607%,#eedfea80 98.714%)}.portfolio-page .concept-artwork--dashboard{background-image:radial-gradient(88% 81.1473% at 48%,#fcfbfd 0% 32.692%,#dcebfc99 69.712%,#e5d5fb 90.385%);border-radius:40px}.portfolio-page .concept-artwork--planner{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1112 809.89' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.5'/%3E%3Cdefs%3E%3CradialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(104.95 -1.2 0.80593 70.485 556 405.32)'%3E%3Cstop stop-color='rgba(238,223,234,0.2)' offset='0'/%3E%3Cstop stop-color='rgba(238,223,234,0.5)' offset='0.25046'/%3E%3Cstop stop-color='rgba(238,223,234,0.7)' offset='0.55479'/%3E%3Cstop stop-color='rgba(229,213,251,1)' offset='0.82218'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"),linear-gradient(#f7f5fa,#f7f5fa);background-size:100% 100%}.portfolio-page .concept-artwork img{-webkit-user-select:none;user-select:none}.portfolio-page .concept-dashboard{background:#fff;border-radius:.7cqw;width:88%;height:auto;margin:6cqw auto;display:block;box-shadow:0 1.5cqw 3.5cqw #353b4226}.portfolio-page .concept-phones{justify-content:center;align-items:flex-end;gap:9cqw;padding-block:6cqw;display:flex}.portfolio-page .concept-phone-column{text-align:center;flex-direction:column;flex:none;gap:clamp(6px,1.62162cqw,18px);width:28cqw;min-width:0;display:flex}.portfolio-page .concept-screen-label{color:var(--portfolio-text-secondary,#696c71);font-family:var(--portfolio-font-family,"Reddit Sans", sans-serif);font-size:var(--portfolio-text-m-size);font-weight:var(--portfolio-font-weight-semibold);line-height:var(--portfolio-text-m-line-height);letter-spacing:var(--portfolio-font-letter-spacing);margin:0;display:block}.portfolio-page .concept-screen-label--redesign{color:var(--portfolio-accent,#822ef6)}.portfolio-page .concept-phone-frame{background:#151618;border:1px solid #434548;border-radius:2.8cqw;width:100%;padding:.45cqw;box-shadow:0 1.5cqw 1.5cqw #2a2e3421}.portfolio-page .concept-phone-frame img{background:#fff;border-radius:2.25cqw;width:100%;height:auto;display:block}.portfolio-page .concept-artwork--planner .concept-phone-frame img{background:#fbf7f5}.portfolio-page .concept-comparison-arrow{pointer-events:none;width:36px;height:36px;position:absolute;top:50%;left:50%;translate:-50% -50%}.portfolio-page .concept-comparison-arrow img{max-width:none;display:block}.portfolio-concept-viewer-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#151618b3;position:fixed;inset:0}.portfolio-page.portfolio-concept-viewer{z-index:101;background:0 0;flex-direction:column;width:min(100% - 32px,1216px);min-height:0;margin-inline:auto;padding:56px 0 0;display:flex;position:fixed;inset:16px}.portfolio-page .portfolio-concept-viewer-close{color:#151618;cursor:pointer;background:#f7f5fa;border:1px solid #f7fafd;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:0;right:0}.portfolio-page .portfolio-concept-viewer-close:hover{background:#e5d5fb}.portfolio-page .portfolio-concept-viewer-stage{flex:1;place-items:center;min-height:0;display:grid;overflow:auto;container-type:size}.portfolio-page .portfolio-concept-lightbox{background:#f7f5fa;border-radius:24px;width:min(100%,137cqh);overflow:hidden}.portfolio-page .portfolio-concept-lightbox--dashboard{width:min(100%,149cqh)}@media (width>=641px){.portfolio-page .concept-row{container-type:inline-size}.portfolio-page .concept-cover{height:min(var(--portfolio-preview-height), calc(62.44cqw + 84px));container-type:size}.portfolio-page .concept-cover--dashboard{height:min(var(--portfolio-preview-height), calc(55cqw + 48px))}.portfolio-page .concept-cover--planner{height:min(calc(var(--portfolio-preview-height) - 36px), calc(62.44cqw + 48px))}.portfolio-page .concept-cover--travel{height:min(calc(var(--portfolio-preview-height) + 32px), calc(66.9cqw + 64px))}.portfolio-page .concept-cover>.concept-artwork{place-items:center;height:100%;display:grid}.portfolio-page .concept-cover .concept-phones{align-items:center;gap:clamp(40px,9cqw,100px);width:100%;height:100%;padding-block:24px}.portfolio-page .concept-cover .concept-phone-column{gap:12px;width:min(28cqw,44.843cqh - 37.6682px);container-type:inline-size}.portfolio-page .concept-cover .concept-phone-frame{border-radius:10cqw;padding:1.6cqw;box-shadow:0 8px 14px #2a2e3421}.portfolio-page .concept-cover .concept-phone-frame img{border-radius:8cqw}.portfolio-page .concept-cover--planner .concept-phone-column{width:min(28cqw,44.843cqh - 21.5247px)}.portfolio-page .concept-cover--travel .concept-phones{padding-block:16px}.portfolio-page .concept-cover--travel .concept-phone-column{gap:8px;width:min(30cqw,44.843cqh - 28.6996px)}.portfolio-page .concept-cover .concept-dashboard{object-fit:contain;width:min(88%,160cqh - 76.8px);max-height:calc(100cqh - 48px);margin:0}}@media (width<=640px){.portfolio-page .concept-list{gap:40px}.portfolio-page .concept-row{gap:16px}.portfolio-page .concept-caption p{font-size:var(--portfolio-text-m-size);line-height:var(--portfolio-text-m-line-height)}.portfolio-page .concept-cover,.portfolio-page .concept-artwork--dashboard{border-radius:24px}.portfolio-page .concept-phones{gap:10cqw}.portfolio-page .concept-phone-column{width:38cqw}.portfolio-page .concept-cover--travel .concept-phones{align-items:center;gap:clamp(28px,8cqw,40px);padding-block:16px}.portfolio-page .concept-cover--travel .concept-phone-column{gap:6px;width:40cqw}.portfolio-page .concept-phone-frame{border-radius:3.8cqw}.portfolio-page .concept-phone-frame img{border-radius:3.1cqw}.portfolio-page .concept-comparison-arrow{scale:.666667}.portfolio-page .portfolio-concept-lightbox--travel,.portfolio-page .portfolio-concept-lightbox--planner{width:min(100%,103.093cqh)}}