@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101010;--panel:#181818;--panel2:#202020;--line:#303030;--text:#f2f0ec;--muted:#96938e;--orange:#ff7438;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.topbar{height:82px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - var(--max))/2),5vw);position:relative;z-index:10;background:#101010e8;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.7px;font-size:17px}.brand-mark{display:grid;place-items:center;background:var(--orange);color:#111;width:34px;height:34px;border-radius:10px;font-size:19px}.orange{color:var(--orange)}nav{display:flex;gap:32px}nav a,.top-cta{font-size:12px;color:#aaa;font-weight:700;transition:.2s}nav a:hover,nav a.active, .top-cta:hover{color:var(--text)}nav a.active:after{content:"";display:block;height:2px;background:var(--orange);margin-top:7px}.top-cta{border:1px solid var(--line);padding:10px 15px;border-radius:30px;color:var(--text)}.top-cta span{color:var(--orange);margin-left:9px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}main{min-height:70vh}.hero,.page-hero,.section,.feature-band,.article,.vault-panel,.admin-grid,.photo-grid,.link-list{max-width:var(--max);margin:auto}.hero{min-height:590px;padding:115px 20px 85px;position:relative;overflow:hidden}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:2px;color:var(--orange);margin-bottom:22px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px;box-shadow:0 0 15px var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1,.page-hero h1{font-size:clamp(56px,8vw,104px);letter-spacing:-7px;line-height:.99;margin:0 0 26px;font-weight:700;position:relative;z-index:1}.hero h1 em{font-style:normal;color:var(--orange)}.lead{color:#aaa;font-size:17px;max-width:530px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--orange);color:#15100d;border:0;border-radius:5px;padding:14px 19px;font:800 12px Manrope;cursor:pointer;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff743833}.button-outline{background:transparent;border:1px solid #555;color:var(--text)}.text-link{font-size:12px;font-weight:800;color:#ddd}.text-link span{color:var(--orange)}.hero-orb{position:absolute;width:390px;height:390px;border-radius:50%;right:5%;top:95px;background:radial-gradient(circle at 35% 35%,#ff9a5a,#ff7438 28%,#a52c12 57%,#31160f 72%,transparent 73%);filter:blur(1px);opacity:.8;box-shadow:0 0 120px #ff74381c;animation:float 8s ease-in-out infinite}.hero-orb:after{content:"";position:absolute;inset:35px;border:1px solid #ffd1b44c;border-radius:50%;transform:rotateX(68deg) rotateZ(-25deg) scale(1.35)}.hero-note{position:absolute;right:20px;bottom:42px;font:10px/1.9 'DM Mono';letter-spacing:1px;color:#777}.hero-note span{color:var(--orange)}.ticker{border-block:1px solid #ffffff13;overflow:hidden;white-space:nowrap;padding:16px 0;color:#85817b;font:11px 'DM Mono';letter-spacing:2px}.ticker div{word-spacing:12px;animation:marquee 30s linear infinite}.ticker b{color:var(--orange);margin:0 18px}.section{padding:95px 20px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2,.feature-band h2{font-size:clamp(28px,4vw,43px);letter-spacing:-2px;margin:0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.post-card{background:var(--panel);border:1px solid #ffffff0b;border-radius:8px;padding:25px;min-height:220px;position:relative;transition:.25s;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-5px);border-color:#ff743866;background:#1c1a19}.card-top{display:flex;justify-content:space-between;font:9px 'DM Mono';letter-spacing:1px;color:#8c8984}.card-top span:first-child{color:var(--orange)}.post-card h3{font-size:23px;letter-spacing:-.8px;margin:30px 0 9px}.post-card p{color:#96938e;font-size:12px;line-height:1.8}.arrow{color:var(--orange);margin-top:auto;align-self:flex-end}.empty{border:1px dashed #45413e;padding:30px;border-radius:8px;color:var(--muted);grid-column:1/-1}.feature-band{margin:10px auto 90px;padding:45px;background:linear-gradient(110deg,#211b18,#171717);border:1px solid #ffffff12;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.feature-band p{color:var(--muted);margin:10px 0 0}.page-hero{padding:90px 20px 45px}.page-hero h1{font-size:clamp(48px,7vw,76px);letter-spacing:-5px;margin-bottom:18px}.page-hero .lead{font-size:15px}.listing{max-width:var(--max);margin:0 auto 100px;padding:0 20px}.article{padding:10px 20px 100px;max-width:820px}.article h1{font-size:clamp(38px,6vw,64px);letter-spacing:-3px;margin:30px 0}.article-body{color:#c4c0ba;font-size:16px;line-height:2}.comments{margin-top:65px}.comments h2{font-size:30px}.comment{border-bottom:1px solid var(--line);padding:18px 0}.comment small,.file-row small{display:block;color:var(--muted);font-size:10px}.comment p{margin:10px 0 0;color:#c4c0ba}.form-card{background:var(--panel);border:1px solid #ffffff12;border-radius:9px;padding:25px;margin:20px 0}.form-card h2,.form-card h3{font-size:19px;letter-spacing:-.5px}input:not([type=checkbox]):not([type=file]),textarea{display:block;width:100%;background:#101010;border:1px solid #383838;border-radius:5px;padding:13px 14px;color:white;font:13px Manrope;margin:12px 0;outline:none}input:focus,textarea:focus{border-color:var(--orange)}textarea{resize:vertical;min-height:110px}.form-card small,.hint{display:block;color:#888;font-size:10px;margin-top:12px}.photo-grid{padding:0 20px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.photo-grid figure{margin:0;background:var(--panel);border-radius:7px;overflow:hidden}.photo-grid img{width:100%;height:270px;object-fit:cover;display:block;transition:transform .5s}.photo-grid figure:hover img{transform:scale(1.04)}.photo-grid figcaption{padding:12px;color:#aaa;font-size:11px}.link-list{padding:0 20px 100px}.link-row{display:flex;justify-content:space-between;align-items:center;padding:23px 5px;border-bottom:1px solid var(--line);transition:.2s}.link-row:hover{padding-left:15px}.link-row h3{font-size:19px;margin:0 0 4px}.link-row p{color:var(--muted);font-size:12px;margin:0}.link-row>span{color:var(--orange);font-size:22px}.login-wrap{max-width:430px;margin:90px auto 140px;padding:0 20px}.login-wrap h1{font-size:42px;letter-spacing:-2px}.error{color:#ff8b70}.vault-panel{max-width:850px;padding:0 20px 100px}.upload-zone{border:1px dashed #555;border-radius:10px;text-align:center;padding:42px 20px;background:#171717}.upload-icon{font-size:38px;color:var(--orange)}.upload-zone p{color:var(--muted);font-size:12px}.upload-zone input[type=file]{display:block;margin:20px auto;color:#aaa;max-width:100%}.file-row{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.file-row b{font-size:13px}.file-row a{color:var(--orange);font-size:11px;font-weight:800}.file-list{margin:25px 0 35px}.admin-grid{padding:0 20px 80px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-grid .form-card{margin:0}.admin-grid h2{margin-top:0}.check{display:flex;gap:9px;color:#aaa;font-size:12px;margin:15px 0}.inline{display:flex;gap:8px}.mini{background:#2a2927;color:white;border:1px solid #555;border-radius:4px;padding:6px 10px;cursor:pointer}.mini.danger{color:#ff8b70}.logout{max-width:var(--max);margin:-50px auto 80px;padding:0 20px;text-align:right;color:var(--orange);font-size:12px}footer{border-top:1px solid #ffffff15;min-height:100px;padding:25px max(calc((100% - var(--max))/2),5vw);display:flex;align-items:center;justify-content:space-between;color:#777;font-size:10px}footer .brand{color:#ddd}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(4deg)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.admin-dashboard{max-width:var(--max);margin:0 auto 24px;padding:0 20px}.admin-dashboard-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.admin-dashboard-head .eyebrow{margin-bottom:8px}.admin-dashboard-head h2{font-size:25px;letter-spacing:-1px;margin:0}.admin-updated{font-size:10px;color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-stat{display:flex;flex-direction:column;gap:4px;background:linear-gradient(145deg,#1d1d1d,#171717);border:1px solid #ffffff12;border-radius:8px;padding:17px 19px;transition:border-color .2s,transform .2s}.admin-stat:hover{border-color:#ff743866;transform:translateY(-2px)}.admin-stat>span{font-size:11px;color:#aaa}.admin-stat strong{font-size:30px;line-height:1.25;letter-spacing:-1px}.admin-stat small{font-size:10px;color:var(--orange)}.admin-dashboard-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 2px 0}.admin-dashboard-foot>div:first-child{display:flex;flex-direction:column}.admin-dashboard-foot b{font-size:11px}.admin-dashboard-foot span{font-size:10px;color:var(--muted)}.admin-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-quick-actions a{font-size:10px;font-weight:800;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:7px 10px}.admin-quick-actions a:hover{border-color:var(--orange);color:var(--orange)}.admin-grid [id]{scroll-margin-top:24px}
@media(max-width:760px){.topbar{height:70px;padding:0 20px}.menu-toggle{display:block;margin-left:auto;margin-right:15px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#151515;padding:20px;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}nav.open{display:flex}.top-cta{padding:8px 11px}.hero{padding:90px 22px 100px;min-height:570px}.hero h1{font-size:clamp(56px,15vw,82px);letter-spacing:-4px}.hero-orb{width:220px;height:220px;right:-45px;top:250px;opacity:.48}.hero-note{bottom:20px;right:22px}.lead{font-size:15px;max-width:390px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.section{padding:65px 20px}.section-head{align-items:flex-start;gap:15px;flex-direction:column}.post-grid{grid-template-columns:1fr}.post-card{min-height:190px}.feature-band{margin:0 20px 60px;padding:28px;display:block}.feature-band .button{margin-top:24px}.page-hero{padding:65px 20px 35px}.page-hero h1{letter-spacing:-3px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:9px;padding-inline:12px}.photo-grid img{height:180px}.admin-grid{grid-template-columns:1fr;padding-inline:14px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-dashboard{padding-inline:14px}.admin-dashboard-foot{align-items:flex-start;flex-direction:column}.admin-dashboard-head{align-items:flex-start;flex-direction:column;gap:5px}.article{padding-inline:20px}.link-list{padding-inline:20px}footer{padding:25px 20px;gap:15px;flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Gallery + page management upgrade */
.album-filters{max-width:var(--max);margin:0 auto 24px;padding:0 20px;display:flex;gap:9px;flex-wrap:wrap}
.album-filter{background:#1b1b1b;border:1px solid #393939;color:#aaa;border-radius:30px;padding:9px 15px;font:700 11px Manrope;cursor:pointer;transition:.2s}
.album-filter:hover,.album-filter.active{background:var(--orange);border-color:var(--orange);color:#17110e}
.photo-open{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in;overflow:hidden}
.photo-grid figure.is-hidden{display:none}
.lightbox{position:fixed;inset:0;background:rgba(5,5,5,.97);z-index:1000;display:none;align-items:center;justify-content:center;padding:60px 75px}
.lightbox.open{display:flex;animation:lightFade .2s ease}
.lightbox figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px}
.lightbox img{display:block;max-width:calc(100vw - 180px);max-height:calc(100vh - 130px);width:auto;height:auto;object-fit:contain;box-shadow:0 15px 70px #000}
.lightbox figcaption{color:#bbb;font-size:12px;text-align:center}
.lightbox button{position:absolute;border:0;background:#222;color:white;width:44px;height:44px;border-radius:50%;font-size:29px;cursor:pointer;transition:.2s}
.lightbox button:hover{background:var(--orange);color:#111}
.lightbox-close{top:22px;right:25px}.lightbox-prev{left:22px;top:50%;transform:translateY(-50%)}.lightbox-next{right:22px;top:50%;transform:translateY(-50%)}
.lightbox-count{position:absolute;bottom:20px;color:#777;font:11px 'DM Mono'}
body.lightbox-open{overflow:hidden}
.photo-manage-row{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}
.photo-manage-row>img{width:64px;height:54px;object-fit:cover;border-radius:4px}
.photo-manage-row form{margin:0}.photo-manage-row input:not([type=checkbox]){margin:4px 0;padding:8px;font-size:11px}
.page-manage-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0;font-size:13px}
.page-manage-row form{margin:0}
@keyframes lightFade{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.lightbox{padding:55px 12px}.lightbox img{max-width:calc(100vw - 30px);max-height:calc(100vh - 130px)}.lightbox-prev{left:8px}.lightbox-next{right:8px}.photo-manage-row{grid-template-columns:54px 1fr}.photo-manage-row>img{width:54px;height:50px}.photo-manage-row>form:last-child{grid-column:2}}

/* Homepage controls and private-file actions */
.file-actions{display:flex;align-items:center;gap:14px}
.file-actions form{margin:0}
.file-actions .mini{font-size:10px;padding:7px 11px}
.form-card label:not(.check){display:block;margin:12px 0 6px;color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:600px){.file-actions{flex-wrap:wrap;justify-content:flex-end}.file-row{gap:12px}}

/* Page editor and navigation management */
.page-editor{border-top:1px solid var(--line);padding:18px 0}.page-editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.page-editor-top b{font-size:14px}.page-editor label:not(.check){display:block;color:#aaa;font-size:11px;margin:10px 0 5px}.page-editor-options{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:10px 0}.page-editor-options>label:first-child{width:130px}.page-editor-options input[type=number]{margin:5px 0}.page-delete-form{margin-top:10px}.page-editor .check{margin:8px 0}


/* Music page / Mixcloud */
.music-section{max-width:1120px;margin:0 auto 100px;padding:0 5vw}
.music-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:36px 0 24px}
.music-intro h2{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0}
.music-intro .lead{margin:8px 0 0;max-width:620px}
.mixcloud-embed{background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
.mixcloud-embed iframe{display:block;width:100%;height:480px;border:0}.mix-player-preview{position:relative;aspect-ratio:16/9;max-height:480px;overflow:hidden;background:#171717}.mix-player-preview img{display:block;width:100%;height:100%;object-fit:contain;background:#111}.mix-player-overlay{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;background:linear-gradient(transparent,#000d);color:#fff;font-weight:700}.mix-player-overlay button{width:64px;height:64px;border:2px solid #fff;border-radius:50%;background:#ff7138;color:#111;font-size:26px;cursor:pointer}.mix-player-preview[hidden]{display:none}
.music-note{font-size:.85rem;color:var(--muted);margin:14px 2px}
@media(max-width:650px){.music-intro{align-items:flex-start;flex-direction:column}.mixcloud-embed iframe{height:480px}.mix-player-overlay button{width:52px;height:52px}}

/* Music hero: user's actual DJ setup */
.music-hero{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:center;gap:34px;padding-top:78px;padding-bottom:54px;max-width:var(--max)}
.music-hero-copy{min-width:0;position:relative;z-index:1}
.music-hero .hero-actions{margin-top:28px}
.music-gear{min-width:0;border:1px solid #ffffff1c;border-radius:12px;overflow:hidden;background:#17120f;box-shadow:0 24px 70px #0009;position:relative}
.music-gear:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#100d0bea);pointer-events:none}
.music-gear img{display:block;width:100%;height:350px;object-fit:cover;object-position:center 48%}
.music-gear-caption{font:10px 'DM Mono',monospace;letter-spacing:.5px;color:#8f8982;margin:24px 0 0}
@media(max-width:760px){.music-hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:58px}.music-gear img{height:auto;aspect-ratio:16/10}.music-gear-caption{margin-top:18px}}

/* Admin photo library: compact visual grid with progressive editing controls */
.photo-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:8px 0 18px}
.photo-library-count{font:700 12px 'DM Mono',monospace;color:var(--muted)}
.photo-library-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}
.photo-library-control select{margin:0;min-width:125px;padding:9px 30px 9px 10px;font-size:11px}
.photo-bulk-form{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}
.photo-bulk-form>span{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:11px}
.photo-select-all{display:flex;align-items:center;gap:7px;cursor:pointer}
.photo-select-all input,.photo-card-select input{accent-color:var(--orange)}
.photo-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.photo-library-card{min-width:0;border:1px solid var(--line);border-radius:9px;background:#171717;overflow:hidden;align-self:start}
.photo-library-card[hidden]{display:none}
.photo-library-image{position:relative;aspect-ratio:4/3;background:#101010;overflow:hidden}
.photo-library-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.photo-library-card:hover .photo-library-image>img{transform:scale(1.035)}
.photo-card-select{position:absolute;top:9px;left:9px;display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:#090909c9;border:1px solid #ffffff55;cursor:pointer}
.photo-card-select input{width:15px;height:15px;margin:0}
.photo-library-meta{display:flex;flex-direction:column;gap:4px;padding:10px 11px 7px}
.photo-library-meta strong{font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photo-library-meta>span{font-size:10px;color:var(--muted)}
.photo-edit-details{margin:0 10px 9px;border-top:1px solid var(--line);padding-top:7px}
.photo-edit-details summary{font-size:10px;color:var(--orange);cursor:pointer;list-style:none}
.photo-edit-details summary::-webkit-details-marker{display:none}
.photo-edit-details summary:after{content:'＋';float:right}
.photo-edit-details[open] summary:after{content:'−'}
.photo-edit-form{display:grid;gap:8px;padding:9px 0 2px}
.photo-edit-form label{display:block;color:var(--muted);font-size:10px}
.photo-edit-form input{margin:4px 0 0;padding:8px;font-size:11px}
.photo-edit-form .mini{justify-self:start}
.photo-card-delete{margin:0 10px 11px}
.photo-card-delete .mini{font-size:10px;padding:6px 10px}
@media(max-width:900px){.photo-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.photo-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-library-toolbar{align-items:flex-start}.photo-library-control{flex:1;min-width:0;flex-direction:column;align-items:flex-start}.photo-library-control select{width:100%;min-width:0}.photo-bulk-form>span{gap:9px;flex-direction:column;align-items:flex-start}}

/* Keep the photo library as the final, full-width section of the admin page. */
.admin-grid > .photo-manager{grid-column:1 / -1}


/* Links manager */
.links-manager{grid-column:1 / -1}
.links-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.links-manager-heading h2{margin-bottom:6px}
.links-manager-count{font:700 11px 'DM Mono',monospace;color:var(--muted);white-space:nowrap}
.links-manager-list{display:grid;gap:9px}
.link-editor{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);overflow:hidden}
.link-editor summary{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,2fr) auto;align-items:center;gap:14px;padding:13px 15px;cursor:pointer;list-style:none}
.link-editor summary::-webkit-details-marker{display:none}
.link-editor summary:after{content:'＋';color:var(--orange);font-size:17px;margin-left:5px}
.link-editor[open] summary:after{content:'−'}
.link-editor-title{font-size:13px;font-weight:650;color:var(--text)}
.link-editor-url{font:10px 'DM Mono',monospace;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link-editor-order{font:10px 'DM Mono',monospace;color:var(--muted)}
.link-editor-body{padding:14px 15px 16px;border-top:1px solid var(--line)}
.link-edit-form{display:grid;grid-template-columns:1fr 1.5fr 1.5fr 110px;gap:12px;align-items:end}
.link-edit-form label{display:block;color:var(--muted);font-size:10px}
.link-edit-form input{margin-top:6px}
.link-order-field input{min-width:0}
.link-editor-actions{display:flex;gap:8px;align-items:center;grid-column:1/-1}
.link-delete-form{margin-top:10px}
@media(max-width:760px){
 .link-editor summary{grid-template-columns:1fr auto;gap:5px 10px}
 .link-editor-url{grid-column:1}
 .link-editor-order{grid-column:2;grid-row:1}
 .link-edit-form{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
 .links-manager-heading{align-items:flex-start}
 .link-edit-form{grid-template-columns:1fr}
 .link-editor-actions{grid-column:1}
}


/* Compact expandable journal manager */
.journal-manager{grid-column:1 / -1}
.journal-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.journal-manager-heading h2{margin-bottom:6px}
.journal-manager-count{font:700 11px 'DM Mono',monospace;color:var(--muted);white-space:nowrap}
.journal-manager-list{display:grid;gap:9px}
.journal-editor{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);overflow:hidden}
.journal-editor summary{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,auto) auto;align-items:center;gap:14px;padding:13px 15px;cursor:pointer;list-style:none}
.journal-editor summary::-webkit-details-marker{display:none}
.journal-editor summary:after{content:'＋';color:var(--orange);font-size:17px}
.journal-editor[open] summary:after{content:'−'}
.journal-editor-title{font-size:13px;font-weight:650;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.journal-editor-meta{font:10px 'DM Mono',monospace;color:var(--muted)}
.journal-status{font:700 9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.7px;padding:4px 7px;border-radius:20px}
.journal-status.is-published{color:#9bd6a8;background:#9bd6a814}
.journal-status.is-draft{color:#e0bd82;background:#e0bd8214}
.journal-editor-body{padding:15px;border-top:1px solid var(--line)}
.journal-edit-form label{display:block;color:var(--muted);font-size:11px}
.journal-edit-form input,.journal-edit-form textarea{margin-top:6px}
.journal-edit-form textarea{min-height:150px}
.journal-editor-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.journal-delete-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:760px){.journal-editor summary{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.journal-editor-meta{grid-column:1;grid-row:2}.journal-status{grid-column:2;grid-row:1}}
@media(max-width:480px){.journal-manager-heading{align-items:flex-start}.journal-editor-actions{align-items:flex-start;flex-direction:column}}


/* Homepage recent photography preview */
.home-gallery { padding-top: 12px; }
.home-gallery-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.home-gallery-item { display:block; overflow:hidden; aspect-ratio:1 / 1; border-radius:12px; background:var(--panel, #171717); }
.home-gallery-item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.home-gallery-item:hover img { transform:scale(1.045); }
@media (max-width: 900px) { .home-gallery-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 520px) { .home-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } }


/* Homepage gallery: enforce a consistent square thumbnail grid. */
main .home-gallery .home-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: auto;
    align-items: stretch;
    gap: 14px;
}
main .home-gallery .home-gallery-item {
    display: block;
    width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
main .home-gallery .home-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover !important;
    object-position: center;
}
@media (max-width: 520px) {
    main .home-gallery .home-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}


/* Unified homepage photography feature: introduction and recent images as one section. */
.feature-gallery {
    margin-top: clamp(42px, 6vw, 76px);
}
.feature-gallery .feature-gallery-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 24px;
}
.feature-gallery .feature-gallery-head h2 {
    margin-bottom: 10px;
}
.feature-gallery .feature-gallery-head p {
    margin: 0;
}
.feature-gallery .feature-gallery-head .text-link {
    flex: 0 0 auto;
    margin-bottom: 5px;
}
.feature-gallery .home-gallery-grid {
    margin-top: 0;
}
@media (max-width: 600px) {
    .feature-gallery .feature-gallery-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }
}

/* Latest Mixcloud uploads */
.latest-mixes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 26px}
.mix-card{display:block;text-align:left;width:100%;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#171717;color:var(--text);font:inherit;cursor:pointer;transition:transform .2s,border-color .2s}
.mix-card:hover{transform:translateY(-3px);border-color:#ffffff40}.mix-card.selected{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.mix-card-art{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#242424}
.mix-card-content{padding:16px}
.mix-card-date{font:10px 'DM Mono',monospace;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.mix-card h3{font-size:1.05rem;line-height:1.35;margin:9px 0 12px}
.mix-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted);font-size:12px}
.mix-card-link{display:inline-block;margin-top:14px;color:var(--text);font-size:12px;font-weight:700}
.music-loading,.music-error{grid-column:1/-1;padding:22px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
@media(max-width:760px){.latest-mixes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.latest-mixes{grid-template-columns:1fr}.mix-card{display:grid;grid-template-columns:112px minmax(0,1fr)}.mix-card-art{height:100%;min-height:130px;aspect-ratio:auto}.mix-card-content{padding:12px}.mix-card h3{font-size:.95rem}}

/* Shared private-file area */
.vault-summary{display:flex;gap:22px;flex-wrap:wrap;padding:18px 2px;color:var(--muted);font:10px 'DM Mono',monospace;border-bottom:1px solid var(--line);margin-top:18px}
.file-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.file-actions a{white-space:nowrap}.vault-edit{position:relative}.vault-edit summary,.vault-user-actions details summary{cursor:pointer;color:var(--orange);font-size:11px;font-weight:800;list-style:none}.vault-edit[open],.vault-user-actions details[open]{background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:10px}.vault-edit form,.vault-user-actions details form{display:flex;gap:7px;align-items:center;margin-top:8px}.vault-edit input:not([type=checkbox]),.vault-user-actions input:not([type=checkbox]){min-width:190px;margin:0;padding:8px;font-size:11px}.vault-user-manager{max-width:var(--max);margin:0 auto 70px}.vault-user-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.vault-user-heading h2{margin-bottom:4px}.vault-user-count{white-space:nowrap;color:var(--orange);font:11px 'DM Mono',monospace}.vault-user-add{display:grid;grid-template-columns:1fr 1.3fr auto;gap:14px;align-items:end;padding:18px 0 25px;border-bottom:1px solid var(--line)}.vault-user-add label{font-size:11px;color:#aaa}.vault-user-add input{margin:7px 0 0!important}.vault-user-list{margin-top:10px}.vault-user-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 2px;border-bottom:1px solid var(--line)}.vault-user-row b{font-size:13px}.vault-user-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.vault-user-actions{display:flex;gap:8px;align-items:center}.vault-user-actions form{margin:0}.vault-user-actions details{position:relative}.vault-user-actions details form{display:grid;min-width:230px}.vault-user-actions details form button{justify-self:start}.vault-file-info{min-width:0;overflow-wrap:anywhere}.file-row{gap:15px}.file-row b{overflow-wrap:anywhere}
@media(max-width:700px){.vault-user-add{grid-template-columns:1fr}.vault-user-row{align-items:flex-start;flex-direction:column}.vault-user-actions{flex-wrap:wrap}.vault-summary{gap:10px 16px}.file-row{align-items:flex-start}.file-actions{flex-direction:column;align-items:flex-end}.vault-edit[open]{position:absolute;right:0;z-index:4}}