.sample-board-page .page-heading h1{overflow-wrap:anywhere}.board-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 42px}.board-search{display:flex;width:min(570px,100%);border-bottom:2px solid #161616;gap:12px}.board-search input{min-width:0;flex:1;padding:15px 4px;font:inherit;border:0;background:transparent}.board-search button{white-space:nowrap;font-size:20px;font-weight:650;padding:12px}.board-account{display:flex;align-items:center;gap:24px}.board-account .button{white-space:nowrap}.board-plain{font-size:18px;color:#555;white-space:nowrap;padding:8px 0}.board-plain:hover{text-decoration:underline}.board-notice{padding:18px 24px;background:#edf5e9;color:#315734;border:1px solid #c7ddbe;margin-bottom:30px;font-size:20px}.board-error{padding:18px 22px;background:#fff1ee;border:1px solid #ebc0b6;color:#943a2b;margin-bottom:25px;font-size:18px}.board-error ul{margin:8px 0 0;padding-left:22px}.sample-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:20px;line-height:1.7;color:#666;margin-top:14px}.sample-grid .project-name{overflow-wrap:anywhere;align-items:flex-start}.sample-grid .project-meta{flex-wrap:wrap;gap:6px 16px}.sample-grid .project-meta time{font-size:16px;color:#666}.sample-upload-cover{background:#eef1ed;border:1px solid #e0e6de;aspect-ratio:1.4;overflow:hidden}.sample-upload-cover img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.project:hover .sample-upload-cover img{transform:scale(1.02)}.sample-mail-cover{height:430px;overflow:hidden;background:#ecf2e9;padding:30px 45px;pointer-events:none}.sample-mail-cover .email-client{max-width:580px;margin:auto}.board-empty{text-align:center;background:#f6f7f3;padding:70px 24px}.board-empty .service-icon{width:44px;height:44px;margin-bottom:20px;color:#62795e}.board-empty h2{font-size:32px}.board-empty p{color:#666;margin:20px 0;font-size:21px}.board-empty .text-link{font-size:20px}.board-pagination{display:flex;gap:10px;justify-content:center;margin-top:55px}.board-pagination a{min-width:44px;text-align:center;padding:8px;border:1px solid #ddd;font-size:20px}.board-pagination a[aria-current]{background:#171717;color:#fff;border-color:#171717}.sample-post-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ddd;padding-bottom:22px;margin-bottom:35px;color:#666;font-size:18px}.sample-admin-actions{display:flex;gap:28px;color:#161616}.danger-text{color:#a23a2e}.sample-detail-preview .sample-upload-cover{aspect-ratio:auto;max-height:none}.sample-detail-preview .sample-upload-cover img{max-height:900px;height:auto;object-fit:contain}.sample-detail-preview .sample-mail-cover{height:auto;max-height:950px}.sample-article-copy{max-width:1040px;margin:60px auto 70px}.sample-article-copy h2{font-size:38px;margin-bottom:25px}.sample-lead-copy{font-size:25px;line-height:1.75;margin-bottom:32px}.sample-body-copy{white-space:pre-wrap;overflow-wrap:anywhere;font-size:22px;line-height:1.9;color:#565656}.sample-link-actions{display:flex;flex-wrap:wrap;gap:25px;margin-top:40px}.board-auth{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:100px 120px;align-items:center}.auth-intro h1{font-size:clamp(36px,4vw,60px)}.auth-intro>p{font-size:28px;line-height:1.65;color:#666;margin-top:28px}.auth-intro .text-link{margin-top:40px}.board-form{font-size:21px}.login-form{padding:45px;background:#f4f6f1;border:1px solid #e4e8de}.form-heading{display:flex;align-items:center;gap:18px;margin-bottom:30px}.form-heading .service-icon{width:32px;height:32px;color:#55704f}.form-heading h2{font-size:26px}.board-form label{display:block;font-size:21px;font-weight:600;margin:25px 0 10px}.board-form label span{font-size:15px;color:#697065;font-weight:450;margin-left:12px}.board-form input:not([type=hidden]):not([type=checkbox]),.board-form textarea,.board-form select{display:block;width:100%;max-width:100%;min-width:0;font:inherit;line-height:1.5;border:1px solid #bfc6bb;background:white;padding:14px 16px;border-radius:0;color:#171717}.board-form textarea{resize:vertical}.board-form input:focus,.board-form textarea:focus,.board-form select:focus,.board-search input:focus{outline:2px solid #55704f;outline-offset:3px}.board-form input[type=file]{font-size:17px;padding:16px}.board-form input::file-selector-button{font:inherit;padding:8px 12px;border:0;background:#e8edde;margin-right:12px;cursor:pointer}.board-form input::placeholder,.board-form textarea::placeholder{color:#878e82}.login-form>.button{width:100%;justify-content:space-between;margin-top:30px}.form-hint{font-size:16px!important;color:#6c7267;line-height:1.7;margin-top:12px}.board-editor{max-width:1040px;padding-block:30px 100px}.editor-form{border-top:2px solid #1b1b1b;padding-top:15px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:35px;padding-top:28px;border-top:1px solid #ddd}.board-secondary{font-size:20px;padding:12px 20px}.editor-current-image{padding:18px;background:#f6f7f3;margin-bottom:15px}.editor-current-image img{max-height:200px;width:auto;max-width:100%}.board-form .checkbox-label{display:flex;align-items:center;gap:10px;font-size:17px;margin:14px 0 0}.checkbox-label input{width:20px;height:20px}.board-delete{max-width:850px;padding-block:100px}.board-delete h1{font-size:44px}.board-delete>p{margin-top:24px;color:#666;font-size:22px}.board-delete>.delete-title{padding:22px;background:#f7f4f0;color:#161616;font-size:26px;overflow-wrap:anywhere}.danger-button{background:#a13b2e;color:white}.danger-button:hover{background:#812e23}
@media(max-width:1100px){.board-auth{gap:40px}.login-form{padding:30px}.board-tools{align-items:flex-start}.board-account{flex-wrap:wrap;gap:12px 20px}.sample-mail-cover{padding:20px;height:400px}}
@media(max-width:760px){.board-tools{flex-direction:column;gap:22px}.board-search{width:100%}.board-search input{font-size:19px}.board-search button{font-size:18px}.board-account{width:100%;justify-content:flex-end}.sample-summary{font-size:18px}.sample-grid .project-meta{font-size:16px}.sample-grid .project-meta time{font-size:14px}.sample-mail-cover{height:380px}.sample-post-meta{align-items:flex-start;flex-direction:column;font-size:16px}.sample-admin-actions{gap:24px}.sample-article-copy{margin-block:40px}.sample-article-copy h2{font-size:30px}.sample-lead-copy{font-size:22px}.sample-body-copy{font-size:20px}.sample-link-actions{flex-direction:column;align-items:flex-start}.sample-detail-preview .sample-mail-cover{padding:18px}.board-auth{grid-template-columns:1fr;gap:35px;padding-block:55px 65px}.auth-intro h1{font-size:38px}.auth-intro>p{font-size:23px;margin-top:20px}.auth-intro .text-link{margin-top:22px;font-size:18px}.login-form{padding:25px 22px}.form-heading{gap:12px}.form-heading h2{font-size:22px}.board-form{font-size:19px}.board-form label{font-size:20px}.board-form label span{font-size:13px;margin-left:6px}.form-columns{grid-template-columns:1fr;gap:0}.board-editor{padding-block:10px 65px}.editor-actions{gap:14px}.editor-actions .button,.board-secondary{font-size:18px}.editor-actions .button{padding:14px 20px}.board-delete{padding-block:65px}.board-delete h1{font-size:34px}.board-delete>p{font-size:20px}.board-delete>.delete-title{font-size:23px}.board-notice,.board-error{font-size:18px;padding:16px}.board-empty{padding:45px 20px}.board-empty h2{font-size:27px}}

/* Keep the sample collection close to its title. */


.template-cover{height:440px;padding:28px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #deded5;background:#f8f6ee;color:#274c3f;container-type:inline-size;transition:box-shadow .2s}
.project:hover .template-cover{box-shadow:0 12px 30px #202b1814}
.template-cover-top,.template-cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.template-cover-top{padding-bottom:16px;border-bottom:1px solid currentColor;font-weight:650}
.template-cover-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;flex:1;min-height:0;padding-block:22px}
.template-cover-copy{min-width:0;position:relative;z-index:1}
.template-cover-number{font-size:16px;display:block;margin-bottom:15px}
.template-cover-copy strong{display:block;font-family:Georgia,Batang,serif;font-size:clamp(25px,5.8cqw,37px);line-height:1.5;letter-spacing:-.055em;font-weight:600}
.template-cover-style{display:block;font-size:13px;margin-top:18px;opacity:.85}
.template-cover-layout img{width:100%;height:230px;object-fit:cover}
.template-cover-bottom{font-size:12px;padding-top:12px;border-top:1px solid #274c3f40}
.cover-community .template-cover-layout img{border-radius:48% 48% 0 0}
.cover-business{background:#164fdd;color:#fff;border-color:#164fdd}
.cover-business .template-cover-top{border-color:#ffffff60}
.cover-business .template-cover-copy strong{font-family:inherit;line-height:1.35;font-size:clamp(28px,6.1cqw,41px);font-weight:750}
.cover-business .template-cover-number{display:inline-block;padding:1px 9px;background:#fff;color:#164fdd;font-weight:700}
.cover-business .template-cover-layout{grid-template-columns:1.05fr 1fr;gap:12px}
.cover-business .template-cover-layout img{height:190px;object-fit:cover;border-bottom:9px solid #87b0ff}
.cover-business .template-cover-bottom{border-color:#ffffff60}
.cover-culture{background:#171a19;color:#f17751;border-color:#171a19}
.cover-culture .template-cover-top{color:#dfeb72;border-color:#616651}
.cover-culture .template-cover-layout{grid-template-columns:1.3fr .85fr;gap:0}
.cover-culture .template-cover-copy strong{font-family:inherit;font-size:clamp(32px,7.6cqw,49px);font-weight:850;line-height:1.1;letter-spacing:-.08em}
.cover-culture .template-cover-number{color:#dfeb72}
.cover-culture .template-cover-layout img{height:235px;object-position:55%;border-bottom:14px solid #dfeb72}
.cover-culture .template-cover-bottom{border-color:#616651;color:#dfeb72}
.cover-campus{background:#fbfaf4;color:#192d46}
.cover-campus .template-cover-top{border-bottom:4px double #192d46;justify-content:center;font-family:Georgia,Batang,serif;font-size:27px;position:relative;letter-spacing:.03em}
.cover-campus .template-cover-top>span:last-child{position:absolute;right:0;font-family:Pretendard,sans-serif;font-size:11px;letter-spacing:0}
.cover-campus .template-cover-layout{grid-template-columns:1.1fr 1fr;gap:22px}
.cover-campus .template-cover-layout img{height:200px;object-fit:cover;border-block:1px solid #a7b1b3;padding-block:8px}
.cover-campus .template-cover-number{font-family:Georgia,serif;font-size:32px;line-height:1;margin-bottom:12px}
.cover-campus .template-cover-copy strong{font-weight:700;font-size:clamp(26px,5.7cqw,37px);line-height:1.45}
.cover-lifestyle{background:#f7f1e8;color:#9b4e36;border-color:#e0d4c6}
.cover-lifestyle .template-cover-top{border:0;font-family:Georgia,Batang,serif;font-weight:500}
.cover-lifestyle .template-cover-layout{grid-template-columns:.9fr 1.1fr;gap:24px}
.cover-lifestyle .template-cover-layout img{border-radius:48% 48% 4px 4px;height:255px}
.cover-lifestyle .template-cover-copy strong{font-size:clamp(32px,7.4cqw,45px);font-weight:400}
.cover-lifestyle .template-cover-number{font-family:Georgia,serif;font-style:italic;font-size:27px}
.cover-lifestyle .template-cover-bottom{border-color:#c7b7a3}
.template-detail-page .page-heading{padding-block:24px 30px}
.template-detail-page .page-heading h1{font-size:clamp(38px,4vw,58px)}
.template-detail-page .page-heading p{margin-top:14px;font-size:24px}
.template-detail-page .sample-post-meta{margin-bottom:22px;padding-bottom:15px}
.template-preview{border:1px solid #d3d8d2;background:#f0f2ee}
.template-preview-toolbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:20px 24px;background:#fff;border-bottom:1px solid #d3d8d2}
.template-preview-title{display:flex;flex-direction:column;gap:3px;margin-right:auto}
.template-preview-title strong{font-size:20px;font-weight:650}
.template-preview-title>span{font-size:16px;color:#666}
.template-preview-controls{display:flex;gap:3px;background:#f1f3ee;padding:4px;border-radius:7px}
.template-preview-controls button{font-size:16px;font-weight:600;padding:9px 16px;border-radius:4px;min-height:42px}
.template-preview-controls button[aria-pressed=true]{color:white;background:#243b2d}
.template-open-link{font-size:17px;font-weight:600;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.template-preview-stage{padding:22px;display:flex;justify-content:center}
.template-frame{display:block;flex:0 1 100%;width:100%;max-width:100%;height:800px;height:clamp(560px,78vh,950px);border:1px solid #d5d9d0;background:white;box-shadow:0 6px 22px #2835230d}
.template-preview[data-screen=tablet] .template-frame{flex-basis:768px;width:768px}
.template-preview[data-screen=mobile] .template-frame{flex-basis:390px;width:390px}
@media(max-width:1100px){.template-preview-toolbar{gap:15px}.template-preview-title{width:100%}.template-open-link{margin-left:auto}.template-cover{padding:22px;height:400px}.template-cover-layout{gap:14px}.template-cover-layout img{height:210px}.cover-campus .template-cover-top{font-size:23px}}
@media(max-width:760px){.template-cover{height:385px;padding:22px}.template-cover-top{font-size:13px}.template-cover-layout{gap:16px}.template-cover-layout img{height:205px}.template-cover-style{font-size:12px}.template-cover-bottom{font-size:11px}.cover-lifestyle .template-cover-layout{gap:15px}.cover-lifestyle .template-cover-layout img{height:235px}.cover-campus .template-cover-top{font-size:25px}.cover-campus .template-cover-top>span:last-child{display:none}.template-detail-page .page-heading{padding-block:20px 24px}.template-detail-page .page-heading h1{font-size:38px}.template-detail-page .page-heading p{font-size:20px}.template-preview-toolbar{padding:16px;gap:14px}.template-preview-title strong{font-size:18px}.template-preview-title>span{font-size:14px}.template-preview-controls{gap:0}.template-preview-controls button{font-size:14px;padding:8px 12px}.template-open-link{font-size:14px}.template-preview-stage{padding:0}.template-frame{height:680px;border:0}.template-detail-page .sample-post-meta{font-size:15px}}

.portfolio-page.sample-board-page .page-heading{display:grid;grid-template-columns:auto 1fr;column-gap:36px;align-items:center}
.portfolio-page.sample-board-page .page-heading>.breadcrumb{grid-column:1/-1}
.portfolio-page.sample-board-page .page-heading>p{margin-top:0}
.sample-board-page .board-section{padding-top:24px}
.sample-board-page .portfolio-toolbar{align-items:center;gap:16px;margin-bottom:0;padding-bottom:16px}
.sample-count{font-size:18px;color:#666;white-space:nowrap}
.sample-count strong{color:#161616}
.sample-board-page .board-tools{margin:18px 0 26px}
@media(max-width:1100px){
 .portfolio-page.sample-board-page .page-heading{display:block}
 .portfolio-page.sample-board-page .page-heading>p{margin-top:10px}
 .sample-board-page .portfolio-toolbar{flex-wrap:wrap}
}
@media(max-width:760px){
 .sample-board-page .board-section{padding-top:18px}
 .sample-board-page .portfolio-toolbar{gap:10px;padding-bottom:12px}
 .sample-board-page .portfolio-toolbar .filter-group{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:thin}
 .sample-board-page .portfolio-toolbar .filter{flex:0 0 auto;white-space:nowrap}
 .sample-count{font-size:16px}
 .sample-board-page .board-tools{margin:14px 0 22px;gap:14px}
}

@container(max-width:420px){
 .template-cover-layout,.cover-business .template-cover-layout,.cover-culture .template-cover-layout,.cover-campus .template-cover-layout,.cover-lifestyle .template-cover-layout{grid-template-columns:1.3fr .9fr;gap:12px;padding-block:16px}
 .template-cover .template-cover-copy strong{font-size:clamp(22px,8.5cqw,28px);line-height:1.38;letter-spacing:-.055em}
 .template-cover .template-cover-number{font-size:19px;line-height:1.2;margin-bottom:12px}
 .template-cover .template-cover-style{font-size:11px;margin-top:12px}
 .template-cover .template-cover-layout img{height:195px}
 .template-cover .template-cover-top{font-size:12px}
 .cover-campus .template-cover-top{font-size:24px}
 .cover-campus .template-cover-top>span:last-child{display:none}
 .template-cover .template-cover-bottom{font-size:10px;gap:8px}
}