.cmc-thisthat-body{--blue:#50ecd9;--line:#2a3938;--bg:#090f10;--ink:#edf0e9;--muted:#aab7b5}.casett{overflow:clip}.casett p{color:var(--muted);line-height:1.85}.casett .blue{color:var(--blue)}.casett h1,.casett h2,.casett h3{font-family:var(--display);margin:0;letter-spacing:-.035em;line-height:1.02;white-space:pre-line}.casett h2{font-size:clamp(44px,6.3vw,96px)}.casett h3{font-size:clamp(25px,3vw,39px);line-height:1.1}.casett figure{min-width:0;margin:0}.casett figcaption{font:10px/1.6 monospace;letter-spacing:1.2px;color:var(--muted);padding:16px 0;text-transform:none}.casett .case-image{display:block;width:100%;padding:0;background:transparent;border:0;cursor:zoom-in;position:relative}.casett .case-image:after{content:'+';position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;background:#0b1717e8;color:#c6eee8;font:22px/1 monospace;border:1px solid #6f9d96}.casett .case-image img{width:100%;height:auto;display:block}.casett .case-image:hover:after{background:var(--blue);color:var(--bg)}.case-hero{padding:155px 6% 65px;min-height:790px;display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:6%;align-items:center;background:radial-gradient(ellipse at 90% 5%,#16312b88,transparent 58%)}.casett .case-back{display:inline-block;color:var(--muted);font-size:10px;letter-spacing:1.4px;padding-block:10px}.casett .case-back:hover{color:var(--blue)}.case-hero .case-index{font-size:9px;letter-spacing:1.5px;margin:46px 0 25px}.casett .case-hero h1{font-size:clamp(64px,7.7vw,122px);letter-spacing:-.065em;line-height:.8;color:var(--blue);text-transform:none}.case-hero h1 span{display:block;font:10px/1.5 monospace;letter-spacing:3px;margin-top:28px;color:var(--muted)}.case-hero .case-deck{font-family:var(--display);font-size:clamp(30px,3.4vw,49px);line-height:1.05;color:var(--ink);white-space:pre-line;letter-spacing:-.02em;margin:35px 0 20px}.case-hero .case-intro{max-width:460px;font-size:14px}.case-hero .line-link{margin-top:13px}.case-hero-photo{position:relative;padding:14px 14px 0;border:1px solid #43675f;transform:none;background:#101b1b;box-shadow:0 30px 65px #0005}.case-hero-photo:before{content:'';position:absolute;inset:-21px 17px 22px -20px;border:1px solid #24433b;z-index:-1}.case-hero-photo figcaption{font-size:9px;padding-block:18px}.case-jumps{display:flex;flex-wrap:wrap;gap:12px 36px;padding:23px 6%;border-block:1px solid var(--line);background:#0d1818}.case-jumps a{padding:8px 0;font:10px/1.5 monospace;color:#b5c2bf;letter-spacing:1px}.case-jumps a:hover{color:var(--blue)}.case-section{padding:100px 7.2%;scroll-margin-top:95px}.case-section+.case-section{border-top:1px solid var(--line)}.case-heading{margin-bottom:48px}.case-heading .micro{margin:0 0 25px;font-size:10px}.case-heading>p:last-child{max-width:680px;font-size:15px;margin:25px 0 0}.case-scope{display:grid;grid-template-columns:1.3fr .7fr;gap:9%;align-items:center}.case-scope .case-heading{margin:0}.case-scope h2{font-size:clamp(44px,5.2vw,76px)}.case-facts{margin:0}.case-facts>div{padding:21px 0;border-top:1px solid var(--line)}.case-facts dt{font:10px monospace;letter-spacing:1.3px;color:var(--blue);margin-bottom:11px}.case-facts dd{font-size:14px;color:var(--ink);margin:0;line-height:1.8}.case-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.case-photo-grid>figure:nth-child(2){padding-top:65px}.case-photo-grid>figure:nth-child(3){padding-top:130px}.case-lifestyle{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:7%;align-items:center;margin-top:95px}.case-lifestyle h3{white-space:pre-line;font-size:clamp(30px,3.1vw,44px)}.case-lifestyle p{font-size:14px}.case-lifestyle .micro{font-size:9px;margin-bottom:24px}.case-lifestyle .micro:last-child{margin-top:30px;color:#7b9791}.case-web{background:#101b1b}.case-web-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:9%;align-items:center}.case-web .case-heading{margin-bottom:35px}.case-web h2{font-size:clamp(45px,5.3vw,80px)}.case-web-notes article{padding:22px 0;border-top:1px solid #344b45;display:grid;grid-template-columns:28px 1fr;column-gap:15px}.case-web-notes h3{font-size:26px;letter-spacing:-.01em}.case-web-notes .micro{padding-top:5px}.case-web-notes p{grid-column:2;font-size:13px;margin:12px 0 0}.case-detail-photo{padding:13px 13px 0;background:#080f10;border:1px solid #34544b}.case-detail-photo figcaption{font-size:8px}.case-search{background:radial-gradient(ellipse at 0% 100%,#18352b55,transparent 65%)}.case-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.case-service-grid article{border-top:1px solid #4d6f66;padding-top:22px}.case-service-grid h3{font-size:30px;margin:25px 0 17px}.case-service-grid p{font-size:14px;margin-bottom:0}.case-close{background:#132824;position:relative}.case-close h2{font-size:clamp(58px,9vw,130px);color:var(--blue);margin:28px 0 35px}.case-close-row{display:flex;justify-content:space-between;gap:50px;align-items:end}.case-close-row>p{max-width:470px}.case-close-row>div{display:grid;gap:20px;justify-items:start;min-width:210px}.case-close .line-link{border-color:#6ebcaf}.cmc-thisthat-body .reading-progress{background:var(--blue)}
@media(min-width:1650px){.casett .case-section,.casett .case-hero{padding-inline:max(7.2%,calc((100% - 1440px)/2))}}
@media(max-width:900px){.case-hero{gap:4%;padding-inline:6%;min-height:700px}.case-hero .case-index{letter-spacing:.5px}.case-jumps{gap:8px 22px}.case-scope{gap:6%;grid-template-columns:1.1fr .9fr}.case-photo-grid{gap:17px}.casett figcaption{font-size:8px;letter-spacing:.6px}.case-web-grid{gap:6%}.case-service-grid{gap:22px}.case-service-grid h3{font-size:27px}}
@media(max-width:700px){.case-hero{grid-template-columns:1fr;padding:124px 7.2% 52px;gap:45px;min-height:0}.case-hero .case-index{margin:25px 0 24px;font-size:8px}.casett .case-hero h1{font-size:17vw}.case-hero h1 span{font-size:9px;letter-spacing:2px;margin-top:23px}.case-hero .case-deck{font-size:37px;margin-top:29px}.case-hero .case-intro{font-size:14px;max-width:480px}.case-hero-photo{transform:none;padding:9px 9px 0;margin:5px 3px 0}.case-hero-photo figcaption{padding:12px 1px;font-size:8px}.case-hero-photo:before{inset:-14px 13px 14px -11px}.case-jumps{display:grid;grid-template-columns:1fr 1fr;padding:18px 7.2%;gap:4px 18px}.case-jumps a{font-size:9px;letter-spacing:.3px;min-height:38px;display:flex;align-items:center}.case-section{padding-block:65px}.case-heading{margin-bottom:32px}.case-heading .micro{font-size:9px;margin-bottom:22px}.case-heading>p:last-child{font-size:14px;line-height:1.8;margin-top:23px}.case-scope{grid-template-columns:1fr;gap:26px}.case-scope h2{font-size:49px}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.case-facts>div:last-child{grid-column:1/-1}.case-facts dt{font-size:9px}.case-facts dd{font-size:13px}.case-photo-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.case-photo-grid>figure:nth-child(2){padding-top:50px}.case-photo-grid>figure:nth-child(3){padding-top:0;grid-column:1/-1;width:72%;margin:0 auto}.case-lifestyle{grid-template-columns:1fr;gap:20px;margin-top:50px}.case-lifestyle h3{font-size:37px}.case-lifestyle .micro{margin-bottom:18px}.case-web-grid{grid-template-columns:1fr;gap:35px}.case-detail-photo{max-width:430px;width:90%;margin:0 auto}.case-service-grid{grid-template-columns:1fr;gap:30px}.case-service-grid h3{margin:16px 0 13px;font-size:31px}.case-close-row{display:block}.case-close-row>div{margin-top:30px}.case-close h2{font-size:16vw}.casett .case-back{font-size:9px}.case-image:after{width:28px!important;height:28px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.casett *{transition:none!important}}

.casett .case-hero-photo{max-width:440px;width:100%;justify-self:center}
.casett .case-lifestyle{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
.casett .case-lifestyle>figure{max-width:440px;width:100%;justify-self:center}
.casett .case-image:is([data-work-photo="casett-3.webp"],[data-work-photo="casett-4.webp"]){aspect-ratio:1067/1600;overflow:hidden}
.casett .case-image:is([data-work-photo="casett-3.webp"],[data-work-photo="casett-4.webp"])>img{position:absolute;left:50%;top:50%;width:149.953%;height:66.6875%;max-width:none;transform:translate(-50%,-50%) rotate(90deg);object-fit:contain}
.cmc-thisthat-body #image-dialog:has(#full-image:is([src*="cmc-casethisthat-3.webp"],[src*="cmc-casethisthat-4.webp"])){height:92svh;max-height:92svh;width:min(900px,96vw);overflow:hidden;padding:16px}
.cmc-thisthat-body #full-image:is([src*="cmc-casethisthat-3.webp"],[src*="cmc-casethisthat-4.webp"]){position:absolute;top:calc(50% - 37px);left:50%;width:min(calc(92svh - 116px),calc((96vw - 40px)*1.49953));max-width:none;height:auto;max-height:none;transform:translate(-50%,-50%) rotate(90deg)}
.cmc-thisthat-body #image-dialog:has(#full-image:is([src*="cmc-casethisthat-3.webp"],[src*="cmc-casethisthat-4.webp"])) .lightbox-tools{position:absolute;bottom:12px;left:16px;right:16px}
.cmc-thisthat-body #image-dialog .dialog-close{z-index:2}
@media(max-width:700px){.casett .case-lifestyle{grid-template-columns:1fr}.casett .case-hero-photo{max-width:390px}}