.case-cover--media{position:relative;background:#15202e!important;aspect-ratio:16/9}.case-cover--media .case-cover-photo{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;opacity:1!important}.kuma-case-gallery{margin:0 0 48px;padding:28px 0;border-bottom:1px solid var(--line,#ccc)}.kuma-case-gallery>h2{font-size:1.5rem;margin-bottom:12px}.kuma-case-gallery>p{line-height:1.8;font-size:.9rem}.kuma-case-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.kuma-case-gallery-grid figure{margin:0;min-width:0}.kuma-case-gallery-grid a{display:block;border:1px solid #ccd3d9;background:#fff}.kuma-case-gallery-grid a:focus-visible{outline:3px solid #286a92;outline-offset:4px}.kuma-case-gallery-grid img{display:block;width:100%;height:auto}.kuma-case-gallery-grid figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.8rem;line-height:1.7;padding:10px 0}.kuma-case-gallery-grid figcaption span{color:#47687a}.kuma-gallery-note{color:#62717a}@media(max-width:760px){.kuma-case-gallery-grid{grid-template-columns:1fr}.kuma-case-gallery{padding-top:12px}}.project-case-fit{margin:28px 0;padding:24px;background:#eef2f3;border-left:3px solid #b79561}.project-case-fit h2{font-size:1.15rem;margin:0 0 10px}.project-case-fit p{margin:0;line-height:1.9}.project-section-copy ul{padding-left:1.5em}.project-section-copy li+li{margin-top:.65em}.project-case-fit{min-width:0}.project-case-fit :is(h2,p),.kuma-case-gallery :is(h2,p,figcaption),.project-section-copy{line-break:strict;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}@media(max-width:760px){.project-case-fit{padding:20px 16px}.project-case-fit h2{font-size:1.0625rem}.project-case-fit p{font-size:1rem}}@supports (word-break:auto-phrase){.project-section-copy :is(p,li),.project-outcome p,.project-case-fit p,.project-scope p{word-break:auto-phrase}}.page-wrap:has(>.project-case-layout){padding-bottom:28px}.project-case-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-rows:auto 1fr;column-gap:clamp(32px,4.5vw,64px);row-gap:28px;align-items:start;padding-top:44px}.project-case-layout>.project-case-heading{grid-column:2;grid-row:1;padding:0;margin:0;max-width:none;min-width:0;display:block}.project-case-layout>.project-body{grid-column:2;grid-row:2;width:100%;max-width:none;min-width:0;margin:0}.project-case-layout>.project-case-media{grid-column:1;grid-row:1 / span 2;min-width:0;margin:0;align-self:start}.project-case-layout .project-section{display:block;padding:30px 0}.project-case-layout .project-section h2{margin-bottom:16px}.project-case-layout .project-section-copy{max-width:none}.project-case-layout .project-insight{padding:24px}.project-case-layout .project-insight-heading{display:block}.project-case-layout .project-insight-heading h2{font-size:1.375rem;margin-top:8px}.project-case-layout .project-insight-grid{grid-template-columns:1fr;gap:20px}.project-case-layout .project-demo{display:block}.project-case-layout .project-demo .action{margin-top:18px}.project-case-media-label{font-size:.8125rem;letter-spacing:.04em;color:var(--muted);margin:0 0 12px}.project-case-media-frame{display:block;background:#fff;border:1px solid var(--line);overflow:hidden}.project-case-media-frame img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto;opacity:1}.project-case-media-open{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}.project-case-media-note{font-size:.8125rem;line-height:1.8;color:var(--muted);margin:0}.project-case-media :is(p,a){line-break:strict;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}.project-case-layout .kuma-case-gallery-grid{grid-template-columns:1fr}@media(min-width:1001px){.project-case-media:not(.project-case-media--full){position:sticky;top:104px}}@media(max-width:1000px){.project-case-layout{display:flex;flex-direction:column;gap:28px;padding-top:32px}.project-case-layout>.project-case-heading,.project-case-layout>.project-case-media,.project-case-layout>.project-body{width:100%}.project-case-layout>.project-case-media{max-width:640px}.project-case-layout .project-case-heading h1{font-size:clamp(1.5rem,4.5vw,2rem)}.project-case-media--full .project-case-media-frame{max-height:240px;position:relative}.project-case-media--full .project-case-media-frame:after{content:"";position:absolute;inset:auto 0 0;height:48px;background:linear-gradient(transparent,#f4f5f6);pointer-events:none}}@media(max-width:480px){.project-case-layout{gap:24px;padding-top:24px}.project-case-layout .project-insight{padding:24px 18px}.project-case-media--full .project-case-media-frame{max-height:200px}}.project-case-media-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.project-case-media-heading .project-case-media-label{margin:0}.project-case-media-heading .project-case-media-open{min-height:44px;flex:none;gap:12px}.project-case-media-note{margin-top:12px}@media(max-width:760px){.page-wrap:has(>.project-case-layout)>.breadcrumbs>span:last-child{display:none}.project-case-media--full .project-case-media-frame{max-height:180px}}.project-case-layout :is(.project-insight-grid p,.project-case-media-note,.project-demo p,.agency-case-brief>p,.agency-case-brief h2,.kuma-case-gallery>p,.kuma-gallery-note),.page-wrap:has(>.project-case-layout)~.page-consult p{text-wrap:balance}.project-case-layout .agency-case-brief dl{grid-template-columns:minmax(0,1fr)}.project-case-layout .agency-case-brief{padding:24px}.project-case-layout .agency-case-brief :is(dt,dd){min-width:0;overflow-wrap:break-word;line-break:strict;text-wrap:balance}@supports (word-break:auto-phrase){.project-case-layout :is(.project-insight-grid p,.project-case-media-note,.project-demo p,.agency-case-brief p,.agency-case-brief dd,.kuma-case-gallery p),.page-wrap:has(>.project-case-layout)~.page-consult p{word-break:auto-phrase}}@media(max-width:480px){.project-case-layout .agency-case-brief{padding:20px 16px}.project-case-layout .agency-case-brief dl>div{grid-template-columns:minmax(0,1fr);gap:6px}}.project-case-preview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}.project-case-preview-grid>.project-case-media-frame{max-height:440px;position:relative}.project-case-preview-grid>.project-case-media-frame:after{content:"";position:absolute;inset:auto 0 0;height:40px;background:linear-gradient(transparent,#f4f5f6);pointer-events:none}.project-case-mobile-preview{margin:0;min-width:0}.project-case-mobile-preview figcaption,.project-case-mobile-preview span{display:block;font-size:.8125rem;line-height:1.6;color:var(--muted);margin:0 0 8px}.project-case-mobile-preview a{display:block;border:1px solid var(--line);background:#fff;max-height:360px;overflow:hidden}.project-case-mobile-preview img{display:block;width:100%;height:auto;opacity:1}.project-case-mobile-preview span{margin-top:8px}.project-case-mobile-preview a:focus-visible{outline:3px solid #286a92;outline-offset:3px}@media(max-width:1000px){.project-case-preview-grid{gap:12px}.project-case-mobile-preview a{max-height:180px}.project-case-preview-grid>.project-case-media-frame{max-height:180px}.project-case-mobile-preview figcaption{margin-bottom:6px}.project-case-media:has(.project-case-preview-grid) .project-case-media-note{font-size:.75rem}}.principles--compact article{gap:20px;padding:26px 0;align-items:start}.principles--compact article>span{flex:0 0 4em;white-space:nowrap;padding-top:4px;font-size:.75rem;letter-spacing:.08em;color:var(--accent)}.principles--compact h3{font-size:clamp(1.0625rem,1.35vw,1.25rem);font-weight:600;margin-bottom:10px;line-height:1.65}.principles--compact p{max-width:32em;line-height:1.9}.project-case-media--full .project-case-media-frame,.project-case-media--full .project-case-preview-grid>.project-case-media-frame{max-height:none;overflow:visible}.project-case-media--full .project-case-media-frame:after{content:none;display:none}.project-case-media--full .project-case-media-frame img{height:auto;max-height:none;object-fit:contain}.portfolio.subpage #shopify .catalog-card.catalog-card--cross-border{display:flex;flex-direction:column;grid-column:auto;min-height:0}.portfolio.subpage #shopify .catalog-card--cross-border>.catalog-image{flex:0 0 auto;align-self:stretch;display:block;width:100%;height:auto;min-height:0;aspect-ratio:1500/844;background:#fff;border-right:0;border-bottom:1px solid var(--line)}.portfolio.subpage #shopify .catalog-card--cross-border .catalog-image img{display:block;width:100%;height:auto;aspect-ratio:1500/844;object-fit:contain;object-position:center}@media(max-width:760px){.principles--compact article{gap:16px;padding:22px 0}.principles--compact article>span{flex-basis:3.5em}.principles--compact h3{font-size:1.0625rem}}.project-case-media--full .project-case-mobile-preview a{max-height:none;overflow:visible}.project-case-media--full .project-case-mobile-preview img{height:auto;max-height:none;object-fit:contain}@media(max-width:760px){.service-list{grid-template-columns:minmax(0,1fr)}.service-list>details{min-width:0}.service-trigger>span{min-width:0;overflow-wrap:anywhere}}.project-case-preview-grid{row-gap:8px}.project-case-preview-grid>.project-case-media-label{margin:0;line-height:1.6}
/*# sourceMappingURL=/cdn/shop/t/21/assets/kuma-portfolio-gallery.css.map */