.hero[data-layout-mode]{height:auto;min-height:0;padding:0;margin:0;width:100%;background:#fff;overflow:clip}
.hero[data-layout-mode] .hero-track{height:auto;align-items:flex-start}
.hero[data-layout-mode] .hero-slide{height:auto;min-height:0;overflow:clip;background:#fff}
.hero[data-layout-mode] .hero-inner{position:relative;max-width:1590px;width:100%;height:auto;min-height:0;margin:0 auto}
.hero[data-layout-mode] .hero-artboard{position:relative;width:100%;max-width:1590px;margin:0 auto;aspect-ratio:1590 / 790;background:#fff;overflow:visible}
.hero[data-layout-mode] .hero-artboard>.hero-image-link{position:absolute;inset:auto;margin:0;padding:0;display:block;max-width:none;max-height:none;overflow:visible;transform:none}
.hero[data-layout-mode] .hero-artboard .hero-image{position:absolute;inset:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none;filter:none;border:0;border-radius:0}
/* Keep the previous artwork painted until the decoded next artwork covers it. */
#homeView .hero .hero-track{display:grid;grid-template-columns:minmax(0,1fr);height:auto!important;align-items:start;transform:none!important;transition:none;will-change:auto;isolation:isolate}
#homeView .hero-track>.hero-slide{grid-area:1 / 1;align-self:start;width:100%;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transition:opacity .4s ease}
#homeView .hero-track>.hero-slide.is-previous{opacity:1;visibility:visible;z-index:1;transition:none}
#homeView .hero-track>.hero-slide.is-current{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
@media(prefers-reduced-motion:reduce){#homeView .hero-track>.hero-slide{transition:none}}
.hero[data-layout-mode="desktop"] .hero-info{position:absolute;top:auto;left:30px;right:auto;bottom:100px;width:40%;margin:0;padding:0;color:#080808;pointer-events:none}
.hero[data-layout-mode="desktop"] .hero-info a{pointer-events:auto;color:inherit}
.hero[data-layout-mode="desktop"] .hero-info h2{font-size:clamp(48px,4vw,62px)}
.hero[data-layout-mode="desktop"] .hero-controls{left:max(30px,calc((100vw - 1530px)/2));bottom:28px;color:#111}
.hero[data-layout-mode="mobile"]{padding-bottom:78px}
.hero[data-layout-mode="mobile"] .hero-artboard{width:calc(100% - 48px);max-width:640px;aspect-ratio:4 / 3}
.hero[data-layout-mode="mobile"] .hero-slide.is-wide .hero-artboard{aspect-ratio:2.6 / 1}
.hero[data-layout-mode="mobile"] .hero-info{position:static;width:auto;margin:28px 24px 0;padding:0;pointer-events:auto}
.hero[data-layout-mode="mobile"] .hero-info h2{font-size:48px}
.hero[data-layout-mode="mobile"] .hero-caption,.hero[data-layout-mode="mobile"] .hero-date{font-size:18px}
.hero[data-layout-mode="mobile"] .hero-controls{left:24px;bottom:14px}
.hero[data-layout-mode="mobile"] .hero-inner{max-width:688px}
.hero[data-layout-mode].is-layout-editing .hero-track{transition:none!important}
.hero[data-layout-mode].is-layout-editing .hero-controls,.hero[data-layout-mode].is-layout-editing .hero-arrow{visibility:hidden!important;pointer-events:none!important}
.hero[data-layout-mode].is-layout-editing .hero-info a{pointer-events:none}
.hero[data-layout-mode].is-layout-editing .hero-artboard{outline:1px dashed #d5d4cf;outline-offset:-1px}
.hero[data-layout-mode].is-layout-editing .hero-image-link{pointer-events:none;user-select:none;-webkit-user-drag:none}
.hero-layout-panel[hidden]{display:none!important}
.hero-layout-panel{position:relative;z-index:4;width:min(470px,calc(100% - 60px));margin:26px max(30px,calc((100vw - 1530px)/2)) 0 auto;padding:24px;border:1px solid #d9d9d9;background:#fff;box-shadow:0 9px 30px #00000006;color:#292929;font-family:Arial,Helvetica,'Noto Sans KR','Apple SD Gothic Neo',sans-serif}
.hero-layout-panel *{box-sizing:border-box}
.hero-layout-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hero-layout-panel-heading>div>p{font-size:9px;letter-spacing:.16em;color:#999;line-height:1.5;margin:0 0 7px}
.hero-layout-panel-heading h2{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.04em;margin:0}
.hero-layout-state{font-size:10px;line-height:1.5;color:#8d8d8d;white-space:nowrap}
.hero-layout-state.is-dirty{color:#ab7b25}
.hero-layout-hint{font-size:12px;color:#777;line-height:1.8;margin:14px 0 23px}
.hero-layout-artwork-label{display:block;font-size:11px;color:#666;margin-bottom:7px}
.hero-layout-panel select{width:100%;border:1px solid #ddd;border-radius:0;background:#fff;color:#333;padding:10px 30px 10px 11px;font-family:inherit;font-size:12px;line-height:1.5;min-height:40px}
.hero-layout-profiles{display:flex;border:1px solid #ddd;margin-top:21px}
.hero-layout-profiles button{flex:1;min-height:36px;background:#fff;color:#888;font-size:12px;padding:8px 12px}
.hero-layout-profiles button+button{border-left:1px solid #ddd}
.hero-layout-profiles button[aria-pressed="true"]{background:#f0efeb;color:#292929;font-weight:600}
.hero-layout-profile-note{font-size:10px;color:#999;line-height:1.7;margin:9px 0 20px}
.hero-layout-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hero-layout-numbers label{position:relative;display:block;font-size:10px;color:#777;line-height:1.6}
.hero-layout-numbers label>span{position:absolute;right:10px;bottom:10px;font-size:10px;color:#aaa;pointer-events:none}
.hero-layout-numbers input{display:block;width:100%;min-width:0;height:37px;border:1px solid #ddd;border-radius:0;background:#fff;color:#333;padding:8px 22px 8px 10px;font-size:12px;line-height:1.5;margin-top:7px;appearance:textfield;-moz-appearance:textfield}
.hero-layout-numbers input::-webkit-inner-spin-button,.hero-layout-numbers input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.hero-layout-range-label{display:block;font-size:10px;color:#777;margin-top:20px}
.hero-layout-range-label input{display:block;width:100%;margin:13px 0 0;accent-color:#333;height:18px;cursor:ew-resize}
.hero-layout-tools{display:flex;gap:19px;margin-top:15px}
.hero-layout-tools button{color:#555;font-size:11px;line-height:1.6;padding:3px 0;border-bottom:1px solid #aaa}
.hero-layout-keyboard{font-size:9px;color:#aaa;line-height:1.8;margin:17px 0 0}
.hero-layout-message{font-size:11px;line-height:1.8;color:#9f5944;background:#faf2ee;padding:10px 12px;margin:18px 0 0}
.hero-layout-message.is-success{color:#526948;background:#f1f5ee}
.hero-layout-message[hidden],.hero-layout-reload[hidden]{display:none}
.hero-layout-reload{font-size:11px;line-height:1.6;padding:4px 0;border-bottom:1px solid #777;color:#555;margin-top:9px}
.hero-layout-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eee;padding-top:19px;margin-top:22px}
.hero-layout-footer button{padding:10px 16px;min-height:39px;min-width:75px;font-size:12px;line-height:1.5;border:1px solid #ddd;color:#555;background:#fff}
.hero-layout-footer .hero-layout-save{color:#fff;background:#252525;border-color:#252525}
.hero-layout-panel button:disabled,.hero-layout-panel input:disabled,.hero-layout-panel select:disabled{opacity:.4;cursor:not-allowed}
.hero-layout-panel button:focus-visible,.hero-layout-panel input:focus-visible,.hero-layout-panel select:focus-visible{outline:2px solid #82744d;outline-offset:3px}
.hero-layout-selection{position:absolute;z-index:8;box-shadow:inset 0 0 0 1px #9c8966;outline:1px solid #fff9;outline-offset:-2px;cursor:move;touch-action:none;user-select:none;-webkit-user-select:none;background:transparent}
.hero-layout-selection:focus-visible{outline:2px solid #8d7549;outline-offset:2px}
.hero-layout-selection.is-dragging{cursor:grabbing}
.hero-layout-selection.is-busy{pointer-events:none;opacity:.55}
.hero-layout-move{position:absolute;left:7px;top:7px;padding:4px 7px;border:1px solid #d0c8b8;background:#fffffff0;color:#72664d;font-size:10px;line-height:1.3;letter-spacing:.02em;pointer-events:none}
.hero-layout-handle{position:absolute;width:13px;height:13px;border:1px solid #82704c;background:#fff;padding:0;border-radius:1px;touch-action:none;box-shadow:0 1px 3px #0002}
.hero-layout-handle:before{content:'';position:absolute;inset:-10px}
.hero-layout-handle-nw{left:-6px;top:-6px;cursor:nwse-resize}
.hero-layout-handle-ne{right:-6px;top:-6px;cursor:nesw-resize}
.hero-layout-handle-sw{left:-6px;bottom:-6px;cursor:nesw-resize}
.hero-layout-handle-se{right:-6px;bottom:-6px;cursor:nwse-resize}
.is-hero-layout-editing .floating-actions{visibility:hidden;pointer-events:none}
@media(max-width:1199px){.hero-layout-panel{width:calc(100% - 48px);max-width:640px;margin:24px auto 0}.hero[data-layout-mode="desktop"].is-layout-editing .hero-info{left:20px;bottom:13%;width:40%}.hero[data-layout-mode="desktop"].is-layout-editing .hero-info h2{font-size:clamp(18px,3.5vw,42px);margin-bottom:12px}.hero[data-layout-mode="desktop"].is-layout-editing .hero-kicker{font-size:8px;margin-bottom:12px}.hero[data-layout-mode="desktop"].is-layout-editing .hero-caption,.hero[data-layout-mode="desktop"].is-layout-editing .hero-date{font-size:11px}.hero[data-layout-mode="desktop"].is-layout-editing .hero-view-link{font-size:9px;margin-top:12px}}
@media(max-width:600px){.hero[data-layout-mode="mobile"] .hero-artboard{width:calc(100% - 32px)}.hero[data-layout-mode="mobile"] .hero-info{margin:24px 16px 0}.hero[data-layout-mode="mobile"] .hero-info h2{font-size:42px;margin-bottom:16px}.hero[data-layout-mode="mobile"] .hero-caption,.hero[data-layout-mode="mobile"] .hero-date{font-size:15px}.hero[data-layout-mode="mobile"] .hero-controls{left:16px}.hero-layout-panel{width:calc(100% - 32px);padding:20px;margin-top:20px}.hero-layout-panel-heading h2{font-size:19px}.hero-layout-hint{font-size:11px;margin-bottom:19px}.hero-layout-panel select,.hero-layout-numbers input{font-size:16px}.hero-layout-numbers{gap:9px}.hero-layout-handle{width:14px;height:14px}.hero-layout-move{font-size:9px;left:6px;top:6px;padding:3px 5px}.hero[data-layout-mode="desktop"].is-layout-editing .hero-info{left:12px}.hero[data-layout-mode="desktop"].is-layout-editing .hero-kicker{font-size:6px;margin-bottom:6px;padding-bottom:3px}.hero[data-layout-mode="desktop"].is-layout-editing .hero-info h2{font-size:17px;margin-bottom:7px}.hero[data-layout-mode="desktop"].is-layout-editing .hero-caption,.hero[data-layout-mode="desktop"].is-layout-editing .hero-date{font-size:8px;line-height:1.5}.hero[data-layout-mode="desktop"].is-layout-editing .hero-view-link{font-size:7px;margin-top:6px;padding-bottom:2px;gap:8px}}

/* The placement editor lives within the administrator workspace. */
.hero-layout-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;min-width:0}
.hero-layout-preview-column{min-width:0}
.hero-layout-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;font-weight:500;letter-spacing:.1em;line-height:1.6;color:#86817a;margin:0 0 13px}
.hero-layout-workspace .hero.hero-layout-preview{container-name:hero-layout-preview;container-type:inline-size;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0;border:1px solid #e3e0da;background:#fff;overflow:clip}
.hero-layout-workspace .hero.hero-layout-preview[data-layout-mode="mobile"]{max-width:688px;margin-left:auto;margin-right:auto;padding:0}
.hero-layout-workspace .hero-layout-preview>.hero-slide[hidden]{display:none!important}
.hero-layout-workspace .hero-layout-preview>.hero-slide{position:relative;width:100%;height:auto;min-height:0;margin:0;overflow:clip}
.hero-layout-workspace .hero-layout-preview .hero-controls,.hero-layout-workspace .hero-layout-preview .hero-arrow{display:none!important}
.hero-layout-workspace .hero-layout-preview .hero-inner{height:auto;min-height:0}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="desktop"] .hero-artboard{width:100%;aspect-ratio:1590 / 790}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="desktop"] .hero-info{left:1.887%;right:auto;bottom:12.658%;width:40%;margin:0;padding:0;pointer-events:none}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="desktop"] .hero-info h2{font-size:clamp(12px,3.9cqw,62px);line-height:1.08;letter-spacing:-.055em;margin:0 0 1.258cqw}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="desktop"] .hero-kicker{font-size:clamp(6px,.692cqw,11px);line-height:1.5;letter-spacing:.14em;margin:0 0 1.51cqw;padding-bottom:.44cqw}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="desktop"] .hero-caption,.hero-layout-workspace .hero-layout-preview[data-layout-mode="desktop"] .hero-date{font-size:clamp(8px,1.132cqw,18px);line-height:1.6}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="desktop"] .hero-work-details{gap:.63cqw 1.258cqw}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="desktop"] .hero-view-link{font-size:clamp(7px,.755cqw,12px);line-height:1.6;gap:1.258cqw;margin-top:1.51cqw;padding-bottom:.315cqw}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-artboard{width:calc(100% - 48px);max-width:640px;aspect-ratio:4 / 3}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-slide.is-wide .hero-artboard{aspect-ratio:2.6 / 1}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-info{position:static;width:auto;margin:28px 24px 24px;padding:0}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-info h2{font-size:48px;line-height:1.08;letter-spacing:-.055em;margin-bottom:20px}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-kicker{font-size:10px;margin-bottom:24px;padding-bottom:7px}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-caption,.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-date{font-size:18px;line-height:1.6}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-view-link{font-size:12px;margin-top:24px;gap:20px;padding-bottom:5px}
.hero-layout-preview-note{font-size:11px;font-weight:400;line-height:1.8;letter-spacing:-.01em;color:#999;margin:15px 0 0;max-width:560px}
.hero-layout-workspace>.hero-layout-panel{position:sticky;top:24px;align-self:start;width:100%;max-width:none;margin:0;padding:19px;border-color:#e1dfdb;box-shadow:none}
.hero-layout-workspace .hero-layout-panel-heading{align-items:flex-start;gap:12px}
.hero-layout-workspace .hero-layout-panel-heading h2{font-size:18px}
.hero-layout-workspace .hero-layout-panel-heading>div>p{font-size:8px;margin-bottom:6px}
.hero-layout-workspace .hero-layout-state{font-size:9px;margin-top:2px}
.hero-layout-workspace .hero-layout-hint{font-size:11px;margin:13px 0 19px}
.hero-layout-workspace .hero-layout-artwork-label{font-size:10px}
.hero-layout-workspace .hero-layout-panel select{font-size:11px;min-height:37px;padding:9px 26px 9px 9px}
.hero-layout-workspace .hero-layout-profiles{margin-top:18px}
.hero-layout-workspace .hero-layout-profiles button{min-height:34px;font-size:11px}
.hero-layout-workspace .hero-layout-profile-note{font-size:9px;margin-bottom:17px}
.hero-layout-workspace .hero-layout-numbers{gap:8px}
.hero-layout-workspace .hero-layout-numbers label{font-size:9px}
.hero-layout-workspace .hero-layout-numbers input{font-size:11px;padding-left:8px;padding-right:20px}
.hero-layout-workspace .hero-layout-numbers label>span{right:8px;font-size:9px}
.hero-layout-workspace .hero-layout-tools{gap:17px}
.hero-layout-workspace .hero-layout-keyboard{font-size:8px}
.hero-layout-workspace .hero-layout-footer{gap:8px;padding-top:17px;margin-top:19px}
.hero-layout-workspace .hero-layout-footer button{min-width:70px;min-height:37px;padding:9px 12px;font-size:11px}
@container hero-layout-preview (max-width:600px){.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-artboard{width:calc(100% - 32px)}.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-info{margin:24px 16px 22px}.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-info h2{font-size:clamp(28px,10.77cqw,42px);margin-bottom:16px}.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-caption,.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-date{font-size:15px}.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-work-details{gap:6px 16px}}
@media(max-width:1199px){.hero-layout-workspace{grid-template-columns:minmax(0,1fr);gap:26px}.hero-layout-workspace>.hero-layout-panel{position:static;top:auto;width:100%;max-width:640px;justify-self:end;padding:23px}.hero-layout-workspace .hero-layout-panel-heading h2{font-size:20px}.hero-layout-workspace .hero-layout-hint{font-size:12px}.hero-layout-workspace .hero-layout-panel select{font-size:12px}.hero-layout-workspace .hero-layout-numbers{gap:12px}.hero-layout-workspace .hero-layout-numbers label{font-size:10px}.hero-layout-workspace .hero-layout-numbers input{font-size:12px}.hero-layout-workspace .hero-layout-keyboard{font-size:9px}}
@media(max-width:600px){.hero-layout-workspace{gap:22px}.hero-layout-preview-caption{font-size:9px;margin-bottom:11px}.hero-layout-preview-note{font-size:10px;margin-top:12px}.hero-layout-workspace>.hero-layout-panel{padding:19px}.hero-layout-workspace .hero-layout-panel-heading h2{font-size:19px}.hero-layout-workspace .hero-layout-hint{font-size:11px}.hero-layout-workspace .hero-layout-panel select,.hero-layout-workspace .hero-layout-numbers input{font-size:16px}.hero-layout-workspace .hero-layout-numbers{gap:9px}}

/* Each slide is an independent, clipping wallpaper canvas. */
.hero[data-layout-mode] .hero-artboard{overflow:hidden}
.hero-layout-tools{flex-wrap:wrap;gap:10px 16px}

/* Phone-sized editing canvas matches the public mobile image area. */
.hero-layout-workspace .hero.hero-layout-preview[data-layout-mode="mobile"]{max-width:390px;border-radius:18px;box-shadow:0 8px 28px #00000009}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-inner{width:100%}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-artboard{width:calc(100% - 32px);max-width:none}
@media(max-width:600px){.hero-layout-workspace>.hero-layout-panel{justify-self:stretch;max-width:none}.hero-layout-workspace .hero-layout-profiles button{min-height:44px}.hero-layout-workspace .hero-layout-tools button{min-height:44px}.hero-layout-workspace .hero-layout-footer button{min-height:44px}.hero-layout-handle{width:22px;height:22px}}
/* A consistent mobile stage prevents artwork proportions changing the hero height. */
#homeView .hero[data-layout-mode="mobile"]{min-height:calc(100svh - 64px);padding-top:16px;padding-bottom:84px}
.hero[data-layout-mode="mobile"] .hero-artboard,
.hero[data-layout-mode="mobile"] .hero-slide.is-wide .hero-artboard,
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-artboard,
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-slide.is-wide .hero-artboard{aspect-ratio:4 / 5}
#homeView .hero[data-layout-mode="mobile"] .hero-info{min-height:180px}
.hero-layout-workspace .hero-layout-preview[data-layout-mode="mobile"] .hero-info{min-height:180px}