:root{--ink:#171713;--ink2:#24241f;--paper:#f3f1eb;--card:#fbfaf7;--white:#fff;--accent:#a75d3d;--accent2:#cf9d7e;--muted:#858178;--line:#dedbd2;--green:#6d8066;--shadow:0 18px 45px rgba(28,27,22,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px "DM Sans",sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.brand{font:26px "Italiana",serif;letter-spacing:.02em}.brand span{font:9px "DM Sans";letter-spacing:.22em;margin-left:5px}.overline{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.login{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-visual{padding:48px 5vw;color:white;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(0deg,rgba(16,16,13,.44),rgba(16,16,13,.08)),url("../assets/hero.jpg") center/cover}.login-visual p{font-size:10px;letter-spacing:.22em}.login-visual h2{font:clamp(56px,6vw,94px)/.98 "Italiana";margin:25px 0}.login-visual small{font-size:9px;letter-spacing:.17em}.login-panel{display:grid;place-items:center;padding:50px}.login-box{width:min(420px,100%)}.login-box h1{font:58px "Italiana";margin:22px 0 8px}.login-box>p{color:var(--muted);margin-bottom:42px}.login-box label,.field{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin:24px 0;color:#56534d}.login-box input,.field input,.field textarea,.control{display:block;width:100%;border:1px solid var(--line);background:var(--card);padding:16px;margin-top:10px;color:var(--ink);outline:none;transition:.2s}.login-box input:focus,.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(167,93,61,.09)}.primary{border:0;background:var(--ink);color:#fff;padding:15px 21px;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.11em;transition:.2s}.primary:hover{background:var(--accent);transform:translateY(-1px)}.login-box .primary{width:100%;display:flex;justify-content:space-between;margin:32px 0}.back{display:block;text-align:center;color:var(--muted);font-size:12px}.alert,#notice:not(:empty){padding:14px 17px;background:#f2dcd3;color:#793a28;margin:20px 0;border-left:3px solid var(--accent)}.dashboard{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.dashboard>aside{background:var(--ink);color:#fff;padding:35px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:10}.dashboard>aside>.brand{padding-left:12px}.studio-label{font-size:8px;letter-spacing:.25em;color:#77766f;padding-left:12px;margin-top:8px}.dashboard nav{margin-top:75px;display:grid;gap:5px}.dashboard nav button{border:0;background:none;color:#8c8c85;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:13px 14px;text-align:left;cursor:pointer;border-radius:3px;transition:.2s}.dashboard nav button:hover{color:#fff;background:#ffffff09}.dashboard nav button.active{background:#f3f1eb;color:var(--ink)}.dashboard nav i{font-style:normal;font-size:17px}.dashboard nav b{font-size:9px;border-radius:20px;background:#ffffff12;padding:4px 7px}.dashboard nav .active b{background:#ddd9ce}.side-bottom{margin-top:auto}.profile{display:flex;gap:12px;align-items:center;padding:18px 10px;border-top:1px solid #ffffff14}.profile>span{width:34px;height:34px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font:15px "Italiana"}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{color:#777;font-size:9px;margin-top:3px;max-width:145px;overflow:hidden;text-overflow:ellipsis}.logout{color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:13px 10px;display:block}.workspace{padding:0 5vw 70px;min-width:0}.topbar{height:150px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:38px}.topbar h1{font:44px "Italiana";margin:8px 0 0}.top-actions{display:flex;align-items:center;gap:22px}.online{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.online i{display:inline-block;width:6px;height:6px;background:#72936c;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #72936c1f}.site-link{border:1px solid var(--line);padding:13px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;background:var(--card)}.site-link span{margin-left:20px}.mobile-menu{display:none}.panel{display:none}.panel.active{display:block;animation:fade .35s ease}.intro-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.intro-line p{color:#68655e;margin:0}.intro-line>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--green)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}#contentForm{min-width:0}.field-group{background:var(--card);border:1px solid var(--line);padding:27px 30px;margin-bottom:18px}.group-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.group-head h2{font:27px "Italiana";margin:0}.group-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.group-head span{font:32px "Italiana";color:#d0cdc5}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.field{margin:14px 0}.field.wide{grid-column:1/-1}.field textarea{min-height:105px;resize:vertical;line-height:1.6}.char-count{display:block;text-align:right;color:#aaa;font-size:9px;margin-top:6px}.sticky-save{position:sticky;bottom:20px;background:rgba(23,23,19,.96);color:white;padding:14px 16px 14px 22px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);z-index:3}.sticky-save span{font-size:10px;color:#a9a8a1}.sticky-save .primary{background:var(--accent)}.sticky-save b{font-weight:400;color:#d6b4a3;margin-left:16px}.preview-card{position:sticky;top:25px;background:var(--card);border:1px solid var(--line);padding:14px;box-shadow:var(--shadow)}.preview-head{display:flex;justify-content:space-between;padding:6px 5px 15px;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.preview-head i{width:7px;height:7px;border-radius:50%;background:#70a06c}.mini-site{aspect-ratio:4/5;background:linear-gradient(90deg,#1119,#1111),url("../assets/hero.jpg") center/cover;color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.mini-logo{font:14px "Italiana"}.mini-copy small{font-size:7px;text-transform:uppercase;letter-spacing:.16em}.mini-copy h3{font:35px/1 "Italiana";margin:13px 0}.mini-copy p{font-size:9px;line-height:1.5;max-width:220px}.preview-card>a{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:17px 5px 5px}.section-summary{display:flex;gap:14px;margin:10px 0 28px}.section-summary>div{background:var(--card);border:1px solid var(--line);padding:18px 24px;min-width:155px}.section-summary strong{font:30px "Italiana";display:block}.section-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card{background:var(--card);border:1px solid var(--line);overflow:hidden}.project-cover{height:210px;background:linear-gradient(145deg,#b49a7c,#545b4e);background-position:center;background-size:cover;position:relative}.project-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1115,transparent 55%)}.project-number{position:absolute;z-index:1;left:17px;bottom:14px;color:#fff;font:28px "Italiana"}.project-body{padding:20px}.project-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-fields label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.project-fields input{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 0;outline:none}.project-fields .full{grid-column:1/-1}.project-tools{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.upload-button{border:1px dashed #bbb6aa;padding:10px;cursor:pointer;font-size:9px;text-transform:uppercase;letter-spacing:.1em;flex:1;text-align:center}.upload-button input{display:none}.visibility{font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center}.project-tools button{border:0;padding:10px 13px;cursor:pointer}.project-tools .save{background:var(--ink);color:white}.project-tools .delete{background:#efe8e4;color:#8c4735}.message-list{display:grid;gap:12px}.message{background:var(--card);border:1px solid var(--line);padding:24px 28px;display:grid;grid-template-columns:44px 1fr auto;gap:17px;align-items:start}.message-avatar{width:44px;height:44px;border-radius:50%;background:#e3ddd2;display:grid;place-items:center;font:18px "Italiana";color:var(--accent)}.message h3{font:20px "Italiana";margin:0 0 4px}.message-meta{font-size:10px;color:var(--muted)}.message p{line-height:1.65;color:#56534d;margin:16px 0 0}.message a.reply{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.empty{padding:70px;border:1px dashed #c8c3b8;text-align:center;color:var(--muted);grid-column:1/-1}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.editor-layout{grid-template-columns:1fr}.preview-card{display:none}.project-grid{grid-template-columns:1fr}}@media(max-width:760px){.login{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:30px}.dashboard{display:block}.dashboard>aside{position:fixed;left:0;top:0;width:270px;transform:translateX(-100%);transition:.3s}.dashboard.menu-open>aside{transform:none}.workspace{padding:0 20px 50px}.topbar{height:110px}.mobile-menu{display:block;border:0;background:none;font-size:20px;margin-right:15px}.topbar>div:first-of-type{margin-right:auto}.topbar h1{font-size:32px}.online{display:none}.site-link{padding:10px}.site-link span{display:none}.field-group{padding:22px 18px}.field-grid{display:block}.intro-line{align-items:flex-start;gap:15px}.intro-line p{font-size:12px}.sticky-save span{display:none}.project-fields{display:block}.project-fields label{display:block;margin-bottom:14px}.message{grid-template-columns:40px 1fr}.message .reply{grid-column:2}}