@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400;1,700&display=swap');
:root{--bg:#130e1b;--panel:#241b2b;--panel-2:#302438;--text:#f7efe7;--muted:#b8adbd;--lav:#b99bdd;--sage:#95a58a;--rose:#d49aaa;--line:rgba(255,255,255,.1);--body:"Lato",Arial,sans-serif;--serif:"Georgia Pro",Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%}button,input,select,textarea{font:inherit}
.music-page{min-height:100vh;padding-bottom:88px;background:var(--bg);color:var(--text);font-family:var(--body)}
.music-page a{color:inherit}.music-subnav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(19,14,27,.9);backdrop-filter:blur(22px)}
.music-subnav-shell{width:min(1180px,calc(100% - 36px));min-height:78px;margin:auto;display:flex;align-items:center;gap:30px}.music-brand{display:flex;align-items:center;gap:12px;margin-right:auto;text-decoration:none}.music-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--lav),var(--sage));color:#211529;font-weight:900}.music-brand strong,.music-brand small{display:block}.music-brand strong{font:700 18px var(--serif)}.music-brand small{margin-top:3px;color:var(--muted);font-size:11px;letter-spacing:.05em}
.music-subnav-links{display:flex;gap:7px}.music-subnav-links a{padding:10px 16px;border-radius:999px;text-decoration:none;color:#cabfd0;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.music-subnav-links a:hover,.music-subnav-links a[aria-current=page]{background:var(--panel-2);color:white}.menu-button{display:none}
.music-page-main{width:min(1180px,calc(100% - 36px));margin:auto;padding:64px 0 120px}.music-kicker{margin:0 0 10px;color:var(--lav);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.simple-intro{max-width:920px;padding:68px 0 100px}.simple-intro h1,.simple-page-heading h1{margin:0 0 28px;font:700 clamp(62px,10vw,126px)/.88 var(--serif);letter-spacing:-.055em}.simple-intro>p:not(.music-kicker){max-width:850px;color:#d0c5d3;font:400 clamp(21px,3vw,34px)/1.35 var(--serif)}
.simple-primary{display:inline-flex;align-items:center;gap:28px;margin-top:26px;padding:15px 20px;border-radius:999px;background:var(--lav);color:#211529!important;text-decoration:none;font-weight:800}.simple-primary span{font-size:20px}.simple-text-link{display:inline-block;margin-top:14px;color:#ceb5eb!important;text-decoration:none;font-weight:700}
.simple-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:54px;align-items:center;padding:60px 0;border-block:1px solid var(--line)}.simple-feature-art{aspect-ratio:16/10;border-radius:24px;background:#292130;overflow:hidden;display:grid;place-items:center}.simple-feature-art img{width:100%;height:100%;object-fit:contain}.simple-feature h2{margin:0 0 18px;font:700 clamp(42px,6vw,74px)/.95 var(--serif)}.simple-feature p:not(.music-kicker){color:#c2b7c7;line-height:1.6;font-size:17px}
.simple-selected{padding:90px 0}.simple-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.simple-section-heading h2,.simple-about h2{margin:0;font:700 clamp(36px,5vw,58px)/1 var(--serif)}.simple-section-heading>a{color:#ceb5eb;text-decoration:none}.simple-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.simple-project-grid>a{text-decoration:none}.simple-project-grid span{display:grid;place-items:center;aspect-ratio:4/3;margin-bottom:14px;border-radius:18px;background:var(--panel);overflow:hidden}.simple-project-grid img{width:100%;height:100%;object-fit:contain}.simple-project-grid strong,.simple-project-grid small{display:block}.simple-project-grid strong{font:700 20px var(--serif)}.simple-project-grid small{margin-top:5px;color:#9e92aa}.simple-about{max-width:850px;padding:80px 0 20px;border-top:1px solid var(--line)}.simple-about>p:not(.music-kicker){color:#c2b7c7;font-size:19px;line-height:1.65}
.simple-page-heading{max-width:880px;padding:45px 0 55px}.simple-page-heading>p:last-child{color:#c9becf;font-size:20px;line-height:1.55}.simple-filters{display:flex;flex-wrap:wrap;gap:9px;padding-bottom:18px;border-bottom:1px solid var(--line)}.simple-filters button{padding:9px 15px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:transparent;color:#bdb2c2;cursor:pointer}.simple-filters button.active,.simple-filters button:hover{background:#f3e9dc;color:#24182e}
.simple-library-item{display:grid;grid-template-columns:44px 180px minmax(0,1fr) 40px;gap:24px;align-items:center;padding:22px 6px;border-bottom:1px solid var(--line);text-decoration:none}.simple-library-item:hover{background:rgba(255,255,255,.035)}.simple-library-number{color:#817487}.simple-library-art{height:118px;border-radius:14px;background:var(--panel);overflow:hidden;display:grid;place-items:center}.simple-library-art img{width:100%;height:100%;object-fit:contain}.simple-library-copy strong,.simple-library-copy small,.simple-library-copy em{display:block}.simple-library-copy strong{font:700 25px var(--serif)}.simple-library-copy small{margin:5px 0 10px;color:var(--lav)}.simple-library-copy em{color:#a99eae;font-style:normal;line-height:1.5}.simple-library-arrow{color:var(--lav);font-size:26px}
.back-library{display:inline-block;margin-bottom:30px;color:#ceb5eb!important;text-decoration:none}.album-hero{display:grid;grid-template-columns:minmax(320px,46%) 1fr;gap:clamp(38px,6vw,90px);align-items:center;padding-bottom:82px}.album-cover{aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:var(--panel);display:grid;place-items:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}.album-cover img{width:100%;height:100%;object-fit:contain}.album-intro h1{margin:0 0 22px;font:700 clamp(48px,7vw,92px)/.95 var(--serif)}.album-intro>p{max-width:690px;color:#c9becf;font-size:19px;line-height:1.55}.album-meta{display:flex;flex-wrap:wrap;gap:24px;margin:30px 0}.album-meta small{display:block;margin-bottom:5px;color:#8f8399}.album-actions{display:flex;gap:10px;flex-wrap:wrap}.album-play,.album-shuffle{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;text-decoration:none;font-weight:800}.album-play{background:var(--lav);color:#211529!important}.album-play span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#211529;color:white;font-size:11px}.album-shuffle{background:var(--panel)}
.liner-notes,.visual-tracklist{padding-top:64px;border-top:1px solid var(--line);margin-top:20px}.music-section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.music-section-title h2{margin:0;font:700 clamp(30px,4vw,48px)/1 var(--serif)}.music-section-title>span{color:#9e92aa}.chapter-list{border-top:1px solid var(--line)}.chapter{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:30px 4px;border-bottom:1px solid var(--line)}.chapter>span{color:#907ba7;font:700 26px var(--serif)}.chapter small{color:#a79bad;text-transform:uppercase;letter-spacing:.14em}.chapter h3{margin:7px 0 12px;font:700 26px var(--serif)}.chapter p{max-width:880px;margin:0;color:#c2b7c7;line-height:1.65}.visual-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.visual-track-grid figure{margin:0}.visual-frame{min-height:320px;border-radius:22px;background:var(--panel);overflow:hidden;display:grid;place-items:center}.visual-frame img{display:block;width:100%;height:auto;max-height:780px;object-fit:contain}.visual-track-grid figcaption{display:flex;gap:14px;padding:12px 5px 0;color:#bbb0c0;line-height:1.45}.visual-track-grid figcaption span{color:#8f799f}.next-album{margin-top:80px;padding:26px 30px;border-radius:20px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;text-decoration:none}.next-album small,.next-album strong{display:block}.next-album small{color:#9e92a7}.next-album strong{margin-top:5px;font:700 24px var(--serif)}
.simple-profile{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:70px;align-items:center;padding:20px 0 90px}.simple-profile-photo{border-radius:26px;overflow:hidden;background:var(--panel)}.simple-profile-photo img{display:block;width:100%;max-height:720px;object-fit:cover;object-position:center 25%}.simple-profile h2{margin:0 0 22px;font:700 clamp(42px,6vw,70px)/.95 var(--serif)}.simple-profile p{color:#c2b7c7;font-size:18px;line-height:1.65}.simple-profile blockquote{margin:28px 0;padding-left:22px;border-left:3px solid var(--lav);color:#eee4ef;font:italic 25px/1.45 var(--serif)}.simple-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:65px 0;border-top:1px solid var(--line)}.simple-values article{padding:26px;border-radius:18px;background:var(--panel)}.simple-values span{color:var(--lav)}.simple-values h3{margin:18px 0 10px;font:700 25px var(--serif)}.simple-values p{color:#aaa0af;line-height:1.55}
.simple-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 24px}.simple-photo-grid figure{margin:0}.simple-photo-grid figure>div{min-height:320px;border-radius:22px;background:var(--panel);overflow:hidden;display:grid;place-items:center}.simple-photo-grid img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}.simple-photo-grid figcaption{padding:12px 4px;color:#b9aebe}.simple-contact-card{min-height:260px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.simple-contact-card>div>a{font:700 clamp(20px,3vw,34px) var(--serif);text-decoration:none}.simple-contact-card>div>p:last-child{color:#a99eae}
.music-page-footer{position:fixed;z-index:60;left:18px;right:18px;bottom:14px;width:auto;max-width:1160px;margin:auto;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(40,31,47,.95);box-shadow:0 20px 50px rgba(0,0,0,.38);backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between}.mini-now-playing{display:grid;grid-template-columns:52px minmax(0,1fr);gap:11px;align-items:center;text-decoration:none}.mini-now-playing img{width:52px;height:52px;border-radius:10px;background:#211a27;object-fit:contain}.mini-now-playing strong,.mini-now-playing small{display:block}.mini-now-playing small{margin-top:3px;color:#a99dad}.mini-player-actions{display:flex;align-items:center;gap:22px;font-size:20px;padding-right:10px}.mini-pause{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f5ede3;color:#24182e;font-size:15px;font-weight:900}
@media(max-width:900px){.album-hero{grid-template-columns:1fr}.visual-track-grid{grid-template-columns:1fr}.simple-feature{grid-template-columns:1fr}.simple-profile{grid-template-columns:1fr}.simple-values{grid-template-columns:1fr}}
@media(max-width:650px){.music-subnav .menu-button{display:block;padding:9px 14px;border:0;border-radius:999px;background:var(--panel-2);color:white}.music-subnav-links{display:none;position:absolute;left:16px;right:16px;top:68px;padding:12px;border-radius:18px;background:#251b2d;flex-wrap:wrap}.music-subnav-links.open{display:flex}.music-brand small{display:none}.music-page-main{padding-top:40px}.simple-intro{padding:45px 0 70px}.simple-project-grid{grid-template-columns:1fr}.simple-section-heading{align-items:start;flex-direction:column}.simple-library-item{grid-template-columns:28px 92px 1fr 24px;gap:12px}.simple-library-art{height:78px}.simple-library-copy em{display:none}.simple-library-copy strong{font-size:18px}.simple-page-heading h1{font-size:64px}.simple-photo-grid{grid-template-columns:1fr}.simple-contact-card{align-items:flex-start;flex-direction:column;justify-content:center}.music-page-footer{left:8px;right:8px;bottom:8px}.mini-player-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Minimal portfolio entrance: one project at a time */
.entry-page{height:100dvh;min-height:650px;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 72%,rgba(149,165,138,.18),transparent 32%),linear-gradient(145deg,#2c2140 0%,#17111f 55%,#263529 130%);color:var(--text);font-family:var(--body)}
.entry-page::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px}
.entry-nav{position:fixed;z-index:20;left:26px;right:26px;top:24px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.entry-nav a{color:inherit;text-decoration:none}.entry-links-left,.entry-nav nav{display:flex;gap:17px;align-items:center}.entry-links-left span{color:rgba(255,255,255,.42)}.entry-nav nav a{color:rgba(255,255,255,.58)}.entry-nav nav a[aria-current=page],.entry-nav nav a:hover{color:white;text-decoration:underline;text-underline-offset:5px}
.entry-stage{height:100%;display:grid;place-items:center;padding:76px 28px 86px}.entry-projects{width:min(1180px,100%);display:grid;grid-template-columns:40px minmax(140px,.72fr) minmax(320px,1.35fr) minmax(140px,.72fr) 40px;gap:clamp(18px,4vw,48px);align-items:center}.entry-focus{min-width:0}.entry-card{position:relative;display:block;overflow:hidden;border-radius:18px;background:#261e2d;box-shadow:0 26px 70px rgba(0,0,0,.38)}.entry-card img{width:100%;height:100%;display:block;object-fit:contain}.main-card{aspect-ratio:1.5/1;border:1px solid rgba(255,255,255,.16);background:#201927}.main-card img{padding:10px}.side-card{aspect-ratio:1.5/1;opacity:.25;filter:saturate(.55);transform:scale(.92);transition:.25s}.side-card:hover{opacity:.55;transform:scale(.95)}.entry-play{position:absolute;right:18px;bottom:18px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:var(--lav);color:#211529;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.entry-caption{padding-top:22px}.entry-caption p{margin:0 0 7px;color:var(--lav);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.entry-caption h1{margin:0;font:700 clamp(34px,5vw,62px)/1 var(--serif);letter-spacing:-.03em}.entry-caption>a{display:inline-block;margin-top:10px;color:rgba(255,255,255,.6);font-size:13px;text-decoration:none}.entry-caption>a:hover{color:white}.entry-arrow{width:40px;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.04);color:white;cursor:pointer}.entry-arrow:hover{background:var(--lav);color:#211529}.entry-instruction{position:fixed;right:27px;bottom:24px;margin:0;color:rgba(255,255,255,.46);font-size:11px}.entry-signature{position:fixed;left:27px;bottom:22px;display:grid;gap:3px}.entry-signature strong{font:700 18px var(--serif)}.entry-signature span{color:rgba(255,255,255,.46);font-size:10px;letter-spacing:.05em}
@media(max-width:760px){.entry-page{height:auto;min-height:100dvh;overflow:auto}.entry-nav{left:18px;right:18px;top:18px}.entry-links-left span{display:none}.entry-nav nav{gap:12px;font-size:11px}.entry-stage{min-height:100dvh;padding:90px 18px 120px}.entry-projects{grid-template-columns:34px minmax(0,1fr) 34px;gap:10px}.side-card{display:none}.entry-arrow.previous{grid-column:1}.entry-focus{grid-column:2}.entry-arrow.next{grid-column:3}.main-card{aspect-ratio:4/3}.entry-caption h1{font-size:38px}.entry-instruction{left:0;right:0;bottom:68px;text-align:center}.entry-signature{left:18px;bottom:18px}}

/* Interactive guide + custom cursor */
.fun-cursor{position:fixed;z-index:999;left:-18px;top:-18px;width:36px;height:36px;border:1px solid rgba(255,255,255,.58);border-radius:50%;display:grid;place-items:center;background:rgba(185,155,221,.22);color:white;pointer-events:none;opacity:0;backdrop-filter:blur(5px);transition:width .15s,height .15s,left .15s,top .15s,background .15s}.fun-cursor.visible{opacity:1}.fun-cursor.hover{left:-25px;top:-25px;width:50px;height:50px;background:rgba(185,155,221,.42)}.fun-cursor span{font-size:12px}
.portfolio-guide{position:fixed;z-index:80;right:24px;bottom:94px}.guide-orb{position:relative;width:58px;height:58px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:linear-gradient(145deg,#ceb5ea,#82957a);color:#211529;box-shadow:0 18px 40px rgba(0,0,0,.35);cursor:pointer}.guide-orb span{font:italic 800 24px var(--serif)}.guide-orb i{position:absolute;right:2px;top:2px;width:11px;height:11px;border:2px solid var(--bg);border-radius:50%;background:#a7df8c}
.guide-panel{position:absolute;right:0;bottom:70px;width:min(360px,calc(100vw - 32px));padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(35,27,43,.96);box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(24px)}.guide-panel header{display:flex;align-items:start;justify-content:space-between}.guide-panel header strong,.guide-panel header small{display:block}.guide-panel header strong{font:700 20px var(--serif)}.guide-panel header small{margin-top:3px;color:#a99dad;font-size:11px}.guide-panel header button{border:0;background:transparent;color:white;font-size:22px;cursor:pointer}.guide-message{margin:16px 0;padding:14px;border-radius:14px;background:rgba(255,255,255,.06);color:#dfd4e2;font-size:13px;line-height:1.5}.guide-prompts{display:flex;flex-wrap:wrap;gap:7px}.guide-prompts button{padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:transparent;color:#eadff0;font-size:11px;cursor:pointer}.guide-prompts button:hover{background:var(--lav);color:#211529}.guide-panel form{display:grid;grid-template-columns:1fr 38px;gap:7px;margin-top:12px}.guide-panel input{min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#17111f;color:white;outline:none}.guide-panel form button{border:0;border-radius:12px;background:var(--lav);color:#211529;font-weight:900;cursor:pointer}
@media(pointer:fine){.music-page,.entry-page,.music-page a,.entry-page a,.music-page button,.entry-page button{cursor:none}}
@media(max-width:650px){.fun-cursor{display:none}.portfolio-guide{right:14px;bottom:86px}.entry-page .portfolio-guide{bottom:18px}.entry-page .guide-panel{bottom:70px}.entry-page .entry-instruction{display:none}}
.simple-contact-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:70px;padding:55px 0;border-top:1px solid var(--line)}.simple-contact-layout aside{padding-top:10px}.contact-email{display:block;font:700 clamp(18px,2.4vw,30px) var(--serif);text-decoration:none;overflow-wrap:anywhere}.simple-contact-layout aside>p:last-child{margin-top:18px;color:var(--muted)}.contact-form-dark{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px;border-radius:22px;background:var(--panel)}.contact-form-dark label{display:grid;gap:8px;color:#d9cfdd;font-size:13px}.contact-form-dark label:nth-child(n+3){grid-column:1/-1}.contact-form-dark input,.contact-form-dark select,.contact-form-dark textarea{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#17111f;color:white;outline:none}.contact-form-dark textarea{resize:vertical}.contact-form-dark input:focus,.contact-form-dark select:focus,.contact-form-dark textarea:focus{border-color:var(--lav)}.contact-form-dark button{grid-column:1/-1;justify-self:start;padding:13px 19px;border:0;border-radius:999px;background:var(--lav);color:#211529;font-weight:800;cursor:pointer}
@media(max-width:760px){.simple-contact-layout{grid-template-columns:1fr;gap:30px}.contact-form-dark{grid-template-columns:1fr}.contact-form-dark label:nth-child(n){grid-column:1}}

/* Compact About + Contact */
.compact-page .music-page-main{padding-top:52px}.compact-profile{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(42px,7vw,90px);align-items:center}.compact-profile-photo{height:min(650px,68vh);min-height:480px;border-radius:26px;overflow:hidden;background:var(--panel)}.compact-profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.compact-profile-copy h1,.compact-contact-copy h1{margin:0 0 22px;font:700 clamp(48px,7vw,82px)/.92 var(--serif);letter-spacing:-.045em}.compact-profile-copy>p{color:#c5bac9;font-size:16px;line-height:1.62}.compact-profile-copy .compact-lead{color:#eee5ef;font:400 21px/1.48 var(--serif)}.compact-profile-copy blockquote{margin:24px 0 0;padding-left:18px;border-left:3px solid var(--lav);color:#eadfed;font:italic 21px/1.45 var(--serif)}.compact-actions{display:flex;align-items:center;gap:24px}.compact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.compact-details article{display:grid;gap:6px;padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.compact-details small{color:var(--lav);text-transform:uppercase;letter-spacing:.12em}.compact-details strong{font:700 19px var(--serif)}.compact-details span{color:#9f94a5;font-size:13px;line-height:1.4}
.compact-contact{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(44px,8vw,100px);align-items:start;padding-top:30px}.compact-contact-copy{padding-top:24px}.compact-contact-copy>p:not(.music-kicker){max-width:500px;color:#c5bac9;font-size:18px;line-height:1.6}.contact-direct{display:grid;gap:6px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line)}.contact-direct small{color:var(--lav);text-transform:uppercase;letter-spacing:.14em}.contact-direct a{font:700 clamp(17px,2.2vw,27px) var(--serif);text-decoration:none;overflow-wrap:anywhere}.contact-direct span{color:#948a9b;font-size:13px}.compact-contact .contact-form-dark{padding:30px}.compact-contact .contact-form-dark textarea{min-height:130px}
@media(max-width:650px){.compact-profile,.compact-contact{grid-template-columns:1fr}.compact-profile-photo{height:480px;min-height:0}.compact-details{grid-template-columns:1fr}.compact-contact-copy{padding-top:0}.contact-direct{margin-top:28px}.compact-actions{flex-wrap:wrap}}

/* Notes on Becoming — Phase 1 + Phase 2 */
.notes-home{--note-ivory:#f8f4ed;--note-paper:#fffdf9;--note-lilac:#eae2eb;--note-lavender:#b7a1c3;--note-mauve:#c9b7ab;--note-sage:#a7b39f;--note-plum:#514555;min-height:100dvh;margin:0;background:#ded8d2;color:var(--note-plum);font-family:var(--body);overflow:hidden}
.notes-home::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:url("assets/subtle-paper-texture.svg");mix-blend-mode:multiply}.skip-link{position:fixed;z-index:100;left:18px;top:-80px;padding:12px 18px;border-radius:0 0 10px 10px;background:var(--note-plum);color:white}.skip-link:focus{top:0}
.notes-app{position:relative;z-index:1;width:100%;height:100dvh;display:grid;grid-template-columns:240px minmax(270px,340px) minmax(0,1fr);background:var(--note-paper)}
.notes-sidebar{display:flex;flex-direction:column;padding:28px 18px 22px;background:#e9e2dc;border-right:1px solid rgba(81,69,85,.16)}.notes-identity{display:flex;align-items:center;gap:12px;padding:0 8px 30px;color:inherit;text-decoration:none}.notes-identity img{width:43px;height:43px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply}.notes-identity strong,.notes-identity small{display:block}.notes-identity strong{font:700 17px var(--serif)}.notes-identity small{margin-top:3px;color:#857989;font-size:11px;letter-spacing:.06em}
.folder-nav>p{margin:0 9px 10px;color:#8e828e;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.folder-link{width:100%;display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;padding:11px 10px;border:0;border-radius:9px;background:transparent;color:#655a69;text-align:left;cursor:pointer}.folder-link:hover,.folder-link.active{background:rgba(255,253,249,.76);color:var(--note-plum)}.folder-link span{color:#9b80a7}.folder-link b{color:#a092a0;font-size:10px}.sidebar-bottom{margin-top:auto;padding:20px 9px 0;border-top:1px solid rgba(81,69,85,.13)}.sidebar-bottom a{color:var(--note-plum);font-weight:700}.sidebar-bottom p{margin:14px 0 0;color:#867a86;font:italic 13px/1.5 var(--serif)}
.notes-browser{min-width:0;background:#f3eee8;border-right:1px solid rgba(81,69,85,.14)}.notes-toolbar{height:104px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid rgba(81,69,85,.13)}.notes-toolbar p,.notes-toolbar span{display:block;margin:0}.notes-toolbar p{font:700 22px var(--serif)}.notes-toolbar span{margin-top:4px;color:#938793;font-size:11px}.notes-toolbar>a{color:#76657c;font-size:11px;text-decoration:none}.mobile-folders{display:none}
.note-list{height:calc(100dvh - 104px);overflow:auto;padding:10px}.note-preview{position:relative;width:100%;display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;padding:14px;border:0;border-bottom:1px solid rgba(81,69,85,.09);border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer}.note-preview:hover,.note-preview.selected{background:var(--note-paper);box-shadow:0 8px 22px rgba(81,69,85,.06)}.note-thumb{width:58px;height:58px;display:block;overflow:hidden;border-radius:8px;background:var(--note-lilac)}.note-thumb img{width:100%;height:100%;object-fit:cover}.note-preview-copy{min-width:0}.note-preview-copy small,.note-preview-copy strong,.note-preview-copy em{display:block}.note-preview-copy small{margin:1px 0 4px;color:#938793;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.note-preview-copy strong{overflow:hidden;color:#574b5b;font:700 16px/1.15 var(--serif);white-space:nowrap;text-overflow:ellipsis}.note-preview-copy em{margin-top:5px;overflow:hidden;color:#7d727c;font-size:11px;font-style:normal;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pin{position:absolute;right:10px;top:10px;color:#9e7caf;font-size:10px}
.note-reader{min-width:0;height:100dvh;overflow:auto;background:var(--note-paper);outline:none}.reader-meta{position:sticky;z-index:5;top:0;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,76px);border-bottom:1px solid rgba(81,69,85,.09);background:rgba(255,253,249,.88);backdrop-filter:blur(18px);color:#8c808d;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.welcome-note{position:relative;max-width:820px;margin:0 auto;padding:clamp(58px,8vw,106px) clamp(28px,7vw,84px) 120px}.note-watermark{position:absolute;right:54px;top:58px;width:92px;opacity:.07;mix-blend-mode:multiply}.eyebrow{margin:0 0 22px;color:#8f7998;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.welcome-note h1{max-width:630px;margin:0;color:var(--note-plum);font:700 clamp(48px,6.5vw,88px)/.95 var(--serif);letter-spacing:-.045em}.note-rule{width:78px;height:1px;margin:32px 0;background:var(--note-sage)}.welcome-note>p:not(.eyebrow,.signature,.placeholder-copy){max-width:610px;margin:0 0 18px;color:#675d68;font:400 clamp(17px,1.55vw,21px)/1.65 var(--serif)}.welcome-note .note-opening{color:var(--note-plum);font-size:clamp(24px,2.7vw,34px)}.signature{margin:38px 0 0;color:#776b77;font-size:14px}.signature em{display:block;margin-top:3px;color:#8e7399;font:italic 30px var(--serif)}.note-cta{display:inline-flex;align-items:center;gap:34px;margin-top:32px;padding:13px 18px;border-radius:999px;background:var(--note-plum);color:white;text-decoration:none;font-size:12px;font-weight:800}.note-cta:hover{background:#6a586f}
.welcome-fragment{width:min(430px,72%);margin:76px 0 0 auto;padding:10px 10px 16px;background:white;box-shadow:0 18px 50px rgba(81,69,85,.14);transform:rotate(1.4deg)}.welcome-fragment img{width:100%;max-height:250px;display:block;object-fit:contain;background:#ede7e0}.welcome-fragment figcaption{display:flex;justify-content:space-between;gap:15px;padding:10px 3px 0;color:#786d78}.welcome-fragment figcaption span{font:italic 13px var(--serif)}.welcome-fragment figcaption small{font-size:9px;letter-spacing:.1em;text-transform:uppercase}.preview-fragment{margin:50px 0 22px;padding:12px 12px 18px;background:#f2ece5;box-shadow:0 18px 48px rgba(81,69,85,.1)}.preview-fragment img{display:block;width:100%;max-height:440px;object-fit:contain;background:white}.preview-fragment figcaption{padding:13px 3px 0;color:#8b7e8a;font:italic 13px var(--serif)}.placeholder-copy{padding:18px 20px;border-left:2px solid var(--note-lavender);background:var(--note-lilac);color:#6c5f70;font-size:13px;line-height:1.6}.notes-home button:focus-visible,.notes-home a:focus-visible,.note-reader:focus-visible{outline:3px solid #7c5e89;outline-offset:3px}
@media(max-width:1080px){.notes-app{grid-template-columns:210px 300px minmax(0,1fr)}.notes-sidebar{padding-inline:12px}.welcome-note{padding-inline:40px}.note-watermark{right:30px}}
@media(max-width:860px){.notes-home{overflow:auto}.notes-app{height:auto;min-height:100dvh;grid-template-columns:minmax(0,36%) minmax(0,64%)}.notes-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:min(300px,86vw);transform:translateX(-105%);transition:transform .25s ease;box-shadow:22px 0 60px rgba(81,69,85,.2)}.notes-sidebar.open{transform:translateX(0)}.notes-browser{grid-column:1}.note-reader{grid-column:2;height:100dvh}.mobile-folders{display:block;padding:8px 11px;border:1px solid rgba(81,69,85,.18);border-radius:8px;background:var(--note-paper);color:var(--note-plum);font-size:11px}.notes-toolbar{height:112px;align-items:flex-start;flex-wrap:wrap}.notes-toolbar>div{order:3;width:100%}.note-list{height:calc(100dvh - 112px)}.note-preview{grid-template-columns:1fr}.note-thumb{width:100%;height:78px}.note-preview-copy em{display:none}.reader-meta{padding-inline:24px}.welcome-note{padding:56px 28px 100px}.note-watermark{display:none}}
@media(max-width:620px){.notes-app{display:block}.notes-browser{min-height:100dvh}.note-list{height:auto;min-height:calc(100dvh - 112px)}.note-preview{grid-template-columns:72px 1fr}.note-thumb{width:72px;height:72px}.note-reader{height:auto;min-height:100dvh}.welcome-note h1{font-size:48px}.welcome-fragment{width:92%;margin-top:52px}}
@media(prefers-reduced-motion:reduce){.notes-sidebar{transition:none}.notes-home *{scroll-behavior:auto!important}}

/* A Collection of Curiosities — Phase 1 + Phase 2 */
.curiosity-home{--c-ivory:#f8f4ed;--c-paper:#fffdf9;--c-lilac:#eae2eb;--c-lav:#b7a1c3;--c-mauve:#c9b7ab;--c-sage:#a7b39f;--c-gold:#c6a976;--c-plum:#514555;min-height:100dvh;margin:0;overflow-x:hidden;background:var(--c-ivory);color:var(--c-plum);font-family:var(--body)}
.curiosity-home::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 78% 42%,rgba(183,161,195,.13),transparent 29%),url("assets/subtle-paper-texture.svg");opacity:.68;mix-blend-mode:multiply}.curiosity-skip{background:var(--c-plum)}
.curiosity-nav{position:fixed;z-index:30;left:0;right:0;top:0;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px);background:linear-gradient(var(--c-ivory) 60%,transparent)}.curiosity-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.curiosity-brand img{width:43px;height:43px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply}.curiosity-brand strong,.curiosity-brand small{display:block}.curiosity-brand strong{font:700 18px var(--serif)}.curiosity-brand small{margin-top:3px;color:#897c89;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.curiosity-nav nav{display:flex;gap:26px}.curiosity-nav nav a{position:relative;color:#776b78;font-size:11px;letter-spacing:.11em;text-decoration:none;text-transform:uppercase}.curiosity-nav nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--c-gold);transition:right .2s}.curiosity-nav nav a:hover::after,.curiosity-nav nav a[aria-current=page]::after{right:0}.curiosity-menu-button{display:none}
.curiosity-stage{min-height:100dvh;display:grid;grid-template-columns:minmax(310px,.8fr) minmax(520px,1.2fr);gap:clamp(30px,5vw,84px);align-items:center;width:min(1420px,100%);margin:auto;padding:130px clamp(28px,6vw,96px) 88px}.curiosity-copy{position:relative;z-index:2;max-width:540px}.curiosity-kicker{margin:0 0 20px;color:#927f95;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.curiosity-copy h1{margin:0;color:var(--c-plum);font:700 clamp(65px,7.5vw,116px)/.78 var(--serif);letter-spacing:-.07em}.curiosity-title{margin:36px 0 0;color:#685b6b;font:italic clamp(20px,2.3vw,30px)/1.2 var(--serif)}.curiosity-intro{max-width:390px;margin:14px 0 0;color:#837783;font-size:15px;line-height:1.6}.curiosity-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.box-invitation{display:inline-flex;align-items:center;gap:34px;padding:14px 18px;border:1px solid var(--c-plum);border-radius:999px;background:var(--c-plum);color:white;font-weight:800;cursor:pointer}.box-invitation:hover{background:#6a596e}.curiosity-actions>a{color:var(--c-plum);font-size:12px;font-weight:700;text-underline-offset:5px}.phase-note{max-width:390px;margin:20px 0 0;padding:12px 15px;border-left:2px solid var(--c-lav);background:rgba(234,226,235,.65);color:#746778;font-size:11px;line-height:1.45}
.box-presentation{position:relative;min-width:0}.box-caption{position:absolute;left:4%;top:2%;margin:0;color:#8c7c8d;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.box-caption span{margin-right:10px;color:var(--c-gold)}.box-scene{position:relative;height:min(640px,66vh);min-height:450px;display:grid;place-items:center;perspective:1200px}.box-scene::before{content:"";position:absolute;width:78%;height:65%;border:1px solid rgba(198,169,118,.18);border-radius:50%;transform:rotate(-9deg)}.box-shadow{position:absolute;left:17%;right:12%;bottom:14%;height:13%;border-radius:50%;background:rgba(81,69,85,.24);filter:blur(28px);transform:rotate(-2deg)}
.jewelry-box{--tilt-x:0deg;--tilt-y:0deg;position:relative;width:min(590px,84%);aspect-ratio:1.52/1;transform:rotateX(calc(8deg + var(--tilt-x))) rotateY(var(--tilt-y)) rotateZ(-2deg);transform-style:preserve-3d;transition:transform .35s ease}.jewelry-box.acknowledge{animation:box-acknowledge .65s ease}.box-lid{position:absolute;z-index:2;left:3%;right:3%;top:3%;height:61%;border:1px solid #d7cdbf;border-radius:28px 28px 17px 17px;background:linear-gradient(135deg,#fffefa,#ede3d6 48%,#faf5ed 70%,#dfd2c1);box-shadow:inset 0 0 0 8px rgba(255,255,255,.45),inset 0 -18px 28px rgba(102,82,72,.08),0 22px 34px rgba(81,69,85,.15);transform:translateZ(34px)}.box-lid::before{content:"";position:absolute;inset:13px;border:1px solid rgba(183,161,195,.65);border-radius:20px}.box-lid::after{content:"";position:absolute;inset:21px;border:1px solid rgba(198,169,118,.28);border-radius:16px}.lid-inset{position:absolute;z-index:3;left:50%;top:50%;width:132px;height:132px;display:grid;place-items:center;border:1px solid rgba(198,169,118,.45);border-radius:50%;background:radial-gradient(circle,#f7f0e7 20%,#e7d9cd 72%,#d8cabd);box-shadow:inset 0 4px 8px rgba(255,255,255,.7),inset 0 -5px 12px rgba(92,73,65,.12);transform:translate(-50%,-50%)}.lid-inset img{width:105px;height:105px;border-radius:50%;object-fit:cover;opacity:.36;mix-blend-mode:multiply;filter:sepia(.25)}.lid-inset span{position:absolute;color:#9d8359;font:700 16px var(--serif);letter-spacing:.18em;text-shadow:0 1px #fff;opacity:.78}.lid-trim{position:absolute;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--c-lav),transparent);opacity:.55}.trim-top{top:28px}.trim-bottom{bottom:28px}
.box-base{position:absolute;z-index:1;left:0;right:0;bottom:4%;height:44%;border:1px solid #d2c4b5;border-radius:15px 15px 25px 25px;background:linear-gradient(155deg,#f8f1e7,#dfd3c6 52%,#f3eadf);box-shadow:inset 0 -20px 28px rgba(88,70,66,.1),0 30px 45px rgba(81,69,85,.22);transform:translateZ(4px)}.box-base::before{content:"";position:absolute;left:4%;right:4%;top:13px;height:9px;border-radius:999px;background:linear-gradient(90deg,#9d87aa,#d6c6dc,#9d87aa);box-shadow:0 1px 2px rgba(81,69,85,.22)}.base-panel{position:absolute;inset:34px 5% 18px;border:1px solid rgba(198,169,118,.35);border-radius:7px 7px 17px 17px;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(183,161,195,.05))}.gold-clasp{position:absolute;z-index:4;left:50%;top:4px;width:50px;height:42px;border-radius:5px 5px 9px 9px;background:linear-gradient(110deg,#95753e,#dfc78e 40%,#aa894c 70%,#e3cc93);box-shadow:0 6px 10px rgba(81,69,85,.18);transform:translate(-50%,-15%)}.gold-clasp i{position:absolute;inset:10px 13px;border:1px solid rgba(99,72,30,.48);border-radius:4px;background:rgba(255,249,224,.18)}.foot{position:absolute;bottom:-11px;width:58px;height:18px;border-radius:4px 4px 14px 14px;background:linear-gradient(#d4c4b5,#ad9988)}.foot-left{left:9%}.foot-right{right:9%}.box-direction{margin:-12px 0 0;text-align:center;color:#948895;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.box-direction span{margin:0 8px;color:var(--c-gold)}
.curiosity-footer{position:fixed;z-index:8;left:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px);bottom:22px;display:flex;justify-content:space-between;color:#938794;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.curiosity-footer p{margin:0}
@keyframes box-acknowledge{0%,100%{transform:rotateX(calc(8deg + var(--tilt-x))) rotateY(var(--tilt-y)) rotateZ(-2deg)}45%{transform:rotateX(calc(6deg + var(--tilt-x))) rotateY(var(--tilt-y)) rotateZ(-2deg) translateY(-5px)}}
.curiosity-home a:focus-visible,.curiosity-home button:focus-visible{outline:3px solid #79617f;outline-offset:4px}
@media(max-width:900px){.curiosity-home{overflow:auto}.curiosity-nav{height:84px;padding-inline:22px}.curiosity-brand small{display:none}.curiosity-menu-button{display:block;padding:9px 13px;border:1px solid rgba(81,69,85,.2);border-radius:999px;background:var(--c-paper);color:var(--c-plum)}.curiosity-nav nav{position:absolute;left:18px;right:18px;top:75px;display:none;flex-wrap:wrap;justify-content:center;gap:12px 22px;padding:18px;border:1px solid rgba(81,69,85,.12);border-radius:14px;background:rgba(255,253,249,.96);box-shadow:0 18px 45px rgba(81,69,85,.12)}.curiosity-nav nav.open{display:flex}.curiosity-stage{min-height:auto;grid-template-columns:1fr;padding:126px 24px 105px}.curiosity-copy{max-width:620px;margin:auto;text-align:center}.curiosity-copy h1{font-size:clamp(62px,17vw,100px)}.curiosity-intro{margin-inline:auto}.curiosity-actions{justify-content:center}.phase-note{margin-inline:auto}.box-presentation{max-width:740px;width:100%;margin:auto}.box-scene{height:min(520px,64vw);min-height:360px}.curiosity-footer{position:static;padding:0 22px 22px}.box-caption{top:-8px}}
@media(max-width:560px){.curiosity-nav{background:var(--c-ivory)}.curiosity-brand strong{font-size:16px}.curiosity-stage{padding-top:120px}.curiosity-copy h1{font-size:64px}.curiosity-title{margin-top:25px;font-size:21px}.curiosity-actions{flex-direction:column;gap:16px}.box-scene{height:330px;min-height:330px}.jewelry-box{width:96%}.lid-inset{width:92px;height:92px}.lid-inset img{width:72px;height:72px}.box-caption{left:0}.box-direction{line-height:1.7}.curiosity-footer{display:grid;gap:8px;text-align:center}}
@media(prefers-reduced-motion:reduce){.jewelry-box,.curiosity-nav nav a::after{transition:none}.jewelry-box.acknowledge{animation:none}}
.curiosity-home .box-base{z-index:3}.curiosity-home .gold-clasp{top:-2px;border:1px solid #8f6e36;background:linear-gradient(115deg,#8d6934,#ead49c 38%,#b58a45 70%,#f0dca8);box-shadow:0 7px 12px rgba(81,69,85,.28)}

/* Victoria's creative desktop */
.vc-desktop-page{--desk-plum:#514555;--desk-lav:#b7a1c3;--desk-lilac:#eae2eb;--desk-ivory:#f8f4ed;--desk-sage:#a7b39f;--desk-rose:#d7b8b8;min-height:100dvh;margin:0;overflow:hidden;background:linear-gradient(145deg,#d9d3cc 0%,#ece7e0 52%,#d8d0d8 100%);color:var(--desk-plum);font-family:var(--body)}.vc-desktop-page::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("assets/subtle-paper-texture.svg"),radial-gradient(circle at 52% 36%,rgba(255,255,255,.65),transparent 40%);opacity:.55}.desktop-skip{background:var(--desk-plum)}
.desktop-menubar{position:fixed;z-index:40;left:0;right:0;top:0;height:47px;display:grid;grid-template-columns:auto 1fr auto auto;gap:26px;align-items:center;padding:0 25px;border-bottom:1px solid rgba(81,69,85,.13);background:rgba(248,244,237,.82);backdrop-filter:blur(24px);font-size:11px}.desktop-wordmark{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font:700 15px var(--serif)}.desktop-wordmark img{width:26px;height:26px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply}.desktop-menubar>p{margin:0;color:#8b8089}.desktop-menubar nav{display:flex;gap:20px}.desktop-menubar nav a{color:#6f646f;text-decoration:none}.desktop-menubar nav a:hover{text-decoration:underline;text-underline-offset:4px}.desktop-menubar time{min-width:78px;color:#7e727c;text-align:right}
.desktop-canvas{position:relative;z-index:1;height:100dvh;padding:88px 5vw 100px}.desktop-intro{position:absolute;left:6vw;top:13vh;max-width:470px}.desktop-intro>p{margin:0 0 13px;color:#8d7e8f;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.desktop-intro h1{margin:0;color:var(--desk-plum);font:700 clamp(52px,6vw,92px)/.86 var(--serif);letter-spacing:-.055em}.desktop-intro>span{display:block;max-width:390px;margin-top:24px;color:#766b75;font-size:14px;line-height:1.6}
.desktop-icons{position:absolute;inset:18vh 5vw 14vh 43vw;display:grid;grid-template-columns:repeat(3,minmax(155px,1fr));gap:clamp(24px,5vh,52px) clamp(22px,4vw,58px);align-content:center}.desktop-folder{--folder:#c9b7ab;position:relative;min-height:150px;padding:90px 8px 8px;border:0;background:transparent;color:var(--desk-plum);cursor:pointer;text-align:center}.desktop-folder i{position:absolute;z-index:1;left:7%;right:7%;top:37px;height:76px;border-radius:7px 12px 12px 12px;background:linear-gradient(150deg,color-mix(in srgb,var(--folder),white 18%),var(--folder));box-shadow:0 14px 24px rgba(81,69,85,.17);transition:transform .22s ease,box-shadow .22s ease}.desktop-folder i::before{content:"";position:absolute;left:0;top:-17px;width:47%;height:25px;border-radius:9px 14px 0 0;background:var(--folder)}.desktop-folder:hover i,.desktop-folder:focus-visible i{transform:translateY(-5px) rotate(-1deg);box-shadow:0 20px 30px rgba(81,69,85,.22)}.folder-preview{position:absolute;z-index:2;left:22%;top:4px;width:70px;height:68px;padding:5px;background:white;box-shadow:0 7px 14px rgba(81,69,85,.2);transform:rotate(-4deg);transition:transform .22s}.desktop-folder:hover .folder-preview{transform:translateY(-7px) rotate(-1deg)}.folder-preview img{width:100%;height:100%;object-fit:cover}.folder-preview.portrait img{object-position:center 22%}.folder-preview.note{display:grid;place-items:center;width:88px;color:#6e626b;font:italic 10px/1.3 var(--serif)}.desktop-folder strong,.desktop-folder small{position:relative;z-index:3;display:block}.desktop-folder strong{font:700 15px var(--serif)}.desktop-folder small{margin-top:3px;color:#8b7f89;font-size:9px}.folder-plum{--folder:#928197}.folder-rose{--folder:#d5b4b7}.folder-sage{--folder:#9eaf94}.folder-lilac{--folder:#baa8ce}.folder-ivory{--folder:#d7cab9}.folder-blue{--folder:#aab8c2}
.desktop-window{position:absolute;z-index:25;left:50%;top:52%;width:min(1040px,88vw);height:min(700px,76vh);overflow:hidden;border:1px solid rgba(81,69,85,.2);border-radius:18px;background:rgba(255,253,249,.96);box-shadow:0 36px 100px rgba(70,58,70,.28);backdrop-filter:blur(25px);transform:translate(-50%,-50%);animation:window-in .25s ease}.window-bar{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid rgba(81,69,85,.11);background:#eee8e2}.window-controls{display:flex;gap:7px}.window-controls>*{width:11px;height:11px;border:0;border-radius:50%;background:#c8b9a9}.window-controls .window-close{background:#b9828d;cursor:pointer}.window-bar>strong{font:700 14px var(--serif)}.window-list-toggle{justify-self:end;border:0;background:transparent;color:#796e78}.window-toolbar{height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;border-bottom:1px solid rgba(81,69,85,.09)}.window-back{border:0;background:transparent;color:#776b78;cursor:pointer}.window-toolbar p{margin:0;color:#938793;font-size:11px}.window-content{height:calc(100% - 98px);overflow:auto;padding:27px}
.desktop-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.desktop-project-file{min-width:0;color:inherit;text-decoration:none}.desktop-project-file>span{height:145px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#eee8e2;box-shadow:0 8px 18px rgba(81,69,85,.08)}.desktop-project-file img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.desktop-project-file:hover img{transform:scale(1.025)}.desktop-project-file strong,.desktop-project-file small{display:block}.desktop-project-file strong{margin-top:10px;font:700 16px var(--serif)}.desktop-project-file small{margin-top:3px;overflow:hidden;color:#90848d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.desktop-about{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;max-width:830px;margin:15px auto}.desktop-label{color:#907e94;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.desktop-about h2,.desktop-contact h2{margin:12px 0 22px;font:700 clamp(38px,5vw,66px)/.94 var(--serif);letter-spacing:-.04em}.desktop-about p:not(.desktop-label),.desktop-contact>p:not(.desktop-label){color:#726771;line-height:1.65}.desktop-about a,.desktop-contact a{display:inline-block;margin-top:15px;color:var(--desk-plum);font-weight:700;text-underline-offset:4px}.desktop-about figure{margin:0;padding:9px 9px 16px;background:white;box-shadow:0 16px 40px rgba(81,69,85,.16);transform:rotate(2deg)}.desktop-about figure img{display:block;width:100%;max-height:390px;object-fit:cover;object-position:center 22%}.desktop-about figcaption{padding:10px 3px 0;color:#8d828a;font:italic 11px var(--serif)}.desktop-contact{max-width:720px;margin:50px auto;text-align:center}.desktop-contact>a{font:700 clamp(17px,2.5vw,28px) var(--serif);overflow-wrap:anywhere}.desktop-contact>div{display:flex;justify-content:center;gap:25px;margin-top:35px;color:#91858f;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.desktop-dock{position:fixed;z-index:35;left:50%;bottom:17px;display:flex;gap:8px;padding:8px;border:1px solid rgba(81,69,85,.12);border-radius:18px;background:rgba(255,253,249,.78);box-shadow:0 13px 38px rgba(81,69,85,.18);backdrop-filter:blur(20px);transform:translateX(-50%)}.desktop-dock>*{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:11px;background:transparent;color:var(--desk-plum);cursor:pointer}.desktop-dock>*:hover{background:white}.dock-folder{position:relative;width:28px;height:20px;border-radius:4px;background:var(--desk-lav)}.dock-folder::before{content:"";position:absolute;left:0;top:-5px;width:13px;height:7px;border-radius:4px 4px 0 0;background:var(--desk-lav)}.dock-profile{width:30px;height:30px;overflow:hidden;border-radius:50%}.dock-profile img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.dock-mail,.dock-photo{font-size:20px}
.window-open .desktop-icons,.window-open .desktop-intro{filter:blur(2px);opacity:.38}@keyframes window-in{from{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.vc-desktop-page button:focus-visible,.vc-desktop-page a:focus-visible{outline:3px solid #715778;outline-offset:3px}
@media(max-width:980px){.desktop-intro{left:5vw;top:11vh}.desktop-icons{inset:36vh 5vw 13vh 5vw;grid-template-columns:repeat(3,1fr)}.desktop-menubar{grid-template-columns:auto 1fr auto}.desktop-menubar>p{display:none}.desktop-project-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.vc-desktop-page{overflow:auto}.desktop-menubar{height:58px;grid-template-columns:1fr auto;padding:0 15px}.desktop-menubar nav,.desktop-menubar time{display:none}.desktop-canvas{height:auto;min-height:100dvh;padding:90px 18px 110px}.desktop-intro{position:relative;left:auto;top:auto;text-align:center}.desktop-intro h1{font-size:54px}.desktop-intro>span{margin-inline:auto}.desktop-icons{position:relative;inset:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin-top:38px}.desktop-folder{min-height:132px}.desktop-window{position:fixed;left:8px;right:8px;top:66px;bottom:76px;width:auto;height:auto;transform:none;border-radius:15px;animation:window-mobile .22s ease}.window-toolbar{align-items:flex-start;height:auto;min-height:56px;padding-block:11px;flex-direction:column;gap:3px}.window-content{height:calc(100% - 104px);padding:18px}.desktop-project-grid{grid-template-columns:repeat(2,1fr);gap:23px 12px}.desktop-project-file>span{height:110px}.desktop-about{grid-template-columns:1fr;gap:28px}.desktop-about figure{max-width:260px;margin:auto}.desktop-contact{margin:20px auto}.desktop-contact>div{flex-direction:column;gap:7px}.desktop-dock{bottom:10px}@keyframes window-mobile{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.desktop-folder i,.folder-preview,.desktop-project-file img{transition:none}.desktop-window{animation:none}}

.desktop-project-page{min-height:100vh;margin:0;padding:80px 4vw 55px;background:linear-gradient(145deg,#d9d3cc,#eee9e3 55%,#d8d0d8);color:var(--desk-plum,#514555);font-family:var(--body)}.desktop-project-page::before{content:"";position:fixed;inset:0;z-index:-1;background-image:url("assets/subtle-paper-texture.svg");opacity:.55}.project-menubar{grid-template-columns:auto 1fr auto}.project-file-window{width:min(1180px,100%);margin:auto}.project-window-shell{overflow:hidden;border:1px solid rgba(81,69,85,.18);border-radius:18px;background:#fffdf9;box-shadow:0 30px 90px rgba(81,69,85,.22)}.project-close{display:block;width:11px;height:11px;border-radius:50%;background:#b9828d}.project-file-body{padding:30px clamp(22px,5vw,70px) 70px}.file-back{display:inline-block;margin-bottom:32px;color:#776b78;text-decoration:none}.file-hero{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,90px);align-items:center;padding-bottom:70px}.file-cover{min-height:360px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#eee8e2}.file-cover img{width:100%;height:auto;max-height:620px;object-fit:contain}.file-hero h1{margin:10px 0 20px;font:700 clamp(52px,7vw,92px)/.9 var(--serif);letter-spacing:-.05em}.file-hero>div:last-child>p:not(.desktop-label){color:#716771;font-size:17px;line-height:1.65}.file-hero dl{display:flex;gap:35px;margin-top:30px}.file-hero dl div{max-width:210px}.file-hero dt{color:#978b95;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.file-hero dd{margin:5px 0 0;font-size:12px;line-height:1.45}.file-details{border-top:1px solid rgba(81,69,85,.12)}.file-details article{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid rgba(81,69,85,.11)}.file-details article>span{color:#a08da6;font:700 20px var(--serif)}.file-details h2{margin:0 0 9px;font:700 24px var(--serif)}.file-details p{max-width:870px;margin:0;color:#746a73;line-height:1.65}.file-gallery{padding-top:70px}.file-gallery>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 20px}.file-gallery figure{margin:0}.file-gallery figure>span{min-height:290px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#eee8e2}.file-gallery img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}.file-gallery figcaption{padding:10px 2px;color:#897d86;font-size:11px;line-height:1.5}.file-next{display:flex;align-items:center;justify-content:space-between;margin-top:70px;padding:22px 25px;border-radius:12px;background:#eee8e2;color:inherit;text-decoration:none}.file-next small,.file-next strong{display:block}.file-next small{color:#928791}.file-next strong{margin-top:4px;font:700 21px var(--serif)}.file-next b{font-size:25px}
@media(max-width:760px){.desktop-project-page{padding:72px 10px 30px}.project-menubar nav{display:none}.project-file-body{padding-inline:18px}.file-hero{grid-template-columns:1fr;gap:32px}.file-cover{min-height:240px}.file-hero h1{font-size:52px}.file-hero dl{flex-direction:column;gap:18px}.file-gallery>div{grid-template-columns:1fr}.file-details article{grid-template-columns:36px 1fr}}

/* Desktop 2 — a restrained, functional personal computer */
.desktop-real{background:#b9c4b2 radial-gradient(circle at 23% 22%,rgba(247,240,229,.72),transparent 34%);background-attachment:fixed}
.desktop-real::before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:24px 24px;opacity:1}
.desktop-real::after{content:"";position:fixed;inset:47px 0 0;pointer-events:none;background:radial-gradient(circle at 80% 15%,rgba(114,86,122,.12),transparent 28%),linear-gradient(135deg,transparent 55%,rgba(255,255,255,.12));mix-blend-mode:soft-light}
.desktop-real .desktop-menubar{height:47px;display:flex;justify-content:space-between;padding:0 18px;background:rgba(249,246,240,.88);border-color:rgba(70,63,70,.14);box-shadow:0 1px 10px rgba(64,56,62,.07)}
.desktop-menu-left,.desktop-menu-right{display:flex;align-items:center;gap:18px}.desktop-menu-left button{border:0;padding:5px 3px;background:transparent;color:#514b51;font-size:12px;cursor:pointer}.desktop-menu-left button:hover{color:#755f78}.desktop-menu-right{gap:14px;color:#5f585f;font-size:11px}.menu-status{color:#72866d;font-size:8px}.desktop-real .desktop-wordmark{gap:9px;margin-right:5px;font:700 13px var(--body)}.desktop-real .desktop-wordmark img{width:24px;height:24px}
.desktop-real .desktop-canvas{height:100dvh;padding:47px 0 74px}
.desktop-note{position:absolute;z-index:1;left:7vw;top:17vh;width:min(430px,36vw);overflow:hidden;border:1px solid rgba(65,55,63,.18);border-radius:11px;background:rgba(250,247,241,.94);box-shadow:0 24px 70px rgba(69,61,65,.16)}.note-top{height:34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;border-bottom:1px solid rgba(65,55,63,.1);background:rgba(239,234,228,.95);color:#7e747d;font-size:9px}.note-top>span:first-child{width:8px;height:8px;border-radius:50%;background:#b9828d}.note-body{padding:clamp(28px,4vw,52px)}.desktop-eyebrow{margin:0 0 12px;color:#796b7d;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.note-body h1{margin:0;color:#514555;font:700 clamp(42px,5vw,70px)/.96 var(--serif);letter-spacing:-.045em}.note-body>p:not(.desktop-eyebrow){max-width:330px;margin:19px 0 25px;color:#686067;font-size:14px;line-height:1.65}.note-body button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;border:1px solid rgba(81,69,85,.2);border-radius:7px;background:#fff;color:#514555;font-weight:700;cursor:pointer}.note-body button:hover{background:#f3edf4}.note-body button span{font-size:18px}
.desktop-real .desktop-icons{inset:12vh 4vw 15vh auto;width:43vw;display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:clamp(30px,5vh,56px) clamp(18px,3vw,44px);align-content:center}.desktop-real .desktop-folder{min-height:118px;padding:80px 5px 7px;border-radius:8px;text-shadow:0 1px rgba(255,255,255,.65)}.desktop-real .desktop-folder i{left:18%;right:18%;top:28px;height:57px;border-radius:6px 8px 8px;background:linear-gradient(155deg,color-mix(in srgb,var(--folder),white 25%),var(--folder));box-shadow:inset 0 1px rgba(255,255,255,.55),0 9px 18px rgba(66,57,65,.16)}.desktop-real .desktop-folder i::before{top:-12px;width:48%;height:18px;border-radius:6px 9px 0 0}.desktop-real .desktop-folder strong{display:inline-block;padding:3px 6px;border-radius:4px;font:700 12px var(--body)}.desktop-real .desktop-folder small{font-size:8px;color:#6d666c}.desktop-real .desktop-folder.is-selected{background:rgba(255,255,255,.2)}.desktop-real .desktop-folder.is-selected strong{background:#746178;color:white;text-shadow:none}.desktop-real .desktop-folder:hover i,.desktop-real .desktop-folder:focus-visible i{transform:translateY(-3px);box-shadow:0 13px 22px rgba(66,57,65,.2)}
.desktop-help{position:fixed;z-index:2;right:25px;bottom:18px;margin:0;color:rgba(70,63,69,.72);font-size:9px}.desktop-help span{margin-right:5px;padding:3px 6px;border-radius:4px;background:rgba(250,247,241,.65);font-weight:800;text-transform:uppercase}
.desktop-real .desktop-window{z-index:100;left:50%;top:52%;width:min(1050px,87vw);height:min(700px,76vh);border-radius:11px;background:#fcfaf7;box-shadow:0 35px 110px rgba(54,45,54,.28),0 0 0 1px rgba(255,255,255,.45);animation:desktop-window-open .18s ease}.desktop-window.is-maximized{left:12px!important;right:12px;top:59px!important;bottom:76px;width:auto;height:auto;transform:none!important}.desktop-window.is-minimized{display:none}.desktop-real .window-bar{height:39px;border-bottom-color:rgba(70,63,70,.12);background:#eeeae5;cursor:grab}.desktop-real .window-bar:active{cursor:grabbing}.desktop-real .window-controls{gap:7px}.desktop-real .window-controls button{width:10px;height:10px;padding:0;border:0;border-radius:50%;cursor:pointer}.desktop-real .window-close{background:#b9828d}.desktop-real .window-minimize{background:#c8a86f}.desktop-real .window-maximize{background:#83a17d}.window-view-mark{justify-self:end;color:#847a82;font-size:14px}.desktop-real .window-toolbar{height:45px;padding:0 15px;background:#f8f5f0}.window-nav{display:flex;gap:5px}.window-nav button{width:27px;height:25px;border:1px solid rgba(81,69,85,.12);border-radius:5px;background:#fff;color:#6f666d;font-size:19px;line-height:1;cursor:pointer}.window-nav button:disabled{opacity:.32}.desktop-real .window-toolbar p{flex:1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.window-search{color:#887e86;font-size:17px}.desktop-real .window-content{height:calc(100% - 109px);padding:27px}.window-status{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid rgba(81,69,85,.09);background:#f6f2ed;color:#928990;font-size:8px}.desktop-real .desktop-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.desktop-real .desktop-project-file{text-align:center}.desktop-real .desktop-project-file>span{height:135px;border:1px solid rgba(81,69,85,.08);border-radius:7px;background:#ede9e4;box-shadow:0 6px 14px rgba(61,52,60,.07)}.desktop-real .desktop-project-file strong{font:700 13px var(--body)}.desktop-real .desktop-project-file small{font-size:8px}.desktop-real .desktop-project-file:hover strong{text-decoration:underline;text-underline-offset:3px}
.desktop-real .desktop-dock{bottom:12px;gap:7px;padding:7px;border-color:rgba(81,69,85,.14);border-radius:14px;background:rgba(247,243,238,.82);box-shadow:0 13px 36px rgba(65,56,64,.18)}.desktop-real .desktop-dock>*{position:relative;width:39px;height:39px;border-radius:9px}.desktop-real .desktop-dock>*::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:50px;padding:5px 7px;border-radius:5px;background:#514b51;color:white;font:9px var(--body);white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:.15s}.desktop-real .desktop-dock>*:hover::after{opacity:1;transform:translate(-50%,0)}.dock-finder,.dock-assistant{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#d9c9df,#9cae96);color:#493e4d;font-weight:900}.dock-assistant{background:linear-gradient(145deg,#705b75,#a991b0);color:white;font:700 17px var(--serif)}
.desktop-assistant{max-width:760px;margin:0 auto}.desktop-assistant>header{display:flex;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid rgba(81,69,85,.1)}.assistant-orb{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#5b4c60,#9cad93);color:white;font:700 24px var(--serif);box-shadow:0 8px 20px rgba(81,69,85,.15)}.desktop-assistant h2{margin:3px 0 0;font:700 24px var(--serif)}.desktop-assistant .desktop-label{margin:0}.assistant-thread{height:250px;overflow:auto;padding:22px 0;display:flex;flex-direction:column;gap:9px}.assistant-message{align-self:flex-start;max-width:78%;margin:0;padding:11px 14px;border-radius:4px 13px 13px 13px;background:#eee8ef;color:#5c535d;font-size:12px;line-height:1.55}.assistant-message.from-user{align-self:flex-end;border-radius:13px 4px 13px 13px;background:#687960;color:white}.assistant-message a,.assistant-message button{border:0;background:transparent;color:inherit;font-weight:800;text-decoration:underline;cursor:pointer;padding:0}.assistant-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.assistant-suggestions button{padding:7px 10px;border:1px solid rgba(81,69,85,.15);border-radius:999px;background:white;color:#655b64;font-size:9px;cursor:pointer}.assistant-form{display:grid;grid-template-columns:1fr 34px;gap:7px;padding:7px;border:1px solid rgba(81,69,85,.16);border-radius:9px;background:#fff}.assistant-form input{min-width:0;border:0;outline:0;padding:4px 7px;background:transparent;color:#514555}.assistant-form button{border:0;border-radius:7px;background:#5f5264;color:white;cursor:pointer}.assistant-disclaimer{display:block;margin-top:8px;color:#9a9097;text-align:center;font-size:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.window-open .desktop-note,.window-open .desktop-icons{filter:none;opacity:1}.window-open .desktop-note,.window-open .desktop-icons,.window-open .desktop-help{pointer-events:none}.window-open .desktop-note::after{content:"";position:absolute;inset:0;background:rgba(194,198,188,.18)}
@keyframes desktop-window-open{from{opacity:0;transform:translate(-50%,-48%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:900px){.desktop-note{left:5vw;top:12vh;width:40vw}.desktop-real .desktop-icons{width:47vw;right:2vw}.desktop-real .desktop-project-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.desktop-real{overflow:auto}.desktop-menu-left button,.desktop-menu-right>span{display:none}.desktop-real .desktop-canvas{height:auto;min-height:100dvh;padding:82px 16px 105px}.desktop-note{position:relative;left:auto;top:auto;width:100%;margin:0 auto}.note-body{padding:30px}.desktop-real .desktop-icons{position:relative;inset:auto;width:auto;margin:30px 0 0;grid-template-columns:repeat(2,1fr);gap:18px 12px}.desktop-real .desktop-window{position:fixed;left:8px!important;right:8px;top:58px!important;bottom:70px;width:auto;height:auto;transform:none!important}.desktop-real .desktop-project-grid{grid-template-columns:repeat(2,1fr)}.desktop-help{display:none}.desktop-assistant h2{font-size:20px}.assistant-thread{height:210px}}

/* Desktop 3 — London-inspired restraint, translated into Victoria's world */
.desktop-real{background:#697566;color:#514555}
.desktop-real::before{z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;opacity:1}
.desktop-real::after{z-index:0;inset:47px 0 0;background:radial-gradient(circle at 18% 12%,rgba(237,225,235,.12),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.025),rgba(60,47,64,.1));mix-blend-mode:normal}
.desktop-real .desktop-menubar{z-index:220;background:rgba(28,25,31,.83);border-color:rgba(255,255,255,.1);box-shadow:none;color:#f6f0ea;backdrop-filter:blur(22px)}
.desktop-real .desktop-wordmark,.desktop-real .desktop-menu-left button,.desktop-real .desktop-menu-right{color:#f6f0ea}.desktop-real .desktop-wordmark img{filter:brightness(1.5);mix-blend-mode:screen}.desktop-menu-left button{opacity:.72}.desktop-menu-left button:hover{color:#d8bfdc;opacity:1}.menu-status{color:#a9c09e}
.desktop-real .desktop-canvas{z-index:2;margin-right:31vw}
.desktop-note{left:3vw;top:12vh;width:min(650px,52vw);border-color:rgba(255,255,255,.3);border-radius:7px;background:#f1f0ee;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.note-top{height:38px;background:#dddcd9;border-color:#c8c6c3;color:#6b666b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.note-body{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:34px;align-items:stretch;padding:38px}.note-copy{display:flex;min-width:0;flex-direction:column}.note-copy .desktop-eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#80747f}.note-body h1{font-size:clamp(42px,4.8vw,70px);line-height:.92}.note-body>p:not(.desktop-eyebrow),.note-copy>p:not(.desktop-eyebrow){margin:18px 0;color:#615c61;font-size:14px;line-height:1.58}.note-meta{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 20px}.note-meta span{padding:5px 8px;border:1px solid #d1cdca;border-radius:4px;color:#746d73;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.05em}.note-body button{border-radius:4px;background:#fff;border-color:#c9c5c3}.note-body button:hover{background:#e8e2ea}.note-portrait{min-width:0;margin:0;padding:7px 7px 20px;background:#fff;box-shadow:0 8px 22px rgba(60,50,60,.13);transform:rotate(1deg)}.note-portrait img{display:block;width:100%;height:230px;object-fit:cover;object-position:center 20%;filter:saturate(.72) contrast(1.03)}.note-portrait figcaption{padding:8px 2px 0;color:#817981;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.35}
.desktop-real .desktop-icons{inset:auto auto 5vh 3vw;width:min(670px,54vw);grid-template-columns:repeat(6,minmax(72px,1fr));gap:18px;align-content:end}.desktop-real .desktop-folder{min-height:92px;padding:61px 3px 4px;color:#f8f3ef;text-shadow:0 2px 5px rgba(0,0,0,.8)}.desktop-real .desktop-folder i{left:22%;right:22%;top:23px;height:43px;border-radius:4px 6px 6px;box-shadow:inset 0 1px rgba(255,255,255,.5),0 8px 18px rgba(0,0,0,.27)}.desktop-real .desktop-folder i::before{top:-9px;height:13px;border-radius:5px 7px 0 0}.desktop-real .desktop-folder strong{font-size:10px}.desktop-real .desktop-folder small{display:none}.desktop-real .desktop-folder.is-selected{background:rgba(255,255,255,.08)}.desktop-real .desktop-folder.is-selected strong{background:rgba(107,87,111,.95)}
.desktop-real .desktop-folder{transform:translate3d(var(--folder-x,0),var(--folder-y,0),0);touch-action:none}.desktop-real .desktop-folder.is-dragging{z-index:20;filter:brightness(1.08)}.desktop-real .desktop-folder.is-dragging i{transform:translateY(-5px) rotate(-2deg);box-shadow:0 18px 28px rgba(0,0,0,.32)}
.desktop-guide{position:fixed;z-index:40;top:47px;right:0;bottom:0;width:31vw;min-width:340px;display:flex;flex-direction:column;padding:28px 26px 84px;border-left:1px solid rgba(255,255,255,.1);background:rgba(17,15,20,.78);color:#f4eee9;backdrop-filter:blur(24px);transition:transform .28s ease}.desktop-guide.is-hidden{transform:translateX(100%)}.desktop-guide>header{display:flex;align-items:center;gap:11px}.guide-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:linear-gradient(145deg,#6e5b72,#819174);font:700 18px var(--serif)}.desktop-guide header div{min-width:0}.desktop-guide header strong,.desktop-guide header small{display:block}.desktop-guide header strong{font:700 15px var(--serif)}.desktop-guide header small{margin-top:3px;color:#918b94;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.05em}.guide-close{margin-left:auto;border:0;background:transparent;color:#8f8991;font-size:20px;cursor:pointer}.guide-intro{margin-top:30px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:rgba(255,255,255,.035)}.guide-intro p{margin:0 0 9px;font:700 17px var(--serif)}.guide-intro span{color:#bbb4bd;font-size:11px;line-height:1.55}.guide-thread{flex:1;min-height:60px;overflow:auto;padding:18px 0;display:flex;flex-direction:column;gap:8px}.guide-message{align-self:flex-start;max-width:90%;margin:0;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:3px 10px 10px;background:rgba(255,255,255,.07);color:#d8d1d9;font-size:10px;line-height:1.5}.guide-message.from-user{align-self:flex-end;border-radius:10px 3px 10px 10px;background:#eee9e2;color:#3f3941}.guide-message a,.guide-message button{padding:0;border:0;background:none;color:inherit;font-weight:800;text-decoration:underline;cursor:pointer}.guide-prompts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.guide-prompts button{padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:transparent;color:#bcb5bf;font-size:8px;cursor:pointer}.guide-prompts button:hover{border-color:#cbb4ce;color:white}.guide-form{display:grid;grid-template-columns:1fr 34px;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(255,255,255,.05)}.guide-form input{min-width:0;padding:5px 7px;border:0;outline:0;background:transparent;color:white;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.guide-form input::placeholder{color:#817b84}.guide-form button{border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#5e5063;color:white;cursor:pointer}
.desktop-real .desktop-window{z-index:150;left:calc((100vw - 31vw)/2);width:min(980px,62vw);border-color:rgba(255,255,255,.28);border-radius:7px;background:#f5f4f1;box-shadow:0 35px 120px rgba(0,0,0,.5)}.desktop-window.is-maximized{right:calc(31vw + 12px)}.desktop-real .window-bar{background:#dcdad7}.desktop-real .window-toolbar,.desktop-real .window-status{background:#eeece8}.desktop-real .desktop-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-real .desktop-project-file>span{background:#e5e2dd}.desktop-real .desktop-dock{z-index:210;left:calc((100vw - 31vw)/2);background:rgba(28,25,31,.72);border-color:rgba(255,255,255,.16)}.desktop-real .desktop-dock>*:hover{background:rgba(255,255,255,.12)}.desktop-real .desktop-dock>*::after{background:#f2ede7;color:#3f3941}.desktop-help{right:calc(31vw + 22px);color:rgba(255,255,255,.68)}.desktop-help span{background:rgba(25,22,28,.55)}
@media(max-width:1000px){.desktop-real .desktop-canvas{margin-right:0}.desktop-guide{width:360px;box-shadow:-25px 0 70px rgba(0,0,0,.3)}.desktop-note{width:min(610px,62vw)}.desktop-real .desktop-icons{width:min(620px,65vw)}.desktop-real .desktop-window{left:50%;width:min(900px,88vw)}.desktop-real .desktop-dock{left:50%}.desktop-help{right:24px}}
@media(max-width:680px){.desktop-real::before{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}.desktop-real .desktop-canvas{padding:75px 14px 105px}.desktop-note{width:100%;background:#f1f0ee}.note-body{grid-template-columns:1fr;padding:27px}.note-portrait{display:none}.desktop-real .desktop-icons{position:relative;inset:auto;width:auto;grid-template-columns:repeat(3,1fr);margin:25px 0 0;gap:14px 8px}.desktop-real .desktop-folder{min-height:90px;transform:none!important;touch-action:auto}.desktop-guide{top:58px;left:8px;right:8px;bottom:70px;width:auto;min-width:0;border:1px solid rgba(255,255,255,.15);border-radius:9px;box-shadow:0 28px 80px rgba(0,0,0,.5)}.desktop-guide.is-hidden{transform:translateY(calc(100% + 90px))}.desktop-real .desktop-window{width:auto}.desktop-real .desktop-project-grid{grid-template-columns:repeat(2,1fr)}}

.dock-toolbox{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#d8c4b0,#9e8a76);color:#40363f;font-size:16px}.dock-assistant{font-size:11px;letter-spacing:-.04em}.guide-mark{font-size:11px;letter-spacing:-.04em}
.creative-toolbox{max-width:900px;margin:0 auto}.creative-toolbox>header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;padding-bottom:22px;border-bottom:1px solid rgba(81,69,85,.12)}.creative-toolbox>header .desktop-label{grid-column:1/-1;margin:0}.creative-toolbox h2{margin:0;font:700 clamp(34px,4vw,52px)/.95 var(--serif);letter-spacing:-.035em}.creative-toolbox>header>span{max-width:230px;color:#837982;font-size:10px;text-align:right}.toolbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.toolbox-grid section{min-height:175px;padding:18px;border:1px solid rgba(81,69,85,.12);border-radius:5px;background:#f0ede8;transition:transform .18s ease,background .18s ease}.toolbox-grid section:hover{z-index:1;background:#fff;transform:translateY(-3px)}.toolbox-grid i{color:#9a8a9d;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.toolbox-grid h3{margin:22px 0 8px;font:700 20px var(--serif)}.toolbox-grid p{margin:0;color:#716971;font-size:10px;line-height:1.55}.toolbox-grid a,.toolbox-grid button{display:inline-block;margin-top:15px;padding:0;border:0;background:none;color:#5e4f62;font-size:9px;font-weight:800;text-decoration:none;cursor:pointer}.toolbox-grid a:hover,.toolbox-grid button:hover{text-decoration:underline;text-underline-offset:3px}
.vc-cursor{position:fixed;z-index:1000;left:-1px;top:-1px;width:18px;height:24px;background:#77557f;clip-path:polygon(0 0,0 88%,26% 67%,42% 100%,55% 94%,39% 62%,72% 62%);filter:drop-shadow(0 1px 0 #fff) drop-shadow(1px 1px 1px rgba(31,20,34,.42));opacity:0;pointer-events:none;will-change:transform;transition:opacity .08s ease,filter .08s ease}.vc-cursor.is-visible{opacity:1}.vc-cursor.is-active{background:#9b70a5;filter:drop-shadow(0 1px 0 #fff) drop-shadow(1px 2px 2px rgba(31,20,34,.5))}.vc-cursor span{display:none}
@media(pointer:fine){.desktop-real,.desktop-real a,.desktop-real button,.desktop-real input{cursor:none!important}}
@media(max-width:760px){.toolbox-grid{grid-template-columns:repeat(2,1fr)}.creative-toolbox>header{grid-template-columns:1fr}.creative-toolbox>header>span{text-align:left}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.vc-cursor{display:none}}
@media(pointer:coarse){.desktop-real .desktop-folder{transform:none!important;touch-action:auto}}

/* Simplified desktop destinations */
.desktop-real .desktop-icons{width:min(560px,50vw);grid-template-columns:repeat(4,minmax(82px,1fr));gap:22px}
.resume-placeholder{display:grid;grid-template-columns:260px 1fr;gap:55px;align-items:center;max-width:760px;margin:25px auto}.resume-sheet{aspect-ratio:8.5/11;padding:25px;border:1px solid rgba(81,69,85,.12);background:white;box-shadow:0 15px 35px rgba(70,60,69,.13)}.resume-sheet>span{display:inline-block;padding:4px 6px;border-radius:3px;background:#8f7794;color:white;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.resume-sheet h2{margin:40px 0 7px;font:700 27px var(--serif)}.resume-sheet p{color:#7c737b;font-size:10px}.resume-sheet hr{margin:28px 0;border:0;border-top:1px solid #d9d4d2}.resume-sheet small{color:#9a9198;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.resume-placeholder>div:last-child>h2{margin:10px 0 18px;font:700 clamp(34px,4vw,52px)/.98 var(--serif)}.resume-placeholder>div:last-child>p:not(.desktop-label){color:#716971;line-height:1.65}
@media(max-width:680px){.desktop-real .desktop-icons{width:auto;grid-template-columns:repeat(2,1fr)}.resume-placeholder{grid-template-columns:1fr;gap:25px}.resume-sheet{width:210px;margin:auto}}

/* App toolbox */
.app-toolbox{max-width:900px}.app-toolbox>header{display:grid;grid-template-columns:1fr 210px;align-items:center;gap:45px;padding-bottom:24px;border-bottom:1px solid rgba(81,69,85,.12)}.app-toolbox>header h2{margin:9px 0 10px;font:700 clamp(34px,4vw,52px)/.95 var(--serif);letter-spacing:-.035em}.app-toolbox>header span{display:block;max-width:520px;color:#756d74;font-size:11px;line-height:1.55}.toolbox-release{position:relative;min-height:112px;padding:66px 12px 12px;border:0;background:transparent;color:#514555;cursor:pointer}.toolbox-release i{position:absolute;left:25px;right:25px;top:28px;height:55px;border-radius:5px 7px 8px;background:linear-gradient(145deg,#827188,#5c4f60);box-shadow:0 11px 22px rgba(70,58,70,.2);transition:transform .2s}.toolbox-release i::before{content:"";position:absolute;left:50%;top:-17px;width:48px;height:23px;border:7px solid #695b6d;border-bottom:0;border-radius:10px 10px 0 0;transform:translateX(-50%)}.toolbox-release i::after{content:"";position:absolute;left:50%;top:20px;width:18px;height:15px;border-radius:3px;background:#d7c0a0;transform:translateX(-50%)}.toolbox-release:hover i{transform:translateY(-3px)}.toolbox-release strong,.toolbox-release small{position:relative;display:block}.toolbox-release strong{font:700 13px var(--serif)}.toolbox-release small{margin-top:3px;color:#8a8189;font-size:8px}.app-tool-stage{min-height:275px;display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:12px;align-items:center;padding:28px 0 10px}.app-tool{opacity:0;text-align:center;transform:translateY(80px) scale(.7);transition:opacity .3s ease calc(var(--i)*.08s),transform .42s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.08s)}.app-tool-stage.is-open .app-tool{opacity:1;transform:translateY(0) scale(1)}.app-tool b{width:55px;height:55px;display:grid;place-items:center;margin:0 auto 9px;border-radius:13px;box-shadow:0 9px 17px rgba(66,56,65,.14);font:800 17px var(--body)}.app-tool strong,.app-tool small{display:block}.app-tool strong{font-size:10px}.app-tool small{margin-top:3px;color:#8a8188;font-size:7px}.app-ps{background:#071e34;color:#43a9ff;border:1px solid #43a9ff}.app-lr{background:#071d2a;color:#52c6e8;border:1px solid #52c6e8}.app-canva{background:linear-gradient(145deg,#53c7c5,#8c6bd8);color:white}.app-capcut{background:#111;color:white}.app-ai{background:linear-gradient(145deg,#725b79,#a2b096);color:white}.app-arena{background:#fff;color:#111;border:1px solid #bbb}.app-social{background:linear-gradient(145deg,#e3a8ba,#9a78b4);color:white}.toolbox-reset{display:block;margin:0 auto;padding:7px 11px;border:1px solid rgba(81,69,85,.15);border-radius:999px;background:transparent;color:#756c74;font-size:8px;cursor:pointer}.toolbox-reset:disabled{opacity:.28;cursor:default}
@media(max-width:760px){.app-toolbox>header{grid-template-columns:1fr}.toolbox-release{width:210px;margin:auto}.app-tool-stage{grid-template-columns:repeat(3,1fr);min-height:420px}}

/* Victoria's exact creative-app system */
.app-tool-stage{grid-template-columns:repeat(5,minmax(76px,1fr));gap:24px 12px}
.app-tool{padding:8px 4px;border-radius:12px}
.app-tool.is-highlighted{background:#e5d9e7;box-shadow:0 0 0 1px rgba(91,70,97,.12)}
.app-codex{background:linear-gradient(145deg,#1f2522,#506057);color:#fff}
.app-chatgpt{background:#202522;color:#fff}
.app-figma{background:linear-gradient(145deg,#f06b55,#a679d4 48%,#62bfa5);color:#fff}
.app-pinterest{background:#c92228;color:#fff}
.app-obsidian{background:linear-gradient(145deg,#7352b8,#34235f);color:#fff}
.app-pr{background:#170c33;color:#c89cff;border:1px solid #8e65cf}
.app-github{background:#252329;color:#fff}
.desktop-real .desktop-dock{max-width:calc(100vw - 20px);gap:5px;padding:6px}
.desktop-real .desktop-dock>*{width:34px;height:34px}
.dock-app{display:grid;place-items:center;border-radius:8px;font:800 10px var(--body)}
.dock-app.app-lr,.dock-app.app-ps,.dock-app.app-pr,.dock-app.app-codex,.dock-app.app-chatgpt,.dock-app.app-figma,.dock-app.app-pinterest,.dock-app.app-obsidian,.dock-app.app-github{width:30px;height:30px;margin:auto}
@media(max-width:760px){.app-tool-stage{grid-template-columns:repeat(3,1fr);min-height:420px}.desktop-real .desktop-dock{gap:2px;padding:5px}.desktop-real .desktop-dock>*{width:25px;height:30px}.dock-app.app-lr,.dock-app.app-ps,.dock-app.app-pr,.dock-app.app-codex,.dock-app.app-chatgpt,.dock-app.app-figma,.dock-app.app-pinterest,.dock-app.app-obsidian,.dock-app.app-github{width:24px;height:24px;font-size:7px}}
.dock-app img,.app-tool b img{display:block;width:62%;height:62%;object-fit:contain}
.app-tool b img{width:58%;height:58%;margin:auto}
.app-codex img,.app-chatgpt img,.app-pinterest img,.app-github img{filter:invert(1)}

/* Working Mac-style window controls and polished installed-app dock */
.desktop-window{transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),left .2s ease,top .2s ease,width .2s ease,height .2s ease}
.desktop-window.is-minimized{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,45vh) scale(.08)!important;transform-origin:50% 100%}
.desktop-window.is-maximized{border-radius:8px}
.window-controls button{position:relative;box-shadow:inset 0 0 0 1px rgba(60,46,48,.12)}
.window-controls button::after{position:absolute;inset:-5px;display:grid;place-items:center;color:rgba(50,38,42,.72);font:700 8px/1 var(--body);opacity:0;transition:opacity .12s}
.window-controls:hover button::after{opacity:1}.window-close::after{content:'×'}.window-minimize::after{content:'−'}.window-maximize::after{content:'+'}
.desktop-real .desktop-dock{align-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(45,39,44,.74);box-shadow:0 14px 34px rgba(25,21,25,.3);backdrop-filter:blur(20px) saturate(1.15)}
.desktop-real .desktop-dock>button,.desktop-real .desktop-dock>a{overflow:visible}
.desktop-real .desktop-dock>button.is-running::before,.desktop-real .desktop-dock>button.has-minimized::before{content:'';position:absolute;left:50%;bottom:-4px;width:4px;height:4px;border-radius:50%;background:#111;transform:translateX(-50%)}
.desktop-real .desktop-dock>button.has-minimized::before{background:#eadfe8;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.dock-finder{width:31px;height:31px;padding:0;overflow:hidden;border:0;background:none;box-shadow:0 3px 8px rgba(0,0,0,.24)}.dock-finder img{display:block;width:100%;height:100%}
.dock-app{border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 3px 8px rgba(0,0,0,.25);background:#29262b!important}
.dock-app img{width:66%;height:66%}.app-tool b img{width:62%;height:62%}
.app-lr{background:#071d2a!important}.app-lr img{filter:invert(74%) sepia(67%) saturate(1040%) hue-rotate(155deg) brightness(99%)}
.app-ps{background:#071e34!important}.app-ps img{filter:invert(58%) sepia(96%) saturate(1782%) hue-rotate(177deg) brightness(101%)}
.app-pr{background:#12063c!important}.app-pr img{filter:invert(66%) sepia(47%) saturate(1409%) hue-rotate(213deg) brightness(104%)}
.app-codex{background:rgba(105,92,99,.4)!important}.app-codex img{width:78%;height:78%;filter:none}
.app-chatgpt{background:#26252a!important}.app-chatgpt img{filter:invert(1)}
.app-figma{background:rgba(105,92,99,.22)!important}.app-figma img{width:50%;height:68%;filter:none}
.app-pinterest{background:rgba(105,92,99,.22)!important}.app-pinterest img{filter:invert(13%) sepia(99%) saturate(6908%) hue-rotate(350deg) brightness(94%)}
.app-obsidian{background:#242228!important}.app-obsidian img{filter:invert(47%) sepia(95%) saturate(1593%) hue-rotate(230deg) brightness(94%)}
.app-github{background:#242228!important}.app-github img{filter:invert(1)}
.app-tool-stage{align-items:start;padding-top:34px}
.app-tool{padding:13px 5px 11px;border:1px solid transparent}.app-tool:hover,.app-tool.is-highlighted{border-color:rgba(88,72,92,.15);background:rgba(226,216,228,.6)}
.app-tool b{width:62px;height:62px;border-radius:15px;border:1px solid rgba(255,255,255,.38)!important}
.utilities-window{max-width:940px}.utilities-window>header{grid-template-columns:1fr 230px;align-items:end}.utility-note{padding:14px 16px;border:1px solid rgba(81,69,85,.12);border-radius:8px;background:#ebe6e1}.utility-note strong,.utility-note small{display:block}.utility-note strong{font:700 13px var(--serif)}.utility-note small{margin-top:5px;color:#817780;font-size:8px;line-height:1.45}.utility-section{margin-top:24px}.utility-section>p{margin:0 0 10px;color:#8a7f88;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em}.utilities-window .app-tool-stage{min-height:0;grid-template-columns:repeat(5,minmax(82px,1fr));gap:10px;padding:0}.utilities-window .app-tool{opacity:1;transform:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.utilities-window .app-tool:hover{transform:translateY(-4px)}
@media(max-width:760px){.utilities-window>header{grid-template-columns:1fr}.utilities-window .app-tool-stage{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.desktop-real .desktop-window.is-maximized{left:8px!important;right:8px!important;top:58px!important;bottom:70px!important;width:auto!important;height:auto!important}}

/* Desktop status controls */
.desktop-menu-right button{position:relative;width:24px;height:28px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.menu-search::before{content:'';position:absolute;left:6px;top:7px;width:10px;height:10px;border:1.6px solid currentColor;border-radius:50%}.menu-search::after{content:'';position:absolute;left:15px;top:16px;width:6px;height:1.6px;border-radius:999px;background:currentColor;transform:rotate(45deg);transform-origin:left center}
.menu-wifi{position:relative;width:22px;height:17px;display:block!important;overflow:hidden;background:radial-gradient(circle at 50% 88%,currentColor 0 2px,transparent 2.4px)}.menu-wifi::before,.menu-wifi::after{content:'';position:absolute;left:50%;border:2px solid currentColor;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:translateX(-50%)}.menu-wifi::before{top:2px;width:21px;height:17px}.menu-wifi::after{top:8px;width:11px;height:9px}
.menu-battery{position:relative;width:27px;height:13px;display:block!important;border:1.5px solid currentColor;border-radius:3px}.menu-battery::after{content:'';position:absolute;right:-4px;top:3px;width:2px;height:5px;border-radius:0 2px 2px 0;background:currentColor}.menu-battery i{position:absolute;left:2px;top:2px;bottom:2px;width:17px;border-radius:1px;background:#f4efe9;transition:width .25s ease}.menu-battery.is-charging::before{content:'ϟ';position:absolute;z-index:2;inset:-3px 0 0;display:grid;place-items:center;color:#242025;font:700 10px/1 var(--body)}
.menu-switches{display:grid;align-content:center;gap:5px}.menu-switches i{position:relative;width:20px;height:2px;display:block;border-radius:2px;background:currentColor}.menu-switches i::after{content:'';position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:currentColor}.menu-switches i:first-child::after{left:3px}.menu-switches i:last-child::after{right:3px}
.menu-popover{position:fixed;z-index:260;top:54px;right:18px;width:265px;padding:14px;border:1px solid rgba(255,255,255,.3);border-radius:13px;background:rgba(245,241,236,.94);box-shadow:0 20px 55px rgba(30,25,30,.28);backdrop-filter:blur(24px);color:#4f474f}.search-popover label{display:block;margin:0 0 8px;font:700 10px var(--body)}.search-popover input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(81,69,85,.16);border-radius:8px;background:#fff;font:11px var(--body);outline:none}.search-popover input:focus{border-color:#8d7593;box-shadow:0 0 0 3px rgba(141,117,147,.12)}#menu-search-results{display:grid;gap:3px;margin-top:9px}#menu-search-results button,#menu-search-results a{padding:8px 9px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font:10px var(--body);text-decoration:none;cursor:pointer}#menu-search-results button:hover,#menu-search-results a:hover{background:#e6dde7}#menu-search-results a small{display:block;margin-top:2px;color:#8c818a;font-size:7px}.controls-popover header{display:flex;justify-content:space-between;align-items:baseline;padding:2px 3px 10px}.controls-popover header strong{font:700 16px var(--serif)}.controls-popover header small{color:#887e86;font-size:8px}.controls-popover>button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px;border:0;border-radius:9px;background:#e7e1df;color:inherit;font:700 10px var(--body);cursor:pointer}.controls-popover>button+button{margin-top:7px}.controls-popover>button i{width:28px;height:16px;border-radius:999px;background:#806a85}.controls-popover>button i::after{content:'';width:12px;height:12px;display:block;margin:2px 2px 2px auto;border-radius:50%;background:white}
.dock-finder img{width:116%;height:124%;max-width:none;object-fit:cover;object-position:center top;transform:translate(-7%,-4%)}.app-lr{overflow:hidden}.app-lr img{width:158%!important;height:158%!important;max-width:none;object-fit:cover;object-position:center 4%;filter:none!important}
@media(max-width:680px){.desktop-real .desktop-menu-right{gap:8px}.desktop-real .desktop-menu-right>span,.desktop-real .desktop-menu-right time{display:block}.desktop-real .desktop-menu-right time{font-size:9px;min-width:0}.desktop-wordmark strong{display:none}.menu-popover{right:8px;top:62px}}
.about-facts{display:grid;gap:9px;margin:24px 0;padding:0;list-style:none;color:#6e646d;font-size:11px}.about-facts li{display:flex;align-items:center;gap:9px}.about-facts span{width:18px;color:#8b7690;font-size:15px}.about-actions{display:flex;flex-wrap:wrap;gap:8px}.about-actions a,.about-actions button{display:inline-flex;align-items:center;gap:6px;margin:0!important;padding:10px 13px!important;border:1px solid rgba(81,69,85,.16)!important;border-radius:7px!important;background:#fff!important;color:#554a58!important;font:800 9px var(--body)!important;text-decoration:none!important;cursor:pointer}.about-actions button small{color:#998e97;font-size:6px;text-transform:uppercase}.about-actions>*:hover{background:#e9e0e9!important}
.utilities-window .app-tool b,.utilities-window .app-tool b[class],.desktop-dock .dock-app{box-sizing:border-box;flex:0 0 auto}.utilities-window .app-tool b{width:62px!important;height:62px!important}.desktop-dock .dock-app{width:30px!important;height:30px!important}.utilities-window .app-tool b img:not(.app-lr img){max-width:38px;max-height:38px}.desktop-dock .dock-app img:not(.app-lr img){max-width:19px;max-height:19px}
@media(max-width:680px){.desktop-real .desktop-dock{max-width:calc(100vw - 12px);overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:none}.desktop-real .desktop-dock::-webkit-scrollbar{display:none}.desktop-real .desktop-dock>*{flex:0 0 27px}.desktop-real .desktop-window{border-radius:8px}.desktop-real .window-content{padding:16px}.utilities-window .app-tool-stage{grid-template-columns:repeat(3,minmax(70px,1fr))}.utilities-window .app-tool b{width:54px!important;height:54px!important}.desktop-about{display:flex!important;flex-direction:column-reverse}.desktop-about figure{width:min(230px,80%)}.about-actions{gap:6px}.about-actions a,.about-actions button{padding:9px 10px!important}}

/* Creative OS identity and expanded file system */
.desktop-wordmark small{margin-left:7px;padding-left:7px;border-left:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.58);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.folder-blue{--folder:#8ca8c7}.folder-amber{--folder:#c9a56f}.folder-moss{--folder:#7d987f}
.desktop-real .desktop-icons{width:min(640px,55vw);grid-template-columns:repeat(4,minmax(82px,1fr));gap:14px 18px}
.desktop-real .desktop-folder{min-height:84px;padding-top:55px}.desktop-real .desktop-folder i{top:20px;height:39px}
@media(max-width:1000px){.desktop-real .desktop-icons{width:min(630px,68vw)}}
@media(max-width:680px){.desktop-wordmark small{display:none}.desktop-real .desktop-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 7px;margin-top:48px!important}.desktop-real .desktop-folder{min-height:86px;padding-top:57px}.desktop-real .desktop-folder:active i{transform:translateY(1px) scale(.97)}}

/* Desktop 17 — warm cream editorial Creative OS */
.desktop-real{
  --cream:#e9e1d5;
  --cream-light:#f7f2ea;
  --ink:#3f3740;
  --plum:#745d78;
  min-height:100dvh;
  background:#e4dbcd;
  color:var(--ink);
}
.desktop-real::before{
  background-image:linear-gradient(rgba(92,74,77,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(92,74,77,.035) 1px,transparent 1px);
  background-size:36px 36px;
  opacity:.72;
}
.desktop-real::after{
  inset:47px 0 0;
  background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.68),transparent 31%),radial-gradient(circle at 78% 74%,rgba(151,132,112,.12),transparent 36%),linear-gradient(142deg,rgba(255,252,247,.46),rgba(194,178,158,.18));
  mix-blend-mode:normal;
}
.desktop-real .desktop-menubar{
  height:48px;
  border-bottom:1px solid rgba(83,68,73,.12);
  background:rgba(247,242,234,.82);
  box-shadow:0 1px 0 rgba(255,255,255,.7);
  color:#4a4148;
  backdrop-filter:blur(24px) saturate(1.12);
}
.desktop-real .desktop-wordmark,.desktop-real .desktop-menu-left button,.desktop-real .desktop-menu-right{color:#4a4148}
.desktop-real .desktop-wordmark img{filter:none;mix-blend-mode:multiply}.desktop-wordmark small{border-color:rgba(72,60,69,.17);color:#8f8187}
.desktop-menu-left button{opacity:.68}.desktop-menu-left button:hover{color:#765d7b;opacity:1}
.desktop-real .desktop-canvas{margin-right:0;padding-top:48px}
.desktop-note{
  left:4.2vw;
  top:11.5vh;
  width:min(590px,48vw);
  overflow:visible;
  border:1px solid rgba(76,63,71,.2);
  border-radius:12px;
  background:rgba(249,246,240,.97);
  box-shadow:0 2px 0 rgba(255,255,255,.85) inset,0 24px 55px rgba(78,65,67,.15),0 5px 15px rgba(78,65,67,.08);
}
.note-top{
  height:36px;
  border-color:rgba(76,63,71,.12);
  border-radius:11px 11px 0 0;
  background:#e9e4dd;
  color:#746a70;
  letter-spacing:.08em;
}
.note-body{
  grid-template-columns:minmax(0,1fr) 158px;
  gap:28px;
  align-items:center;
  padding:30px 32px 31px;
}
.note-copy .desktop-eyebrow{margin-bottom:11px;color:#8a768b;font-size:8px;letter-spacing:.19em}
.note-body h1{max-width:100%;font-size:clamp(39px,3.6vw,56px);line-height:.91;letter-spacing:-.05em;text-wrap:balance}
.note-copy>p:not(.desktop-eyebrow){max-width:330px;margin:15px 0 18px;color:#655e62;font-size:12px;line-height:1.58}
.note-meta{gap:6px;margin:0 0 16px}.note-meta span{padding:4px 7px;border-color:#d5cec6;background:rgba(255,255,255,.45);font-size:7px}
.note-body button{padding:10px 12px;border-color:#cfc7c1;border-radius:6px;background:#fffdf9;color:#554957;box-shadow:0 2px 5px rgba(64,52,60,.04)}
.note-body button:hover{border-color:#b9a6bc;background:#f0e8f1;transform:translateY(-1px)}
.note-portrait{
  position:relative;
  min-width:0;
  margin:0;
  padding:8px 8px 22px;
  border:1px solid #ded6cd;
  background:#fffdfa;
  box-shadow:0 12px 28px rgba(63,51,58,.16),0 2px 3px rgba(63,51,58,.08);
  transform:rotate(1.6deg);
}
.note-portrait::before{content:"";position:absolute;z-index:-1;inset:4px -5px -5px 5px;border:1px solid rgba(112,91,104,.13);background:#eee5da;transform:rotate(-3deg)}
.note-portrait img{height:190px;border:1px solid rgba(80,65,73,.08);filter:saturate(.84) contrast(1.02)}
.note-portrait figcaption{padding-top:7px;color:#7a6d74;font:italic 8px/1.25 var(--serif)}
.desktop-real .desktop-icons{
  inset:11.5vh 3.2vw auto auto;
  width:min(560px,43vw);
  grid-template-columns:repeat(4,minmax(82px,1fr));
  gap:25px 16px;
  align-content:start;
}
.desktop-real .desktop-folder{min-height:102px;padding:66px 4px 7px;color:#4c4249;text-shadow:0 1px rgba(255,255,255,.7)}
.desktop-real .desktop-folder i{left:21%;right:21%;top:25px;height:44px;border:1px solid rgba(85,69,75,.1);border-radius:5px 7px 7px;background:linear-gradient(155deg,color-mix(in srgb,var(--folder),white 34%),var(--folder));box-shadow:inset 0 1px rgba(255,255,255,.68),0 8px 15px rgba(80,64,70,.13)}
.desktop-real .desktop-folder i::before{top:-10px;height:14px}.desktop-real .desktop-folder strong{padding:3px 7px;border-radius:4px;font-size:10px}.desktop-real .desktop-folder:hover i,.desktop-real .desktop-folder:focus-visible i{transform:translateY(-4px) rotate(-1deg);box-shadow:inset 0 1px rgba(255,255,255,.75),0 13px 21px rgba(80,64,70,.19)}
.desktop-real .desktop-folder.is-selected{background:transparent}.desktop-real .desktop-folder.is-selected strong{background:#79617d;color:#fff;box-shadow:0 2px 7px rgba(65,51,68,.18)}
.desktop-real .desktop-dock{
  left:50%;
  bottom:15px;
  gap:6px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:16px;
  background:rgba(72,62,68,.76);
  box-shadow:0 16px 36px rgba(68,55,60,.22),0 1px rgba(255,255,255,.18) inset;
  backdrop-filter:blur(22px) saturate(1.12);
}
.desktop-real .desktop-dock>*{transition:transform .16s ease,background .16s ease}.desktop-real .desktop-dock>*:hover{background:rgba(255,255,255,.11);transform:translateY(-5px) scale(1.08)}
.desktop-help{right:20px;color:#74686d}.desktop-help span{background:#7b657e;color:#fff}
@media(max-width:1080px){.desktop-note{width:min(560px,53vw)}.desktop-real .desktop-icons{width:min(480px,42vw);grid-template-columns:repeat(3,minmax(82px,1fr))}}
@media(max-width:820px){.desktop-note{left:3vw;width:56vw}.note-body{grid-template-columns:minmax(0,1fr) 125px;gap:20px;padding:27px}.note-body h1{font-size:clamp(36px,5.4vw,48px)}.note-portrait img{height:165px}.desktop-real .desktop-icons{right:2vw;width:37vw;grid-template-columns:repeat(2,minmax(78px,1fr))}}
@media(max-width:680px){
  .desktop-real .desktop-canvas{padding:78px 13px 108px}
  .desktop-note{position:relative;left:auto;top:auto;width:100%;margin:0;overflow:visible}
  .note-body{grid-template-columns:minmax(0,1fr) 98px;gap:14px;padding:24px 21px 25px}
  .note-body h1{font-size:clamp(38px,11.5vw,48px);line-height:.9}
  .note-copy>p:not(.desktop-eyebrow){margin:14px 0;font-size:11px;line-height:1.5}
  .note-meta{margin-bottom:14px}.note-meta span{font-size:6px}
  .note-portrait{display:block;padding:5px 5px 16px;transform:rotate(1deg)}
  .note-portrait img{height:140px}.note-portrait figcaption{display:none}
  .desktop-real .desktop-icons{position:relative;inset:auto;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 7px;margin:30px 0 0!important}
  .desktop-real .desktop-folder{min-height:91px;padding-top:60px}
  .desktop-real .desktop-folder i{top:22px;height:41px}
  .desktop-real .desktop-dock{bottom:8px}
}
@media(max-width:430px){.note-body{grid-template-columns:1fr 84px;padding:22px 18px}.note-body h1{font-size:39px}.note-copy>p:not(.desktop-eyebrow){font-size:10px}.note-portrait img{height:123px}.note-body button{font-size:10px}.desktop-real .desktop-icons{grid-template-columns:repeat(3,1fr)}}

/* Desktop 18 — About Me editorial journal */
.about-journal{max-width:900px;margin:0 auto;padding:5px 4px 55px;color:#554b52}.journal-opening{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(220px,.62fr);gap:clamp(36px,6vw,78px);align-items:center;min-height:500px;padding:34px 28px 56px}.journal-copy{position:relative;z-index:2}.journal-copy h2{margin:13px 0 24px;color:#55465b;font:700 clamp(48px,6vw,74px)/.86 var(--serif);letter-spacing:-.055em}.journal-copy h2 em{color:#8e758e;font-weight:400}.journal-copy>p{max-width:525px;margin:0 0 15px;color:#70666c;font-size:13px;line-height:1.68}.journal-copy .journal-lede{color:#554b52;font:400 18px/1.48 var(--serif)}.journal-portrait{position:relative;z-index:2;margin:0;padding:9px 9px 27px;border:1px solid #ddd4ca;background:#fffdf9;box-shadow:0 18px 40px rgba(73,58,66,.16);transform:rotate(1.2deg);transition:transform .28s ease,box-shadow .28s ease}.journal-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 24%}.journal-portrait figcaption,.journal-self figcaption{display:flex;gap:10px;padding:10px 2px 0;color:#7d7078;font:italic 9px/1.35 var(--serif)}.journal-portrait figcaption span{font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace}.journal-self{position:absolute;z-index:3;right:27%;bottom:8px;width:138px;margin:0;padding:6px 6px 17px;border:1px solid #ded6cd;background:#f9f4ec;box-shadow:0 12px 28px rgba(73,58,66,.13);transform:rotate(-3deg);transition:transform .28s ease,box-shadow .28s ease}.journal-self img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.journal-self figcaption{padding-top:7px;font-size:8px}.journal-portrait:hover,.journal-self:hover{z-index:5;box-shadow:0 22px 46px rgba(73,58,66,.22);transform:translateY(-5px) rotate(0)}.interest-archive{margin:5px 28px 0;padding:42px 0;border-top:1px solid #d7cec6}.interest-archive>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.56fr);gap:50px;align-items:end;margin-bottom:34px}.interest-archive h3{margin:10px 0 0;color:#55465b;font:700 clamp(34px,4.4vw,55px)/.94 var(--serif);letter-spacing:-.04em}.interest-archive>header>p{margin:0;color:#756a71;font-size:12px;line-height:1.65}.interest-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:18px;align-items:start}.interest-grid figure{margin:0;padding:7px 7px 17px;border:1px solid #ddd4ca;background:#fffdf9;box-shadow:0 8px 20px rgba(73,58,66,.09);transition:transform .25s ease,box-shadow .25s ease}.interest-grid figure:nth-child(2){margin-top:38px;transform:rotate(-1deg)}.interest-grid figure:nth-child(3){margin-top:8px;transform:rotate(1deg)}.interest-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.interest-grid .interest-primary img{aspect-ratio:4/4.4}.interest-grid figcaption{padding:10px 4px 0;color:#756a71;font-size:9px;line-height:1.45}.interest-grid figcaption span{display:block;margin-bottom:4px;color:#8e758e;font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em}.interest-grid figure:hover{z-index:2;box-shadow:0 15px 32px rgba(73,58,66,.16);transform:translateY(-4px) rotate(0)}.journal-quote{max-width:650px;margin:20px auto 0;padding:28px 34px;border:0;border-left:2px solid #b5a0be;background:#f2ebe4;color:#55465b;font:italic clamp(21px,3vw,31px)/1.35 var(--serif);text-align:center}.desktop-window:has(.about-journal) .window-content{padding:20px 26px 32px;background:#f5f0e9}.desktop-window:has(.about-journal){height:min(760px,80vh)}
@media(max-width:820px){.journal-opening{grid-template-columns:minmax(0,1fr) 200px;gap:30px;padding-inline:15px}.journal-copy h2{font-size:48px}.journal-self{right:23%;width:112px}.interest-archive{margin-inline:15px}.interest-archive>header{gap:28px}.interest-grid{grid-template-columns:1.15fr .85fr}.interest-grid figure:nth-child(3){grid-column:2}.interest-grid figure:nth-child(2),.interest-grid figure:nth-child(3){margin-top:0}}
@media(max-width:620px){.desktop-window:has(.about-journal) .window-content{padding:10px 11px 28px}.journal-opening{display:flex;flex-direction:column;padding:24px 11px 70px;align-items:stretch}.journal-copy h2{font-size:45px}.journal-copy .journal-lede{font-size:17px}.journal-portrait{width:min(280px,88%);align-self:center;transform:rotate(1deg)}.journal-self{right:8px;bottom:0;width:104px}.interest-archive{margin:0 11px;padding-top:34px}.interest-archive>header{grid-template-columns:1fr;gap:16px}.interest-archive h3{font-size:38px}.interest-grid{grid-template-columns:1fr;gap:18px}.interest-grid figure,.interest-grid figure:nth-child(2),.interest-grid figure:nth-child(3){grid-column:auto;margin:0;transform:none}.interest-grid .interest-primary img,.interest-grid img{aspect-ratio:4/3}.journal-quote{margin:12px 11px 0;padding:22px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.journal-portrait,.journal-self,.interest-grid figure{transition:none}}
@media(max-width:1180px){.desktop-real .desktop-canvas{margin-right:0}.desktop-real .desktop-window{left:50%;width:min(920px,90vw)}.desktop-real .desktop-dock{left:50%}.desktop-help{right:24px}}

/* Desktop 19 — functional Mac-inspired interface refinement */
.desktop-menu-left{position:relative}.os-menu{position:relative;display:flex;height:48px;align-items:center}.desktop-menu-left .os-menu>button{height:30px;padding:0 8px;border-radius:6px}.desktop-menu-left .os-menu>button[aria-expanded="true"]{opacity:1;background:rgba(85,70,91,.11);color:#55465b}.os-menu-panel{position:absolute;z-index:320;left:0;top:41px;width:205px;padding:6px;border:1px solid rgba(82,67,76,.16);border-radius:10px;background:rgba(250,247,242,.96);box-shadow:0 18px 45px rgba(65,52,59,.2),0 1px rgba(255,255,255,.8) inset;backdrop-filter:blur(24px);color:#4d444a}.os-menu-panel[hidden]{display:none}.os-menu-panel button,.os-menu-panel a{width:100%;min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 9px;border:0;border-radius:6px;background:transparent;color:inherit;font:11px var(--body);text-align:left;text-decoration:none;cursor:pointer}.os-menu-panel button:hover,.os-menu-panel button:focus-visible,.os-menu-panel a:hover,.os-menu-panel a:focus-visible{outline:0;background:#755f79;color:#fff}.os-menu-panel hr{height:1px;margin:5px 4px;border:0;background:rgba(82,67,76,.12)}.os-menu-panel kbd,.os-menu-panel small{color:#968a91;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.os-menu-panel button:hover kbd,.os-menu-panel a:hover small{color:#e9dfea}
.desktop-real .desktop-window{min-width:520px;min-height:360px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 90px);resize:both;overflow:hidden;outline:1px solid rgba(255,255,255,.58);box-shadow:0 32px 90px rgba(70,56,63,.25),0 8px 25px rgba(70,56,63,.13)}.desktop-real .desktop-window::after{content:"";position:absolute;z-index:5;right:3px;bottom:3px;width:11px;height:11px;background:linear-gradient(135deg,transparent 0 45%,rgba(85,70,91,.25) 46% 53%,transparent 54% 65%,rgba(85,70,91,.25) 66% 73%,transparent 74%);pointer-events:none}.desktop-real .desktop-window.is-focused{box-shadow:0 36px 100px rgba(70,56,63,.3),0 10px 30px rgba(70,56,63,.16)}.desktop-window.is-closing{opacity:0;transform:translate(-50%,-48%) scale(.975)!important;pointer-events:none}.desktop-window.is-maximized{resize:none}.desktop-window.is-minimized{resize:none}.window-bar>strong{letter-spacing:.01em}.desktop-real .window-toolbar{border-bottom-color:rgba(81,69,85,.1)}
.desktop-real .desktop-folder i::after{content:"";position:absolute;inset:6px 0 0;border-radius:4px 7px 7px;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.04) 45%,rgba(76,61,70,.07));box-shadow:0 -1px rgba(255,255,255,.45) inset;pointer-events:none}.desktop-real .desktop-folder i{filter:saturate(.88)}.desktop-real .desktop-folder.is-selected i{filter:saturate(1) brightness(1.02)}
.desktop-real .desktop-dock>*:focus-visible{outline:2px solid #f7f0e7;outline-offset:2px}.desktop-real .desktop-dock>button.is-running::before,.desktop-real .desktop-dock>button.has-minimized::before{background:#f7f0e7;box-shadow:0 0 0 1px rgba(47,37,44,.35)}
@media(max-width:680px){.desktop-menu-left .os-menu{display:none}.desktop-real .desktop-window{min-width:0;min-height:0;max-width:none;max-height:none;resize:none}.desktop-real .desktop-window::after{display:none}}
@media(prefers-reduced-motion:reduce){.desktop-window.is-closing{transition:none}.desktop-real .desktop-dock>*{transition:none}}
@media(min-width:1181px){.desktop-real:has(.desktop-guide:not(.is-hidden)) .desktop-note{width:min(590px,44vw)}.desktop-real:has(.desktop-guide:not(.is-hidden)) .desktop-icons{right:calc(31vw + 2vw);width:min(300px,23vw);grid-template-columns:repeat(2,minmax(92px,1fr));gap:12px 10px}.desktop-real:has(.desktop-guide:not(.is-hidden)) .desktop-folder{min-height:88px;padding-top:57px}.desktop-real:has(.desktop-guide:not(.is-hidden)) .desktop-folder i{top:21px;height:40px}}

/* Desktop 20 — interactive personal archive folders */
.about-mini-folders{position:relative;z-index:4;grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-32px -10px 0;align-self:start}.about-mini-folder{min-width:0;padding:0 3px 7px;border:0;border-radius:8px;background:transparent;color:#675c63;text-align:center;cursor:pointer}.about-mini-folder i{--mini-folder:#b5a0be;position:relative;display:block;width:58px;height:39px;margin:0 auto 7px;border:1px solid rgba(78,63,72,.12);border-radius:5px 7px 7px;background:linear-gradient(155deg,color-mix(in srgb,var(--mini-folder),white 31%),var(--mini-folder));box-shadow:inset 0 1px rgba(255,255,255,.65),0 8px 15px rgba(74,59,67,.14);transition:transform .18s ease,box-shadow .18s ease}.about-mini-folder i::before{content:"";position:absolute;left:-1px;top:-8px;width:27px;height:12px;border:inherit;border-bottom:0;border-radius:5px 6px 0 0;background:color-mix(in srgb,var(--mini-folder),white 23%)}.about-mini-folder i::after{content:"";position:absolute;inset:6px 0 0;border-radius:4px 6px 6px;background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,.03) 55%,rgba(70,54,65,.06))}.about-mini-folder.is-sage i{--mini-folder:#a8b7a3}.about-mini-folder.is-mauve i{--mini-folder:#b9828d}.about-mini-folder strong,.about-mini-folder small{display:block;overflow:hidden;text-overflow:ellipsis}.about-mini-folder strong{font:700 8px/1.25 var(--body);white-space:nowrap}.about-mini-folder small{margin-top:2px;color:#958890;font:7px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.about-mini-folder:hover i,.about-mini-folder:focus-visible i,.about-mini-folder.is-open i{transform:translateY(-4px);box-shadow:inset 0 1px rgba(255,255,255,.72),0 12px 22px rgba(74,59,67,.2)}.about-mini-folder:focus-visible{outline:2px solid #8d7690;outline-offset:2px}.about-mini-folder.is-open{background:rgba(85,70,91,.08);color:#55465b}.about-note-panel{position:relative;grid-column:1/-1;margin:17px 0 0;padding:24px 54px 25px 26px;border:1px solid rgba(85,70,91,.18);border-left:4px solid #b5a0be;border-radius:6px;background:rgba(255,253,249,.88);box-shadow:0 10px 28px rgba(73,58,66,.1);animation:about-note-in .22s ease both}.about-note-panel[hidden]{display:none}.about-note-panel:focus{outline:0}.about-note-panel h3{margin:7px 0 8px;color:#55465b;font:700 25px/1.05 var(--serif);letter-spacing:-.025em}.about-note-panel>p:last-child{max-width:670px;margin:0;color:#70666c;font-size:11px;line-height:1.65}.about-note-close{position:absolute;right:14px;top:12px;width:28px;height:28px;border:1px solid rgba(85,70,91,.14);border-radius:50%;background:#f1e9ed;color:#735f74;font-size:18px;line-height:1;cursor:pointer}.about-note-close:hover,.about-note-close:focus-visible{outline:0;background:#55465b;color:#fff}.journal-opening:has(.about-note-panel:not([hidden])){align-items:start}.journal-opening:has(.about-note-panel:not([hidden])) .about-mini-folders{margin-top:8px}@keyframes about-note-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:820px){.about-mini-folders{grid-column:1/-1;margin:8px 0 0}.about-note-panel{margin-top:8px}.journal-opening:has(.about-note-panel:not([hidden])) .about-mini-folders{margin-top:8px}}
@media(max-width:620px){.about-mini-folders{width:100%;order:4;margin:5px 0 0}.about-mini-folder i{width:62px;height:42px}.about-note-panel{order:5;width:100%;box-sizing:border-box;margin-top:4px;padding:22px 44px 22px 20px}.about-note-panel h3{font-size:23px}.journal-opening:has(.about-note-panel:not([hidden])) .about-mini-folders{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.about-note-panel{animation:none}.about-mini-folder i{transition:none}}

/* Desktop 21 — denser, more realistic desktop and Finder details */
.desktop-real::before{background-image:linear-gradient(rgba(111,94,101,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(111,94,101,.026) 1px,transparent 1px),radial-gradient(circle at 25% 10%,rgba(255,255,255,.86),transparent 34%);background-size:36px 36px,36px 36px,100% 100%}.desktop-real .desktop-menubar{box-shadow:0 1px 0 rgba(255,255,255,.92),0 8px 25px rgba(77,64,69,.045)}.desktop-real .desktop-wordmark strong{letter-spacing:-.015em}.desktop-real .desktop-folder strong{font-weight:700;letter-spacing:.005em}.desktop-real .desktop-folder small{opacity:.7}.desktop-real .desktop-folder i{transform-origin:50% 95%}.desktop-real .desktop-folder:active i{transform:translateY(-1px) scale(.98)}
.desktop-system-note{position:absolute;right:24px;bottom:67px;z-index:3;display:flex;align-items:center;gap:7px;margin:0;padding:6px 9px;border:1px solid rgba(81,69,85,.1);border-radius:6px;background:rgba(250,247,242,.56);color:#796f75;font:7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;backdrop-filter:blur(12px)}.desktop-system-note span{width:6px;height:6px;border-radius:50%;background:#8eaa86;box-shadow:0 0 0 3px rgba(142,170,134,.14)}
.window-view-mark{opacity:.4}.window-view-controls{display:flex;gap:2px;padding:2px;border:1px solid rgba(81,69,85,.1);border-radius:6px;background:#ece7e1}.window-view-controls button{width:25px;height:22px;padding:0;border:0;border-radius:4px;background:transparent;color:#847982;font-size:13px;line-height:1;cursor:pointer}.window-view-controls button:hover,.window-view-controls button.is-active{background:#fff;color:#55465b;box-shadow:0 1px 3px rgba(65,53,60,.12)}.window-view-controls button:focus-visible{outline:2px solid #8f7794;outline-offset:1px}.window-view-controls.is-disabled{opacity:.35}.window-view-controls button:disabled{cursor:default}.desktop-project-file{position:relative}.desktop-project-file em{position:absolute;right:6px;top:6px;padding:3px 4px;border:1px solid rgba(255,255,255,.55);border-radius:3px;background:rgba(250,247,242,.78);color:#776b74;font:normal 7px ui-monospace,SFMono-Regular,Menlo,monospace;backdrop-filter:blur(8px)}
.window-content.is-list-view .desktop-project-grid{display:block;border-top:1px solid rgba(81,69,85,.11)}.window-content.is-list-view .desktop-project-file{display:grid;grid-template-columns:74px minmax(150px,1fr) minmax(120px,.55fr) 36px;align-items:center;gap:16px;min-height:76px;padding:8px 6px;border-bottom:1px solid rgba(81,69,85,.1);text-align:left}.window-content.is-list-view .desktop-project-file:hover{background:rgba(181,160,190,.1)}.window-content.is-list-view .desktop-project-file>span{grid-row:1/3;width:68px;height:56px;border-radius:5px}.window-content.is-list-view .desktop-project-file strong{margin:0;font-size:12px}.window-content.is-list-view .desktop-project-file small{grid-column:3;margin:0;font-size:8px}.window-content.is-list-view .desktop-project-file em{position:static;grid-column:4;grid-row:1/3;justify-self:end;border:0;background:transparent;backdrop-filter:none}.desktop-real .window-status{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.025em}
@media(max-width:680px){.desktop-system-note{display:none}.window-view-controls{position:absolute;right:44px;top:10px}.desktop-real .window-toolbar{position:relative;padding-right:118px}.window-content.is-list-view .desktop-project-file{grid-template-columns:56px minmax(0,1fr) 26px;gap:10px}.window-content.is-list-view .desktop-project-file>span{width:52px;height:44px}.window-content.is-list-view .desktop-project-file small{grid-column:2}.window-content.is-list-view .desktop-project-file em{grid-column:3}.window-view-mark{display:none}}

/* Desktop 22 — hyper-realistic proportions, Victoria's warm beige desktop */
.desktop-real{background:#e8dfd2}.desktop-real::before{inset:48px 0 0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 28% 8%,rgba(255,252,246,.96),transparent 38%),radial-gradient(circle at 76% 82%,rgba(126,107,102,.15),transparent 40%),linear-gradient(145deg,#f5f0e9 0%,#e9dfd2 52%,#d7c9bb 100%);background-size:42px 42px,42px 42px,100% 100%,100% 100%,100% 100%;opacity:1}.desktop-real::after{inset:48px 0 0;background:linear-gradient(118deg,rgba(255,255,255,.18),transparent 36%,rgba(93,76,85,.045));mix-blend-mode:normal}
.desktop-real .desktop-menubar{height:48px;padding-inline:20px;border-bottom:1px solid rgba(67,56,62,.14);background:rgba(246,241,234,.78);box-shadow:0 1px rgba(255,255,255,.72);backdrop-filter:blur(28px) saturate(1.22)}.desktop-real .desktop-wordmark strong{font-weight:800}.desktop-real .desktop-menu-left button{font-size:12px}.desktop-real .desktop-menu-right{gap:15px}.desktop-real .desktop-menu-right time{font-weight:700}
.desktop-widgets{position:absolute;z-index:4;left:3vw;top:76px;display:grid;grid-template-columns:repeat(3,132px);gap:12px}.desktop-widget{height:126px;padding:16px;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:rgba(86,72,84,.84);box-shadow:0 18px 35px rgba(65,52,59,.16),0 1px rgba(255,255,255,.2) inset;color:#fff;backdrop-filter:blur(24px) saturate(1.1)}.desktop-widget small,.desktop-widget span{display:block}.desktop-widget small{font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;opacity:.7}.desktop-widget strong{display:block;margin-top:12px;font:700 24px/1 var(--serif)}.desktop-widget span{margin-top:8px;font-size:9px;opacity:.76}.widget-date{background:rgba(253,251,247,.92);color:#4c4249}.widget-date strong{margin-top:8px;font:400 48px/.85 var(--body);letter-spacing:-.05em}.widget-date span{margin-top:12px}.widget-system{background:rgba(112,128,105,.78)}.widget-ring{width:54px;height:54px;display:grid;place-items:center;margin:8px 0 0;border:5px solid rgba(255,255,255,.24);border-top-color:#d8cedb;border-radius:50%}.widget-ring strong{margin:0;font:800 22px/1 var(--body)}.widget-system>span{position:absolute;left:75px;bottom:21px;width:45px;line-height:1.25}
.desktop-note{left:3vw;top:232px;width:min(560px,46vw);border-color:rgba(65,53,60,.2);background:rgba(250,247,242,.93);box-shadow:0 26px 65px rgba(65,52,59,.18),0 1px rgba(255,255,255,.92) inset;backdrop-filter:blur(24px) saturate(1.08)}.note-top{background:rgba(225,219,211,.86)}.desktop-real .desktop-icons{inset:78px 2.3vw auto auto;width:370px;grid-template-columns:repeat(2,1fr);gap:12px 6px}.desktop-real .desktop-folder{min-height:91px;padding-top:59px;color:#42383f;text-shadow:0 1px rgba(255,255,255,.8)}.desktop-real .desktop-folder i{left:26%;right:26%;top:22px;height:40px;box-shadow:inset 0 1px rgba(255,255,255,.72),0 9px 18px rgba(70,55,62,.2)}.desktop-real .desktop-folder strong{font-size:10px}.desktop-real .desktop-folder small{font-size:7px}
.desktop-real .desktop-dock{bottom:12px;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.48);border-radius:18px;background:rgba(67,59,64,.68);box-shadow:0 18px 46px rgba(47,38,43,.28),0 1px rgba(255,255,255,.2) inset;backdrop-filter:blur(28px) saturate(1.3)}.desktop-real .desktop-dock>*{width:38px;height:38px}.dock-app.app-lr,.dock-app.app-ps,.dock-app.app-pr,.dock-app.app-codex,.dock-app.app-chatgpt,.dock-app.app-figma,.dock-app.app-pinterest,.dock-app.app-obsidian,.dock-app.app-github{width:34px;height:34px;border-radius:9px}.dock-finder{width:35px;height:35px;border-radius:9px}.desktop-real .desktop-dock>*:hover{transform:translateY(-10px) scale(1.18)}.desktop-system-note{right:18px;bottom:73px;background:rgba(250,247,242,.7)}
@media(max-width:1100px){.desktop-widgets{grid-template-columns:repeat(3,108px)}.desktop-widget{height:110px;padding:13px;border-radius:20px}.desktop-widget strong{font-size:20px}.widget-date strong{font-size:40px}.widget-system>span{display:none}.desktop-note{top:208px;width:min(520px,49vw)}.desktop-real .desktop-icons{width:300px}}
@media(max-width:820px){.desktop-widgets{left:3vw;grid-template-columns:repeat(3,94px)}.desktop-widget{height:96px;padding:12px;border-radius:18px}.desktop-widget strong{font-size:17px}.widget-date strong{font-size:34px}.widget-ring{width:44px;height:44px}.desktop-note{top:190px;width:56vw}.desktop-real .desktop-icons{width:34vw;grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.desktop-widgets{position:relative;left:auto;top:auto;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 15px}.desktop-widget{height:92px;padding:11px;border-radius:17px}.desktop-widget small{font-size:6px}.desktop-widget strong{font-size:16px}.widget-date strong{font-size:32px}.widget-ring{width:40px;height:40px;border-width:4px}.desktop-note{position:relative;left:auto;top:auto;width:100%}.desktop-real .desktop-icons{width:auto;grid-template-columns:repeat(3,1fr)}.desktop-real .desktop-dock{gap:2px;padding:5px}.desktop-real .desktop-dock>*{width:26px;height:31px}.dock-app.app-lr,.dock-app.app-ps,.dock-app.app-pr,.dock-app.app-codex,.dock-app.app-chatgpt,.dock-app.app-figma,.dock-app.app-pinterest,.dock-app.app-obsidian,.dock-app.app-github{width:25px;height:25px}.dock-finder{width:27px;height:27px}}

/* Desktop 23 — larger welcome portrait */
.desktop-note{width:min(680px,55vw)}.desktop-note .note-body{grid-template-columns:minmax(0,1fr) 220px;gap:34px;padding:34px 36px 36px}.desktop-note .note-portrait{padding:10px 10px 27px}.desktop-note .note-portrait img{height:270px;object-position:center 24%}.desktop-note .note-body h1{font-size:clamp(46px,4.4vw,64px)}.desktop-note .note-copy>p:not(.desktop-eyebrow){max-width:360px;font-size:13px}.desktop-note .note-body button{padding:13px 15px;font-size:15px}
@media(max-width:1100px){.desktop-note{width:min(610px,57vw)}.desktop-note .note-body{grid-template-columns:minmax(0,1fr) 180px;gap:25px;padding:30px}.desktop-note .note-portrait img{height:230px}}
@media(max-width:820px){.desktop-note{width:60vw}.desktop-note .note-body{grid-template-columns:minmax(0,1fr) 145px;gap:20px;padding:27px}.desktop-note .note-portrait img{height:195px}.desktop-note .note-body h1{font-size:clamp(40px,6vw,52px)}}
@media(max-width:680px){.desktop-note{width:100%}.desktop-note .note-body{grid-template-columns:minmax(0,1fr) 150px;gap:18px;padding:27px 24px 30px}.desktop-note .note-portrait{display:block}.desktop-note .note-portrait img{height:210px}.desktop-note .note-body h1{font-size:clamp(40px,10vw,52px)}}
@media(max-width:430px){.desktop-note .note-body{grid-template-columns:minmax(0,1fr) 108px;gap:12px;padding:23px 18px 25px}.desktop-note .note-portrait img{height:160px}.desktop-note .note-copy>p:not(.desktop-eyebrow){font-size:10px}.desktop-note .note-body h1{font-size:38px}}

/* Desktop 24 — simplified welcome portrait */
.desktop-note .note-portrait{padding-bottom:10px}

/* Desktop 25 — dedicated Creative OS phone experience */
@media(max-width:680px){
  html{background:#282329}.desktop-real{min-height:100dvh;padding:0;background:#eee5da;overscroll-behavior:none}.desktop-real::before{inset:0;border-radius:0;background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.9),transparent 34%),radial-gradient(circle at 78% 72%,rgba(181,160,190,.2),transparent 42%),linear-gradient(155deg,#f5f0e9,#ded1c3);background-size:100% 100%}.desktop-real::after{inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px}
  .desktop-real .desktop-menubar{position:fixed;z-index:500;height:46px;padding:0 14px;border:0;background:rgba(245,240,233,.74);box-shadow:none;backdrop-filter:blur(24px) saturate(1.2)}.desktop-real .desktop-menubar::after{content:"";position:absolute;left:50%;top:8px;width:86px;height:25px;border-radius:999px;background:#252126;box-shadow:0 1px 0 rgba(255,255,255,.14) inset;transform:translateX(-50%)}.desktop-menu-left{display:none}.desktop-real .desktop-menu-right{width:100%;height:46px;display:flex;justify-content:flex-end;gap:8px;color:#3f373d}.desktop-real .desktop-menu-right time{display:block;position:absolute;left:15px;font-size:10px;font-weight:800}.desktop-real .desktop-menu-right>span{display:inline-block}.desktop-real .desktop-menu-right .menu-search,.desktop-real .desktop-menu-right .menu-switches{display:none}.menu-wifi{transform:scale(.8)}.menu-battery{transform:scale(.82)}
  .desktop-real .desktop-canvas{min-height:100dvh;padding:64px 14px 116px}.desktop-widgets{grid-template-columns:1.15fr .85fr;gap:9px;margin-bottom:13px}.desktop-widget{height:104px;border-radius:21px}.widget-system{display:none}.widget-place strong{font-size:21px}.widget-date strong{font-size:40px}
  .desktop-note{border-radius:22px;background:rgba(252,249,244,.88);box-shadow:0 18px 45px rgba(72,57,65,.14),0 1px rgba(255,255,255,.9) inset;backdrop-filter:blur(24px)}.desktop-note .note-top{height:31px;border-radius:21px 21px 0 0}.desktop-note .note-body{grid-template-columns:minmax(0,1fr) 105px;gap:12px;padding:21px 18px 22px}.desktop-note .note-body h1{font-size:38px}.desktop-note .note-copy>p:not(.desktop-eyebrow){font-size:10px}.desktop-note .note-portrait{padding:5px;transform:rotate(1deg)}.desktop-note .note-portrait img{height:148px}.desktop-note .note-body button{padding:10px 11px;font-size:11px}.note-meta span{font-size:6px}
  .desktop-real .desktop-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 8px;margin:23px 0 0}.desktop-real .desktop-folder{min-height:92px;padding:61px 2px 5px;border-radius:15px}.desktop-real .desktop-folder i{left:20%;right:20%;top:20px;height:45px;border-radius:8px 10px 10px;box-shadow:inset 0 1px rgba(255,255,255,.75),0 9px 18px rgba(66,52,60,.18)}.desktop-real .desktop-folder i::before{height:14px}.desktop-real .desktop-folder strong{font-size:9px}.desktop-real .desktop-folder small{display:none}
  .desktop-real .desktop-dock{position:fixed;left:10px;right:10px;bottom:9px;width:auto;max-width:none;justify-content:flex-start;overflow-x:auto;gap:7px;padding:8px 10px 17px;border-radius:23px;background:rgba(81,69,77,.58);scrollbar-width:none;backdrop-filter:blur(30px) saturate(1.35);transform:none}.desktop-real .desktop-dock::-webkit-scrollbar{display:none}.desktop-real .desktop-dock::after{content:"";position:fixed;left:50%;bottom:13px;width:116px;height:4px;border-radius:999px;background:rgba(255,255,255,.78);transform:translateX(-50%)}.desktop-real .desktop-dock>*{flex:0 0 38px;width:38px;height:38px}.dock-app.app-lr,.dock-app.app-ps,.dock-app.app-pr,.dock-app.app-codex,.dock-app.app-chatgpt,.dock-app.app-figma,.dock-app.app-pinterest,.dock-app.app-obsidian,.dock-app.app-github{width:34px;height:34px}.dock-finder{width:35px;height:35px}
  .desktop-real .desktop-window{left:0!important;right:0;top:46px!important;bottom:0;width:auto;height:auto;max-height:none;border:0;border-radius:24px 24px 0 0;background:#f7f3ed;box-shadow:0 -14px 50px rgba(45,35,42,.24);transform:none!important}.desktop-real .desktop-window .window-bar{height:45px;border-radius:24px 24px 0 0}.desktop-real .desktop-window .window-controls{gap:6px}.desktop-real .desktop-window .window-toolbar{min-height:49px;padding:8px 105px 8px 13px}.desktop-real .desktop-window .window-content{height:calc(100% - 119px);padding:16px}.desktop-real .desktop-window .window-status{height:25px}.desktop-real .desktop-window::after{display:none}.desktop-window.is-minimized{display:block;visibility:hidden}.desktop-guide{top:46px;bottom:9px;border-radius:24px 24px 0 0}
  .desktop-help,.desktop-system-note{display:none}
}
@media(max-width:390px){.desktop-real .desktop-canvas{padding-inline:10px}.desktop-note .note-body{grid-template-columns:minmax(0,1fr) 94px;padding-inline:15px}.desktop-note .note-body h1{font-size:34px}.desktop-note .note-portrait img{height:132px}.desktop-widget{height:96px}.desktop-real .desktop-folder i{left:18%;right:18%}}

/* Desktop 26 — full-send Mac desktop realism */
@media(min-width:681px){
  .desktop-real .desktop-menubar{height:43px;padding-inline:17px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(28,25,28,.92);box-shadow:0 6px 22px rgba(38,29,34,.12);color:#fff;backdrop-filter:blur(28px) saturate(1.3)}.desktop-real .desktop-wordmark,.desktop-real .desktop-menu-left button,.desktop-real .desktop-menu-right{color:#fff}.desktop-real .desktop-wordmark img{filter:brightness(0) invert(1);mix-blend-mode:normal}.desktop-wordmark small{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.65)}.desktop-menu-left button{opacity:.88}.desktop-menu-left button:hover{color:#fff;background:rgba(255,255,255,.12)}.desktop-real .menu-search,.desktop-real .menu-wifi,.desktop-real .menu-battery,.desktop-real .menu-switches{filter:brightness(0) invert(1)}
  .desktop-real::before,.desktop-real::after{inset:43px 0 0}.desktop-real .desktop-canvas{padding-top:43px}.desktop-widgets{top:64px;grid-template-columns:repeat(3,145px);gap:13px}.desktop-widget{height:138px;border-radius:25px}.widget-date strong{font-size:54px}.desktop-note{top:224px;left:2.4vw;width:min(690px,58vw)}
  .desktop-real .desktop-icons{inset:61px 16px auto auto;width:154px;grid-template-columns:1fr;gap:0}.desktop-real .desktop-folder{min-height:82px;padding:54px 0 2px}.desktop-real .desktop-folder i{left:30%;right:30%;top:19px;height:38px}.desktop-real .desktop-folder strong{font-size:9px}.desktop-real .desktop-folder small{display:none}.desktop-real .desktop-folder:hover i{transform:translateY(-4px) scale(1.04)}
  .desktop-real .desktop-dock{bottom:10px;gap:8px;padding:8px 12px;border-radius:19px;background:rgba(51,46,50,.72);box-shadow:0 22px 55px rgba(41,32,37,.34),0 1px rgba(255,255,255,.22) inset}.desktop-real .desktop-dock>*{width:41px;height:41px}.dock-app.app-lr,.dock-app.app-ps,.dock-app.app-pr,.dock-app.app-codex,.dock-app.app-chatgpt,.dock-app.app-figma,.dock-app.app-pinterest,.dock-app.app-obsidian,.dock-app.app-github{width:37px;height:37px;border-radius:10px}.dock-finder{width:38px;height:38px;border-radius:10px}.desktop-real .desktop-dock>*:hover{transform:translateY(-13px) scale(1.22)}
  .desktop-system-note{right:17px;bottom:76px}.desktop-real .desktop-window{top:51%;border:1px solid rgba(61,50,57,.24);box-shadow:0 40px 130px rgba(45,35,41,.35),0 12px 35px rgba(45,35,41,.16),0 1px rgba(255,255,255,.85) inset}.desktop-real .window-bar{background:linear-gradient(#ece9e5,#dbd7d2)}.desktop-real .window-toolbar{background:rgba(249,247,243,.98)}
}
@media(min-width:681px) and (max-height:760px){.desktop-widgets{grid-template-columns:repeat(3,120px)}.desktop-widget{height:112px;padding:13px}.desktop-note{top:190px}.desktop-real .desktop-icons{gap:0}.desktop-real .desktop-folder{min-height:74px;padding-top:48px}.desktop-real .desktop-folder i{top:16px;height:35px}}

/* Desktop 27 — real desktop files and phone app treatment */
.desktop-files-preview{position:absolute;z-index:3;right:190px;top:70px;width:270px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px 14px}.desktop-files-preview a{min-width:0;color:#443a40;text-align:center;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.78)}.desktop-files-preview span{width:72px;height:62px;display:block;margin:0 auto 7px;padding:4px;border:1px solid rgba(69,55,64,.15);border-radius:5px;background:#faf7f2;box-shadow:0 8px 18px rgba(60,47,54,.16),0 1px rgba(255,255,255,.85) inset;transform:rotate(-1deg);transition:transform .18s ease,box-shadow .18s ease}.desktop-files-preview a:nth-child(even) span{transform:rotate(1deg)}.desktop-files-preview img{width:100%;height:100%;display:block;object-fit:cover;border-radius:2px}.desktop-files-preview strong,.desktop-files-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-files-preview strong{font-size:8px}.desktop-files-preview small{margin-top:2px;color:#756a71;font-size:6px}.desktop-files-preview a:hover span,.desktop-files-preview a:focus-visible span{transform:translateY(-5px) rotate(0);box-shadow:0 13px 24px rgba(60,47,54,.23)}.desktop-files-preview a:focus-visible{outline:2px solid #735f79;outline-offset:4px;border-radius:5px}
@media(max-width:1180px) and (min-width:681px){.desktop-files-preview{display:none}}
@media(max-width:680px){
  .desktop-files-preview{display:none}.desktop-real .desktop-icons{gap:15px 9px}.desktop-real .desktop-folder{min-height:106px;padding:72px 5px 7px;border:1px solid rgba(255,255,255,.5);border-radius:23px;background:rgba(250,247,242,.42);box-shadow:0 10px 24px rgba(77,61,69,.08),0 1px rgba(255,255,255,.52) inset;backdrop-filter:blur(13px)}.desktop-real .desktop-folder i{left:22%;right:22%;top:26px;height:49px}.desktop-real .desktop-folder strong{font-size:9px}.desktop-real .desktop-folder.is-selected{background:rgba(85,70,91,.13)}
  .desktop-real .desktop-dock{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;justify-items:center;padding-inline:18px}.desktop-real .desktop-dock>*{display:none}.desktop-real .desktop-dock>*:nth-child(1),.desktop-real .desktop-dock>*:nth-child(2),.desktop-real .desktop-dock>*:nth-child(3),.desktop-real .desktop-dock>*:nth-child(11){display:grid}.desktop-real .desktop-dock>*{width:42px;height:42px}.desktop-real .desktop-dock>*:nth-child(11){grid-column:4}.desktop-real .desktop-dock>*:hover{transform:none}
}

/* Desktop 28 — crisp, dimensional Finder-style folders */
.desktop-real .desktop-folder i{
  border:0;
  border-radius:7px 8px 8px 8px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--folder),white 34%) 0%,color-mix(in srgb,var(--folder),white 12%) 18%,var(--folder) 72%,color-mix(in srgb,var(--folder),black 7%) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.82) inset,0 -1px 0 rgba(58,45,53,.13) inset,0 2px 3px rgba(67,52,60,.16),0 10px 19px rgba(67,52,60,.18);
  filter:saturate(.94);
}
.desktop-real .desktop-folder i::before{
  left:0;
  top:-9px;
  width:46%;
  height:15px;
  border:0;
  border-radius:7px 7px 0 0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--folder),white 41%),color-mix(in srgb,var(--folder),white 19%));
  box-shadow:0 1px 0 rgba(255,255,255,.78) inset;
}
.desktop-real .desktop-folder i::after{
  inset:5px 1px auto;
  height:4px;
  border-radius:5px 5px 2px 2px;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.38));
  box-shadow:0 1px 2px rgba(69,54,62,.12);
}
.desktop-real .desktop-folder:hover i,.desktop-real .desktop-folder:focus-visible i{
  transform:translateY(-4px) scale(1.035);
  box-shadow:0 1px 0 rgba(255,255,255,.88) inset,0 -1px 0 rgba(58,45,53,.14) inset,0 3px 5px rgba(67,52,60,.15),0 15px 25px rgba(67,52,60,.23);
}
.desktop-real .desktop-folder.is-selected i{filter:saturate(1.03) brightness(1.02)}
@media(max-width:680px){
  .desktop-real .desktop-folder{border:0;border-radius:15px;background:transparent;box-shadow:none;backdrop-filter:none}
  .desktop-real .desktop-folder.is-selected{background:rgba(85,70,91,.09)}
}

/* Desktop 29 — squarer proportions from Victoria's Finder reference */
.desktop-real .desktop-folder{min-height:100px;padding-top:72px}
.desktop-real .desktop-folder i{left:26%;right:26%;top:20px;height:57px;border-radius:7px 8px 8px}
.desktop-real .desktop-folder i::before{top:-8px;width:43%;height:13px;border-radius:7px 7px 0 0}
.desktop-real .desktop-folder i::after{top:5px;height:4px}
@media(min-width:681px) and (max-height:760px){.desktop-real .desktop-folder{min-height:88px;padding-top:63px}.desktop-real .desktop-folder i{top:17px;height:51px}}
@media(max-width:680px){.desktop-real .desktop-folder{min-height:105px;padding-top:75px}.desktop-real .desktop-folder i{left:24%;right:24%;top:24px;height:56px}}

/* Desktop 31 — clean wordmark and nested Work folders */
.desktop-wordmark>img{display:none}
.work-subfolders{display:flex;gap:26px;margin:2px 0 28px;padding:0 3px 27px;border-bottom:1px solid rgba(81,69,85,.11)}
.work-subfolders button{width:116px;padding:77px 4px 7px;position:relative;border:0;border-radius:8px;background:transparent;color:#51474e;text-align:center;cursor:pointer}
.work-subfolders button i{position:absolute;left:20px;right:20px;top:20px;height:56px;border-radius:7px 8px 8px;background:linear-gradient(180deg,#d8c6dc 0%,#b8a1bd 20%,#9b829f 100%);box-shadow:0 1px rgba(255,255,255,.85) inset,0 -1px rgba(63,49,58,.15) inset,0 9px 18px rgba(65,51,60,.18);transition:transform .17s ease,box-shadow .17s ease}
.work-subfolders button i::before{content:"";position:absolute;left:0;top:-8px;width:43%;height:13px;border-radius:7px 7px 0 0;background:linear-gradient(#dfd0e2,#c2acc7);box-shadow:0 1px rgba(255,255,255,.8) inset}
.work-subfolders button i::after{content:"";position:absolute;left:1px;right:1px;top:5px;height:4px;border-radius:5px;background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.35))}
.work-subfolders button:nth-child(2) i{background:linear-gradient(180deg,#c5d2c0,#a8b7a3 20%,#8da087);}.work-subfolders button:nth-child(2) i::before{background:linear-gradient(#d5dfd1,#b6c5b1)}
.work-subfolders button:hover i,.work-subfolders button:focus-visible i{transform:translateY(-4px);box-shadow:0 1px rgba(255,255,255,.88) inset,0 14px 23px rgba(65,51,60,.23)}
.work-subfolders button:focus-visible{outline:2px solid #816b85;outline-offset:2px}.work-subfolders strong,.work-subfolders small{display:block}.work-subfolders strong{font-size:11px}.work-subfolders small{margin-top:3px;color:#8e838a;font-size:7px}.work-browser-label{margin:0 0 15px;color:#968a91;font:700 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
@media(max-width:680px){.work-subfolders{gap:12px}.work-subfolders button{width:100px}}

/* Desktop 33 — Savannah weather widget, preserving Victoria's sage */
.widget-weather{display:flex;flex-direction:column;background:rgba(112,128,105,.78)}
.widget-weather small{display:flex;align-items:center;gap:4px}.widget-weather small b{font-size:8px;transform:rotate(-45deg)}
.widget-weather>strong{margin:8px 0 0;font:400 39px/.84 var(--body);letter-spacing:-.06em}
.widget-weather>div{display:grid;grid-template-columns:14px 1fr;gap:0 5px;align-items:center;margin-top:auto}
.widget-weather i{grid-row:1/3;color:#f7d25c;font:normal 14px/1 var(--body)}
.widget-weather span,.widget-weather em{display:block;margin:0;font-style:normal;line-height:1.25}
.widget-weather span{font-size:9px;font-weight:800}.widget-weather em{font-size:8px;font-weight:700;opacity:.78}
@media(max-width:1100px){.widget-weather>strong{font-size:33px}.widget-weather span{font-size:8px}.widget-weather em{font-size:7px}}
@media(max-width:820px){.widget-weather>strong{font-size:27px}.widget-weather>div{grid-template-columns:11px 1fr;gap:0 3px}.widget-weather i{font-size:11px}}

/* Desktop 34 — movable live widgets */
@media(min-width:681px){.desktop-widget{transform:translate3d(var(--widget-x,0),var(--widget-y,0),0);touch-action:none;cursor:grab;transition:box-shadow .16s ease,filter .16s ease}.desktop-widget:active,.desktop-widget.is-dragging{z-index:20;cursor:grabbing;filter:brightness(1.035);box-shadow:0 25px 46px rgba(65,52,59,.24),0 1px rgba(255,255,255,.28) inset}}
@media(max-width:680px){.desktop-widget{transform:none!important;touch-action:auto}}

/* Desktop 35 — full-size native-style search glyph */
.desktop-menu-right .menu-search{width:24px;height:26px}
.desktop-menu-right .menu-search::before{left:4px;top:5px;width:12px;height:12px;border-width:1.8px}
.desktop-menu-right .menu-search::after{left:15px;top:16px;width:7px;height:1.8px}

/* Desktop 38 — Victoria's finalized brand palette */
.desktop-real{--vc-tan:#c7af90;--vc-purple:#57445f;--vc-charcoal:#302c2c;--vc-sage:#78866b;--vc-rose:#b9828d;--vc-blue:#c4d9df;--vc-mocha:#765947}
.desktop-real .folder-plum{--folder:var(--vc-purple)}
.desktop-real .folder-moss{--folder:var(--vc-sage)}
.desktop-real .folder-sage{--folder:var(--vc-mocha)}
.desktop-real .folder-rose{--folder:var(--vc-rose)}
.desktop-real .folder-lilac{--folder:var(--vc-blue)}
.desktop-real .widget-place{background:color-mix(in srgb,var(--vc-purple),transparent 10%)}
.desktop-real .widget-date{background:color-mix(in srgb,var(--vc-blue),white 27%);color:var(--vc-charcoal)}
.desktop-real .widget-weather{background:color-mix(in srgb,var(--vc-sage),transparent 9%)}
.desktop-real .desktop-menubar{background:color-mix(in srgb,var(--vc-charcoal),transparent 6%)}
.desktop-real .desktop-dock{background:color-mix(in srgb,var(--vc-charcoal),transparent 20%)}
.desktop-real .desktop-system-note span{background:var(--vc-sage)}
.desktop-real .note-body button{border-color:color-mix(in srgb,var(--vc-tan),#777 20%)}
.desktop-real .note-meta span{border-color:color-mix(in srgb,var(--vc-tan),white 30%)}

/* Desktop 40 — exact brand beige wallpaper */
.desktop-real{background:#c7af90}
.desktop-real::before{background:#c7af90}
.desktop-real::after{background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 42%,rgba(48,44,44,.035))}

/* Desktop 41 — soft warm ivory wallpaper from Victoria's reference */
.desktop-real{background:#ded5ca}
.desktop-real::before{background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.36),transparent 34%),linear-gradient(120deg,#e6ded4 0%,#ded5ca 52%,#d5cabe 100%)}
.desktop-real::after{background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 46%,rgba(117,96,81,.025))}

/* Desktop 43 — subtle résumé-paper grain and creasing */
.desktop-real::before{background-image:radial-gradient(ellipse at 18% 11%,rgba(255,255,255,.4),transparent 32%),radial-gradient(ellipse at 78% 74%,rgba(128,105,88,.065),transparent 35%),linear-gradient(120deg,#e6ded4 0%,#ded5ca 52%,#d5cabe 100%)}
.desktop-real::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.025 .34' numOctaves='3' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"),linear-gradient(104deg,transparent 0 27%,rgba(113,91,75,.045) 27.3%,transparent 28.2% 66%,rgba(255,255,255,.11) 66.5%,transparent 68%),linear-gradient(17deg,transparent 0 45%,rgba(126,102,84,.035) 45.4%,transparent 46.2%);background-size:260px 260px,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat;mix-blend-mode:multiply;opacity:.24}

/* Desktop 44 — functional VC chatbot widget */
.widget-chatbot{position:relative;display:grid;grid-template-columns:41px 1fr;grid-template-rows:auto 1fr auto;gap:0 10px;align-items:center;width:auto;border-color:rgba(255,255,255,.55);background:#57445f;color:#fff;text-align:left}
.widget-chatbot small{grid-column:1/-1}.widget-chatbot-mark{grid-row:2/4;width:41px;height:41px;display:grid!important;place-items:center;margin:8px 0 0!important;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:rgba(255,255,255,.12);font:700 15px/1 var(--serif);letter-spacing:-.04em}.widget-chatbot strong{align-self:end;margin:10px 0 0;font:700 17px/1 var(--serif)}.widget-chatbot em{align-self:start;margin-top:4px;color:rgba(255,255,255,.68);font:normal 7px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.widget-chatbot::after{content:"";position:absolute;right:13px;top:13px;width:6px;height:6px;border-radius:50%;background:#a8c69d;box-shadow:0 0 0 3px rgba(168,198,157,.13)}.widget-chatbot:hover,.widget-chatbot:focus-visible{outline:0;filter:brightness(1.08)}.widget-chatbot:focus-visible{box-shadow:0 0 0 3px rgba(87,68,95,.22),0 18px 35px rgba(65,52,59,.2)}
@media(max-width:1100px){.widget-chatbot{grid-template-columns:34px 1fr;gap:0 7px}.widget-chatbot-mark{width:34px;height:34px;border-radius:10px}.widget-chatbot strong{font-size:14px}.widget-chatbot em{font-size:6px}}
@media(max-width:680px){.widget-chatbot{display:none}}

/* Desktop 49 — orderly chatbot widget composition */
.widget-chatbot{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;text-align:left}
.widget-chatbot>small{flex:0 0 auto}
.widget-chatbot-main{display:grid!important;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;margin:auto 0 0!important}
.widget-chatbot-main>span{display:block!important;min-width:0;margin:0!important}
.widget-chatbot-mark{grid-row:auto;width:40px;height:40px;display:grid;place-items:center;margin:0!important;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.12);font:700 13px/1 var(--serif);letter-spacing:-.04em}
.widget-chatbot-main strong,.widget-chatbot-main em{display:block;white-space:nowrap}
.widget-chatbot-main strong{margin:0;font:700 16px/1 var(--serif)}
.widget-chatbot-main em{margin-top:5px;color:rgba(255,255,255,.7);font:normal 6px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:1100px){.widget-chatbot-main{grid-template-columns:32px minmax(0,1fr);gap:7px}.widget-chatbot-mark{width:32px;height:32px;border-radius:9px;font-size:11px}.widget-chatbot-main strong{font-size:13px}.widget-chatbot-main em{font-size:5px}}

/* Desktop 50 — visible Mac-style window transitions */
.desktop-window{transition:opacity .23s ease,transform .32s cubic-bezier(.2,.8,.2,1),left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1),right .28s cubic-bezier(.2,.8,.2,1),bottom .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),border-radius .28s ease,visibility 0s linear 0s}
.desktop-window.is-minimized{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,48vh) scale(.06)!important;transform-origin:50% 100%;transition:opacity .23s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}
.desktop-window.is-closing{visibility:visible;opacity:0;transform:translate(-50%,-50%) scale(.94)!important;filter:saturate(.85);pointer-events:none}
.desktop-window.is-maximized{border-radius:9px;transform:none!important}
.window-controls button{transition:filter .12s ease,transform .12s ease}.window-controls button:hover{filter:brightness(1.08);transform:scale(1.08)}.window-controls button:active{transform:scale(.9)}
@media(max-width:680px){.desktop-window.is-minimized{transform:translateY(calc(100vh - 90px)) scale(.08)!important}.desktop-window.is-closing{transform:translateY(12px) scale(.96)!important}}

/* Desktop 52 — legible charging bolt */
.desktop-real .menu-battery{filter:none;color:#fff}
.desktop-real .menu-battery.is-charging::before{inset:-4px -1px -1px;color:#fff;font-size:14px;font-weight:900;-webkit-text-stroke:1.15px #302c2c;text-shadow:0 0 1px #302c2c}

/* Desktop 53 — correctly scaled Finder dock icon */
.desktop-real .dock-finder{padding:3px;background:rgba(255,255,255,.13);box-shadow:0 3px 8px rgba(0,0,0,.22)}
.desktop-real .dock-finder img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none;border-radius:8px}

/* Desktop 55 — Finder crop and reference-matched charging battery */
.desktop-real .dock-finder{padding:0;overflow:hidden;background:transparent}
.desktop-real .dock-finder img{width:110%;height:110%;max-width:none;object-fit:cover;object-position:center;transform:translate(-4.5%,-4.5%);border-radius:9px}
.desktop-real .menu-battery{width:30px;height:15px;border:2px solid rgba(255,255,255,.78);border-radius:4px;color:#fff;background:rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(0,0,0,.28) inset}
.desktop-real .menu-battery::after{right:-5px;top:3px;width:3px;height:7px;border-radius:0 2px 2px 0;background:rgba(255,255,255,.72)}
.desktop-real .menu-battery i{left:2px;top:2px;bottom:2px;border-radius:2px;background:rgba(255,255,255,.88)}
.desktop-real .menu-battery.is-charging::before{content:'ϟ';inset:-4px -1px -1px;color:#fff;font-size:15px;font-weight:900;-webkit-text-stroke:1.25px #302c2c;text-shadow:0 0 1px #302c2c}

/* Desktop 46 — clean, solid warm beige */
.desktop-real{background:#d6ccc0}
.desktop-real::before{background:#d6ccc0}
.desktop-real::after{background:none;opacity:0}

/* Desktop 47 — matching close control */
.desktop-note .note-top>span:first-child,.desktop-real .window-close{background:#b9828d;box-shadow:inset 0 0 0 1px rgba(87,68,95,.12)}
/* Desktop 56 — editorial welcome title */
.desktop-note .welcome-name {
  margin: 0 0 9px;
  color: #786a78;
  font: 700 15px/1.1 var(--serif);
  letter-spacing: -.01em;
}

.desktop-note .note-body h1 {
  font-size: clamp(36px, 3.55vw, 52px);
  line-height: .92;
  letter-spacing: -.045em;
}

@media (max-width: 680px) {
  .desktop-note .welcome-name { font-size: 13px; }
  .desktop-note .note-body h1 { font-size: clamp(31px, 9vw, 40px); }
}

@media (max-width: 430px) {
  .desktop-note .note-body h1 { font-size: 32px; }
}

/* Desktop 57 — battery stays clean whether plugged in or not */
.desktop-real .menu-battery.is-charging::before { content: none; }

/* Desktop 58 — reference-led welcome hierarchy */
.desktop-note .welcome-name {
  order: 1;
  margin: 11px 0 0;
  color: #57445f;
  font: 700 16px/1.2 var(--serif);
}

.desktop-note .welcome-intro {
  order: 2;
  margin: 15px 0 18px !important;
  font-size: 12.5px !important;
  line-height: 1.48 !important;
}

.desktop-note .note-body h1 { order: 0; }
.desktop-note .note-meta { order: 3; margin: 0 0 17px; }
.desktop-note .note-meta span { text-transform: none; }
.desktop-note .note-body button { order: 4; }

@media (max-width: 680px) {
  .desktop-note .welcome-name { font-size: 13px; margin-top: 8px; }
  .desktop-note .welcome-intro { margin: 10px 0 13px !important; font-size: 10px !important; }
  .desktop-note .note-meta { margin-bottom: 12px; }
}

/* Desktop 59 — precise magnifying-glass join */
.desktop-menu-right .menu-search::before {
  left: 5px;
  top: 5px;
  width: 11px;
  height: 11px;
  border-width: 1.7px;
}

.desktop-menu-right .menu-search::after {
  left: 15.7px;
  top: 16.2px;
  width: 6.5px;
  height: 1.7px;
  transform-origin: 0 50%;
}

/* Desktop 60 — welcome portrait enlarged by 10% */
@media (min-width: 821px) {
  .desktop-note {
    width: min(820px, 76vw);
  }

  .desktop-note .note-body {
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 42px;
    align-items: center;
  }

  .desktop-note .note-copy {
    position: relative;
    z-index: 1;
    width: 100%;
  }

  .desktop-note .note-portrait {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    width: 270px;
    padding: 8px;
    overflow: hidden;
    border: 0;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(63, 50, 57, .17), inset 0 0 0 1px rgba(87, 68, 95, .08);
    justify-self: end;
    align-self: center;
    transform: none;
  }

  .desktop-note .note-portrait::before {
    display: none;
  }

  .desktop-note .note-portrait img {
    height: 297px;
  }
}

/* Desktop 64 — real dock minimize and quieter desktop */
.desktop-system-note { display: none; }

.window-dock-flight {
  position: fixed !important;
  z-index: 600 !important;
  margin: 0 !important;
  pointer-events: none !important;
  resize: none !important;
  transform-origin: 50% 100% !important;
  will-change: transform, opacity, filter;
}

.desktop-real .desktop-dock .dock-minimized-stack { width: auto; height: 39px; display: flex; align-items: center; gap: 7px; padding-left: 9px; margin-left: 3px; border-left: 1px solid rgba(255,255,255,.28); background: transparent !important; transform: none !important; }
.desktop-real .desktop-dock .dock-minimized-stack:empty { display: none; }
.desktop-real .desktop-dock .dock-minimized-window { position: relative; width: 42px; height: 35px; padding: 0; border: 0; border-radius: 7px; background: transparent; cursor: pointer; }
.dock-minimized-window > span {
  position: relative;
  width: 38px;
  height: 27px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 4px;
  background: #f7f2eb;
  box-shadow: 0 4px 9px rgba(0,0,0,.28);
}
.dock-minimized-window > span::before { content: ''; display: block; height: 6px; background: #d8d2cc; }
.dock-minimized-window > span i { display: block; width: 23px; height: 2px; margin: 3px 4px 0; border-radius: 2px; background: #b8adb3; }
.dock-minimized-window > span i:nth-child(3) { width: 15px; }
.dock-minimized-window::after { content: attr(data-tooltip); position: absolute; left: 50%; bottom: 47px; padding: 5px 8px; border-radius: 5px; background: #f2ede7; color: #3f3941; font: 9px var(--body); white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(-50%,5px); transition: .15s; }
.dock-minimized-window:hover::after { opacity: 1; transform: translate(-50%,0); }

/* Desktop 66 — consistent dock icon scale */
.desktop-real .dock-finder {
  width: 37px;
  height: 37px;
  padding: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}
.desktop-real .dock-finder img {
  width: 108%;
  height: 108%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transform: translate(-4%, -4%);
  border-radius: 9px;
}

/* Desktop 70 — focused About biography */
.about-bio { min-height: 100%; }
.about-bio .journal-opening { min-height: 100%; padding-bottom: 38px; }
.about-bio .journal-copy { align-self: center; }
.about-bio .journal-copy > p:not(.desktop-label) { max-width: 620px; }
.about-bio .journal-portrait { align-self: center; }

/* Desktop 71 — Minho/Layla-inspired original biography */
.about-editorial { width: min(900px,100%); margin: 0 auto; padding: 14px 28px 70px; color: #4f474d; }
.about-editorial-hero { display: block; padding: 20px 0 52px; border-bottom: 1px solid rgba(87,68,95,.18); }
.about-editorial-hero h2 { margin: 0 0 15px; color: #57445f; font: 700 clamp(58px,7vw,92px)/.9 var(--serif); letter-spacing: -.055em; }
.about-hello { margin: 0 0 9px; color: #302c2c; font: 700 25px/1.15 var(--serif); }
.about-role { max-width: 500px; margin: 0; color: #746a70; font-size: 14px; line-height: 1.55; }
.about-editorial-hero figure { margin: 0; padding: 8px 8px 22px; background: #fff; box-shadow: 0 13px 30px rgba(70,55,64,.14); }
.about-editorial-hero img { display: block; width: 100%; height: 265px; object-fit: cover; object-position: center 23%; }
.about-editorial-hero figcaption { padding: 8px 2px 0; color: #81767c; font: italic 9px/1.3 var(--serif); }
.about-story { width: min(680px,100%); margin: 0 auto; padding: 54px 0 46px; text-align: center; }
.about-story p { margin: 0 0 25px; color: #494348; font: 400 17px/1.68 var(--body); }
.about-story p:first-child { color: #302c2c; font-size: 20px; line-height: 1.58; }
.about-story blockquote { margin: 48px auto 0; padding: 27px 20px 0; border-top: 1px solid rgba(87,68,95,.25); color: #57445f; font: italic 700 clamp(27px,4vw,42px)/1.15 var(--serif); }
.about-editorial-footer { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding-top: 28px; border-top: 1px solid rgba(87,68,95,.18); }
.about-editorial-footer>div:first-child { display: grid; gap: 6px; color: #776d73; font: 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; }
@media(max-width:680px){.about-editorial{padding:8px 6px 50px}.about-editorial-hero{grid-template-columns:1fr 118px;gap:18px;padding:10px 0 32px}.about-editorial-hero h2{font-size:46px}.about-hello{font-size:20px}.about-role{font-size:11px}.about-editorial-hero figure{padding:5px 5px 14px}.about-editorial-hero img{height:155px}.about-story{padding:36px 0 32px}.about-story p{font-size:15px}.about-story p:first-child{font-size:17px}.about-editorial-footer{align-items:start;flex-direction:column}.about-editorial-footer .about-actions{margin:0}}

/* Desktop 72 — readable cream menu panels */
.desktop-real .desktop-menu-left .os-menu-panel,
.desktop-real .desktop-menu-left .os-menu-panel button,
.desktop-real .desktop-menu-left .os-menu-panel a {
  color: #57445f;
}
.desktop-real .desktop-menu-left .os-menu-panel kbd,
.desktop-real .desktop-menu-left .os-menu-panel small { color: #7b687f; }
.desktop-real .desktop-menu-left .os-menu-panel button:hover,
.desktop-real .desktop-menu-left .os-menu-panel button:focus-visible,
.desktop-real .desktop-menu-left .os-menu-panel a:hover,
.desktop-real .desktop-menu-left .os-menu-panel a:focus-visible {
  color: #7a5b47;
  background: rgba(122,91,71,.09);
}

/* Desktop 73 — VC identity uses the brand's deep purple */
.desktop-real .dock-assistant,
.desktop-real .guide-mark,
.desktop-real .assistant-orb {
  background: #57445f;
  color: #fff;
}

/* Desktop 75 — direct, Minho-inspired About narrative */
.about-editorial-simple { width: min(760px, 100%); padding-top: 34px; }
.about-editorial-simple .about-editorial-hero {
  padding: 0 0 28px;
  border-bottom: 0;
}
.about-editorial-simple .about-editorial-hero h2 {
  margin: 0;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1;
  letter-spacing: -.035em;
}
.about-editorial-simple .about-story {
  width: 100%;
  padding: 0 0 42px;
  text-align: left;
}
.about-editorial-simple .about-story p,
.about-editorial-simple .about-story p:first-child {
  margin: 0 0 22px;
  color: #403a3e;
  font-size: 16px;
  line-height: 1.65;
}
.about-editorial-simple .about-story blockquote {
  margin: 38px 0 0;
  padding: 23px 0 0;
  font-size: clamp(25px, 3.4vw, 36px);
  text-align: left;
}
@media(max-width:680px){
  .about-editorial-simple{padding-top:20px}
  .about-editorial-simple .about-editorial-hero{padding-bottom:24px}
  .about-editorial-simple .about-editorial-hero h2{font-size:38px}
  .about-editorial-simple .about-story p,
  .about-editorial-simple .about-story p:first-child{font-size:15px;line-height:1.62}
}

/* Desktop 76 — consistent translucent dock tiles */
.desktop-real .desktop-dock > button,
.desktop-real .desktop-dock > a {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: 3px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 11px;
  background: rgba(255,255,255,.055);
  box-shadow: 0 4px 10px rgba(24,20,23,.16);
}
.desktop-real .desktop-dock > button > span,
.desktop-real .desktop-dock > a > span {
  width: 34px;
  height: 34px;
  max-width: 34px;
  max-height: 34px;
  box-sizing: border-box;
}
.desktop-real .desktop-dock .dock-finder,
.desktop-real .desktop-dock .dock-assistant,
.desktop-real .desktop-dock .dock-mail {
  width: 34px;
  height: 34px;
}
.desktop-real .desktop-dock .dock-mail {
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #b9828d;
  color: #57445f;
  font-size: 17px;
  font-weight: 800;
}

/* Desktop 78 — properly fitted Lightroom utility icon */
.utilities-window .app-tool {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.utilities-window .app-tool .app-lr {
  display: grid;
  place-items: center;
  overflow: hidden;
}
.utilities-window .app-tool .app-lr img {
  width: 76% !important;
  height: 76% !important;
  max-width: 47px;
  max-height: 47px;
  margin: 0;
  object-fit: contain;
  object-position: center;
  transform: none;
  filter: none !important;
}

/* Desktop 79 — image-led project files */
.visual-project-page {
  padding: 76px 3vw 48px;
  background: #d6ccc0;
}
.visual-project-page::before { display: none; }
.visual-project-page .project-file-window { width: min(1320px, 100%); }
.visual-project-shell {
  border-color: rgba(87,68,95,.18);
  border-radius: 13px;
  background: #f5f0e9;
  box-shadow: 0 34px 95px rgba(69,56,61,.22);
}
.visual-project-shell .window-bar { background: #e9e1d8; }
.project-window-controls .project-close { background: #b9828d; }
.project-window-controls .project-minimize { background: #a8846c; }
.project-window-controls .project-maximize { background: #78866b; }
.visual-project-body { padding: 28px clamp(22px,5vw,74px) 66px; }
.visual-project-body .file-back { margin-bottom: 58px; color: #57445f; font-size: 12px; }
.visual-project-intro { width: min(820px,100%); margin: 0 auto 48px; text-align: center; }
.visual-project-intro h1 {
  max-width: 100%;
  margin: 12px 0 22px;
  color: #57445f;
  font: 700 clamp(46px,6.5vw,88px)/.96 var(--serif);
  letter-spacing: -.045em;
  overflow-wrap: normal;
  text-wrap: balance;
}
.visual-summary { width: min(690px,100%); margin: 0 auto; color: #5e565a; font-size: 17px; line-height: 1.6; }
.visual-project-hero { margin: 0; padding: clamp(14px,2vw,28px); border-radius: 12px; background: #e8dfd5; }
.visual-project-hero img { display: block; width: 100%; max-height: 900px; object-fit: contain; }
.visual-gallery { padding-top: 80px; }
.visual-gallery>header { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.visual-gallery>header p { margin: 0; }
.visual-gallery>header span { color: #82777d; font-size: 10px; }
.visual-gallery>div { display: grid; gap: 70px; }
.visual-gallery figure { width: min(1120px,100%); margin: 0 auto; }
.visual-gallery figure>span { min-height: 420px; display: grid; place-items: center; padding: clamp(12px,2vw,24px); overflow: hidden; border-radius: 12px; background: #e8dfd5; }
.visual-gallery img { display: block; width: 100%; max-height: 920px; object-fit: contain; }
.visual-gallery figcaption { padding: 12px 3px 0; color: #71676d; font-size: 11px; line-height: 1.45; }
.project-notes { margin: 80px auto 0; border-block: 1px solid rgba(87,68,95,.18); }
.project-notes summary { display: flex; align-items: center; justify-content: space-between; padding: 22px 2px; color: #57445f; font-weight: 800; cursor: pointer; list-style: none; }
.project-notes summary::-webkit-details-marker { display: none; }
.project-notes[open] summary span { transform: rotate(45deg); }
.project-notes>div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 54px; padding: 4px 0 38px; }
.project-notes article h2 { margin: 0 0 8px; color: #57445f; font: 700 20px var(--serif); }
.project-notes article p { margin: 0; color: #6d6369; font-size: 13px; line-height: 1.65; }
.visual-next { background: #e8dfd5; }
.instagram-mockup-figure>span { padding: clamp(24px,5vw,64px)!important; background: #d6ccc0!important; }
.instagram-phone { width: min(390px,92%); margin: auto; padding: 12px; border-radius: 52px; background: #171518; box-shadow: 0 30px 65px rgba(55,43,48,.28), inset 0 0 0 2px #3b373b; }
.instagram-screen { overflow: hidden; border-radius: 40px; background: #fff; color: #211e20; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; }
.instagram-screen>header { height: 54px; display: flex; align-items: center; gap: 9px; padding: 0 13px; border-bottom: 1px solid #eee; }
.instagram-screen>header i { width: 31px; height: 31px; display: grid; place-items: center; border: 2px solid #f0b43d; border-radius: 50%; background: #1b4f76; color: #fff; font: normal 800 9px/1 var(--body); }
.instagram-screen>header div { min-width: 0; flex: 1; }
.instagram-screen>header strong,.instagram-screen>header small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.instagram-screen>header strong { font-size: 11px; }
.instagram-screen>header small { margin-top: 2px; color: #777; font-size: 8px; }
.instagram-screen>header b { letter-spacing: 2px; font-size: 10px; }
.instagram-post { display: grid; place-items: center; min-height: 360px; background: #080808; }
.instagram-post img { width: 100%; max-height: 520px; object-fit: contain; }
.instagram-screen>footer { padding: 10px 13px 14px; text-align: left; }
.instagram-screen>footer>div { display: flex; align-items: center; gap: 13px; margin-bottom: 9px; font-size: 21px; line-height: 1; }
.instagram-screen>footer>div b { margin-left: auto; font-size: 19px; }
.instagram-screen>footer>strong,.instagram-screen>footer>small { display: block; }
.instagram-screen>footer>strong { font-size: 10px; }
.instagram-screen>footer>small { margin-top: 4px; color: #555; font-size: 9px; line-height: 1.35; }
.desktop-window .window-toolbar { justify-content: center; min-height: 34px; height: 34px; }
.desktop-window .window-toolbar p { flex: none; }
@media(max-width:760px){
  .visual-project-page{padding:58px 8px 24px}
  .visual-project-body{padding:20px 16px 46px}
  .visual-project-body .file-back{margin-bottom:42px}
  .visual-project-intro{margin-bottom:32px}
  .visual-project-intro h1{font-size:52px}
  .visual-summary{font-size:15px}
  .visual-gallery{padding-top:48px}
  .visual-gallery>div{gap:42px}
  .visual-gallery figure>span{min-height:230px;padding:10px}
  .project-notes{margin-top:54px}
  .project-notes>div{grid-template-columns:1fr;gap:24px}
}

/* Desktop 98 — slightly tighter framing for the updated Moondog grid. */
.project-moondog-social .visual-project-hero img{
  transform:scale(1.04);
  transform-origin:center;
}

/* Desktop 97 — compact mobile shortcut tray and calmer phone spacing */
.mobile-dock-toggle{display:none}
@media(max-width:680px){
  .desktop-real .desktop-canvas{padding-bottom:88px}
  .mobile-dock-toggle{position:fixed;z-index:560;right:14px;bottom:14px;width:50px;height:50px;display:grid;place-content:center;gap:4px;padding:0;border:1px solid rgba(255,255,255,.52);border-radius:16px;background:rgba(71,61,68,.82);box-shadow:0 13px 30px rgba(49,39,45,.28),0 1px rgba(255,255,255,.2) inset;backdrop-filter:blur(24px);cursor:pointer}
  .mobile-dock-toggle span{width:20px;height:2px;border-radius:3px;background:#fff;transition:transform .18s ease,opacity .18s ease}
  .mobile-dock-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-dock-toggle.is-open span:nth-child(2){opacity:0}
  .mobile-dock-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .desktop-real .desktop-dock{left:auto;right:14px;bottom:73px;width:70px;display:grid;grid-template-columns:1fr;gap:8px;justify-items:center;max-height:calc(100dvh - 145px);padding:10px 8px;overflow-y:auto;overflow-x:hidden;border-radius:22px;background:rgba(71,61,68,.76);opacity:0;pointer-events:none;transform:translateY(12px) scale(.94);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease}
  .desktop-real .desktop-dock.is-open{opacity:1;pointer-events:auto;transform:none}
  .desktop-real .desktop-dock::after{display:none}
  .desktop-real .desktop-dock>*{display:grid!important;grid-column:auto!important;flex:none;width:44px;height:44px}
  .desktop-real .desktop-dock .dock-minimized-stack{display:none!important}
  .desktop-real .desktop-dock > button > span,.desktop-real .desktop-dock > a > span{width:36px!important;height:36px!important}
  .desktop-real .desktop-window{bottom:0}
  .desktop-real .desktop-window .window-content{padding:14px}
  .desktop-real .desktop-project-grid{grid-template-columns:1fr 1fr;gap:20px 10px}
}
@media(max-width:430px){
  .desktop-widgets{grid-template-columns:1fr 1fr}
  .desktop-widget{min-width:0}
  .desktop-note .note-body{grid-template-columns:1fr}
  .desktop-note .note-portrait{display:none}
  .desktop-real .desktop-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .desktop-real .desktop-folder{min-height:102px}
}
.visual-project-page.is-photography .project-notes{display:none;}
.visual-project-page.is-photography .visual-next{margin-top:clamp(56px,8vw,84px);}
.desktop-real .desktop-project-file>span img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.desktop-real .desktop-project-file.is-photography-file>span{
  background:#ded6cc;
}
.desktop-real .desktop-project-file.is-photography-file>span img{
  object-fit:contain!important;
}
.desktop-real .desktop-project-file.project-photography-conceptual>span img{
  object-fit:cover!important;
  object-position:center 72%!important;
}
.visual-project-page.is-photography .visual-summary{display:none}

/* Exact supplied app artwork, normalized across the dock and Toolbox. */
.utilities-window .app-tool :is(.app-lr,.app-pr,.app-obsidian,.app-codex),
.desktop-dock :is(.dock-finder,.app-lr,.app-pr,.app-obsidian,.app-codex){
  overflow:hidden!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.utilities-window .app-tool :is(.app-lr,.app-pr,.app-obsidian,.app-codex) img,
.desktop-dock :is(.dock-finder,.app-lr,.app-pr,.app-obsidian,.app-codex) img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
.utilities-window .app-tool .app-codex,
.desktop-dock .app-codex{background:#242228!important;}
.utilities-window .app-tool .app-codex img,
.desktop-dock .app-codex img{width:68%!important;height:68%!important;margin:auto;filter:invert(1)!important;}
.desktop-dock .dock-mail{
  display:block;
  width:37px!important;
  height:37px!important;
  overflow:hidden;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.desktop-dock .dock-mail img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.utilities-window .app-tool .app-pr img,
.desktop-dock .app-pr img{
  width:130%!important;
  height:130%!important;
  max-width:none!important;
  max-height:none!important;
  margin:-15%!important;
}

/* One consistent translucent outline per dock app. */
.desktop-real .desktop-dock > button,
.desktop-real .desktop-dock > a{
  padding:3px!important;
  border:1px solid rgba(255,255,255,.3)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
.desktop-real .desktop-dock > button:hover,
.desktop-real .desktop-dock > a:hover{
  background:rgba(255,255,255,.08)!important;
}
.desktop-real .desktop-dock > button > span,
.desktop-real .desktop-dock > a > span{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Shared window controls across desktop folders and project pages. */
.window-controls > *{
  width:11px!important;
  height:11px!important;
  flex:0 0 11px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:inset 0 0 0 1px rgba(87,68,95,.09)!important;
}
.window-controls > :nth-child(1){background:#b9828d!important;}
.window-controls > :nth-child(2){background:#a8846c!important;}
.window-controls > :nth-child(3){background:#78866b!important;}

/* Improve readability of the supporting widget labels. */
.desktop-widget > small{
  font-size:9px;
  letter-spacing:.11em;
}
.widget-date > span{font-size:10px;}
.widget-weather span{font-size:10px;}
.widget-weather em{font-size:9px;}
.widget-chatbot-main em{font-size:7px;}
@media(max-width:1100px){
  .desktop-widget > small{font-size:8.5px;letter-spacing:.09em;}
  .widget-weather span{font-size:9px;}
  .widget-weather em{font-size:8px;}
  .widget-chatbot-main em{font-size:6.5px;}
}

/* Cohesive, image-first case studies inspired by editorial portfolio pacing. */
.visual-project-body{
  padding-inline:clamp(20px,4vw,58px);
}
.visual-project-body .file-back{
  margin-bottom:clamp(34px,5vw,54px);
}
.visual-project-intro{
  width:min(940px,100%);
  margin-bottom:clamp(34px,5vw,52px);
}
.visual-project-intro h1{
  width:100%;
  margin-block:10px 18px;
  font-size:clamp(42px,5.4vw,76px);
  line-height:.94;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
  word-break:normal;
  text-wrap:pretty;
}
.visual-summary{
  width:min(720px,100%);
  font-size:clamp(15px,1.4vw,18px);
  line-height:1.55;
}
.visual-project-hero{
  overflow:hidden;
  padding:0;
  border-radius:10px;
  background:transparent;
}
.visual-project-hero img{
  width:100%;
  max-height:none;
  height:auto;
  object-fit:contain;
}
.visual-gallery{
  padding-top:clamp(48px,7vw,76px);
}
.visual-gallery>header{
  margin-bottom:20px;
}
.visual-gallery>div{
  gap:clamp(44px,6vw,72px);
}
.visual-gallery figure{
  width:min(1180px,100%);
}
.visual-gallery figure>span{
  min-height:0;
  padding:0;
  border-radius:10px;
  background:transparent;
}
.visual-gallery img{
  width:100%;
  max-height:none;
  height:auto;
  border-radius:10px;
  object-fit:contain;
}
.visual-gallery figcaption{
  padding-top:10px;
  font-size:10px;
}
.project-notes{
  margin-top:clamp(56px,8vw,84px);
}
@media(max-width:760px){
  .visual-project-body{padding-inline:16px;}
  .visual-project-intro h1{
    font-size:clamp(36px,10.5vw,50px);
    line-height:.95;
    letter-spacing:-.035em;
  }
  .visual-gallery>header{align-items:start;flex-direction:column;gap:6px;}
  .visual-gallery>div{gap:42px;}
}

/* Desktop 104 — show complete advertising thumbnail sheets with their outlines. */
.process-thumbnails-figure>span{
  padding:clamp(22px,4vw,54px)!important;
  background:#e8dfd5!important;
}
.process-thumbnails-figure img{
  width:auto!important;
  max-width:100%!important;
  max-height:760px!important;
  object-fit:contain!important;
  box-shadow:0 14px 34px rgba(65,52,59,.14);
}
@media(max-width:760px){
  .process-thumbnails-figure>span{padding:16px!important}
  .process-thumbnails-figure img{max-height:520px!important}
}

/* Desktop 108 — collision-safe typography across project files. */
.desktop-note .note-copy{min-width:0;}
.desktop-note .note-copy > *{
  box-sizing:border-box;
  max-width:100%!important;
}
.desktop-note .welcome-intro{
  overflow-wrap:anywhere;
  word-break:normal;
}
.desktop-note .note-body button{width:100%;}
.desktop-note .note-body h1{
  max-width:100%;
  font-size:clamp(36px,3.15vw,43px);
  line-height:.96;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
}
@media(min-width:1101px){
  .desktop-note .note-body{
    grid-template-columns:minmax(0,1fr) 190px;
    gap:24px;
  }
  .desktop-note .note-portrait{box-sizing:border-box;}
  .desktop-note .note-body h1{font-size:36px;}
}
@media(min-width:1181px){
  .desktop-real:has(.desktop-guide:not(.is-hidden)) .desktop-note .note-body{
    grid-template-columns:minmax(0,1fr) 170px;
    gap:18px;
  }
  .desktop-real:has(.desktop-guide:not(.is-hidden)) .desktop-note .note-portrait{
    width:170px;
  }
  .desktop-real:has(.desktop-guide:not(.is-hidden)) .desktop-note .note-portrait img{
    height:230px;
  }
  .desktop-real:has(.desktop-guide:not(.is-hidden)) .desktop-note .note-body h1{
    font-size:34px;
  }
}
.visual-project-shell,
.visual-project-body,
.visual-project-intro,
.visual-gallery,
.visual-gallery figure,
.file-next,
.file-next > span{
  min-width:0;
}

/* Desktop 109 — keep the welcome copy inside its column and simplify Ask VC. */
.widget-chatbot-main{
  grid-template-columns:40px minmax(0,1fr);
  width:100%;
  min-width:0;
}
.widget-chatbot-main>span{min-width:0;}
.widget-chatbot-main strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.desktop-note .note-body{
  min-width:0;
  overflow:hidden;
}
.desktop-note .note-copy{
  width:auto!important;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.desktop-note .note-copy>*,
.desktop-note .welcome-intro,
.desktop-note .note-meta,
.desktop-note .note-body button{
  width:100%;
  min-width:0;
  max-width:100%!important;
}
.desktop-note .welcome-intro{
  overflow-wrap:break-word;
}
.desktop-note .note-meta span{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
@media(min-width:681px){
  .desktop-note .note-body{
    grid-template-columns:minmax(0,1fr) minmax(150px,190px);
    align-items:center;
  }
  .desktop-note .note-portrait{
    width:100%!important;
    min-width:0;
    max-width:190px;
    justify-self:end;
  }
}
@media(min-width:681px) and (max-width:1100px){
  .desktop-note .note-body{
    grid-template-columns:minmax(0,1fr) minmax(135px,170px);
    gap:20px;
  }
  .desktop-note .note-portrait{max-width:170px;}
  .desktop-note .note-body h1{font-size:clamp(31px,3.5vw,38px);}
}
@media(min-width:681px) and (max-height:760px){
  .widget-chatbot-main{grid-template-columns:31px minmax(0,1fr);gap:6px;}
  .widget-chatbot-mark{width:31px;height:31px;border-radius:9px;font-size:11px;}
  .widget-chatbot-main strong{font-size:13px;letter-spacing:-.025em;}
}
.visual-project-intro h1,
.visual-summary,
.visual-gallery figcaption,
.project-notes h2,
.project-notes p,
.file-next small,
.file-next strong{
  overflow-wrap:anywhere;
  word-break:normal;
}
.file-next{
  gap:18px;
  isolation:isolate;
}
.file-next > span{flex:1 1 auto;}
.file-next b{flex:0 0 auto;}
@media(max-width:760px){
  .visual-project-intro h1{
    max-width:100%;
    font-size:clamp(34px,10.5vw,48px);
    line-height:1;
    text-wrap:balance;
  }
  .file-next{padding:20px;}
  .file-next strong{font-size:19px;line-height:1.08;}
}

/* Desktop 105 — clean editorial contact form in Victoria's palette. */
.desktop-window:has(.contact-form-card) .window-content{
  background:#f5f0e9;
}
.contact-form-card{
  width:min(780px,100%);
  max-width:none;
  margin:18px auto 34px;
  padding:clamp(26px,4vw,46px);
  border:1px solid rgba(85,70,91,.16);
  border-radius:18px;
  background:rgba(255,253,249,.72);
  box-shadow:0 18px 44px rgba(76,60,69,.11);
  text-align:left;
}
.contact-form-card header{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(260px,1.25fr);
  gap:12px 42px;
  align-items:end;
  margin-bottom:32px;
}
.contact-form-card header .desktop-label{grid-column:1/-1;margin:0;color:#b9828d}
.contact-form-card h2{margin:0;color:#55465b;font-size:clamp(37px,5vw,58px)}
.contact-form-card header>p:last-child{margin:0 0 4px;color:#756a71;font-size:13px;line-height:1.55}
.contact-form-card form{display:grid;gap:17px}
.contact-name-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form-card label{display:grid;gap:7px;color:#55465b;font-size:11px;font-weight:700;letter-spacing:.02em}
.contact-form-card input,.contact-form-card textarea{
  width:100%;
  border:1px solid #a9a09b;
  border-radius:2px;
  background:#fbf8f3;
  color:#443a40;
  font:14px/1.45 var(--body);
  outline:0;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.contact-form-card input{height:43px;padding:8px 11px}
.contact-form-card textarea{min-height:130px;padding:11px;resize:vertical}
.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:#b9828d;background:#fffdfa;box-shadow:0 0 0 3px rgba(185,130,141,.14)}
.contact-form-card form button{
  justify-self:end;
  min-width:128px;
  padding:12px 24px;
  border:1px solid #6e586f;
  border-radius:3px;
  background:#6e586f;
  color:#fffaf6;
  font:700 12px var(--body);
  letter-spacing:.04em;
  cursor:pointer;
}
.contact-form-card form button:hover,.contact-form-card form button:focus-visible{background:#b9828d;border-color:#b9828d;outline:0}
.contact-form-card footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px;padding-top:20px;border-top:1px solid rgba(85,70,91,.13)}
.contact-form-card footer>a{margin:0;color:#6e586f;font:700 11px var(--body);overflow-wrap:anywhere}
.contact-form-card footer>div{display:flex;gap:17px;color:#8a7d84;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.contact-form-card .contact-social-links{align-items:flex-end;flex-direction:column;gap:7px;letter-spacing:0;text-transform:none}
.contact-form-card .contact-social-links a{color:#6e586f;font:700 10px/1.35 var(--body);text-align:right;text-decoration:none}
.contact-form-card .contact-social-links a span{color:#9a7e89;font-weight:500}
.contact-form-card .contact-social-links a:hover,.contact-form-card .contact-social-links a:focus-visible{color:#b9828d;outline:0}
@media(max-width:680px){
  .contact-form-card{margin:0 auto 24px;padding:22px 17px;border-radius:14px}
  .contact-form-card header{grid-template-columns:1fr;gap:10px;margin-bottom:25px}
  .contact-form-card header .desktop-label{grid-column:auto}
  .contact-form-card h2{font-size:39px}
  .contact-name-row{grid-template-columns:1fr}
  .contact-form-card input{height:44px}
  .contact-form-card textarea{min-height:120px}
  .contact-form-card form button{width:100%;justify-self:stretch}
  .contact-form-card footer{align-items:flex-start;flex-direction:column}
  .contact-form-card footer>div{flex-wrap:wrap}
  .contact-form-card .contact-social-links{align-items:flex-start}
  .contact-form-card .contact-social-links a{text-align:left}
}

/* Desktop 106 — résumé preview and download. */
.desktop-window:has(.resume-viewer) .window-content{background:#eee8df}
.desktop-window:has(.resume-viewer){height:min(780px,82vh)}
.resume-viewer{
  width:min(900px,100%);
  min-height:100%;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(270px,.72fr);
  gap:clamp(34px,6vw,72px);
  align-items:center;
  padding:24px clamp(8px,3vw,32px) 40px;
}
.resume-preview{
  position:relative;
  display:block;
  padding:9px;
  border:1px solid #d2c8be;
  border-radius:5px;
  background:#fffdf8;
  box-shadow:0 20px 45px rgba(72,57,65,.18);
  transition:transform .2s ease,box-shadow .2s ease;
}
.resume-preview::after{content:"OPEN PDF";position:absolute;right:17px;bottom:17px;padding:7px 9px;border-radius:3px;background:rgba(85,70,91,.88);color:#fff;font:800 7px var(--body);letter-spacing:.12em;opacity:0;transition:opacity .18s ease}
.resume-preview:hover,.resume-preview:focus-visible{outline:0;transform:translateY(-5px) rotate(-.25deg);box-shadow:0 27px 55px rgba(72,57,65,.23)}
.resume-preview:hover::after,.resume-preview:focus-visible::after{opacity:1}
.resume-preview img{display:block;width:100%;height:auto;border-radius:2px}
.resume-details .desktop-label{margin:0 0 13px;color:#b9828d}
.resume-details h2{margin:0;color:#55465b;font:700 clamp(38px,5vw,58px)/.95 var(--serif);letter-spacing:-.035em}
.resume-details>p:not(.desktop-label){margin:22px 0;color:#71666d;font-size:13px;line-height:1.65}
.resume-actions{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 19px}
.resume-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 17px;border:1px solid #6e586f;border-radius:4px;color:#6e586f;font-size:11px;font-weight:800;text-decoration:none}
.resume-actions .resume-primary{background:#6e586f;color:#fffaf6}
.resume-actions a:hover,.resume-actions a:focus-visible{outline:0;border-color:#b9828d;background:#b9828d;color:#fff}
.resume-details>small{color:#91858c;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:680px){
  .desktop-window:has(.resume-viewer){height:auto}
  .resume-viewer{grid-template-columns:1fr;gap:27px;padding:4px 2px 32px}
  .resume-preview{width:min(350px,96%);margin:auto;padding:6px}
  .resume-details{text-align:center}
  .resume-details>p:not(.desktop-label){max-width:420px;margin:17px auto}
  .resume-actions{justify-content:center;margin-top:22px}
  .resume-actions a{flex:1 1 145px;max-width:220px}
}

/* Desktop 111 — calmer, gallery-scale project imagery across every discipline. */
.visual-project-hero{
  width:min(940px,88%);
  margin-inline:auto;
  display:grid;
  place-items:center;
  padding:clamp(14px,2vw,24px);
  background:#e8dfd5;
}
.visual-project-hero img{
  width:auto;
  max-width:100%;
  max-height:min(760px,72vh);
  margin-inline:auto;
}
.visual-gallery figure{
  width:min(900px,86%);
}
.visual-gallery figure>span{
  display:grid;
  place-items:center;
  padding:clamp(14px,2.4vw,28px);
  background:#e8dfd5;
}
.visual-gallery img{
  width:auto;
  max-width:100%;
  max-height:min(760px,72vh);
  margin-inline:auto;
}
.project-moondog-social .visual-project-hero img{
  transform:none;
}
@media(max-width:760px){
  .visual-project-hero,
  .visual-gallery figure{
    width:100%;
  }
  .visual-project-hero,
  .visual-gallery figure>span{
    padding:12px;
  }
  .visual-project-hero img,
  .visual-gallery img{
    max-height:68vh;
  }
}