@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{color:#1f241f;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--paper:#f5f3ee;--ink:#1f241f;--muted:#77796f;--line:#d9d7cf;--green:#586a4c;background:#f5f3ee;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--line);z-index:3;justify-content:space-between;align-items:center;height:76px;padding:0 7.1%;display:flex;position:relative}.wordmark{letter-spacing:-1.8px;font-size:24px;font-weight:700}.wordmark span{vertical-align:top;letter-spacing:0;margin-left:2px;font-size:9px}.topbar nav,.top-actions{align-items:center;gap:39px;display:flex}.topbar nav a,.admin-toggle{letter-spacing:.07em;align-items:center;gap:4px;font:10px DM Mono,monospace;display:flex}.admin-toggle{cursor:pointer;color:#5f625a;background:0 0;border:0;gap:9px}.admin-toggle span{background:#bbb;border-radius:50%;width:6px;height:6px}.admin-toggle span.online{background:#65865c;box-shadow:0 0 0 3px #65865c22}.menu-btn{background:0 0;border:0;display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;max-width:1600px;min-height:635px;margin:auto;padding:87px 7.1% 34px;display:grid;position:relative}.hero-copy{padding:3px 0 34px}.eyebrow{letter-spacing:.09em;color:#6d7067;align-items:center;gap:11px;font:10px DM Mono,monospace;display:flex}.eyebrow-line{background:#7f8874;width:21px;height:1px;display:inline-block}.hero h1,.section-top h2,.about h2,.upload-modal h2{letter-spacing:-.075em;margin:33px 0 23px;font-size:clamp(65px,8vw,112px);font-weight:500;line-height:.96}.hero h1 em,.section-top h2 em,.about h2 em,.upload-modal h2 em{letter-spacing:-.065em;font-family:Playfair Display,serif;font-weight:500}.hero-copy>p{color:#73756e;font-size:14px;line-height:1.8}.discover{letter-spacing:.06em;border-bottom:1px solid #96988d;align-items:center;gap:12px;margin-top:35px;padding:0 0 10px;font:10px DM Mono,monospace;display:inline-flex}.discover svg{color:var(--green)}.hero-visual{background:#dedbd2;justify-self:end;width:min(100%,490px);height:445px;position:relative}.hero-visual>img{object-fit:cover;filter:saturate(.76);width:100%;height:100%}.hero-caption{color:#fff;letter-spacing:.05em;background:linear-gradient(#0000,#0008);justify-content:space-between;padding:17px 19px;font:9px DM Mono,monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-stamp{text-align:center;width:56px;height:56px;color:var(--green);background:#ece9e0;border-radius:50%;place-content:center;font:11px/1.1 DM Mono,monospace;display:grid;position:absolute;top:35px;right:-21px;transform:rotate(10deg)}.hero-index{border-top:1px solid var(--line);letter-spacing:.04em;color:#797b73;justify-content:space-between;padding-top:13px;font:9px DM Mono,monospace;display:flex;position:absolute;bottom:32px;left:7.1%;right:7.1%}.work{background:#eeece6;padding:110px 7.1% 45px}.section-top{justify-content:space-between;align-items:end;max-width:1320px;margin:0 auto;display:flex}.section-top h2,.about h2{margin:24px 0 0;font-size:clamp(43px,5vw,67px)}.work-meta{letter-spacing:.08em;color:var(--muted);padding-bottom:8px;font:9px DM Mono,monospace}.toolbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;margin:40px auto 24px;padding-top:14px;display:flex}.filters{gap:8px;display:flex}.filters button{color:#6e7068;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:30px;padding:8px 13px;font-size:11px}.filters button.selected{color:var(--ink);border-color:#a7a89e}.search{color:#85877e;border-bottom:1px solid #c9c8be;align-items:center;gap:8px;padding:7px 2px;display:flex}.search input{background:0 0;border:0;outline:none;width:126px;font-size:11px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px;max-width:1320px;margin:auto;display:grid}.post-card{cursor:pointer}.post-image{background:#d8d5cc;height:clamp(240px,30vw,400px);position:relative;overflow:hidden}.card-1{margin-top:58px}.card-2{margin-top:116px}.post-image>img{object-fit:cover;filter:saturate(.72);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.post-card:hover .post-image>img{transform:scale(1.04)}.image-overlay{background:linear-gradient(#0003,#0000 27% 62%,#0005);position:absolute;inset:0}.post-kind,.multiple{color:#fff;letter-spacing:.07em;align-items:center;gap:6px;font:9px DM Mono,monospace;display:flex;position:absolute;top:16px}.post-kind{left:16px}.multiple{right:16px}.open-post{color:#fff;opacity:0;cursor:pointer;background:#ffffff16;border:1px solid #ffffff9c;border-radius:50%;place-content:center;width:34px;height:34px;transition:all .2s;display:grid;position:absolute;bottom:15px;right:15px}.post-card:hover .open-post{opacity:1}.open-post svg{width:16px}.post-info{grid-template-columns:1fr auto;align-items:start;padding:17px 2px 0;display:grid}.post-info h3{letter-spacing:-.03em;margin:0 0 6px;font-size:16px;font-weight:500}.post-info p{color:#777970;margin:0;font-size:11px;line-height:1.6}.post-date{color:#888a81;padding-top:4px;font:9px DM Mono,monospace}.post-location{letter-spacing:.06em;color:#85877e;grid-column:1/-1;margin-top:15px;font:9px DM Mono,monospace}.work-footer{border-top:1px solid var(--line);color:#7c7e75;letter-spacing:.05em;justify-content:space-between;max-width:1320px;margin:80px auto 0;padding-top:15px;font:9px DM Mono,monospace;display:flex}.work-footer span:last-child{align-items:center;gap:8px;display:flex}.about{grid-template-columns:130px 1.2fr 1fr;align-items:center;gap:32px;max-width:1320px;margin:auto;padding:122px 7.1%;display:grid}.about-mark{color:#89917e;align-self:center;font-family:Playfair Display,serif;font-size:70px}.about h2{font-size:clamp(43px,5vw,65px);line-height:1.02}.about-copy{padding:25px 0 0 25px}.about-copy p{color:#6f716a;max-width:360px;font-size:13px;line-height:1.9}.about-copy a{letter-spacing:.05em;border-bottom:1px solid #a8a99f;align-items:center;gap:10px;margin-top:20px;padding:8px 0;font:9px DM Mono,monospace;display:inline-flex}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:26px 7.1%;display:flex}footer>span,footer small,footer div{letter-spacing:.04em;color:#797b73;font:9px DM Mono,monospace}footer div{gap:24px;display:flex}.add-post{z-index:5;color:#fff;letter-spacing:.04em;cursor:pointer;background:#586a4c;border:0;align-items:center;gap:9px;padding:15px 19px;font:10px DM Mono,monospace;display:flex;position:fixed;bottom:25px;right:28px;box-shadow:0 6px 24px #242a2430}.toast{color:#fff;z-index:10;background:#263128;align-items:center;gap:8px;padding:13px 18px;font-size:12px;display:flex;position:fixed;bottom:86px;right:28px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#171a17b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.detail-modal{background:var(--paper);grid-template-columns:1.2fr .8fr;width:min(940px,100%);max-height:90vh;display:grid;position:relative;overflow:auto}.modal-close{color:#fff;z-index:2;cursor:pointer;background:#1e241f99;border:1px solid #ffffff80;border-radius:50%;place-content:center;width:35px;height:35px;display:grid;position:absolute;top:15px;right:15px}.modal-close svg{width:17px}.detail-image{background:#d8d5cc;min-height:460px;position:relative}.detail-image>img,.detail-image>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.slide{cursor:pointer;background:#f5f3eecc;border:0;border-radius:50%;place-content:center;width:39px;height:39px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.slide.prev{left:14px}.slide.next{right:14px}.slide-count{color:#fff;background:#171a17a8;padding:7px 10px;font:10px DM Mono,monospace;position:absolute;bottom:15px;right:16px}.detail-copy{align-self:center;padding:90px 38px 35px}.detail-copy h2{letter-spacing:-.05em;margin:22px 0 15px;font-size:34px;font-weight:500;line-height:1.06}.detail-copy p{color:#71736b;font-size:13px;line-height:1.8}.detail-copy>span{color:#77796f;margin-top:32px;font:10px DM Mono,monospace;display:block}.upload-modal{background:var(--paper);width:min(520px,100%);max-height:92vh;padding:40px;position:relative;overflow:auto}.upload-modal .modal-close{color:#32372f;border-color:var(--line);background:0 0}.upload-modal h2{margin:19px 0 26px;font-size:42px}.field-label{letter-spacing:.06em;color:#70736b;margin:16px 0;font:9px DM Mono,monospace;display:block}.field-label input,.field-label textarea{width:100%;color:var(--ink);resize:vertical;background:#f9f8f4;border:1px solid #d5d3ca;outline:none;margin-top:8px;padding:12px;font:12px DM Sans,sans-serif;display:block}.field-label input:focus,.field-label textarea:focus{border-color:#829076}.file-drop{cursor:pointer;border:1px dashed #b9b9ac;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:112px;margin-top:20px;display:flex;position:relative}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-icon{width:27px;height:27px;color:var(--green);border:1px solid #b8b9ad;border-radius:50%;place-content:center;display:grid}.file-icon svg{width:15px}.file-drop strong{font-size:11px;font-weight:500}.file-drop small,.storage-note{color:#85877e;font-size:10px}.selected-files{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.selected-files span{background:#e8e7df;align-items:center;gap:5px;padding:5px 7px;font-size:10px;display:flex}.selected-files button{cursor:pointer;background:0 0;border:0;padding:0;display:grid}.publish{color:#fff;letter-spacing:.04em;cursor:pointer;background:#586a4c;border:0;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:20px;padding:14px;font:10px DM Mono,monospace;display:flex}.storage-note{text-align:center;margin-top:11px;display:block}.empty{text-align:center;color:#777;padding:60px 0;font-size:13px}@media (width<=850px){.topbar{height:68px;padding:0 5%}.topbar nav{gap:20px}.hero{grid-template-columns:.9fr 1.1fr;min-height:570px;padding:65px 5% 45px}.hero-visual{height:370px}.hero h1{font-size:clamp(60px,9vw,85px)}.hero-index{left:5%;right:5%}.work{padding:85px 5% 38px}.grid{gap:28px 15px}.post-image{height:31vw}.card-1{margin-top:40px}.card-2{margin-top:80px}.about{grid-template-columns:70px 1fr 1fr;gap:18px;padding:90px 5%}.about-copy{padding-left:5px}footer{padding-left:5%;padding-right:5%}}@media (width<=600px){.topbar{padding:0 20px}.topbar nav{display:none}.menu-btn{padding:4px;display:block}.top-actions{gap:16px}.hero{flex-direction:column;align-items:stretch;gap:32px;padding:57px 20px 65px;display:flex}.hero-copy{padding:0}.hero h1{margin:25px 0 17px;font-size:76px}.hero-copy>p{font-size:12px}.discover{margin-top:20px}.hero-visual{align-self:flex-end;width:88%;height:380px}.hero-index{font-size:8px;bottom:22px;left:20px;right:20px}.work{padding:72px 20px 30px}.section-top{align-items:end}.section-top h2{font-size:42px}.work-meta{font-size:8px}.toolbar{flex-wrap:wrap;gap:10px;margin:28px auto 22px}.filters{gap:2px}.filters button{padding:7px 10px;font-size:10px}.search input{width:100px}.grid{grid-template-columns:1fr;gap:30px}.post-image{height:112vw;max-height:490px}.card-1,.card-2{margin-top:0}.post-info h3{font-size:16px}.open-post{opacity:1}.work-footer{gap:10px;margin-top:48px;font-size:7px}.about{grid-template-columns:45px 1fr;gap:15px;padding:76px 20px;display:grid}.about-mark{font-size:45px}.about h2{font-size:47px}.about-copy{grid-column:2;padding:0}.about-copy p{font-size:12px}footer{grid-template-columns:1fr auto;gap:16px;padding:23px 20px;display:grid}footer>span{grid-area:2/1/auto/-1;font-size:8px}footer div{gap:12px;font-size:8px}footer small{grid-column:1/-1;font-size:8px}.detail-modal{grid-template-columns:1fr;max-height:92vh}.detail-image{min-height:54vh}.detail-copy{padding:27px 24px 30px}.detail-copy h2{margin:14px 0 10px;font-size:29px}.detail-copy>span{margin-top:20px}.upload-modal{padding:35px 23px}.add-post{padding:13px 15px;bottom:15px;right:15px}.toast{bottom:72px;right:15px}}:root{--paper:#f4eee8;--ink:#27221f;--muted:#77716c;--line:#ded3c9;--green:#8e3131;--juno-red:#b5200f;--juno-wine:#8e3131}body{background:#f4eee8}.wordmark img{object-fit:contain;object-position:left center;width:92px;height:52px;display:block}.topbar{background:#f4eee8}.topbar nav a:hover,.about-copy a:hover,footer a:hover{color:var(--juno-red)}.eyebrow{color:#766c65}.eyebrow-line{background:var(--juno-red)}.hero h1 em,.section-top h2 em,.about h2 em,.upload-modal h2 em{color:var(--juno-wine)}.discover svg,.about-mark{color:var(--juno-red)}.work{background:#ede4dc}.post-image{background:#d5c5b7}.post-image>img{filter:saturate(.85)}.add-post,.publish{background:var(--juno-wine)}.add-post:hover,.publish:hover{background:var(--juno-red)}.filters button.selected{border-color:var(--juno-wine);color:var(--juno-wine)}.login-page{background:#ede4dc;place-items:center;min-height:100vh;padding:30px;display:grid;position:relative}.login-back{letter-spacing:.06em;color:#70635a;font:10px DM Mono,monospace;position:absolute;top:35px;left:7%}.login-box{background:#f8f5f1;width:min(440px,100%);padding:48px 50px;box-shadow:0 20px 70px #381b1218}.login-logo{object-fit:contain;width:132px;height:75px;margin:0 auto 36px;display:block}.login-box h1{letter-spacing:-.06em;margin:20px 0 10px;font-size:42px;font-weight:500}.login-box h1 em{color:var(--juno-wine);font-family:Playfair Display,serif;font-weight:500}.login-box>p{color:#77716c;margin:0 0 26px;font-size:12px;line-height:1.7}.login-box form{margin-top:10px}.login-box>small{text-align:center;color:#8b827c;margin-top:18px;font-size:10px;display:block}.login-error{color:#a82016;background:#f7e8e4;padding:10px 12px;font-size:11px}.publish:disabled{opacity:.65;cursor:wait}.grid{align-items:start}.post-card.card-1,.post-card.card-2{margin-top:0}.post-image{aspect-ratio:1;height:auto}.delete-post{color:#fff;cursor:pointer;z-index:2;background:#33221fc9;border:1px solid #ffffffad;border-radius:50%;place-content:center;width:34px;height:34px;transition:background .2s,transform .2s;display:grid;position:absolute;top:42px;right:14px}.delete-post:hover{background:#a82118;transform:scale(1.06)}.detail-image>video{background:#161616}.post-image>img,.post-thumb-video{object-fit:cover;width:100%;height:100%;display:block}.post-thumb-video{filter:saturate(.85);background:#25211f}.cover-picker{background:#f9f8f4;border:1px solid #d5d3ca;flex-direction:column;gap:8px;margin-top:17px;padding:14px;display:flex}.cover-picker>span{letter-spacing:.06em;color:#70736b;font:9px DM Mono,monospace}.cover-picker input{color:#6e625c;font-size:11px}.cover-picker small{color:#85877e;font-size:10px}.cover-selected{color:#6e625c;background:#e8e7df;justify-content:space-between;align-items:center;padding:8px;font-size:10px;display:flex}.cover-selected button{color:#8e3131;cursor:pointer;background:0 0;border:0;font-size:10px;text-decoration:underline}.hero-art{color:#f6eee8;background:#8e3131;flex-direction:column;justify-content:space-between;padding:27px 30px;display:flex;position:relative;overflow:hidden}.hero-art:before{content:"";border:1px solid #f4eee85c;border-radius:50%;width:310px;height:310px;position:absolute;top:48px;right:-63px}.hero-art:after{content:"";opacity:.82;background:#bb765d;border-radius:50%;width:230px;height:230px;position:absolute;top:88px;right:-8px}.hero-art-top,.hero-art-bottom{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.hero-art-top{border-bottom:1px solid #f4eee85c;padding-bottom:14px}.hero-art-top strong{letter-spacing:.05em;font-family:Playfair Display,serif;font-size:20px;font-weight:600}.hero-art-top strong span{vertical-align:top;margin-left:3px;font:9px DM Mono,monospace}.hero-art-top>span,.hero-art-bottom{letter-spacing:.09em;text-align:right;font:8px/1.6 DM Mono,monospace}.hero-art-orbit{z-index:1;color:#f8eee4;border:1px solid #f5eee8aa;border-radius:50%;place-items:center;width:145px;height:145px;display:grid;position:absolute;top:109px;right:52px}.hero-art-orbit:before,.hero-art-orbit:after{content:"";border:1px solid #f5eee88a;border-radius:50%;position:absolute;inset:14px}.hero-art-orbit:after{inset:31px}.hero-art-orbit span{z-index:1;font:italic 104px/1 Playfair Display,serif;transform:translateY(-7px)}.hero-art-side{z-index:2;letter-spacing:.14em;text-align:right;font:8px/1.8 DM Mono,monospace;position:absolute;bottom:118px;right:25px}.hero-art-copy{z-index:2;margin-top:auto;margin-bottom:28px;position:relative}.hero-art-copy>span{letter-spacing:.12em;color:#f2d7c9;font:8px DM Mono,monospace}.hero-art-copy h2{letter-spacing:-.06em;margin:14px 0 0;font-size:48px;font-weight:500;line-height:.97}.hero-art-copy h2 em{color:#f1c9b6;font-family:Playfair Display,serif;font-weight:500}.hero-art-bottom{border-top:1px solid #f4eee85c;align-items:center;padding-top:11px}.hero-art-bottom span:last-child{font-size:9px}.hero-empty{background:0 0!important}.section-meta{align-items:center;gap:15px;display:flex}.reorder-toggle{border:1px solid var(--line);letter-spacing:.04em;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:9px 12px;font:9px DM Mono,monospace;display:flex}.reorder-toggle.active{background:var(--juno-wine);border-color:var(--juno-wine);color:#fff}.reorder-hint{border:1px solid var(--line);color:#71665f;background:#f4eee8;align-items:center;gap:9px;max-width:1320px;margin:38px auto 24px;padding:13px 15px;font-size:11px;display:flex}.category-toolbar{align-items:center;gap:15px;max-width:1320px;margin:-8px auto 25px;display:flex}.category-toolbar>span{letter-spacing:.08em;color:#898078;font:9px DM Mono,monospace}.category-filters{flex-wrap:wrap}.post-category{color:#7e5146;letter-spacing:.05em;text-transform:uppercase;border:1px solid #d8c8bc;grid-column:1/-1;justify-self:start;margin-top:12px;padding:5px 8px;font:8px DM Mono,monospace}.drag-controls{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;top:42px;left:13px}.drag-controls button{color:#fff;cursor:pointer;background:#33221fc9;border:1px solid #ffffffad;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.drag-controls button:disabled{opacity:.4;cursor:default}.drag-controls .drag-handle{cursor:grab}.drag-controls .drag-handle:active{cursor:grabbing}.reorder-card{cursor:default}.reorder-card:hover .post-image>img{transform:none}.reorder-card.is-dragging{opacity:.48}.field-label select{width:100%;color:var(--ink);background:#f9f8f4;border:1px solid #d5d3ca;outline:none;margin-top:8px;padding:12px;font:12px DM Sans,sans-serif;display:block}.field-label select:focus{border-color:#829076}.upload-progress{background:#f9f6f2;border:1px solid #e0d5cb;margin-top:17px;padding:13px}.upload-progress-label{color:#625750;justify-content:space-between;gap:12px;font:10px DM Mono,monospace;display:flex}.upload-progress-label strong{color:var(--juno-wine);font-weight:500}.upload-progress-track{background:#e5d9d0;height:5px;margin:9px 0 7px;overflow:hidden}.upload-progress-fill{background:var(--juno-wine);height:100%;transition:width .18s}.upload-progress-fill.processing{background:repeating-linear-gradient(110deg,var(--juno-wine) 0 10px,#b86b5f 10px 20px);background-size:40px 100%;animation:.8s linear infinite progress-stripes}.upload-progress small{color:#81776f;font-size:9px;line-height:1.5}@keyframes progress-stripes{to{background-position:40px 0}}@media (width<=600px){.section-meta{flex-direction:column;align-items:flex-end;gap:8px}.reorder-toggle{padding:8px 9px;font-size:8px}.category-toolbar{flex-direction:column;align-items:flex-start;gap:6px;margin:0 auto 22px}.category-toolbar .filters{flex-wrap:wrap}.reorder-hint{margin:26px auto 18px;font-size:10px}.drag-controls{top:39px;left:8px}.drag-controls button{width:27px;height:27px}}.post-image{aspect-ratio:1;height:auto;min-height:0}.post-image>img,.post-thumb-video{object-fit:contain;background:#211d1b}.detail-modal{align-items:center}.detail-image{height:auto;min-height:0;max-height:76vh;overflow:hidden}.detail-image>img,.detail-image>video{object-fit:contain;background:#171514}@media (width<=600px){.detail-image{min-height:0;max-height:65vh}}