.f-service-showcases{max-width:1600px;margin:0 auto;padding:70px 4vw 90px;background:#f1f2f3;color:#141713;scroll-margin-top:90px;font-family:Arial,Helvetica,sans-serif}.f-service-showcase-title{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;margin-bottom:40px}.f-service-showcase-title small{grid-column:1/-1;font:10px monospace;letter-spacing:.08em}.f-service-showcase-title h2{font:500 clamp(38px,4vw,65px)/1 Arial!important;letter-spacing:-.06em!important;margin:0!important}.f-service-showcase-title p{align-self:end;font-size:14px;line-height:1.6;margin:0}.f-service-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#c9cec6;border:1px solid #c9cec6}.f-service-case{padding:30px;text-align:left;color:#141713;background:#f1f2f3;border:0;border-radius:0;cursor:pointer;min-height:250px;display:flex;flex-direction:column;align-items:start;gap:22px;transition:background .25s}.f-service-case:hover{background:#e8ece6}.f-service-case small{font:9px monospace;color:#747d72;letter-spacing:.08em}.f-service-case h3{font:500 26px/1.1 Arial!important;letter-spacing:-.04em!important;margin:0!important}.f-service-case p{font:13px/1.6 Arial;max-width:270px;margin:0}.f-service-case>span{margin-top:auto;font:11px Arial}.f-service-disclosure{font:10px/1.5 Arial;color:#737b70;margin:22px 0 0}.f-service-dialog{width:min(1060px,95vw);max-height:94vh;padding:0;border:0;background:#f1f2f3;color:#111;font-family:Arial,Helvetica,sans-serif}.f-service-dialog::backdrop{background:#18231e88;backdrop-filter:blur(10px)}.f-service-close{position:absolute;top:15px;right:18px;z-index:5;border:0;border-radius:50%;width:32px;height:32px;font:24px Arial;background:#f1f2f3;cursor:pointer}.f-service-body{display:grid;grid-template-columns:1fr 1.1fr;min-height:600px}.f-service-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:35px;background:linear-gradient(145deg,#e3e8e1,#f1f2f3);overflow:hidden}.f-service-visual:empty{display:none}.f-service-visual .casting-photo{width:100%;aspect-ratio:1!important;background-color:transparent!important}.f-service-persona{position:absolute;bottom:30px;left:30px;font:10px monospace;color:#596653}.f-service-visual:not(:has(.casting-photo)):before{content:'F030';font:500 85px Arial;letter-spacing:-.1em;color:#b7c1b1}.f-service-panel{padding:55px 38px 35px;display:flex;flex-direction:column;align-items:start;gap:20px}.f-service-panel>small{font:9px monospace;color:#788271;letter-spacing:.08em}.f-service-panel h2{font:500 45px/1 Arial!important;letter-spacing:-.06em!important;margin:0!important}.f-service-intro{font:14px/1.5 Arial;margin:0;max-width:380px}.f-service-state{font:10px/1.5 Arial;color:#788271;margin:0}.f-service-conversation{width:100%;min-height:150px;background:#fff9;padding:24px;box-sizing:border-box;border:1px solid #d7ddd1}.f-service-step{font:9px monospace;color:#7b8772}.f-service-conversation>p{font:17px/1.6 Arial;letter-spacing:-.02em;margin:18px 0 0}.f-service-controls{display:flex;justify-content:space-between;width:100%;gap:10px}.f-service-panel button{font:11px Arial;padding:12px 15px;background:transparent;border:1px solid #aeb9a5;border-radius:0;cursor:pointer;color:#111}.f-service-panel button:disabled{opacity:.45;cursor:default}.f-service-panel button.f-service-primary{background:#111;color:#fff;border-color:#111}.f-service-panel .f-service-read{border:0;padding:0;color:#58694b}.f-service-panel details{font:11px/1.6 Arial;color:#66735d;width:100%}.f-service-panel summary{cursor:pointer}.f-service-panel details small{font-size:10px}.f-service-panel .f-service-live{margin-top:5px;background:#dae4d1;border-color:#a8b999;width:100%;text-align:center;padding:15px}.f-service-live-status{font:10px/1.5 Arial;color:#75816c;margin:0}.f-service-panel .f-service-ojin{display:block;width:100%;min-height:360px}.f-service-live-visual{opacity:.5}.casting-dialog .f-service-entry{border:1px solid #10210c;background:#e0e7d9;color:#182814;font:12px Arial;padding:13px 18px;cursor:pointer;border-radius:0}.f-service-case:focus-visible,.f-service-panel button:focus-visible{outline:2px solid #1a47ff;outline-offset:4px}
@media(max-width:750px){.f-service-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.f-service-showcase-title{grid-template-columns:1fr}.f-service-showcase-title p{max-width:370px}.f-service-body{grid-template-columns:1fr}.f-service-visual{max-height:230px;padding:20px}.f-service-visual .casting-photo{width:220px;max-width:100%;height:220px;aspect-ratio:1}.f-service-visual:has(.casting-photo){height:240px}.f-service-panel{padding:35px 25px;gap:18px}.f-service-panel h2{font-size:38px!important}.f-service-conversation>p{font-size:16px}.f-service-visual:has(.casting-photo) .f-service-persona{left:20px;bottom:15px}.f-service-case{padding:25px;min-height:260px}.f-service-case h3{font-size:23px!important}}
@media(max-width:450px){.f-service-case-grid{grid-template-columns:1fr}.f-service-case{min-height:225px}.f-service-showcases{padding:45px 5vw}.f-service-showcase-title h2{font-size:40px!important}}