.collection-section{padding-block:70px;border-top:1px solid var(--line)}.collection-section .section-heading .eyebrow{color:var(--blue)}.collection-section .section-heading h2{font-size:32px}.collection-section .primary-button{font-size:11px;padding:12px 16px}.collection-intro{font-size:12px;line-height:1.9;color:var(--muted);margin-top:20px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}.collection-empty{grid-column:1/-1;text-align:center;border:1px dashed #bac8f3;background:#f2f5ff;padding:45px 25px}.collection-empty>span{font-size:42px;color:var(--blue)}.collection-empty h3{font-size:18px;letter-spacing:-.5px;margin-top:17px}.collection-empty p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:12px}.album-card{padding:0;text-align:left;min-width:0}.album-cover{aspect-ratio:1/1;background:#123cff;overflow:hidden;border:1px solid #123cff}.album-cover>img{display:block;width:100%;height:100%;object-fit:cover}.album-placeholder{position:relative;width:100%;height:100%;background:#123cff;color:#fff;padding:24px;display:flex;flex-direction:column}.album-placeholder>span{font-size:8px;letter-spacing:1.4px;color:#c8ff00}.album-placeholder>strong{font-size:28px;line-height:1.4;letter-spacing:-1.3px;margin-top:35px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:2}.album-placeholder>i{font-size:110px;position:absolute;right:12px;bottom:23px;color:#c8ff00;opacity:.7;font-style:normal}.album-placeholder>small{font-size:9px;letter-spacing:1.3px;margin-top:auto;position:relative;z-index:2}.album-caption{padding-top:18px}.album-caption>span{font-size:9px;color:#7785a4}.album-caption>h3{font-size:20px;letter-spacing:-.7px;line-height:1.5;margin-top:9px;overflow-wrap:anywhere}.album-caption>p{font-size:10px;color:var(--blue);margin-top:12px;display:flex;justify-content:space-between}.album-caption>p>span{font-size:19px}.archive-work-button{font-size:10px;color:#69779f;padding:9px 0 0;display:block;width:100%;text-align:left}.archive-work-button:hover{color:var(--blue)}.collection-file-options{max-height:185px;overflow:auto;border:1px solid #cbd4ed;background:#f9faff;padding:10px 14px}.collection-file-options>label{display:flex!important;gap:9px;align-items:start;font-size:11px!important;font-weight:400!important;margin:8px 0!important;line-height:1.7}.collection-file-options input{width:14px!important;height:14px!important;accent-color:var(--blue);flex-shrink:0;margin-top:3px}.collection-file-options span{overflow-wrap:anywhere}.collection-file-options>p{font-size:10px;color:#8793ac;line-height:1.8}.collection-form-dialog input[type=file]{font-size:11px!important;background:#f3f5ff!important}.collection-detail-dialog{width:min(780px,calc(100% - 36px))}.album-detail-cover{display:block;width:100%;max-height:450px;object-fit:contain;background:#eff3ff}.album-detail-no-cover{height:180px;background:#123cff;color:#c8ff00;font-size:95px;display:grid;place-items:center}.album-detail-content{padding:35px 40px}.album-detail-content .eyebrow{font-size:9px;color:var(--blue)}.album-detail-content>h2{font-size:32px;letter-spacing:-1.1px;line-height:1.5;margin-top:18px;overflow-wrap:anywhere}.album-detail-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:#7c88a6;margin-top:17px;padding-bottom:22px;border-bottom:1px solid var(--line)}.album-detail-content>h3{font-size:15px;margin-top:28px;letter-spacing:-.4px}.album-reflection{font-size:13px;white-space:pre-wrap;line-height:2;color:#5c6987;margin-top:15px;overflow-wrap:anywhere}.album-output-list{margin-top:14px}.album-output-list>a{display:flex;gap:20px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);color:var(--blue);font-size:12px;line-height:1.7}.album-output-list>a>span:first-child{overflow-wrap:anywhere}.album-output-list>p{font-size:11px;color:#8592ad;line-height:1.8}.album-detail-actions{display:flex;gap:12px;justify-content:space-between;margin-top:33px;flex-wrap:wrap}.album-detail-actions>button{font-size:11px;padding:12px 15px}
@media(max-width:850px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.collection-section .section-heading h2{font-size:27px}.album-placeholder>strong{font-size:26px}.collection-section .primary-button{font-size:10px;padding:11px 13px}}
@media(max-width:640px){.collection-section{padding-block:44px}.collection-section .section-heading{flex-direction:column;align-items:start;gap:20px}.collection-section .section-heading h2{font-size:27px;letter-spacing:-1.2px}.collection-section .section-heading .primary-button{align-self:end}.collection-intro{font-size:11px;margin-top:19px}.collection-grid{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:24px}.collection-empty{padding:34px 21px}.collection-empty h3{font-size:16px}.collection-empty p{font-size:10px}.album-placeholder>strong{font-size:30px}.album-placeholder>span{font-size:8px}.album-caption>h3{font-size:21px}.album-caption>span{font-size:9px}.collection-detail-dialog{width:calc(100% - 24px)}.album-detail-content{padding:30px 23px}.album-detail-content>h2{font-size:26px}.album-detail-content .eyebrow{font-size:8px}.album-detail-meta{font-size:9px;gap:12px}.album-reflection{font-size:12px}.album-detail-actions>button{font-size:10px;padding:12px}.album-output-list>a{font-size:11px}.collection-form-dialog .form-columns:has(#collection-date){grid-template-columns:minmax(0,1fr)}.collection-form-dialog input[type=file]{font-size:11px!important;padding:10px!important}.collection-file-options>label{font-size:11px!important}.collection-file-options input{margin-top:3px}.archive-work-button{font-size:9px}}

.collection-section{position:relative;background:radial-gradient(ellipse at 100% 0,#edf1ff,transparent 55%)}.collection-empty{border-radius:8px;background-color:#f3f5ff;background-image:linear-gradient(#123cff06 1px,transparent 1px),linear-gradient(90deg,#123cff06 1px,transparent 1px);background-size:28px 28px;box-shadow:inset 0 0 0 8px #ffffff80}.album-card{border:1px solid #d7dff4;background:white;padding:12px;border-radius:5px;box-shadow:4px 5px 0 #e5eaff;transition:transform .2s,box-shadow .2s}.album-card:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:7px 9px 0 #d8e1ff}.album-cover{position:relative;border-radius:3px}.album-cover:after{content:"MY COLLECTION ↗";position:absolute;top:14px;left:12px;padding:7px 9px;background:#c8ff00;color:#071951;font-size:7px;font-weight:800;letter-spacing:1px;transform:rotate(-5deg);box-shadow:2px 2px 0 #07195125;pointer-events:none}.album-caption{padding:18px 7px 7px}.album-caption>p{border-top:1px solid #e0e6f6;padding-top:12px}.album-placeholder{background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:35px 35px}.album-placeholder>span{margin-top:27px}.album-detail-no-cover{background-image:radial-gradient(#ffffff30 1px,transparent 1px);background-size:20px 20px}@media(prefers-reduced-motion:reduce){.album-card{transition:none}.album-card:hover{transform:none}}

/* Results stay visible; longer notes open on demand in the same archive. */
.archive-notes {
  margin-top: 22px;
  border: 1px solid #d8deee;
  border-radius: 16px;
  background: #f7f8fd;
}
.archive-notes > summary {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 12px 18px;
  cursor: pointer;
  list-style: none;
}
.archive-notes > summary::-webkit-details-marker { display: none; }
.archive-notes > summary::after {
  content: "⌄";
  margin-left: auto;
  color: #526891;
}
.archive-notes[open] > summary::after { content: "⌃"; }
.archive-notes > summary strong { font-size: 14px; }
.archive-notes > summary span { color: #536483; font-size: 11px; }
.archive-notes-body { padding: 0 18px 16px; }
.archive-notes-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 4px 0 12px;
}
.archive-notes-tools input {
  flex: 1 1 190px;
  min-width: 0;
  max-width: 460px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #cbd3e5;
  border-radius: 10px;
  background: white;
  color: #243456;
  font-size: 16px;
}
.archive-notes-tools button { min-height: 44px; }
.archive-notes .notes-bottom { margin-bottom: 0; }

.previous-work { margin-top: 10px; }
.previous-work .archive-notes-body {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.scenepick-art {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 93% 12%, #79505c, transparent 57%), #252538;
  color: #fff0d7;
}
.scenepick-art::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 11px 12px;
  border-block: 3px dashed #e7ad9250;
  pointer-events: none;
}
.scenepick-art strong em { color: #f2ae96; font-style: normal; }
.scenepick-art i { color: #f2ae9680; }
.scenepick-art small { color: #f4cdbf; }

.project .hangin-cover {
  color: #fff;
  background:
    repeating-linear-gradient(90deg, transparent 0 26px, #a1b3ff38 27px 28px),
    repeating-linear-gradient(transparent 0 26px, #a1b3ff38 27px 28px),
    #0025c4;
}
.project .hangin-cover::after {
  content: "";
  position: absolute;
  inset: 12% 5% auto auto;
  width: 30%;
  aspect-ratio: 1;
  border: 1px dashed #bfff4890;
  border-radius: 50%;
  pointer-events: none;
}
.project .hangin-cover strong { position: relative; z-index: 1; }
.project .hangin-cover strong span { color: #bfff48; margin-left: .12em; }
.project .hangin-cover small { color: #d9e2ff; }
.hangin-project-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 14px;
  margin: 10px 14px;
  border-radius: 10px;
  background: #bfff48;
  color: #162229;
  font-size: 13px;
  font-weight: 850;
}
.hangin-project-link:hover { background: #d5ff89; }
.detail-content .hangin-project-link { margin: 0 0 12px; }