.dashboard-page{--home-sidebar:220px;min-height:100dvh}
.dashboard-page .responsive-container{display:block;width:100%;max-width:1800px;padding:0 28px 28px calc(var(--home-sidebar) + 28px)}
.dashboard-page .app-header{position:fixed;inset:0 auto 0 0;width:var(--home-sidebar);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:26px 22px;background:#fffefa;border-right:1px solid #ece8df;margin:0;z-index:10}
.dashboard-page .brand-lockup{justify-content:flex-start;gap:2px;font:600 45px/1 "Caveat",cursive}
.dashboard-page .brand-mark{display:none}
.dashboard-page .brand-crown{width:22px!important;height:22px!important}
.dashboard-page .install-slot{margin:auto 0 0}
.dashboard-page .app-navigation{position:fixed;top:106px;left:16px;bottom:auto;right:auto;width:calc(var(--home-sidebar) - 32px);height:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;z-index:11}
.dashboard-page .nav-item{flex-direction:row;justify-content:flex-start;gap:16px;padding:13px 18px;min-height:54px;font-size:18px;font-weight:400;border-radius:14px}
.dashboard-page .nav-item[aria-current]::before,.dashboard-page .nav-item[aria-current]::after{display:none}
.dashboard-page .home-content{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-width:0}
.dashboard-page .dashboard-welcome{position:relative;isolation:isolate;display:flex;align-items:center;min-height:310px;margin:0 -28px -10px;padding:38px 38px;background:#f6efe2 url('/assets/ui/backgrounds/home-art-desk.png') center/cover no-repeat}
.dashboard-welcome::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf8f2 0%,#faf8f2ed 27%,#faf8f25c 51%,transparent 65%)}
.welcome-copy{max-width:520px}
.welcome-eyebrow{display:block;color:#65716b;font-size:14px;letter-spacing:.06em;margin-bottom:13px}
.dashboard-page .welcome-copy h1{font:700 clamp(34px,3.1vw,50px)/1.13 Georgia,serif;margin:0 0 15px;letter-spacing:-.035em}
.welcome-sun{color:#e9b53f;display:inline-block;font:400 60px/.7 Georgia,serif;vertical-align:middle;margin-left:9px}
.dashboard-page .welcome-copy p{max-width:480px;color:#53606a;font-size:19px;line-height:1.4;margin:0 0 23px}
.welcome-action{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:56px;padding:13px 23px;border-radius:17px;background:#cf624e;color:white;text-decoration:none;font-size:20px;box-shadow:0 5px 15px #b75b3420}
.welcome-action svg{width:25px;height:25px}
.welcome-action:hover{background:#bc5342}
.welcome-note{position:absolute;right:25px;bottom:30px;max-width:160px;padding:17px;background:#fff9eeeF;color:#1d3b53!important;transform:rotate(-8deg);border-radius:5px;box-shadow:0 5px 15px #66472b10;font:600 25px/1.1 "Caveat",cursive;text-align:center}
.welcome-note svg{display:inline-block;width:27px;height:27px;color:#d87969;margin-top:5px}
.dashboard-recent{padding:18px;background:#fffefaf5;border:1px solid #f0ede5;border-radius:21px;box-shadow:var(--shadow-paper)}
.dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.dashboard-page .dashboard-section-heading h2,.dashboard-page .dashboard-services>h2{margin:0;font:700 28px/1.15 Georgia,serif;letter-spacing:-.025em}
.dashboard-section-heading>a{display:flex;align-items:center;gap:8px;min-height:36px;flex-shrink:0;color:#237180;text-decoration:none;font-size:16px}
.dashboard-section-heading>a:hover{text-decoration:underline}
.recent-works{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.recent-work{display:flex;flex-direction:column;min-width:0;padding:6px 6px 9px;border:1px solid #e9e9e3;border-radius:16px;background:white;text-decoration:none;transition:box-shadow .18s,border-color .18s}
.recent-work:hover{border-color:#adc9b5;box-shadow:0 5px 15px #364d3410}
.recent-picture{display:grid;place-items:center;aspect-ratio:1.2;background:#f6f3ec;border-radius:11px;overflow:hidden;color:#8aa88d}
.recent-picture>svg{width:42px;height:42px}
.recent-picture img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.dashboard-page .recent-work h3{font:700 16px/1.2 var(--font-body);margin:9px 4px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#172f4e}
.dashboard-page .recent-work p{font-size:14px;line-height:1.3;color:#6e7a88;margin:0 4px 9px}
.recent-badge{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;max-width:100%;margin:auto 3px 0;padding:5px 8px;border-radius:18px;background:#eff7ee;color:#266c53;font-size:14px;line-height:1.2}
.recent-badge svg{width:15px;height:15px;flex-shrink:0}
.dashboard-page #recent-status{margin:15px 0 20px;color:#65717d}
.dashboard-services>h2{padding-left:18px;margin-bottom:12px!important}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:1fr auto;gap:12px 15px;min-height:186px;padding:20px;border:1px solid #edf0e5;border-radius:20px;text-decoration:none;overflow:hidden}
.service-card:hover{box-shadow:0 5px 20px #443c2810;border-color:#cad7c6}
.service-play{background:#eaf4e8}.service-story{background:#fff6e2;border-color:#f5efdf}.service-video{background:#e8f2ff;border-color:#e4eef9}
.service-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#b7dec1;color:#1c4a53}
.service-icon svg{width:29px;height:29px}.service-story .service-icon{background:#ffe09b;color:#695022}.service-video .service-icon{background:#b4d5ff;color:#254d72}
.dashboard-page .service-card h3{position:relative;z-index:1;font:700 21px/1.18 var(--font-body);letter-spacing:-.02em;margin:1px 0 9px;color:#172f4e}
.dashboard-page .service-card p{position:relative;z-index:1;margin:0;max-width:210px;color:#53636e;font-size:16px;line-height:1.35;padding-right:12px}
.service-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fffefa;color:#193d59;font-size:27px;grid-column:1;grid-row:2}
.service-illustration{position:absolute;bottom:14px;right:13px;transform:rotate(-10deg);color:#51826a;opacity:.5}
.service-illustration>svg:first-child{width:50px;height:50px;stroke-width:1.1}
.service-illustration>svg:last-child{position:absolute;right:-4px;top:-11px;width:20px;height:20px;color:#daa731}
.service-story .service-illustration{color:#b57b2e}.service-video .service-illustration{color:#477aaa}
.dashboard-page .service-hint{font-size:14px;line-height:1.3;color:#6c777e;margin:10px 18px 0}
.dashboard-keepsake{display:flex;align-items:center;gap:20px;padding:19px 25px;background:#fffefaf0;border:1px solid #f0ede5;border-radius:20px;box-shadow:var(--shadow-paper)}
.dashboard-keepsake>svg{width:36px;height:36px;color:#739c7e;flex-shrink:0}
.dashboard-page .dashboard-keepsake h2{font:600 28px/1.1 "Caveat",cursive;margin:0 0 4px}
.dashboard-page .dashboard-keepsake p{color:#6b7887;font-size:16px;margin:0;line-height:1.4}
.dashboard-keepsake>span{margin-left:auto;min-width:155px;color:#326b75;font:600 22px/1 "Caveat",cursive;transform:rotate(-7deg);text-align:center}
.dashboard-page .state-card{margin-top:90px}
@media(min-width:1600px){.dashboard-page{--home-sidebar:250px}.dashboard-page .dashboard-welcome{min-height:330px}.service-card{min-height:195px}.service-card p{max-width:250px}.recent-picture{aspect-ratio:1.45}}
@media(min-width:1024px) and (max-width:1200px){.dashboard-page{--home-sidebar:190px}.recent-works{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-picture{aspect-ratio:1.7}.welcome-copy{max-width:430px}.welcome-note{display:none}.service-card{grid-template-columns:40px minmax(0,1fr);padding:15px;gap:12px}.service-icon{width:40px;height:40px}.dashboard-page .service-card h3{font-size:19px}}
@media(max-width:1023px){
 .dashboard-page .responsive-container{padding:0 20px 105px}.dashboard-page .app-header{position:relative;inset:auto;width:auto;height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:15px 0;background:transparent;border:0}.dashboard-page .brand-lockup{font-size:38px}.dashboard-page .install-slot{margin:0}
 .dashboard-page .app-navigation{top:auto;bottom:0;left:8px;right:8px;width:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px 4px calc(6px + env(safe-area-inset-bottom,0px));background:#fffefa;border:1px solid #ebe7de;border-radius:18px 18px 0 0;gap:3px}
 .dashboard-page .nav-item{flex-direction:column;justify-content:center;gap:5px;font-size:14px;min-height:55px;padding:6px 2px}.dashboard-page .nav-item>svg{width:22px;height:22px}
 .dashboard-page .dashboard-welcome{margin:0 -20px -5px;padding:28px 28px;min-height:285px}.welcome-copy{max-width:440px}.welcome-note{display:none}.welcome-copy p{max-width:390px!important}.welcome-eyebrow{font-size:14px}.dashboard-page .welcome-copy h1{font-size:42px}.welcome-sun{font-size:50px}
 .recent-works{grid-template-columns:repeat(6,170px);overflow-x:auto;padding:2px 1px 8px;scroll-snap-type:x proximity}.recent-work{scroll-snap-align:start}.service-grid{gap:12px}.service-card{padding:17px;grid-template-columns:40px minmax(0,1fr);gap:12px}.service-icon{width:40px;height:40px}.service-icon svg{width:25px;height:25px}.dashboard-page .service-card h3{font-size:19px}.dashboard-page .service-card p{font-size:16px}.service-illustration{opacity:.3}.dashboard-keepsake>span{display:none}
}
@media(max-width:599px){
 .dashboard-page .responsive-container{padding:0 14px 95px}.dashboard-page .home-content{gap:19px}.dashboard-page .dashboard-welcome{min-height:410px;margin:0 -14px -5px;padding:23px 20px 150px;background-size:auto 235px;background-position:right bottom;background-repeat:no-repeat;background-color:#faf8f2}.dashboard-welcome::before{background:linear-gradient(180deg,#faf8f2 0%,#faf8f2 32%,#faf8f2de 52%,transparent 72%)}.welcome-copy{max-width:100%}.welcome-eyebrow{font-size:14px;margin-bottom:12px}.dashboard-page .welcome-copy h1{font-size:36px;margin-bottom:12px}.welcome-sun{font-size:42px;margin-left:2px}.dashboard-page .welcome-copy p{font-size:18px;max-width:330px!important;margin-bottom:18px}.welcome-action{min-height:50px;font-size:18px;padding:12px 17px;border-radius:14px}
 .dashboard-recent{padding:14px 12px}.dashboard-page .dashboard-section-heading h2,.dashboard-page .dashboard-services>h2{font-size:23px}.dashboard-section-heading{gap:6px}.dashboard-section-heading>a{font-size:14px;gap:5px}.recent-works{grid-template-columns:repeat(6,157px)}.recent-picture{aspect-ratio:1.25}.dashboard-page .recent-work h3{font-size:16px}
 .dashboard-services>h2{padding-left:5px}.service-grid{grid-template-columns:minmax(0,1fr);gap:11px}.service-card{min-height:154px;padding:18px;grid-template-columns:50px minmax(0,1fr);gap:12px 16px}.service-icon{width:50px;height:50px}.dashboard-page .service-card h3{font-size:21px}.dashboard-page .service-card p{max-width:245px;font-size:16px;padding-right:22px}.service-arrow{width:34px;height:34px;font-size:24px}.service-illustration{right:19px;bottom:16px;opacity:.5}.service-illustration>svg:first-child{width:43px;height:43px}.dashboard-page .service-hint{margin:10px 5px 0;font-size:14px}
 .dashboard-keepsake{padding:17px;gap:13px}.dashboard-keepsake>svg{width:26px;height:26px}.dashboard-page .dashboard-keepsake h2{font-size:24px}.dashboard-page .dashboard-keepsake p{font-size:14px}.dashboard-page .state-card{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.recent-work{transition:none}}