.qa .oc-case{--oc-red:#852334;--oc-line:#d8d3cc;color:#201e1c;background:#faf8f3;padding-bottom:1px}.qa .oc-case *{box-sizing:border-box}.qa .oc-case figure{margin:0}.qa .oc-case img{width:100%;height:auto;display:block}.qa .oc-case figcaption,.qa .oc-small{color:#65605a;padding:12px 0;font-size:12px;line-height:1.65}.qa .oc-case>figure figcaption{padding:12px 6vw}.qa .oc-case a:focus-visible,.qa .oc-case summary:focus-visible,.qa .oc-case video:focus-visible{outline-offset:5px;outline:3px solid #a73b50}.qa .oc-case a:hover{text-underline-offset:5px;text-decoration:underline}.qa .oc-case h1,.qa .oc-case h2,.qa .oc-case h3{letter-spacing:-.055em;color:inherit;margin:20px 0;font-weight:500;line-height:1.06}.qa .oc-case h1{font-size:clamp(42px,5.6vw,90px)}.qa .oc-case h2{font-size:clamp(34px,4.2vw,66px)}.qa .oc-case em{font-family:var(--qa-serif),Georgia,serif;font-weight:400}.qa .oc-case p{line-height:1.7}.qa .oc-label{color:var(--oc-red);letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:600}.qa .oc-intro{padding:150px 6vw 60px}.qa .oc-intro>.oc-link{margin-bottom:45px;font-size:13px}.qa .oc-link{border-bottom:1px solid;align-items:center;gap:15px;padding:12px 0;display:inline-flex}.qa .oc-intro-row{justify-content:space-between;align-items:end;gap:35px;margin-top:35px;display:flex}.qa .oc-intro-row p{color:#625b54;max-width:700px;font-size:18px}.qa .oc-intro-row a{flex-shrink:0}.qa .oc-chapters{border-bottom:1px solid var(--oc-line);justify-content:space-between;gap:22px;padding:25px 6vw;font-size:13px;display:flex}.qa .oc-chapters a{padding:10px 0}.qa .oc-section{padding:75px 6vw;scroll-margin-top:95px}.qa .oc-heading{max-width:900px;margin-bottom:45px}.qa .oc-heading>p:last-child{color:#625b54;max-width:750px;font-size:18px}.qa .oc-person{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:7vw;display:grid}.qa .oc-portrait{padding-top:20px}.qa .oc-portrait img{aspect-ratio:1;object-fit:cover;max-width:600px}.qa .oc-person .oc-lead{font-size:21px;line-height:1.55}.qa .oc-person p:not(.oc-label):not(.oc-lead){color:#625b54}.qa .oc-route{border-top:1px solid var(--oc-line);justify-content:space-between;margin:28px 0;padding:22px 0;font-size:13px;display:flex}.qa .oc-route span+span:before{content:"→";color:var(--oc-red);margin-right:15px}.qa .oc-award{border-left:3px solid var(--oc-red);background:#eee7da;flex-direction:column;gap:20px;padding:30px;display:flex}.qa .oc-award>span{letter-spacing:.08em;font-size:12px}.qa .oc-award strong{letter-spacing:-.04em;font-size:clamp(26px,2.5vw,40px);font-weight:500;line-height:1.15}.qa .oc-award>span:last-child{justify-content:space-between;align-items:center;display:flex}.qa .oc-dark{color:#fff7ed;background:#181415}.qa .oc-dark .oc-label{color:#e6b3b7}.qa .oc-dark .oc-heading>p:last-child,.qa .oc-dark .oc-small,.qa .oc-dark figcaption{color:#c5bcb8}.qa .oc-clips{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:45px 0;display:grid}.qa .oc-clip-image{display:block;position:relative;overflow:hidden}.qa .oc-clip-image img{aspect-ratio:16/9;object-fit:cover;transition:transform .3s}.qa .oc-clip-image:hover img{transform:scale(1.025)}.qa .oc-clip-image>span{color:#fff;background:#131010e8;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px}.qa .oc-clips h3{margin:12px 0;font-size:30px}.qa .oc-clips .oc-label{margin-top:25px;font-size:10px}.qa .oc-clips article>p:not(.oc-label){color:#d0c5c0;font-size:15px}.qa .oc-credit{border-bottom:1px solid #665653;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:inline-flex}.qa .oc-bridge{background:#eee7df;grid-template-columns:1.1fr 1fr;gap:15px 7vw;display:grid}.qa .oc-bridge>.oc-label{grid-column:1/-1}.qa .oc-bridge h2{margin-top:0}.qa .oc-bridge dl>div{border-top:1px solid #c9beb4;padding:17px 0}.qa .oc-bridge dt{font-size:12px;font-weight:600}.qa .oc-bridge dd{color:#625b54;margin:6px 0 0;font-size:15px;line-height:1.6}.qa .oc-screens{background:#e6d9d3;padding:35px 15% 35px 3%;position:relative}.qa .oc-screens>figure{box-shadow:0 15px 35px #321a1820}.qa .oc-screens>div{border:5px solid #211a1c;border-radius:18px;width:19%;position:absolute;bottom:12px;right:3%;overflow:hidden;box-shadow:0 15px 30px #0003}.qa .oc-steps{border-top:1px solid var(--oc-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:25px 0;padding:30px 0;list-style:none;display:grid}.qa .oc-steps li{flex-direction:column;gap:12px;display:flex}.qa .oc-steps b{color:var(--oc-red);font-size:12px;font-weight:500}.qa .oc-steps strong{font-size:21px;font-weight:500}.qa .oc-steps span{color:#625b54;font-size:14px;line-height:1.6}.qa .oc-video{border:1px solid #837571}.qa .oc-video video{aspect-ratio:8/5;object-fit:contain;background:#141113;width:100%;display:block}.qa .oc-video figcaption{padding:12px 16px}.qa .oc-pair{grid-template-columns:1fr 1fr;gap:25px;margin:40px 0;display:grid}.qa .oc-demo-title{margin:55px 0 25px!important;font-size:32px!important}.qa .oc-ending{background:#eee0db;margin:20px 6vw 55px;padding:60px 5vw}.qa .oc-ending>p:not(.oc-label){max-width:700px;font-size:18px}.qa .oc-sources{border-top:1px solid var(--oc-line);margin:0 6vw 65px;font-size:13px;line-height:1.7}.qa .oc-sources summary{cursor:pointer;padding:24px 0}.qa .oc-sources li{margin:10px 0}.qa .oc-sources p{color:#625b54;max-width:850px}@media (min-width:1900px){.qa .oc-case{max-width:2000px;margin:auto}}@media (max-width:900px){.qa .oc-person{gap:35px}.qa .oc-clips{gap:18px}.qa .oc-clips h3{font-size:25px}.qa .oc-intro-row{display:block}.qa .oc-chapters{grid-template-columns:1fr 1fr;gap:8px;display:grid}.qa .oc-bridge{gap:25px}}@media (max-width:760px){.qa .oc-intro{padding:115px 6vw 35px}.qa .oc-intro>.oc-link{margin-bottom:30px}.qa .oc-intro-row p,.qa .oc-heading>p:last-child{font-size:16px}.qa .oc-section{padding:48px 6vw}.qa .oc-person,.qa .oc-bridge{display:block}.qa .oc-portrait{max-width:500px;margin-bottom:30px;padding:0}.qa .oc-person .oc-lead{font-size:19px}.qa .oc-clips{grid-template-columns:1fr;gap:38px}.qa .oc-clips h3{font-size:30px}.qa .oc-clip-image{max-width:480px}.qa .oc-heading{margin-bottom:30px}.qa .oc-steps{grid-template-columns:1fr 1fr;gap:25px 18px}.qa .oc-pair{grid-template-columns:1fr;gap:20px;margin:25px 0}.qa .oc-screens{padding-left:0;padding-right:18%}.qa .oc-screens>div{border-width:3px;border-radius:10px;width:23%}.qa .oc-ending{padding:35px 6vw}.qa .oc-ending>p:not(.oc-label){font-size:16px}.qa .oc-case figcaption{font-size:11px}.qa .oc-case h1{font-size:42px}.qa .oc-case h2{font-size:36px}}@media (prefers-reduced-motion:reduce){.qa .oc-clip-image img{transition:none}}
.qa .clos-case{--clos-olive:#49543d;--clos-paper:#f4f2eb;background:var(--clos-paper);color:#22251f;padding-bottom:1px}.qa .clos-case *{box-sizing:border-box}.qa .clos-case figure{margin:0}.qa .clos-case img{width:100%;height:auto;display:block}.qa .clos-case figcaption,.qa .clos-note{color:#62665c;max-width:1000px;padding:12px 0;font-size:12px;line-height:1.6}.qa .clos-case>figure figcaption{padding:12px 5vw}.qa .clos-case a:focus-visible,.qa .clos-case summary:focus-visible,.qa .clos-case video:focus-visible{outline-offset:5px;outline:3px solid #69794f}.qa .clos-intro{padding:150px 6vw 60px}.qa .clos-back{align-items:center;gap:10px;margin-bottom:50px;font-size:13px;display:inline-flex}.qa .clos-label{text-transform:uppercase;letter-spacing:.15em;color:var(--clos-olive);font-size:11px;font-weight:600;line-height:1.6}.qa .clos-case h1,.qa .clos-case h2,.qa .clos-case h3{letter-spacing:-.055em;margin:20px 0;font-weight:500;line-height:1.06}.qa .clos-case h1{max-width:1300px;font-size:clamp(43px,5.6vw,90px)}.qa .clos-case h2{font-size:clamp(34px,4.2vw,66px)}.qa .clos-case em{font-family:var(--qa-serif),Georgia,serif;font-weight:400}.qa .clos-intro-row{justify-content:space-between;align-items:end;gap:40px;margin-top:36px;display:flex}.qa .clos-intro-row p{color:#555b4f;max-width:650px;font-size:18px;line-height:1.65}.qa .clos-intro-row a,.qa .clos-ending a{border-bottom:1px solid;flex-shrink:0;align-items:center;gap:18px;padding:14px 0;display:inline-flex}.qa .clos-chapters{border-bottom:1px solid #cdd0c4;justify-content:space-between;gap:24px;padding:25px 6vw;display:flex}.qa .clos-chapters a{padding:8px 0;font-size:13px}.qa .clos-chapters a:hover{color:#52643c}.qa .clos-brief{grid-template-columns:1.25fr 1fr;gap:16px 70px;padding:90px 6vw;display:grid}.qa .clos-brief>.clos-label{grid-column:1/-1}.qa .clos-brief h2{margin-top:0}.qa .clos-brief p,.qa .clos-brief dd{color:#555b4f;font-size:16px;line-height:1.7}.qa .clos-brief dl>div{border-top:1px solid #cdd0c4;padding:15px 0}.qa .clos-brief dt{font-size:12px;font-weight:600}.qa .clos-brief dd{margin:5px 0 0}.qa .clos-section{padding:70px 5vw;scroll-margin-top:95px}.qa .clos-heading{max-width:920px;margin-bottom:45px}.qa .clos-heading>p:last-child{color:#555b4f;max-width:700px;font-size:18px;line-height:1.7}.qa .clos-screen-stage{background:#dadbcc;padding:30px 14% 30px 3%;position:relative}.qa .clos-screen-stage>figure{box-shadow:0 15px 40px #20251f25}.qa .clos-phone{border:5px solid #25271f;border-radius:20px;width:19%;position:absolute;bottom:12px;right:3%;overflow:hidden;box-shadow:0 15px 30px #0003}.qa .clos-pair{grid-template-columns:1fr 1fr;gap:24px;margin:38px 0;display:grid}.qa .clos-path{border-top:1px solid #cdd0c4;justify-content:space-between;gap:20px;margin-bottom:35px;padding:25px 0;display:flex}.qa .clos-path span{font-size:14px}.qa .clos-process{background:#e5e7dc}.qa .clos-image-lead{grid-template-columns:1.3fr 1fr;align-items:center;gap:20px;margin-top:30px;display:grid}.qa .clos-gallery{border-top:1px solid #bfc5b5;margin-top:30px}.qa .clos-gallery summary{cursor:pointer;justify-content:space-between;padding:27px 0;font-size:21px;list-style:none;display:flex}.qa .clos-gallery>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.qa .clos-gallery img{aspect-ratio:4/3;object-fit:cover}.qa .clos-dark{color:#fff;background:#252c23}.qa .clos-dark .clos-label{color:#cbd6b9}.qa .clos-dark .clos-heading>p:last-child,.qa .clos-dark .clos-note,.qa .clos-dark figcaption{color:#c7cebf}.qa .clos-facts{gap:70px;margin:35px 0;display:flex}.qa .clos-facts>div{flex-direction:column;gap:10px;display:flex}.qa .clos-facts strong{letter-spacing:-.05em;font-size:54px;font-weight:400}.qa .clos-facts span{font-size:13px}.qa .clos-video{border:1px solid #b8bdae}.qa .clos-video video{aspect-ratio:8/5;object-fit:contain;background:#171b15;width:100%;display:block}.qa .clos-video figcaption{padding:12px 16px}.qa .clos-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:32px 0;display:grid}.qa .clos-three b{font-size:17px;font-weight:500}.qa .clos-three p{opacity:.8;font-size:15px;line-height:1.7}.qa .clos-dark>.clos-note{margin-bottom:35px}.qa .clos-demo-heading{justify-content:space-between;align-items:center;gap:25px;margin:42px 0 20px;display:flex}.qa .clos-demo-heading h3{font-size:30px}.qa .clos-demo-heading span{color:#62665c;font-size:12px}.qa .clos-ending{background:#dde2ce;margin:30px 5vw 80px;padding:65px 5vw}.qa .clos-ending>p:not(.clos-label){max-width:650px;font-size:18px;line-height:1.7}.qa .clos-ending>div{gap:45px;margin-top:30px;display:flex}@media (min-width:1700px){.qa .clos-case{max-width:2000px;margin:auto}}@media (max-width:760px){.qa .clos-intro{padding:115px 6vw 35px}.qa .clos-back{margin-bottom:30px}.qa .clos-intro-row{margin-top:25px;display:block}.qa .clos-intro-row p{font-size:16px}.qa .clos-chapters{grid-template-columns:1fr 1fr;gap:8px;display:grid}.qa .clos-brief{padding:50px 6vw;display:block}.qa .clos-brief h2{margin-top:20px}.qa .clos-section{padding:48px 5vw}.qa .clos-heading{margin-bottom:28px}.qa .clos-heading>p:last-child{font-size:16px}.qa .clos-pair{grid-template-columns:1fr;gap:18px;margin:25px 0}.qa .clos-path{grid-template-columns:1fr 1fr;gap:18px;display:grid}.qa .clos-phone{border-width:3px;border-radius:10px;width:23%}.qa .clos-screen-stage{padding-left:0;padding-right:17%}.qa .clos-image-lead{gap:12px}.qa .clos-gallery>div{grid-template-columns:1fr 1fr;gap:15px}.qa .clos-gallery summary{font-size:17px}.qa .clos-facts{justify-content:space-between;gap:15px}.qa .clos-facts strong{font-size:40px}.qa .clos-facts span{font-size:11px}.qa .clos-three{grid-template-columns:1fr;gap:10px}.qa .clos-demo-heading{display:block}.qa .clos-demo-heading h3{font-size:26px}.qa .clos-ending{margin-bottom:40px;padding:35px 6vw}.qa .clos-ending>div{flex-direction:column;align-items:start;gap:10px;display:flex}.qa .clos-case figcaption{font-size:11px}.qa .clos-video video{aspect-ratio:8/5}.qa .clos-case h1{font-size:42px}.qa .clos-case h2{font-size:34px}}.qa .clos-site-details img{aspect-ratio:auto;object-fit:contain}.qa .clos-site-details>div{grid-template-columns:1fr 1fr}@media (max-width:760px){.qa .clos-site-details>div{grid-template-columns:1fr}}
