/* RibitTova typography, rhythm and framing, with the original portfolio content. */
body.uwp-case .uw-home{background:#111 url('/img/bg-faq-01.jpg') repeat}
body.uwp-case .uw-home .cs-cv:empty,body.uwp-case .uw-home .pas:empty{display:none}
body.uwp-case .uw-home .cs-cv{aspect-ratio:auto}
body.uwp-case .uw-home .cs-cv img{height:auto;max-height:78vh;object-fit:contain}
body.uwp-case .uw-home .pas{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
body.uwp-case .uw-home .uwp-passport-value{margin-top:12px;font-size:20px;line-height:1.5}
body.uwp-case .uw-home .uwp-passport-value :is(ul,li){padding:0;margin:0;list-style:none}
body.uwp-case .uw-home .uwp-passport-value a{font-size:inherit;direction:inherit}
body.uwp-case .uw-home .stp{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));row-gap:40px}
body.uwp-case .uw-home #story .lead{color:#fff}
body.uwp-case .uw-home .uwp-work-content{position:relative;color:#fff;font-family:var(--font-sans);line-height:1.6}
body.uwp-case .uw-home .uwp-work-content :is(section,article,div,picture,figure){box-sizing:border-box;float:none;min-width:0;max-width:100%}
body.uwp-case .uw-home .uwp-work-content :is(.wrapper,.container,.wrap,.wrap-content,.full-container){width:auto;max-width:none;margin:0;padding:0}
body.uwp-case .uw-home .uwp-work-content>.wrapper,
body.uwp-case .uw-home .uwp-work-content>:is(section,.bg-content,.wo-faq,.seoText,#FAQEnd),
body.uwp-case .uw-home .uwp-work-content>div:not(.wrapper),
body.uwp-case .uw-home .uwp-work-content :is(#GalleryPost,.GalleryPostPhrase,.SEOCasePostWords,.SEOCasePostInfo,.SEOCasePostProgress,.SEOCasePostDesc,.SEOCasePostMore,.FBLOrdered,.BPC-List,.BPC-Content,.BPC-Conclusion,.BlogResult){width:calc(100% - 80px);max-width:1360px;margin:0 auto var(--sp-sec);padding:0;background:transparent;color:inherit}
body.uwp-case .uw-home .uwp-work-content :is(.CaseDesignPost,.BlogMain,.uwp-results-body,.main-content){width:auto;max-width:none;margin:0;padding:0;background:transparent}
body.uwp-case .uw-home #home-main .uwp-work-content>:is(.CaseDesignPost,.BlogMain,.uwp-results-body),body.uwp-case .uw-home #home-main .uwp-work-content .main-content{width:100%;max-width:none;margin:0;padding:0}
body.uwp-case .uw-home .uwp-work-content :is(h2,.wo-proc-title,#BestWorkPostAbout>.title-wr strong){display:block;font:500 clamp(30px,4vw,60px)/1.12 var(--font-sans);letter-spacing:-.02em;color:#fff;margin:0 0 var(--sp-head);text-transform:none}
body.uwp-case .uw-home .uwp-work-content :is(h3,h4){font:500 clamp(22px,2vw,30px)/1.25 var(--font-sans);margin:0 0 20px;color:#fff;text-transform:none}
body.uwp-case .uw-home .uwp-work-content p{font:inherit;margin:0 0 20px;color:inherit}
body.uwp-case .uw-home .uwp-work-content :is(a,button){color:inherit}
body.uwp-case .uw-home .uwp-work-content a:hover{color:#9aaaff}
body.uwp-case .uw-home .uwp-work-content :is(a,button,summary):focus-visible{outline:2px solid #afdcfc;outline-offset:5px}
body.uwp-case .uw-home .uwp-work-content :is(img,video,iframe){max-width:100%;height:auto}
body.uwp-case .uw-home .uwp-work-content picture{display:block}
body.uwp-case .uw-home .uwp-work-content img{display:block;width:100%;object-fit:contain;border-radius:10px}
body.uwp-case .uw-home .uwp-work-content .animateme{opacity:1!important;transform:none!important}
body.uwp-case .uw-home .uwp-work-content :is(.uweb-logo,.wo-proc-circle,.BestWorkPostDoublePhoneBG,.BestWorkBGandPhoto .bg){display:none}
body.uwp-case .uw-home .uwp-work-content :is(.BestWorkPostPhotoDouble,.BestWorkBGandPhoto,.BestWorkLeftRight,.BestWorkPostDoublePhone){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;border-radius:12px;background:transparent!important}
body.uwp-case .uw-home .uwp-work-content :is(.BestWorkPostPhotoDouble,.BestWorkBGandPhoto,.BestWorkPostDoublePhone)>picture{margin:0;border:1px solid var(--ln);border-radius:12px;overflow:clip}
body.uwp-case .uw-home .uwp-work-content .BestWorkPostPhotoDouble>picture:only-child{grid-column:1/-1}
body.uwp-case .uw-home .uwp-work-content :is(.BestWorkPostPhotoDouble,.BestWorkBGandPhoto)>:nth-child(even){margin-top:100px}
body.uwp-case .uw-home .uwp-work-content .BestWorkPostDoublePhone picture{width:80%;justify-self:center}
body.uwp-case .uw-home .uwp-work-content .BestWorkPostMocapInner{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:26px;align-items:start}
body.uwp-case .uw-home .uwp-work-content .BestWorkPostMocapInner>picture:nth-child(even){margin-top:70px}
body.uwp-case .uw-home .uwp-work-content .BestWorkTypographicInner{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.uwp-case .uw-home .uwp-work-content :is(.BestWorkTypographicL,.BestWorkTypographicR){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
body.uwp-case .uw-home .uwp-work-content :is(.TypographicLetter,.TypographicColor){padding:28px;border:1px solid var(--ln);border-radius:10px;background:#151519;min-height:260px}
body.uwp-case .uw-home .uwp-work-content .TypographicLetter>p{font-size:100px;line-height:1.2;margin-bottom:44px}
body.uwp-case .uw-home .uwp-work-content :is(.TypographicLetter ul,.TypographicColor p){padding:0;margin:0;list-style:none;font-size:17px}
body.uwp-case .uw-home .uwp-work-content .TypographicColor span{display:block;width:74px;height:74px;border:1px solid var(--ln2);border-radius:50%;margin-bottom:50px}
body.uwp-case .uw-home .uwp-work-content #BestWorkPostAboutBl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;border-top:1px solid var(--ln);padding-top:32px}
body.uwp-case .uw-home .uwp-work-content #BestWorkPostAboutBl>.BestWorkPostAboutBl{border-inline-start:1px solid var(--ln);padding-inline-start:24px}
body.uwp-case .uw-home .uwp-work-content :is(.BestWorkInfoWithButton,.FBLOrdered,#FAQEnd){border-block:1px solid var(--ln);padding-block:44px!important;font-size:clamp(26px,3vw,44px)}
body.uwp-case .uw-home .uwp-work-content :is(.BestWorkPostMoreTPL,.SEOCasePostMoreTPL,.DesignBestWorkPostMoreTPL){position:relative;display:block;border-top:1px solid var(--ln);padding:28px 0;margin:0;background:transparent;color:inherit}
body.uwp-case .uw-home .uwp-work-content :is(.BestWorkPostMoreTPL,.SEOCasePostMoreTPL,.DesignBestWorkPostMoreTPL) :is(strong,h2){font-size:clamp(28px,4vw,60px);margin:0 0 20px}
body.uwp-case .uw-home .uwp-work-content :is(.BestWorkPostMoreTPLImg,.SEOCasePostMoreTPL img){position:static!important;inset:auto!important;display:block!important;width:min(100%,480px);opacity:1!important;transform:none!important}
body.uwp-case .uw-home .uwp-work-content :is(.wo-faq-wr,.org-desc,.SEOCasePostInfo,.SEOCasePostProgress .d-f,.BPC-List .row){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:60px}
body.uwp-case .uw-home .uwp-work-content .wo-faq-toggle-box{border-top:1px solid var(--ln);padding:24px 0}
body.uwp-case .uw-home .uwp-work-content .wo-faq-toggle-box .title{font-size:24px;line-height:1.3;cursor:pointer;margin:0}
body.uwp-case .uw-home .uwp-work-content .wo-faq-toggle-box .desc{padding-top:20px}
body.uwp-case .uw-home .uwp-work-content .wo-faq-toggle-box .desc[hidden]{display:none}
body.uwp-case .uw-home .uwp-work-content .gal-result{display:grid;grid-template-columns:1fr;gap:28px;margin-top:var(--sp-head)}
body.uwp-case .uw-home .uwp-work-content .gal-result.social{grid-template-columns:repeat(3,minmax(0,1fr))}
body.uwp-case .uw-home .uwp-work-content .gal-result>a{display:block;border-radius:12px;overflow:clip;border:1px solid var(--ln)}
body.uwp-case .uw-home .uwp-work-content .view-type{display:none}
body.uwp-case .uw-home .uwp-work-content :is(.AnotherVersionTop .result,.AnotherVersion,.BlogResult .result){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:32px}
body.uwp-case .uw-home .uwp-work-content .AnotherVersionBG{display:none}
body.uwp-case .uw-home .uwp-work-content .AnotherVersion{width:calc(100% - 80px);max-width:1360px;margin:0 auto var(--sp-sec)}
body.uwp-case .uw-home .uwp-work-content .SEOCasePostWords .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
body.uwp-case .uw-home .uwp-work-content :is(.SEOCasePostInfoL li,.SEOCasePostInfoR li){padding:20px 0;border-top:1px solid var(--ln);list-style:none}
body.uwp-case .uw-home .uwp-work-content .SEOCasePostInfoL strong{display:block;color:var(--mut);font-size:15px;margin-bottom:10px}
body.uwp-case .uw-home .uwp-work-content :is(.table-title,.table-body>div){display:grid;grid-template-columns:1fr 90px;border-bottom:1px solid var(--ln);padding:16px 0;gap:16px}
body.uwp-case .uw-home .uwp-work-content .slider{display:grid;gap:24px}
body.uwp-case .uw-home .uwp-work-content .BPC-Top{width:calc(100% - 80px);max-width:1360px;margin:0 auto var(--sp-sec)}
body.uwp-case .uw-home .uwp-work-content .BPC-Top .tags{padding:24px 0;border-top:1px solid var(--ln)}
body.uwp-case .uw-home .uwp-work-content .BPC-Top .tags h2{font-size:15px;color:var(--mut);margin:0 0 14px}
body.uwp-case .uw-home .uwp-work-content .BPC-Top #GalleryPost{width:auto}
body.uwp-case .uw-home .uwp-work-content :is(table,pre){display:block;overflow-x:auto;max-width:100%}
@media(max-width:1024px){
 body.uwp-case .uw-home .uwp-work-content :is(.wo-faq-wr,.org-desc,.SEOCasePostInfo,.SEOCasePostProgress .d-f,.BPC-List .row){gap:28px}
 body.uwp-case .uw-home .uwp-work-content .BestWorkTypographicInner{grid-template-columns:1fr}
}
@media(max-width:640px){
 body.uwp-case .uw-home .pas{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.uwp-case .uw-home .uwp-work-content>.wrapper,
 body.uwp-case .uw-home .uwp-work-content>:is(section,.bg-content,.wo-faq,.seoText,#FAQEnd),
 body.uwp-case .uw-home .uwp-work-content>div:not(.wrapper),
 body.uwp-case .uw-home .uwp-work-content :is(#GalleryPost,.GalleryPostPhrase,.SEOCasePostWords,.SEOCasePostInfo,.SEOCasePostProgress,.SEOCasePostDesc,.SEOCasePostMore,.FBLOrdered,.BPC-List,.BPC-Content,.BPC-Conclusion,.BlogResult,.AnotherVersion,.BPC-Top){width:calc(100% - 40px)}
 body.uwp-case .uw-home .uwp-work-content :is(.CaseDesignPost,.BlogMain,.uwp-results-body,.main-content){width:auto}
 body.uwp-case .uw-home .uwp-work-content :is(.BestWorkPostPhotoDouble,.BestWorkBGandPhoto,.BestWorkLeftRight,.BestWorkPostDoublePhone,.wo-faq-wr,.org-desc,.SEOCasePostInfo,.SEOCasePostProgress .d-f,.BPC-List .row){grid-template-columns:1fr;gap:24px}
 body.uwp-case .uw-home .uwp-work-content :is(.BestWorkPostPhotoDouble,.BestWorkBGandPhoto)>:nth-child(even){margin-top:0}
 body.uwp-case .uw-home .uwp-work-content .BestWorkPostMocapInner{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding-bottom:24px}
 body.uwp-case .uw-home .uwp-work-content .BestWorkPostMocapInner>picture{flex:0 0 65%;scroll-snap-align:center;margin-top:0!important}
 body.uwp-case .uw-home .uwp-work-content .gal-result.social{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.uwp-case .uw-home .uwp-work-content :is(.BestWorkTypographicL,.BestWorkTypographicR){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.uwp-case .uw-home .uwp-work-content :is(.TypographicLetter,.TypographicColor){padding:16px;min-height:210px}
 body.uwp-case .uw-home .uwp-work-content .TypographicLetter>p{font-size:64px}
}

/* Existing desktop artwork is fully retained in scrollable browser-sized frames. */
body.uwp-case .uw-home .uwp-work-content .BestWorkPostPhotoDouble>picture{height:720px;overflow-y:auto;scrollbar-width:thin}
body.uwp-case .uw-home .uwp-work-content .BestWorkPostPhotoDouble>picture:only-child{height:auto;max-height:78vh}
@media(max-width:1024px){body.uwp-case .uw-home .uwp-work-content .BestWorkPostPhotoDouble>picture{height:560px}}
@media(max-width:640px){body.uwp-case .uw-home .uwp-work-content .BestWorkPostPhotoDouble>picture{height:460px}}