*{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff;color:#333}body{font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif;font-size:13px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{height:70px;background:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(0,0,0,.03)}.head-inner{width:min(1170px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand img{max-height:48px;width:auto}.nav{display:flex;align-items:center;gap:34px;font-family:Lato,Arial,sans-serif;font-size:15px;font-weight:300;letter-spacing:.05em}.nav>a,.nav .drop>a{color:#828282}.nav>a:hover,.nav .drop:hover>a,.nav .active{color:#005278}.drop{position:relative}.drop-menu{display:none;position:absolute;right:0;top:22px;min-width:155px;padding:12px 0;background:white;border:1px solid #eee;box-shadow:0 8px 22px rgba(0,0,0,.06)}.drop:hover .drop-menu{display:block}.drop-menu a{display:block;padding:8px 18px;color:#828282;white-space:nowrap}.drop-menu a:hover{color:#005278}.hero-title{padding:40px 20px 20px;text-align:center}.hero-title h1{margin:0;color:#18307f;font-family:Lato,Arial,sans-serif;font-weight:700;font-size:35px;letter-spacing:.01em}.hero-line{width:11px;height:56px;margin:18px auto;background:linear-gradient(to bottom,transparent 0,#18307f 20%,#18307f 80%,transparent 100%);opacity:.55}.hero-title p{margin:4px auto;color:#28324e;font-size:15px;line-height:1.8}.gallery{width:min(1170px,calc(100% - 40px));margin:0 auto 50px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.card figure{margin:0}.thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f5f5f5}.thumb img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);opacity:0;transition:.3s;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}.card:hover .overlay{opacity:1}.card figcaption{padding:15px 8px 18px;border-bottom:1px solid #e2e2e2}.card h5{margin:0;font-weight:300;font-size:12px;color:#505050;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer{padding:20px 70px;background:#1f3a53;color:#aaa;font-family:Lato,Arial,sans-serif;font-size:11px;letter-spacing:.03em}.detail-top{width:min(1170px,calc(100% - 40px));margin:0 auto;padding:15px 0 70px}.detail-controls{display:flex;justify-content:space-between;font-size:11px;color:#888}.detail-title{text-align:center;margin-top:45px}.detail-title h1{font-size:30px;line-height:1.6;margin:0 0 16px;font-family:Pretendard,"Malgun Gothic",sans-serif}.detail-title .client{color:#7c706b;font-size:13px}.detail-content{overflow:hidden}.detail-content .hide{display:block!important}.detail-content .container{width:min(1170px,calc(100% - 40px));margin-left:auto;margin-right:auto}.detail-content img{max-width:100%;height:auto}.detail-content .img-responsive{display:block;max-width:100%;height:auto}.detail-content .row{margin-left:-15px;margin-right:-15px}.detail-content [class*="col-"]{padding-left:15px;padding-right:15px}.detail-content .col-md-6{width:50%;float:left}.detail-content .col-md-12,.detail-content .col-xs-12{width:100%}.detail-content .item{clear:both}.detail-content:after,.detail-content .row:after{content:"";display:block;clear:both}.backlink{cursor:pointer}.creative-view{width:min(1100px,calc(100% - 40px));margin:30px auto 70px}.creative-view img{max-width:100%;margin:auto}.simple-page{width:min(1170px,calc(100% - 40px));margin:30px auto 60px;overflow:hidden}.simple-page .hide{display:block!important}.simple-page img{max-width:100%;height:auto}.simple-page:not(.original-page) .container{width:100%;margin:auto}.simple-page.original-page{width:100%;margin:0;overflow:visible}.simple-page.original-page .dsgn-body{overflow:hidden}.mobile-menu{display:none}
@media(max-width:991px){.gallery{grid-template-columns:repeat(2,1fr)}.detail-content .col-md-6{width:50%}.nav{gap:20px;font-size:13px}.footer{padding-left:30px;padding-right:30px}}
@media(max-width:768px){.site-header{height:60px}.head-inner{width:calc(100% - 24px)}.brand img{max-height:42px}.nav{display:none}.mobile-menu{display:block;font-size:20px}.gallery{grid-template-columns:1fr;width:calc(100% - 30px)}.hero-title h1{font-size:28px}.hero-title p{font-size:13px}.detail-content .col-md-6{width:100%;float:none}.detail-top{padding-bottom:35px}.footer{padding:18px 20px}.drop-menu{display:none!important}}

/* Locally hosted source font used by Creatorlink headings. */
@font-face{font-family:Oswald;src:url('assets/oswald-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('assets/lato-300.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Lato;src:url('assets/lato-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

/* Creatorlink rich-text size classes used throughout the portfolio detail
   exports. They were absent from the standalone detail template, so every
   title such as "전시 시뮬레이션" inherited the 13px body size. */
.fsize13{font-size:13px!important}.fsize14{font-size:14px!important}
.fsize15{font-size:15px!important}.fsize20{font-size:20px!important}
.fsize25{font-size:25px!important}

/* Creatorlink list galleries sit inside the 15px Bootstrap container gutters:
   five 212px thumbnails with four 20px gaps on the 1170px desktop canvas. */
.gallery{padding-left:15px;padding-right:15px}
@media(min-width:992px){.gallery{grid-template-columns:repeat(5,minmax(0,1fr))}.gallery .card{min-width:0}}
@media(min-width:992px){.gallery.creative-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}}

/* Creative Image is a source gallery mode: image tiles intentionally have no
   generated project-name caption underneath. */
.creative-gallery .card figcaption{display:none}

/* The hosted category header uses this transparent 11x56px asset. A CSS
   gradient made the visible blue rule appear much thicker in the export. */
.hero-line{width:11px;height:56px;background:url('images/header_23_line.png') center/11px 56px no-repeat;opacity:1}

/* Preserve the one-line Creatorlink copy for the Webtoon category without
   changing the shared category heading component. */
body:has(.gallery a[href="project-4340000.html"]) .hero-title p:first-of-type{font-size:0}
body:has(.gallery a[href="project-4340000.html"]) .hero-title p:first-of-type::after{content:"복잡한 내용을 읽기 편하게 정리하기 좋은 방식인 웹툰의 형태입니다.";font-size:15px;line-height:1.8}
body:has(.gallery a[href="project-4340000.html"]) .hero-title p:nth-of-type(2){display:none}

/* Match the source navbar's Bootstrap container gutter and link hit areas. */
@media(min-width:769px){
 .head-inner{height:70px;padding-left:15px;padding-right:15px}
 .brand img{max-height:60px}
 .nav{height:70px;gap:0}
 .nav>a,.nav .drop>a{height:70px;padding-left:15px;padding-right:15px;display:flex;align-items:center}
}

/* GBUD layout fidelity patch: restore Creatorlink/Bootstrap grid semantics */
.detail-content .row,
.simple-page .row{display:block;zoom:1}
.detail-content .row::before,.detail-content .row::after,
.simple-page .row::before,.simple-page .row::after{content:" ";display:table}
.detail-content .row::after,.simple-page .row::after{clear:both}
.detail-content [class*="col-"],.simple-page [class*="col-"]{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.detail-content .text-center,.simple-page .text-center{text-align:center!important}
.detail-content .text-left,.simple-page .text-left{text-align:left!important}
.detail-content .text-right,.simple-page .text-right{text-align:right!important}
.detail-content .img-wrap,.detail-content .image-wrap,
.simple-page .img-wrap,.simple-page .image-wrap{max-width:100%}
.detail-content .img-responsive,.simple-page .img-responsive{display:block;max-width:100%;height:auto}

/* XS grid: always active */
.detail-content .col-xs-2,.simple-page .col-xs-2{float:left;width:16.66666667%}
.detail-content .col-xs-6,.simple-page .col-xs-6{float:left;width:50%}
.detail-content .col-xs-10,.simple-page .col-xs-10{float:left;width:83.33333333%}
.detail-content .col-xs-12,.simple-page .col-xs-12{float:left;width:100%}

@media (min-width:768px){
 .detail-content .col-sm-2,.simple-page .col-sm-2{float:left;width:16.66666667%}
 .detail-content .col-sm-4,.simple-page .col-sm-4{float:left;width:33.33333333%}
 .detail-content .col-sm-6,.simple-page .col-sm-6{float:left;width:50%}
 .detail-content .col-sm-10,.simple-page .col-sm-10{float:left;width:83.33333333%}
 .detail-content .col-sm-12,.simple-page .col-sm-12{float:left;width:100%}
}
@media (min-width:992px){
 .detail-content .col-md-1,.simple-page .col-md-1{float:left;width:8.33333333%}
 .detail-content .col-md-3,.simple-page .col-md-3{float:left;width:25%}
 .detail-content .col-md-4,.simple-page .col-md-4{float:left;width:33.33333333%}
 .detail-content .col-md-6,.simple-page .col-md-6{float:left;width:50%}
 .detail-content .col-md-11,.simple-page .col-md-11{float:left;width:91.66666667%}
 .detail-content .col-md-12,.simple-page .col-md-12{float:left;width:100%}
}
@media (min-width:1200px){
 .detail-content .col-lg-6,.simple-page .col-lg-6{float:left;width:50%}
}

/* Matrix image blocks: the source Bootstrap col-xs/sm/md classes define each breakpoint.
   Only cancel Creatorlink's generic item clear, so the original 1/2/3/4-column intent survives. */
.detail-content [data-matrix-column]>.item{float:left;clear:none}

/* Creatorlink matrix-loop spacing. Static detail pages do not load the
   original bootstrap-override rules, so successive image rows had lost their
   40/45/50px vertical rhythm. */
.detail-content [data-matrix-loop="true"]>.item:is(.col-xs-6,.col-xs-4,.col-xs-3,.col-xs-15,.col-xs-2,.col-xs-1){clear:none}
.detail-content [data-matrix-loop="true"]>.item.col-xs-6:nth-child(2n + 3){clear:left}
.detail-content [data-matrix-loop="true"]>.item.col-xs-4:nth-child(3n + 4){clear:left}
.detail-content [data-matrix-loop="true"]>.item.col-xs-3:nth-child(4n + 5){clear:left}
.detail-content [data-matrix-loop="true"]>.item.col-xs-15:nth-child(5n + 6){clear:left}
.detail-content [data-matrix-loop="true"]>.item.col-xs-2:nth-child(6n + 7){clear:left}
.detail-content [data-matrix-loop="true"]>.item.col-xs-1:nth-child(12n + 13){clear:left}
.detail-content [data-matrix-loop="true"]>.item.col-xs-12:nth-child(n + 2){margin-top:40px}
.detail-content [data-matrix-loop="true"]>.item.col-xs-6:nth-child(n + 3){margin-top:40px}
.detail-content [data-matrix-loop="true"]>.item.col-xs-4:nth-child(n + 4){margin-top:40px}
.detail-content [data-matrix-loop="true"]>.item.col-xs-3:nth-child(n + 5){margin-top:40px}
.detail-content [data-matrix-loop="true"]>.item.col-xs-15:nth-child(n + 6){margin-top:40px}
.detail-content [data-matrix-loop="true"]>.item.col-xs-2:nth-child(n + 7){margin-top:40px}
.detail-content [data-matrix-loop="true"]>.item.col-xs-1:nth-child(n + 13){margin-top:40px}
.detail-content [data-matrix-loop="true"]>.item.col-xs-12:nth-child(1){margin-top:0}
.detail-content [data-matrix-loop="true"]>.item.col-xs-6:nth-child(-n + 2){margin-top:0}
.detail-content [data-matrix-loop="true"]>.item.col-xs-4:nth-child(-n + 3){margin-top:0}
.detail-content [data-matrix-loop="true"]>.item.col-xs-3:nth-child(-n + 4){margin-top:0}
.detail-content [data-matrix-loop="true"]>.item.col-xs-15:nth-child(-n + 5){margin-top:0}
.detail-content [data-matrix-loop="true"]>.item.col-xs-2:nth-child(-n + 6){margin-top:0}
.detail-content [data-matrix-loop="true"]>.item.col-xs-1:nth-child(-n + 7){margin-top:0}
@media(min-width:768px){
 .detail-content [data-matrix-loop="true"]>.item.col-xs-6:nth-child(2n + 3),.detail-content [data-matrix-loop="true"]>.item.col-xs-4:nth-child(3n + 4),.detail-content [data-matrix-loop="true"]>.item.col-xs-3:nth-child(4n + 5),.detail-content [data-matrix-loop="true"]>.item.col-xs-15:nth-child(5n + 6),.detail-content [data-matrix-loop="true"]>.item.col-xs-2:nth-child(6n + 7),.detail-content [data-matrix-loop="true"]>.item.col-xs-1:nth-child(12n + 13){clear:none}
 .detail-content [data-matrix-loop="true"]>.item.col-xs-12:nth-child(n + 2){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-xs-6:nth-child(n + 3){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-xs-4:nth-child(n + 4){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-xs-3:nth-child(n + 5){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-xs-15:nth-child(n + 6){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-xs-2:nth-child(n + 7){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-xs-1:nth-child(n + 13){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-6:nth-child(2n + 3){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-4:nth-child(3n + 4){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-3:nth-child(4n + 5){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-15:nth-child(5n + 6){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-2:nth-child(6n + 7){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-1:nth-child(12n + 13){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-12:nth-child(n + 2){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-6:nth-child(n + 3){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-4:nth-child(n + 4){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-3:nth-child(n + 5){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-15:nth-child(n + 6){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-2:nth-child(n + 7){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-1:nth-child(n + 13){margin-top:45px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-12:nth-child(1){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-6:nth-child(-n + 2){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-4:nth-child(-n + 3){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-3:nth-child(-n + 4){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-15:nth-child(-n + 5){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-2:nth-child(-n + 6){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-1:nth-child(-n + 7){margin-top:0}
}
@media(min-width:992px){
 .detail-content [data-matrix-loop="true"]>.item.col-sm-6:nth-child(2n + 3),.detail-content [data-matrix-loop="true"]>.item.col-sm-4:nth-child(3n + 4),.detail-content [data-matrix-loop="true"]>.item.col-sm-3:nth-child(4n + 5),.detail-content [data-matrix-loop="true"]>.item.col-sm-15:nth-child(5n + 6),.detail-content [data-matrix-loop="true"]>.item.col-sm-2:nth-child(6n + 7),.detail-content [data-matrix-loop="true"]>.item.col-sm-1:nth-child(12n + 13){clear:none}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-12:nth-child(n + 2){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-6:nth-child(n + 3){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-4:nth-child(n + 4){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-3:nth-child(n + 5){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-15:nth-child(n + 6){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-2:nth-child(n + 7){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-sm-1:nth-child(n + 13){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-md-6:nth-child(2n + 3){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-md-4:nth-child(3n + 4){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-md-3:nth-child(4n + 5){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-md-15:nth-child(5n + 6){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-md-2:nth-child(6n + 7){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-md-1:nth-child(12n + 13){clear:left}
 .detail-content [data-matrix-loop="true"]>.item.col-md-12:nth-child(n + 2){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-md-6:nth-child(n + 3){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-md-4:nth-child(n + 4){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-md-3:nth-child(n + 5){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-md-15:nth-child(n + 6){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-md-2:nth-child(n + 7){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-md-1:nth-child(n + 13){margin-top:50px}
 .detail-content [data-matrix-loop="true"]>.item.col-md-12:nth-child(1){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-md-6:nth-child(-n + 2){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-md-4:nth-child(-n + 3){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-md-3:nth-child(-n + 4){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-md-15:nth-child(-n + 5){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-md-2:nth-child(-n + 6){margin-top:0}
 .detail-content [data-matrix-loop="true"]>.item.col-md-1:nth-child(-n + 7){margin-top:0}
}

/* The Creatorlink runtime added aos-animate on scroll.  This standalone page has
   no runtime, so preserve the saved masonry positions but keep the gallery visible. */
.userEL15791508,.userEL15791508 *{visibility:visible!important}

/* Creatorlink saved desktop masonry coordinates are absolute.  On smaller
   breakpoints its runtime recalculated them to 3 / 2 columns; use the same
   column counts without allowing the saved desktop coordinates to overlap. */
@media (max-width:991px){
 .userEL15791508 .layout-row{display:block!important;height:auto!important;column-count:3;column-gap:5px}
 .userEL15791508 .layout-row>.grid{position:relative!important;left:auto!important;top:auto!important;width:100%!important;margin:0 0 5px!important;break-inside:avoid}
}
@media (max-width:767px){.userEL15791508 .layout-row{column-count:2;column-gap:3px}.userEL15791508 .layout-row>.grid{margin-bottom:3px!important}}

/* Explicit grid fallback for the saved static export: preserve Creatorlink's
   responsive 3 / 2 column counts when its JS masonry recalculation is absent. */
@media (max-width:991px){
 .userEL15791508 .layout-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;column-count:auto}
 .userEL15791508 .layout-row>.grid{display:block!important;position:static!important;width:auto!important;margin:0!important}
}
@media (max-width:767px){.userEL15791508 .layout-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}}

/* Center title/info blocks and images that were centered by Creatorlink utility classes */
.detail-content figcaption{text-align:inherit}
.detail-content .text-center .img-responsive,
.simple-page .text-center .img-responsive{margin-left:auto;margin-right:auto}
/* Creatorlink's full-width detail items center their intrinsic images.  Do
   not assign a width here: 800px/1000px source artwork stays unscaled. */
.detail-content .img-wrap>.img-responsive{margin-left:auto;margin-right:auto}

/* The source detail canvas is a 1170px Bootstrap container with 15px inner
   gutters, not a bare 1170px image canvas. */
@media(min-width:1200px){
 .detail-content .container{padding-left:15px;padding-right:15px}
 .detail-top{padding-top:35px}
}

/* Source project-detail header rules omitted from the static export. */
.detail-content .page-btn-col{padding:15px 15px 8px}
.detail-content .fsize30{font-size:30px!important;line-height:1.6!important}
.detail-content>.container:first-child .text-center{padding-bottom:8px}
.detail-content>.container:first-child+.container{margin-top:4px}
@media(min-width:768px){
 .detail-content .webtoon-4340000-pages{margin-top:326px}
 .detail-content .webtoon-4340000-pages .item{margin-bottom:50px}
}
/* Original Visual Image project 5925650 header section is 235px tall. */
.detail-content .userEL21056341{min-height:235px}

/* Creatorlink's runtime switched this to body.view-mode.  In the static
   export there is no runtime, so restore document scrolling explicitly. */
body:has(.simple-page.original-page){overflow-y:auto!important}
.simple-page.original-page .dsgn-body{overflow:visible}

/* Creatorlink typography and menu behavior.  These faces and metrics are
   the values computed on the original GBUD pages. */
@font-face{font-family:"Noto Sans KR";src:url('images/npm_-openfonts_noto-sans-kr_korean-1.44.1_files_noto-sans-kr-korean-400.woff.bin') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Nanum Gothic";src:url('images/NanumGothic-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
body{font-family:"Noto Sans KR","Nanum Gothic",Tahoma,Dotum,Verdana,Arial,"Trebuchet MS"!important;font-size:13px;line-height:1.8}
.site-header{position:sticky;top:0;z-index:1000;background:#fff;height:70px;transition:box-shadow .2s ease}
.site-header.is-fixed{box-shadow:0 1px 0 rgba(0,0,0,.03)}
.site-header.is-fixed{position:fixed!important;left:0;right:0;top:0}
.site-header-spacer{display:block;height:70px}
.nav>a,.nav .drop>a{line-height:70px}
.drop-menu a{font-family:Lato;font-size:13px!important;font-weight:400;letter-spacing:normal;line-height:18.5714px}

/* Creatorlink AOS: the student-work masonry block fades upward only once it
   enters the viewport (fade-up / 700ms / 100px). */
.userEL15791508.aos-init:not(.aos-animate){opacity:0;transform:translate3d(0,100px,0);transition:opacity .7s,transform .7s}
.userEL15791508.aos-animate{opacity:1;transform:translate3d(0,0,0)}

/* Local equivalent of the original Blueimp gallery. */
.gbud-lightbox{position:fixed;inset:0;z-index:999999;display:none;background:rgba(0,0,0,.9);opacity:0;transition:opacity .2s ease}
.gbud-lightbox.is-open{display:block;opacity:1}
.gbud-lightbox-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 70px}
.gbud-lightbox img{display:block;max-width:calc(100vw - 120px);max-height:calc(100vh - 80px);width:auto;height:auto;object-fit:contain}
.gbud-lightbox button{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;opacity:.8;z-index:1;font-family:Arial,sans-serif}
.gbud-lightbox button:hover{opacity:1}.gbud-lightbox-prev,.gbud-lightbox-next{top:50%;width:44px;height:44px;margin-top:-22px;font-size:60px;line-height:44px}.gbud-lightbox-prev{left:13px}.gbud-lightbox-next{right:13px}.gbud-lightbox-close{right:26px;top:22px;font-size:28px;line-height:28px}
body.gbud-lightbox-open{overflow:hidden}

/* Remaining Creatorlink grid utilities used by the exported pages.  These
   preserve the source column intent without assigning a blanket width to
   images: images remain at their intrinsic size unless their column is
   narrower. */
.detail-content .no-padding,.simple-page .no-padding{padding-left:0!important;padding-right:0!important}
.detail-content .clearfix::before,.detail-content .clearfix::after,
.simple-page .clearfix::before,.simple-page .clearfix::after{content:" ";display:table}
.detail-content .clearfix::after,.simple-page .clearfix::after{clear:both}

.detail-content .col-xs-1,.simple-page .col-xs-1{float:left;width:8.33333333%}
.detail-content .col-xs-3,.simple-page .col-xs-3{float:left;width:25%}
.detail-content .col-xs-4,.simple-page .col-xs-4{float:left;width:33.33333333%}
.detail-content .col-xs-15,.simple-page .col-xs-15{float:left;width:20%}
@media (min-width:768px){
 .detail-content .col-sm-1,.simple-page .col-sm-1{float:left;width:8.33333333%}
 .detail-content .col-sm-3,.simple-page .col-sm-3{float:left;width:25%}
 .detail-content .col-sm-15,.simple-page .col-sm-15{float:left;width:20%}
}
@media (min-width:992px){
 .detail-content .col-md-2,.simple-page .col-md-2{float:left;width:16.66666667%}
 .detail-content .col-md-15,.simple-page .col-md-15{float:left;width:20%}
 .detail-content .col-md-offset-6,.simple-page .col-md-offset-6{margin-left:50%}
 .detail-content .col-md-push-0,.simple-page .col-md-push-0{left:auto}
 .detail-content .col-md-pull-0,.simple-page .col-md-pull-0{right:auto}
}
@media (min-width:1200px){
 .detail-content .col-lg-push-6,.simple-page .col-lg-push-6{left:50%}
 .detail-content .col-lg-pull-6,.simple-page .col-lg-pull-6{right:50%}
}