@font-face{font-family:PP Writer;src:url(/fonts/PPWriter-Book.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Writer;src:url(/fonts/PPWriter-BookItalic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Matter SemiMono;src:url(/fonts/MatterSemiMonoRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Matter SemiMono;src:url(/fonts/MatterSemiMonoMedium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Söhne;src:url(/fonts/Sohne-Buch.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Söhne;src:url(/fonts/Sohne-Kraftig.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Söhne;src:url(/fonts/Sohne-Leicht.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}:root{--ink:#0f0f0e;--cream:#f4f1ec;--cream-dark:#e8e0d4;--sage:#8fa7b5;--amber:#c95a3b;--danger:#c0392b;--bg-grad:linear-gradient(160deg,#f4f1ec,#e8e0d4);--font-serif:"PP Writer","Cormorant Garamond",Georgia,serif;--font-sans:"Söhne","Inter",system-ui,sans-serif;--font-mono:"Matter SemiMono","DM Mono",monospace;--text-eyebrow:10px;--text-sm:12px;--text-body:13px;--text-lg:15px;--text-title:24px;--text-display:30px;--op-full:0.88;--op-body:0.72;--op-muted:0.65;--op-faint:0.50;--op-ghost:0.45;--nav-h:56px;--page-pad:clamp(32px,5vw,48px)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-weight:400;font-size:14px;color:rgba(15,15,14,.82);background:var(--bg-grad);min-height:100vh;line-height:1.6}@keyframes portal-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes portal-reveal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes portal-skeleton-wave{0%{background-position:100% 50%}to{background-position:0 50%}}.portal-route-transition{animation:portal-page-in .56s cubic-bezier(.22,1,.36,1) both}.portal-reveal{opacity:0;animation:portal-reveal-in .72s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--portal-delay,0ms)}.portal-delay-1{--portal-delay:90ms}.portal-delay-2{--portal-delay:180ms}.portal-delay-3{--portal-delay:270ms}.portal-delay-4{--portal-delay:360ms}.portal-button-dark,.portal-button-soft,.portal-card-hover,.portal-row-hover{transition:background-color .32s ease,border-color .32s ease,color .32s ease,opacity .32s ease,box-shadow .36s ease,transform .36s ease;will-change:transform}.portal-card-hover:focus-visible,.portal-card-hover:hover,.portal-row-hover:focus-visible,.portal-row-hover:hover{transform:translateY(-1px)}.portal-card-hover:focus-visible,.portal-card-hover:hover{background-color:hsla(0,0%,100%,.42)!important;border-color:rgba(15,15,14,.14)!important;box-shadow:0 10px 24px rgba(15,15,14,.04)}.portal-row-hover:focus-visible,.portal-row-hover:hover{background-color:hsla(0,0%,100%,.18)!important;border-color:rgba(15,15,14,.14)!important}.portal-button-soft:focus-visible,.portal-button-soft:hover{background-color:hsla(0,0%,100%,.34)!important;border-color:rgba(15,15,14,.22)!important;transform:translateY(-1px)}.portal-button-dark:focus-visible,.portal-button-dark:hover{background-color:hsla(37,27%,90%,.12)!important;border-color:hsla(37,27%,90%,.28)!important;transform:translateY(-1px)}.portal-skeleton-shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,.34) 50%,hsla(0,0%,100%,.18));background-size:200% 100%;animation:portal-skeleton-wave 1.8s linear infinite}.portal-loading-shell{min-height:100vh;background:var(--bg-grad)}.portal-loading-nav{height:var(--nav-h);border-bottom:.5px solid rgba(15,15,14,.08);background:hsla(38,27%,94%,.95)}.portal-loading-body{max-width:980px;margin:0 auto;padding:clamp(24px,4vw,40px)}.portal-loading-hero{height:260px;border-radius:0;margin-bottom:52px;background-color:rgba(15,15,14,.08)}.portal-loading-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-gap:48px;gap:48px}.portal-loading-column{display:flex;flex-direction:column;gap:18px}.portal-loading-line{height:10px;background-color:rgba(15,15,14,.08)}.portal-loading-block{height:132px;background-color:rgba(15,15,14,.08)}.label{letter-spacing:.12em;text-transform:uppercase;opacity:.55}.label,.mono{font-family:var(--font-mono);font-size:9px}.mono{letter-spacing:.1em}.hairline{height:.5px;background:rgba(15,15,14,.12)}.status-active{color:var(--sage)}.status-review{color:var(--amber)}.status-complete{color:rgba(15,15,14,.45)}.status-upcoming{color:rgba(15,15,14,.35)}.project-row-right{gap:32px}.admin-client-row,.admin-invoice-row,.admin-proposal-row,.admin-studio-client-row,.project-row{transition:background .15s ease;margin:0 -12px;padding-left:12px!important;padding-right:12px!important}.admin-client-row:hover,.admin-invoice-row:hover,.admin-proposal-row:hover,.admin-studio-client-row:hover,.project-row:hover{background:rgba(15,15,14,.025)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(15,15,14,.15);border-radius:2px}.client-tabs{scrollbar-width:thin;scrollbar-color:rgba(15,15,14,.15) transparent}.client-tabs::-webkit-scrollbar{height:3px}.client-tabs::-webkit-scrollbar-track{background:transparent}.client-tabs::-webkit-scrollbar-thumb{background:rgba(15,15,14,.15);border-radius:2px}@media (max-width:768px){.layout-grid{display:block!important}.layout-left{padding:32px 24px 48px!important;border-right:none!important}.layout-sidebar{padding:24px 20px 40px!important;border-top:.5px solid rgba(15,15,14,.1)}.hide-mobile{display:none!important}.page-pad{padding:32px 24px!important}.hero-pad{padding:32px 24px 28px!important;flex-direction:column!important;align-items:flex-start!important;gap:20px}.library-grid{display:block!important}.logo-grid-mobile{grid-template-columns:1fr 1fr!important}.project-row{flex-wrap:wrap}.project-row,.project-row-right{gap:12px!important}.project-scope{display:none!important}.del-row-mobile{flex-wrap:wrap;gap:10px!important}.del-actions-mobile{flex-wrap:wrap;gap:8px!important}.dashboard-hero{grid-template-columns:1fr!important}.dashboard-stat-grid{grid-template-columns:1fr 1fr!important}.dashboard-main-grid{display:block!important}.dashboard-panel-grid{grid-template-columns:1fr!important}.dashboard-actions{flex-wrap:wrap!important}.dashboard-card-row{width:100%;justify-content:space-between!important}.dashboard-section-grid{gap:40px!important}.dashboard-project-layout,.dashboard-section-grid,.portal-loading-grid{grid-template-columns:1fr!important}.portal-loading-grid{gap:36px!important}.nav-links-desktop,.nav-right-desktop{display:none!important}.nav-hamburger{display:flex!important}.nav-mobile-menu{display:block!important}.admin-studio-table-header{display:none!important}.admin-studio-client-row{grid-template-columns:1fr auto!important}.admin-page-pad{padding:32px 20px!important}.admin-stats-grid{grid-template-columns:1fr 1fr!important}.admin-table-header{display:none!important}.admin-client-row{grid-template-columns:1fr auto!important}.admin-client-col-hide{display:none!important}.admin-invoice-row,.admin-proposal-row{grid-template-columns:1fr auto!important}.admin-studio-grid{display:block!important}.admin-studio-left{border-right:none!important;padding:24px 20px!important}.admin-studio-right{padding:24px 20px!important;border-top:.5px solid rgba(15,15,14,.1)}.admin-top-band{grid-template-columns:1fr!important;gap:28px!important}.admin-client-name{flex:0 0 auto!important;min-width:0!important;max-width:140px!important}.admin-client-project{display:none!important}.admin-client-outstanding{flex:0 0 auto!important}.admin-activity-grid{grid-template-columns:1fr!important}.client-header-pad{padding:16px 20px 0!important}.client-header-row{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.client-actions{flex-wrap:wrap!important;gap:6px!important;padding-bottom:12px!important}.client-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.form-page-pad{padding:32px 20px 60px!important}.form-grid-2col,.form-grid-3col{grid-template-columns:1fr!important}}@media (max-width:560px){.dashboard-stat-grid{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){.portal-button-dark,.portal-button-soft,.portal-card-hover,.portal-reveal,.portal-route-transition,.portal-row-hover,.portal-skeleton-shimmer{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}