.PortalScreens_browser__TsAl_{position:relative;--pn:#00474a;--pm:#3db28c;--pc:#f8f6f2;overflow:hidden;background:var(--paper-hi);border:3px solid var(--ink);border-radius:var(--r);box-shadow:var(--paste)}.PortalScreens_bar__XmjVS{display:flex;align-items:center;gap:7px;padding-block:8px;padding-inline:12px;-webkit-border-after:3px solid var(--ink);border-block-end:3px solid var(--ink);background:var(--lead)}.PortalScreens_bar__XmjVS>span{width:11px;height:11px;border-radius:50%;border:2px solid var(--ink);background:var(--paper-hi)}.PortalScreens_url__UDgNd{-webkit-margin-start:var(--space-2);margin-inline-start:var(--space-2);padding-block:1px;padding-inline:10px;font-family:var(--font-mono);font-size:var(--fs-label);background:var(--paper-hi);border:2px solid var(--ink);border-radius:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PortalScreens_app__rcKIV{background:var(--pc);font-size:13px;line-height:1.35;color:#1a1d21}.PortalScreens_appBar__9M4_B{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--pn);color:#fff}.PortalScreens_appBar__9M4_B b{font-size:14px;letter-spacing:-.01em}.PortalScreens_search__tj8_z{flex:1 1;min-width:0;background:hsla(0,0%,100%,.14);color:hsla(0,0%,100%,.7);overflow:hidden}.PortalScreens_basket__64WDn,.PortalScreens_search__tj8_z{padding:3px 10px;border-radius:100px;font-size:12px;white-space:nowrap}.PortalScreens_basket__64WDn{background:var(--pm);color:var(--pn);font-weight:700}.PortalScreens_cats__vMDit{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px 0}.PortalScreens_cats__vMDit li{padding:3px 10px;border:1.5px solid #cfd8d6;border-radius:100px;font-size:12px;color:#4a5568;background:#fff}.PortalScreens_cats__vMDit li[data-on]{border-color:var(--pn);background:var(--pn);color:#fff}.PortalScreens_grid__fsX_V{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;padding:12px 14px 14px}.PortalScreens_grid__fsX_V[data-compact]{grid-template-columns:repeat(2,minmax(0,1fr))}.PortalScreens_grid__fsX_V li{display:grid;grid-gap:2px;gap:2px;align-content:start;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.PortalScreens_thumb__9Luyn{display:block;width:100%;height:auto;-webkit-margin-after:4px;margin-block-end:4px}.PortalScreens_grid__fsX_V b{font-size:11px;font-family:var(--font-mono);color:var(--pn)}.PortalScreens_grid__fsX_V span{font-size:12px;font-weight:700;line-height:1.25}.PortalScreens_product__dGKPJ{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);grid-gap:16px;gap:16px;padding:14px;align-items:start}.PortalScreens_big__eNG3g{display:block;width:100%;height:auto}.PortalScreens_detail__ltIHZ{display:grid;grid-gap:6px;gap:6px;align-content:start}.PortalScreens_code__MPdCT{font-family:var(--font-mono);font-size:11px;color:var(--pn)}.PortalScreens_name__06F8v{font-size:18px;line-height:1.1;letter-spacing:-.01em}.PortalScreens_small__IjKhb{-webkit-margin-before:6px;margin-block-start:6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.PortalScreens_variants__GrLH4{list-style:none;display:grid;grid-gap:5px;gap:5px}.PortalScreens_variants__GrLH4 li{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1.5px solid #e2e8f0;border-radius:6px;background:#fff;font-size:12px}.PortalScreens_variants__GrLH4 li[data-on]{border-color:var(--pm);box-shadow:inset 0 0 0 1px var(--pm)}.PortalScreens_variants__GrLH4 i{flex:none;width:11px;height:11px;border-radius:50%;border:2px solid #94a3b8}.PortalScreens_variants__GrLH4 li[data-on] i{border-color:var(--pn);background:radial-gradient(circle,var(--pn) 45%,transparent 50%)}.PortalScreens_add__j_gyR{justify-self:start;-webkit-margin-before:6px;margin-block-start:6px;padding:7px 14px;border-radius:8px;background:var(--pm);color:var(--pn);font-weight:700;font-size:12px}.PortalScreens_checkout__qk0RD{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:14px;gap:14px;padding:14px;align-items:start}.PortalScreens_fields__eVAKd{display:grid;grid-gap:8px;gap:8px}.PortalScreens_fields__eVAKd div{display:grid;grid-gap:3px;gap:3px}.PortalScreens_fields__eVAKd span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.PortalScreens_fields__eVAKd em{font-style:normal;padding:5px 9px;border:1.5px solid #cfd8d6;border-radius:6px;background:#fff;color:#94a3b8;font-size:12px}.PortalScreens_fields__eVAKd em[data-filled]{color:#1a1d21}.PortalScreens_fields__eVAKd .PortalScreens_add__j_gyR{justify-self:start}.PortalScreens_summary__EOJrv{display:grid;grid-gap:8px;gap:8px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.PortalScreens_summary__EOJrv ul{list-style:none;display:grid;grid-gap:6px;gap:6px}.PortalScreens_summary__EOJrv li{display:flex;gap:6px;align-items:baseline;font-size:12px;-webkit-padding-after:6px;padding-block-end:6px;-webkit-border-after:1px solid #eef2f5;border-block-end:1px solid #eef2f5}.PortalScreens_summary__EOJrv li span{font-family:var(--font-mono);font-size:11px;color:var(--pn)}.PortalScreens_summary__EOJrv li i{-webkit-margin-start:auto;margin-inline-start:auto;font-style:normal;color:#6b7280}.PortalScreens_sample__Cc1i0{position:absolute;bottom:8px;right:10px;padding:1px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;background:var(--paper-hi);border:2px solid var(--ink);border-radius:100px}.PortalScreens_builder__Caa_r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:14px;gap:14px;padding:14px;align-items:start}.PortalScreens_preview__Rj0A_{display:grid;grid-gap:6px;gap:6px}.PortalScreens_preview__Rj0A_ .PortalScreens_small__IjKhb{margin:0}.PortalScreens_custom__UULRC{display:grid;grid-template-columns:34% 1fr;align-items:center;grid-gap:8px;gap:8px;aspect-ratio:3/2;padding:10px;background:#fadc05;border:3px solid #23282b;border-radius:6px}.PortalScreens_custom__UULRC svg{width:100%;height:auto}.PortalScreens_custom__UULRC p{font-size:clamp(12px,2vw,17px);font-weight:800;line-height:1.05;letter-spacing:.02em;text-transform:uppercase;color:#23282b}.PortalScreens_orders__G8sLN{list-style:none;display:grid;padding:10px 14px 14px}.PortalScreens_orders__G8sLN li{display:grid;grid-template-columns:8ch minmax(0,1fr) minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding-block:8px;-webkit-border-after:1px solid #e2e8f0;border-block-end:1px solid #e2e8f0;font-size:12px}.PortalScreens_orders__G8sLN b{font-family:var(--font-mono);font-size:11px;color:var(--pn)}.PortalScreens_orders__G8sLN em{font-style:normal;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:700;white-space:nowrap;background:#e2e8f0}.PortalScreens_orders__G8sLN em[data-status=in-progress]{background:#dbe7f7;color:#1e509e}.PortalScreens_orders__G8sLN em[data-status=awaiting-po]{background:#fdf1c4;color:#7a5a00}.PortalScreens_orders__G8sLN em[data-status=completed]{background:#d6efe5;color:#0d5c3c}@media (max-width:560px){.PortalScreens_builder__Caa_r{grid-template-columns:minmax(0,1fr)}.PortalScreens_orders__G8sLN li{grid-template-columns:8ch minmax(0,1fr) auto}.PortalScreens_orders__G8sLN li span:nth-of-type(2){display:none}.PortalScreens_grid__fsX_V{grid-template-columns:repeat(2,minmax(0,1fr))}.PortalScreens_checkout__qk0RD,.PortalScreens_product__dGKPJ{grid-template-columns:minmax(0,1fr)}.PortalScreens_big__eNG3g{max-width:220px}}.PortalCase_root__ox1T8{--wide:1100px}.PortalCase_brief__zAQyJ,.PortalCase_part__zhwvi{max-width:var(--wide);margin-inline:auto;padding-inline:var(--pad-x);box-sizing:content-box}.PortalCase_lab__ITJZB{display:flex;align-items:center;gap:var(--space-2);-webkit-margin-after:var(--space-2);margin-block-end:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.PortalCase_lab__ITJZB:before{content:"";width:12px;height:12px;border-radius:3px;border:2px solid var(--ink);background:var(--sky)}.PortalCase_h2__dg2qE{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--track-display);text-wrap:balance;max-width:18ch}.PortalCase_lede__RIAsq{font-size:var(--fs-lead);line-height:1.45;color:var(--ink-2);max-width:58ch;text-wrap:pretty}.PortalCase_root__ox1T8 p:not([class]){font-size:var(--fs-body);line-height:1.6;color:var(--ink-2);text-wrap:pretty;max-width:60ch}.PortalCase_brief__zAQyJ{padding-block:var(--space-5) var(--space-7)}.PortalCase_briefCols__qvGNH{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-gap:var(--space-5);gap:var(--space-5);-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4);align-items:start}.PortalCase_briefCols__qvGNH>div:first-child{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.PortalCase_before__VWnPZ{padding:var(--space-4);background:var(--paper-hi);border:3px solid var(--ink);border-radius:var(--r);box-shadow:var(--print-sm);rotate:.6deg}.PortalCase_beforeLab__z8W8m{display:block;-webkit-margin-after:var(--space-2);margin-block-end:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.PortalCase_before__VWnPZ ul{list-style:none;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.PortalCase_before__VWnPZ li{-webkit-padding-start:22px;padding-inline-start:22px;font-size:var(--fs-small);line-height:1.45;color:var(--ink-2);background:linear-gradient(var(--coral),var(--coral)) 2px .62em /12px 3px no-repeat;-webkit-text-decoration:line-through 1.5px oklch(27.3% .009 234/.35);text-decoration:line-through 1.5px oklch(27.3% .009 234/.35)}.PortalCase_part__zhwvi{display:grid;grid-gap:var(--space-5);gap:var(--space-5);padding-block:var(--space-7);-webkit-border-before:3px solid var(--ink);border-block-start:3px solid var(--ink);scroll-margin-top:80px}.PortalCase_partHead__l347q{display:grid;grid-gap:var(--space-3);gap:var(--space-3);align-content:start}.PortalCase_partHead__l347q .PortalCase_h2__dg2qE{-webkit-text-decoration:underline 6px var(--lead,var(--sky));text-decoration:underline 6px var(--lead,var(--sky));text-underline-offset:.14em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.PortalCase_screens__IXAeo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-5) var(--space-4);gap:var(--space-5) var(--space-4);align-items:start}.PortalCase_screens__IXAeo figure,.PortalCase_shot__CIGDT{margin:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.PortalCase_screens__IXAeo figure:nth-child(2){rotate:.5deg}.PortalCase_note__VQqHK,.PortalCase_screens__IXAeo figcaption,.PortalCase_shot__CIGDT figcaption{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.04em;color:var(--muted)}.PortalCase_wideShot__RN9eY{grid-column:1/-1;width:min(100%,760px);justify-self:center;rotate:-.4deg}.PortalCase_features__KypUH{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));grid-gap:var(--space-4);gap:var(--space-4)}.PortalCase_features__KypUH li{display:grid;grid-gap:var(--space-1);gap:var(--space-1);align-content:start;-webkit-padding-before:var(--space-3);padding-block-start:var(--space-3);-webkit-border-before:3px solid var(--lead,var(--sky));border-block-start:3px solid var(--lead,var(--sky))}.PortalCase_features__KypUH b{font-size:19px;line-height:1.15;letter-spacing:-.01em}.PortalCase_features__KypUH p{font-size:var(--fs-small);line-height:1.5;color:var(--ink-2)}.PortalCase_split__U4lXp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-gap:var(--space-5);gap:var(--space-5);align-items:center}.PortalCase_split__U4lXp[data-flip]{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.PortalCase_split__U4lXp .PortalCase_shot__CIGDT{rotate:.6deg}.PortalCase_split__U4lXp[data-flip] .PortalCase_shot__CIGDT{rotate:-.6deg}.PortalCase_changed__D_bdH{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.PortalCase_changed__D_bdH li{display:grid;grid-gap:var(--space-1);gap:var(--space-1);align-content:start;padding:var(--space-4);background:var(--paper-hi);border:3px solid var(--ink);border-radius:var(--r);box-shadow:var(--print-sm);rotate:calc((mod(var(--i), 3) - 1) * .5deg)}.PortalCase_changed__D_bdH b{font-size:var(--fs-heading);line-height:1.05;letter-spacing:-.02em}.PortalCase_changed__D_bdH span{font-size:var(--fs-small);line-height:1.45;color:var(--ink-2)}.PortalCase_cta__A94_X{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.PortalCase_back__Qf_8f{font-weight:700;-webkit-text-decoration:underline 3px var(--mustard);text-decoration:underline 3px var(--mustard);text-underline-offset:.25em}@media (max-width:900px){.PortalCase_briefCols__qvGNH,.PortalCase_screens__IXAeo,.PortalCase_split__U4lXp,.PortalCase_split__U4lXp[data-flip]{grid-template-columns:minmax(0,1fr)}.PortalCase_changed__D_bdH{grid-template-columns:repeat(2,minmax(0,1fr))}.PortalCase_wideShot__RN9eY{grid-column:auto}.PortalCase_split__U4lXp[data-flip] .PortalCase_shot__CIGDT{order:2}}@media (max-width:520px){.PortalCase_changed__D_bdH{grid-template-columns:minmax(0,1fr)}}