.css-device{margin:0 auto;position:relative}.css-device__image{border-radius:0 0 10px 10px;width:100%;height:auto;margin:0;padding:0;display:block}.css-device--browser{border:2px solid #dfdfdf;border-top-width:36px;border-radius:12px;width:100%}.css-device--browser:before{content:"";background-color:#f36;border-radius:12px;width:10px;height:10px;display:block;position:absolute;top:-24px;left:10px;box-shadow:0 0 #f36,16px 0 #fc9,32px 0 #3f6}.css-device--browser:after{color:#000;white-space:nowrap;text-overflow:ellipsis;content:attr(data-url);background-color:#fff;border-radius:2px;height:18px;padding:0 4px;font:400 11px/18px Arial,sans-serif;display:block;position:absolute;top:-27px;left:62px;right:12px;overflow:hidden}
.case-page{color:#000;background:#fff;min-height:100vh}.case-canvas{width:100%}.case-site-header{opacity:1;visibility:visible}.case-project-head{font-family:var(--font-press-start), DungGeunMo, var(--font-dot-gothic), monospace;text-align:center;flex-direction:column;align-items:center;padding:clamp(140px,11vw,180px) 24px clamp(64px,6vw,92px);display:flex}.case-project-head p{margin:0;font-size:clamp(8px,1vw,13px)}.case-project-head h1{margin:clamp(22px,2.5vw,34px) 0 0;font-size:clamp(48px,5vw,76px);line-height:1}.case-page[data-category=print] .case-project-head h1{word-break:keep-all;font-size:clamp(36px,4vw,60px)}.case-project-head .sns-title:lang(ko){font-family:DungGeunMo,sans-serif}.case-project-head .sns-title:lang(ja){font-family:var(--font-dot-gothic), sans-serif}.case-project-head>a{margin-top:clamp(24px,2.5vw,36px);padding-bottom:7px;font-size:clamp(9px,1vw,13px);transition:transform .18s steps(2,end);position:relative}.case-project-head>a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .24s steps(4,end);position:absolute;bottom:0;left:0;right:0}@media (hover:hover) and (pointer:fine){.case-project-head>a:hover{transform:translateY(-3px)}.case-project-head>a:hover:after{transform:scaleX(.35)}}.case-mockups{background:linear-gradient(145deg,#d4d4d4 0%,#f1f1f1 62%,#c7c7c7 100%);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,.24fr);align-items:end;gap:clamp(16px,2vw,28px);width:min(100% - 64px,1500px);margin:0 auto;padding:clamp(42px,5vw,82px) clamp(20px,4vw,64px) clamp(28px,4vw,58px);display:grid}.case-desktop-device,.case-mobile-device{min-width:0;box-shadow:0 10px 28px #162a431f}.case-mobile-device:before{width:6px;height:6px;top:-22px;left:8px;box-shadow:10px 0 #fc9,20px 0 #3f6}.case-mobile-device:after{left:42px;right:8px}.case-description{width:calc(100% - 48px);max-width:1040px;font:400 clamp(18px, 1.55vw, 28px)/1.55 var(--korean);text-align:center;word-break:keep-all;margin:clamp(52px,6vw,88px) auto 0}.case-description:lang(ja){word-break:normal;line-break:strict;overflow-wrap:anywhere}.case-mockups.case-mockups--scene{background:#f3f3f3;padding:0;display:block;overflow:hidden}.case-device-scene{width:100%;height:auto;display:block}.case-print-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,28px);width:min(100% - 64px,1500px);margin:0 auto;display:grid}.case-print-pair figure{background:#f3f3f3;place-items:center;margin:0;display:grid;overflow:hidden}.case-print-pair--mockups img{aspect-ratio:3/2;object-fit:cover;width:100%;height:100%;display:block}.case-print-pair--artworks{align-items:start;width:min(100% - 48px,1040px);margin-top:clamp(52px,6vw,88px)}.case-print-pair--single{grid-template-columns:minmax(0,1fr);max-width:760px}.case-print-pair--artworks figure{background:0 0}.case-print-pair--artworks img{object-fit:contain;width:auto;max-width:100%;height:min(70vw,760px);display:block;box-shadow:0 20px 54px #1111112e}.case-print-pair--single img{width:100%;height:auto;max-height:none}.case-tools{text-align:center;margin-top:clamp(72px,6vw,96px);padding:0 24px}.case-tools h2{font:400 clamp(16px, 1.35vw, 21px)/1.5 var(--korean);margin:0}.case-style-board{background:#fff;border-top:1px solid #162a432e;gap:30px;width:min(100%,1200px);margin:clamp(32px,4vw,54px) auto 0;padding:clamp(30px,3vw,42px) 0 0;display:grid}.case-colors,.case-style-board ul{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.case-colors span,.case-style-board li{background:#fff;border:1px solid #162a434d;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-size:11px;display:flex}.case-colors i{border:1px solid #162a4340;border-radius:50%;width:22px;height:22px}.case-cta{justify-content:center;margin-top:clamp(72px,7vw,104px);margin-bottom:64px;padding:0 24px;display:flex}.case-cta a{color:#fff;width:min(100%,520px);min-height:72px;font:400 clamp(14px, 1.2vw, 18px)/1 var(--korean);background:#162a43;border:1px solid #162a43;justify-content:center;align-items:center;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end),background-color .12s;display:flex}@media (hover:hover) and (pointer:fine){.case-cta a:hover{box-shadow:4px 4px 0 var(--ice);background:#294967;transform:translate(-2px,-2px)}.case-cta a:active{box-shadow:none;transform:translate(2px,2px)}}.case-footer{color:#fff;background:#162a43;margin-top:clamp(96px,9vw,132px);padding:clamp(40px,5vw,72px) clamp(20px,4vw,58px)}.case-footer div{justify-content:space-between;align-items:center;display:flex}.case-footer strong,.case-footer a{font-size:clamp(12px,1.2vw,17px)}.case-footer small{font:400 12px/1.5 var(--korean);margin-top:clamp(46px,6vw,86px);display:block}@media (max-width:900px){.case-project-head{padding:116px 20px 58px}}@media (max-width:700px){.desktop-break{display:none}.case-description{width:calc(100% - 32px);margin-top:44px;font-size:16px;line-height:1.65}.case-print-pair{width:calc(100% - 24px)}.case-print-pair--artworks{margin-top:36px}.case-project-head h1{margin-top:22px;font-size:min(44px,10vw)}.case-page[data-category=print] .case-project-head h1{font-size:min(36px,8vw)}.case-project-head>a{margin-top:24px}.case-mockups{border-radius:12px;grid-template-columns:minmax(0,1fr);gap:24px;width:calc(100% - 24px);padding:24px 12px 28px}.case-mobile-device{justify-self:center;width:min(52vw,230px)}.case-tools{margin-top:72px;padding:0 16px}.case-tools h2{font-size:15px}.case-style-board{gap:24px;margin-top:28px;padding-top:28px}.case-colors,.case-style-board ul{gap:8px}.case-colors span,.case-style-board li{min-height:36px;padding:8px 11px;font-size:9px}.case-colors i{width:18px;height:18px}.case-cta{margin-top:64px;margin-bottom:40px;padding:0 16px}.case-cta a{min-height:60px;font-size:14px}.case-footer div{align-items:flex-start}.case-footer small{font-size:10px}}