html:has(.cs-page){background:var(--white);color:var(--black)}html:has(.cs-page) body{background:var(--white);color:var(--black)}.cs-page :focus-visible{outline-color:var(--black)}html:has(.cs-page) .stamp{mix-blend-mode:normal;background:var(--black);color:var(--white)}.cs-nav{mix-blend-mode:normal;color:var(--black)}.cs-nav .dot.active{background:var(--black);color:var(--white)}.cs-nav .dot:hover{background:var(--black-12)}.cs-topbar{background:var(--white);z-index:9;pointer-events:none;height:100px;position:fixed;top:0;left:0;right:0}.cs-back{z-index:10;line-height:1;position:fixed;top:41px;right:24px;transform:translateY(-50%)}.cs-page{padding:140px var(--pad-right) 80px var(--pad-x)}.cs-page-head{margin-bottom:var(--sp-64);opacity:var(--muted)}.cs-title-block{margin-bottom:var(--sp-60)}.cs-title-block .case-tags{margin-bottom:var(--sp-16)}.cs-title-block h1{text-transform:uppercase;letter-spacing:var(--ls-snug);margin-bottom:var(--sp-16);font-size:clamp(2.5rem,6vw,6rem);font-weight:700;line-height:1}.cs-title-block .case-desc{max-width:640px}.cs-image-block{border:1px solid var(--black);width:min(100%,133.333svh - 306.667px);margin-inline:auto}.cs-image-block img{width:100%;height:auto;display:block}.cs-story{align-items:center;gap:var(--sp-60);flex-direction:column;display:flex}.cs-story>.cs-wide,.cs-intro,.cs-block-head,.cs-results-title,.cs-results{width:100%}.cs-wide{border:1px solid var(--black);position:relative;overflow:hidden}.cs-wide img,.cs-figure img,.cs-symbol-img img,.cs-crop img{width:100%;height:100%;display:block;position:absolute;inset:0}.cs-wide img{object-fit:cover}.cs-figure img,.cs-symbol-img img{object-fit:contain}.cs-header{aspect-ratio:1077/600}.cs-result{aspect-ratio:1077/350}.cs-crop{position:absolute}.cs-crop img{object-fit:fill}.cs-text{font-size:var(--fs-body);line-height:1.6}.cs-intro{gap:var(--sp-36);flex-direction:column;display:flex}.cs-keywords,.cs-symbols{list-style:none}.cs-keywords{flex-wrap:wrap;gap:10px;display:flex}.cs-block-head{gap:var(--sp-8);flex-direction:column;display:flex}.cs-block-head h2{font-size:var(--fs-heading);letter-spacing:var(--ls-snug);font-weight:700;line-height:1.15}.cs-figure{width:100%;position:relative}.cs-figure-framed{border:1px solid var(--black)}.cs-symbols{grid-template-columns:repeat(2,max-content);justify-content:center;place-items:end center;gap:60px 146px;display:grid}.cs-symbols li{align-items:center;gap:var(--sp-24);flex-direction:column;display:flex}.cs-symbol-img{width:var(--size,200px);aspect-ratio:1;position:relative}.cs-caption{font-size:var(--fs-body);text-align:center;white-space:nowrap;text-wrap:balance;line-height:1.6}.cs-palette{justify-content:space-between;align-items:center;gap:10px;display:flex}.cs-palette .cs-text{flex:1}.cs-swatches{flex-direction:column;align-items:center;gap:20px;display:flex}.cs-swatch-row{justify-content:center;gap:10px;display:flex}.cs-swatch{border:1px solid var(--black);width:100px;height:100px}.cs-results-title{letter-spacing:var(--ls-snug);text-transform:uppercase;font-size:2.8rem;font-weight:700;line-height:1.02}.cs-results{gap:var(--sp-36);flex-direction:column;display:flex}.cs-result-squares{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cs-square{aspect-ratio:1}.cs-extra{margin-top:var(--sp-96)}.cs-extra-head{margin-bottom:var(--sp-60)}.cs-group{gap:var(--sp-60);flex-direction:column;width:100%;display:flex}.cs-block-head h3{font-size:var(--fs-heading);letter-spacing:var(--ls-snug);font-weight:700;line-height:1.15}.cs-media-row{justify-content:center;align-items:flex-end;gap:var(--sp-60);list-style:none;display:flex}.cs-media-row li{align-items:center;gap:var(--sp-24);flex-direction:column;display:flex}.cs-media{height:var(--h,540px);position:relative}.cs-media img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.cs-media-framed{border:1px solid var(--black)}.cs-pager{justify-content:space-between;gap:var(--sp-12);margin-top:var(--sp-96);padding-top:var(--sp-24);border-top:1px solid var(--black);display:flex}.cs-pager .btn{white-space:nowrap;margin-top:0}.cs-pager-next{margin-left:auto}html:has(.cs-page){scroll-padding-top:140px}.cs-guidelines{margin-top:var(--sp-96)}.cs-gl-head{margin-bottom:var(--sp-24);align-items:center;gap:var(--sp-16)}.cs-gl-controls{align-items:center;gap:var(--sp-12);display:flex}.cs-gl-counter{text-align:center;min-width:7ch;opacity:var(--muted)}.cs-gl-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border:1px solid var(--black);display:flex;overflow-x:auto}.cs-gl-track::-webkit-scrollbar{display:none}.cs-gl-slide{scroll-snap-align:start;scroll-snap-stop:always;aspect-ratio:4/3;background:var(--white);flex:0 0 100%;max-height:calc(100svh - 230px)}.cs-gl-slide img{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:768px),screen and (orientation:landscape) and (max-height:500px){.cs-page{padding:148px 6vw 60px}.cs-image-block{width:100%}.cs-story{gap:var(--sp-40)}.cs-intro{gap:var(--sp-24)}.cs-keywords .chip--lg{font-size:var(--fs-12);padding:7px 12px}.cs-symbols{gap:var(--sp-32) var(--sp-24);grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.cs-symbols li{gap:var(--sp-12)}.cs-symbol-img{width:min(var(--size,200px), 100%)}.cs-caption{white-space:normal;font-size:.95rem}.cs-palette{flex-direction:column;align-items:flex-start;gap:20px}.cs-swatches{align-items:flex-start;gap:var(--sp-8)}.cs-swatch-row{gap:var(--sp-8)}.cs-swatch{width:56px;height:56px}.cs-results-title{font-size:2rem}.cs-results{gap:var(--sp-16)}.cs-pager{margin-top:var(--sp-64);flex-wrap:wrap}.cs-extra{margin-top:var(--sp-64)}.cs-extra-head{margin-bottom:var(--sp-40);gap:var(--sp-8);flex-wrap:wrap}.cs-group{gap:var(--sp-32)}.cs-media-row{gap:var(--sp-24) var(--sp-16);flex-wrap:wrap;width:100%}.cs-media-row li{gap:var(--sp-12);flex:1 1 0;min-width:0}.cs-media-row li.is-wide{flex-basis:100%}.cs-media-row li:not(.is-wide){max-width:calc(50% - var(--sp-8))}.cs-media{width:100%;height:auto}.cs-pager .btn{padding:10px 12px}.cs-result-squares{gap:var(--sp-6)}.cs-topbar{height:124px}.cs-page-head,.cs-title-block{margin-bottom:var(--sp-40)}.cs-nav{justify-content:flex-start;align-items:center;gap:var(--sp-8);font-size:var(--fs-11);scrollbar-width:none;flex-direction:row;display:flex;top:80px;left:24px;right:24px;overflow-x:auto;transform:none}.cs-nav::-webkit-scrollbar{display:none}.cs-nav .dot{white-space:nowrap;flex-shrink:0;padding:7px 10px;line-height:1}.cs-nav .cs-home{display:none}html:has(.cs-page){scroll-padding-top:164px}.cs-gl-slide{max-height:none}.cs-guidelines{margin-top:var(--sp-64)}.cs-gl-head{flex-wrap:wrap}}@media (max-width:480px){.cs-nav{justify-content:space-between}}
