:root{--bg:#f2efe8;--paper:#faf8f3;--ink:#171717;--muted:#706c64;--line:#d7d1c5;--shadow:0 18px 55px rgba(20,18,14,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,select{font:inherit}button{cursor:pointer}.page{max-width:1420px;margin:auto;padding:30px 28px 64px}
header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.title{font:400 clamp(34px,5vw,68px)/.96 Georgia,serif;margin:0}.subtitle{max-width:720px;color:var(--muted);line-height:1.55;margin:14px 0 0}.actions,.controls{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:999px;padding:10px 15px}.btn:hover,.btn.primary{background:var(--ink);color:#fff}.btn.soft{border-color:var(--line);color:var(--muted)}.btn:disabled{opacity:.35;cursor:default}
.featured{margin:26px 0 34px;transition:.35s ease}.featuredInner{position:relative;aspect-ratio:16/7;min-height:360px;overflow:hidden;border-radius:22px;background:#171717;box-shadow:var(--shadow)}.featuredImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity 1.4s ease,transform 8s linear}.featuredImage.show{opacity:1;transform:scale(1.04)}.featuredShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.1) 55%,rgba(0,0,0,.16))}.featuredCopy{position:absolute;z-index:2;left:clamp(24px,5vw,72px);bottom:clamp(24px,5vw,62px);max-width:540px;color:white}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.75}.featuredCopy h2{font:400 clamp(32px,5vw,65px)/.96 Georgia,serif;margin:10px 0}.featuredCopy p{margin:0;line-height:1.55;color:rgba(255,255,255,.76)}.featuredDots{position:absolute;z-index:3;right:20px;bottom:18px;display:flex;gap:7px}.featuredDots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.35)}.featuredDots button.active{background:#fff}.featured.compact{margin-top:42px}.featured.compact .featuredInner{aspect-ratio:16/5;min-height:250px}.featured.compact .featuredCopy h2{font-size:clamp(28px,4vw,48px)}
.sectionHead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:0 0 15px}.sectionHead h2{font:400 28px Georgia,serif;margin:0}.sectionHead p{margin:5px 0 0;color:var(--muted);font-size:14px}.collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:15px;margin-bottom:25px}.collectionCard{position:relative;min-height:165px;padding:0;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#777;color:#fff;text-align:left;box-shadow:var(--shadow);transition:.2s}.collectionCard:hover{transform:translateY(-3px)}.collectionCard.active{outline:3px solid var(--ink);outline-offset:2px}.collectionCard.utility{background:var(--paper);color:var(--ink)}.collectionCard.utility:after{background:linear-gradient(to top,rgba(0,0,0,.08),transparent)}.collectionCard.utility .collectionInfo span{opacity:.62}.collectionCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.collectionCard:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.74),rgba(0,0,0,.04) 70%)}.collectionInfo{position:absolute;z-index:1;left:15px;right:15px;bottom:14px}.collectionInfo b{display:block;font:400 21px/1.05 Georgia,serif}.collectionInfo span{display:block;margin-top:5px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;opacity:.8}.workspace{border-top:1px solid var(--line);padding-top:24px}.workspaceTop{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.status{color:var(--muted);font-size:13px}.workspaceTop>.status:last-child{text-align:right;font-weight:600;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px}.card{position:relative;border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:9px;box-shadow:var(--shadow);transition:.18s}.card:hover{transform:translateY(-2px)}.card.selected{outline:3px solid #111}.thumb{aspect-ratio:1;background:#ece9e2;border-radius:10px;overflow:hidden;display:grid;place-items:center}.thumb img{width:100%;height:100%;object-fit:contain}.meta{padding:9px 2px 2px;font-size:12px}.meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.meta span{color:var(--muted)}.check{position:absolute;top:14px;right:14px;width:25px;height:25px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.86);display:grid;place-items:center}.selected .check{background:#111;color:#fff;border-color:#111}.empty{padding:38px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.viewer{position:fixed;inset:0;background:#050505;z-index:99;display:none}.viewer.show{display:block}.stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.stage.white{background:#f7f4ed}.stage.warm{background:#e8dfd0}.stage.blur:before{content:"";position:absolute;inset:-30px;background:var(--bg-image) center/cover;filter:blur(30px);opacity:.3}.art{position:relative;z-index:1;max-width:100vw;max-height:100vh;object-fit:contain;box-shadow:0 0 75px rgba(0,0,0,.25)}.caption{position:absolute;z-index:2;left:34px;bottom:28px;color:rgba(255,255,255,.75);font-size:13px}.stage.white .caption,.stage.warm .caption{color:rgba(0,0,0,.6)}.viewerBar{position:absolute;z-index:3;right:18px;top:18px;display:flex;gap:7px;opacity:.18}.viewer:hover .viewerBar{opacity:1}.viewerBar button{border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);color:#fff;border-radius:999px;padding:9px 12px}.progress{position:absolute;z-index:4;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.16)}.progress div{height:100%;width:0;background:#fff}
@media(max-width:760px){.page{padding:22px 15px 44px}header,.workspaceTop,.sectionHead{display:block}.actions,.controls{margin-top:16px}.featuredInner{aspect-ratio:4/5;min-height:510px}.featured.compact .featuredInner{aspect-ratio:4/3}.collections{grid-template-columns:repeat(2,minmax(0,1fr))}.collectionCard{min-height:145px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.galleryToolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:-8px 0 28px;padding:14px 0 22px;border-bottom:1px solid var(--line)}
.galleryToolbar .toolbarPrimary,.galleryToolbar .toolbarSecondary{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.controlLabel{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.controlLabel select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:9px 34px 9px 12px}
.selectionNotice{font-size:13px;color:var(--muted)}
@media(max-width:760px){.galleryToolbar{display:block}.galleryToolbar .toolbarSecondary{margin-top:10px}.galleryToolbar .btn{padding:9px 12px}}

/* v1.9.1 collection introduction */
.collectionIntro{margin:20px 0 0;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}
.collectionIntroInner{max-width:980px;padding:30px clamp(22px,4vw,52px) 32px}
.collectionIntro .eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.collectionIntro h2{font:400 clamp(28px,4vw,46px)/1.06 Georgia,serif;margin:0}
.collectionSubtitle{font:italic 18px/1.45 Georgia,serif;color:var(--muted);margin:9px 0 0}
.collectionDescription{max-width:850px;margin-top:18px;color:#37342f;font:17px/1.72 Georgia,serif;white-space:pre-line}
.collectionFacts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:19px;padding-top:15px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.collectionFacts span+span:before{content:'•';margin-right:22px;color:#aaa397}
@media(max-width:640px){.collectionIntroInner{padding:23px 20px 25px}.collectionDescription{font-size:16px}.collectionFacts{display:grid;gap:7px}.collectionFacts span+span:before{content:none}}

.presentationDialog{position:fixed;z-index:3000;inset:0;background:rgba(0,0,0,.62);display:none;place-items:center;padding:20px;backdrop-filter:blur(10px)}
.presentationDialog.show{display:grid}
.presentationPanel{position:relative;width:min(720px,100%);background:#f7f5ef;border-radius:22px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.4)}
.presentationPanel h2{font:400 34px Georgia,serif;margin:7px 0 8px}
.presentationPanel>p{color:var(--muted);margin:0 0 22px}
.dialogClose{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer}
.presentationChoices{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.presentationChoice{min-height:150px;text-align:left;border:1px solid var(--line);border-radius:17px;padding:20px;background:white;cursor:pointer;transition:.2s}
.presentationChoice:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.presentationChoice b{display:block;font:400 22px Georgia,serif;margin-bottom:9px}
.presentationChoice span{color:var(--muted);line-height:1.5}
.venueChoice{background:linear-gradient(145deg,#17191b,#34383b);color:white}
.venueChoice span{color:rgba(255,255,255,.7)}
@media(max-width:650px){.presentationChoices{grid-template-columns:1fr}.presentationPanel{padding:25px 18px}}

.experienceEntry{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:26px 0;padding:24px 26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#f7f5ef,#fff)}
.experienceEntry h2{font:400 30px Georgia,serif;margin:5px 0 8px}.experienceEntry p{margin:0;max-width:760px;color:var(--muted);line-height:1.55}
.collectionCard.utility.selectedWorksCard{background:linear-gradient(145deg,#17191b,#34383b);color:#fff}.collectionCard.utility.selectedWorksCard .collectionInfo span{color:rgba(255,255,255,.7)}
.collectionCard .selectionBadge{position:absolute;right:10px;top:10px;min-width:26px;height:26px;border-radius:999px;background:#111;color:#fff;display:grid;place-items:center;font-size:12px;padding:0 7px}
.collectionCard{position:relative}
@media(max-width:720px){.experienceEntry{align-items:flex-start;flex-direction:column}}

/* Integrated public routes; retain the recovered Collections presentation. */
a.btn,a.presentationChoice{text-decoration:none;display:inline-block}.experienceEntry>div{flex:1}.experienceEntry .btn{margin-top:18px}.experienceEntry{align-items:stretch}.experienceEntry>div+div{border-left:1px solid var(--line);padding-left:26px}.featuredDots button:focus-visible,.btn:focus-visible{outline:3px solid #987342;outline-offset:4px}
@media(max-width:720px){.experienceEntry>div+div{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;width:100%}}


/* Selected Works sequence editor */
.sequenceEditor{margin:0 0 26px;padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}
.sequenceEditorHead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.sequenceEditorHead h2{font:400 30px Georgia,serif;margin:5px 0 6px}
.sequenceEditorHead p{margin:0;color:var(--muted);font-size:14px}
.sequenceList{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sequenceRow{display:grid;grid-template-columns:42px 64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:13px;background:#fff}
.sequenceNumber{font:400 20px Georgia,serif;color:var(--muted);text-align:center}
.sequenceThumb{width:64px;height:54px;object-fit:contain;background:#ece9e2;border-radius:8px}
.sequenceMeta{min-width:0}.sequenceMeta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.sequenceMeta span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.sequenceActions{display:flex;gap:6px}.sequenceActions button{width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:18px;line-height:1}.sequenceActions button:disabled{opacity:.28;cursor:default}
@media(max-width:640px){.sequenceEditor{padding:20px 14px}.sequenceEditorHead{display:block}.sequenceEditorHead .btn{margin-top:14px}.sequenceRow{grid-template-columns:34px 52px minmax(0,1fr);gap:9px}.sequenceThumb{width:52px;height:48px}.sequenceActions{grid-column:2/4;justify-content:flex-end}}

.sequenceFileActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:640px){.sequenceFileActions{justify-content:flex-start;margin-top:14px}}