/* Masori's blue studio light, seen through glass.
   Solid fallbacks preserve contrast when backdrop filtering is unavailable. */
:root{
 --glass-edge:rgba(211,231,255,.28);
 --glass-highlight:rgba(245,250,255,.55);
 --glass-surface:rgba(23,43,69,.7);
 --glass-shadow:0 18px 55px #0003,inset 0 1px 0 #f1f8ff52,inset 0 -1px 0 #91b9ef12;
}
body{background:radial-gradient(ellipse at 85% 10%,#24446a45,transparent 43%),radial-gradient(ellipse at 3% 50%,#233d6733,transparent 40%),var(--canvas)}
.home{background:radial-gradient(ellipse at 90% 55%,#1e426b35,transparent 35%),var(--canvas)}
.masthead,.home .masthead{
 border:1px solid var(--glass-edge);border-radius:28px;
 background:linear-gradient(125deg,#c6e0ff1c,#7fa3cb08 45%,#d8eaff14),var(--glass-surface);
 box-shadow:var(--glass-shadow);min-height:80px;padding-inline:26px;
}
body:not(.home)>.masthead{margin-top:24px;min-height:84px}
.button,.home .home-nav a:last-child,.home #studio-motion{
 position:relative;isolation:isolate;border:1px solid var(--glass-edge);
 background:linear-gradient(130deg,#e0eeff20,#a8d0ff06 55%,#e0eeff16),var(--glass-surface);
 box-shadow:0 5px 20px #0002,inset 0 1px 0 #ffffff66,inset 0 -1px 0 #ffffff12;
 color:var(--ink);border-radius:999px;
 transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.button.primary,.home .button.primary{
 color:#08152b;background:linear-gradient(145deg,#eaf5ffed,#a8ccf5e8 65%,#c9e3ffed);
 border-color:#eff8ff99;box-shadow:0 7px 28px #0e54af30,inset 0 1px 0 #fff,inset 0 -2px 5px #528ed840;
}
.button.primary:hover,.home .button.primary:hover{color:#08152b;background:linear-gradient(145deg,#f5fbff,#c1ddfb 65%,#dfedff);border-color:#fff}
.button.subtle{background:linear-gradient(130deg,#e0eeff20,#a8d0ff06 55%,#e0eeff16),var(--glass-surface)}
.button.subtle:hover,.home .home-nav a:last-child:hover,.home #studio-motion:hover{background-color:#345475b3;border-color:#e2efff80;box-shadow:0 8px 24px #0003,inset 0 1px 0 #ffffff8c}
.button:active,.home .home-nav a:last-child:active{transform:scale(.975)}
.home .hero-copy h1{text-shadow:0 4px 35px #02091766}
.home .hero-foot{border-top:0}
.home .hero-foot>div{padding:12px 19px;border:1px solid #d5e7ff24;border-radius:999px;background:#0c1b2b70;box-shadow:inset 0 1px 0 #ffffff26}
.home .workspace-screen,.home .registration,.home .team-entry,
.character,#team-login,.compose,.wall-post,.artist-card,.process-card,.contract-service,
.manager #chat,.contract-request,.form-section,.submit-panel,.project-form{
 border:1px solid var(--glass-edge);
 background:linear-gradient(135deg,#adcfff16,transparent 48%,#b7d8ff0b),var(--glass-surface);
 box-shadow:var(--glass-shadow);border-radius:26px;
}
.home .workspace-screen{background:radial-gradient(ellipse at 10% 0,#b9d6ff2e,transparent 55%),linear-gradient(135deg,#273e5ab3,#0b192d80);box-shadow:var(--glass-shadow),0 25px 90px #1655b31c}
.home .workspace-screen:hover{box-shadow:var(--glass-shadow),0 25px 90px #1655b338}
.home .screen-spaces>span{border-color:#cae0ff2b;border-radius:17px;background:linear-gradient(145deg,#b9d9ff1a,#accfff06);box-shadow:inset 0 1px 0 #ffffff26}
.home .registration,.home .team-entry{background:radial-gradient(ellipse at 0 0,#789cd126,transparent 60%),var(--glass-surface)}
.team-nav.ecosystem-nav{
 width:fit-content;max-width:100%;gap:4px;margin:0 0 22px;padding:7px;
 border:1px solid var(--glass-edge);border-radius:999px;background:var(--glass-surface);box-shadow:var(--glass-shadow);
}
.team-nav.ecosystem-nav button{min-height:44px;padding:11px 22px;border:1px solid transparent;border-radius:999px;color:#bfcde0;font-size:13px}
.team-nav.ecosystem-nav button[aria-current]{background:linear-gradient(135deg,#deedff35,#b5d7ff16);border-color:#e0efff42;color:#fff;box-shadow:inset 0 1px 0 #ffffff66,0 4px 10px #0002}
.team-nav.ecosystem-nav button[aria-current]::after{display:none}
.team-nav.ecosystem-nav button:hover:not([aria-current]){background:#e3f0ff0d;color:#fff}
.ecosystem-grid{gap:14px;background:none;border:0;overflow:visible;border-radius:0}
.ecosystem-card{border:1px solid var(--glass-edge);border-radius:26px;background:linear-gradient(145deg,#adcfff1c,#88b6ec06),var(--glass-surface);box-shadow:var(--glass-shadow)}
.ecosystem-card::before{inset:22px auto auto 24px;width:40px;height:3px;border-radius:5px;opacity:.8}
.ecosystem-card::after{content:'';width:150px;height:150px;right:-40px;bottom:-50px;border:1px solid #d6e9ff24;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#a9d0ff1c,transparent 70%);transform:none}
.ecosystem-index{margin-top:26px}.ecosystem-card:hover,.ecosystem-card:focus-visible{background-color:#2a4563b3;border-color:#e0efff75}
.ecosystem-copy strong,.contract-service>strong{font-weight:500}
.ecosystem{border-top:0;padding-top:24px}.ecosystem-area{border-top:0;padding-top:24px}
.project-breadcrumbs{padding:10px 14px;border-radius:16px;border:1px solid #c5deff1c;background:#9fc5ff08;gap:12px}
.project-breadcrumbs button{min-height:28px}.project-breadcrumbs button:not(:disabled):hover{color:#fff;text-decoration:underline;text-underline-offset:4px}

/* Folder card: a luminous cover tucked behind a shaped, dark glass front. */
.project-directory{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.project-directory .project-folder.folder,.project-directory.project-shelf .project-folder.folder{
 --folder-glow:#4596ff;--folder-deep:#173f79;
 position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;
 gap:0;min-height:300px;padding:8px;border:1px solid #d9eaff42;border-radius:29px;
 color:#f4f8ff;text-align:left;background:linear-gradient(135deg,#cee3ff2b,#101d3040 45%,#c5e2ff15);
 box-shadow:0 18px 32px #0004,inset 0 1px 0 #ffffff7a,inset 0 -1px 0 #ffffff17;
 transition:transform .3s,border-color .3s,box-shadow .3s;
}
.project-directory .project-folder.folder[data-folder-tone="1"]{--folder-glow:#9e9dff;--folder-deep:#33457b}
.project-directory .project-folder.folder[data-folder-tone="2"]{--folder-glow:#63c6da;--folder-deep:#12465b}
.project-directory .project-folder.folder:hover{border-color:#e6f2ff94;box-shadow:0 22px 45px #0005,inset 0 1px 0 #fff9}
.project-directory .project-folder.folder .project-folder-icon{
 position:relative;display:block;flex:0 0 125px;width:100%;height:125px;
 overflow:hidden;border-radius:21px 21px 6px 6px;
 background:radial-gradient(ellipse at 65% 100%,var(--folder-glow),transparent 58%),radial-gradient(ellipse at 20% 0,#d9eaff66,transparent 50%),linear-gradient(125deg,#101c34,var(--folder-deep));
 box-shadow:inset 0 1px 0 #ffffff40;
}
.project-folder-icon::before{content:'';position:absolute;inset:-60% -10%;background:repeating-linear-gradient(105deg,transparent 0 28px,#badaff24 31px,transparent 42px);filter:blur(5px);transform:rotate(-13deg)}
/* Center the monogram in the visible cover, above the overlapping folder front. */
.project-directory .project-folder.folder .folder-monogram{
 position:absolute;inset:0 0 35px;display:grid;place-items:center;
 margin:0;width:auto;height:auto;font:italic 52px/1 Georgia,serif;
 color:#e9f4ffb8;text-shadow:0 0 25px var(--folder-glow);pointer-events:none;
}
.folder-cover-label{position:absolute;right:16px;top:19px;font:8px/1.5 'Courier New',monospace;letter-spacing:.15em;text-align:right;color:#e1edffbf}
.folder-cover-mark{position:absolute;left:18px;top:12px;font:italic 66px/1 Georgia,serif;color:#e9f4ff6b;text-shadow:0 0 30px var(--folder-glow)}
.project-directory .project-folder.folder .project-folder-copy{
 position:relative;isolation:isolate;display:flex;flex:1;flex-direction:column;align-items:stretch;
 margin:-35px 0 0;padding:27px 20px 16px;min-height:202px;
 text-align:left;overflow:hidden;border-radius:14px 14px 21px 21px;
 clip-path:polygon(0 0,40% 0,49% 25px,100% 25px,100% 100%,0 100%);
 background:linear-gradient(145deg,#223754f5,#0e1b2eee 70%);
 box-shadow:inset 0 1px 0 #e7f1ff66,inset 0 -1px 0 #b9d5ff30;
}
.project-folder-copy::after{content:'';position:absolute;inset:25px 0 auto;height:1px;background:linear-gradient(90deg,transparent 48%,#d0e4ff4d 51%,#d0e4ff24);pointer-events:none}
.project-directory .project-folder.folder .project-folder-category{display:block;position:relative;margin:-14px 0 34px;color:#c3d9f4;font:8px/1.5 'Courier New',monospace;letter-spacing:.15em}
.project-directory .project-folder.folder strong{position:relative;display:block;font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.025em;text-align:left;overflow-wrap:anywhere}
.folder-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:24px}
.project-directory .project-folder.folder small{font-size:11px;color:#bbcee7;margin:0;text-align:left}
.folder-enter{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #d8eaff45;border-radius:50%;background:linear-gradient(135deg,#d9eaff24,#b5d6ff0a);box-shadow:inset 0 1px 0 #f5faff5c;font-size:17px}
.project-directory .project-folder.file{background:var(--glass-surface);border-color:var(--glass-edge);border-radius:22px}
.project-directory .project-folder.file .project-folder-icon::before{display:none}
.project-directory.project-shelf{
 padding:30px max(20px,calc(50% - 160px)) 45px;scroll-padding-inline:calc(50% - 160px);
 min-height:395px;background:radial-gradient(ellipse at 50% 70%,#3c71ad2b,transparent 65%);
}
.project-directory.project-shelf .project-folder.folder{flex:0 0 320px;min-height:332px;transform:scale(.94) rotateY(-7deg)}
.project-directory.project-shelf .project-folder.folder+.project-folder.folder{margin-left:-12px}
.project-directory.project-shelf .project-folder.folder.shelf-before{transform:scale(.94) rotateY(7deg)}
.project-directory.project-shelf .project-folder.folder.shelf-current{transform:scale(1);border-color:#e3f0ffa3;box-shadow:0 24px 50px #0006,inset 0 1px 0 #ffffffa6}
.project-shelf-controls{border-color:var(--glass-edge);background:linear-gradient(130deg,#cce4ff1f,#aacfff08),var(--glass-surface);box-shadow:var(--glass-shadow)}
.project-shelf-controls .shelf-open{background:#c8e1ff17;border-color:#dbeaff45;box-shadow:inset 0 1px 0 #fff5}
.project-shelf-controls button:disabled{cursor:default}
.project-preview{background:linear-gradient(135deg,#274365f0,#0a1528f5);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :root{--glass-surface:rgba(23,43,69,.4)}
 .masthead,.home .masthead,.button,.home .home-nav a:last-child,.home #studio-motion,.home .hero-foot>div,.home .workspace-screen,.home .registration,.home .team-entry,.team-nav.ecosystem-nav,.ecosystem-card,.contract-service,.project-shelf-controls,.character,#team-login,.compose,.wall-post,.artist-card,.process-card,.manager #chat,.contract-request,.form-section,.submit-panel,.project-form{
  -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);
 }
 .project-directory .project-folder.folder .project-folder-copy{background:linear-gradient(145deg,#223754e8,#0e1b2ede 70%);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}
}
@media(max-width:900px){.project-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.team-nav.ecosystem-nav button{padding-inline:18px}}
@media(max-width:600px){
 .masthead,.home .masthead{border-radius:23px;padding-inline:16px}
 body:not(.home)>.masthead{width:calc(100% - 36px);min-height:72px;margin-top:16px}
 body:not(.home)>.masthead .brand-logo{max-width:160px}
 .home .hero-foot>div{padding:10px 14px}
 .home .registration,.home .team-entry{border-radius:23px}
 .team-nav.ecosystem-nav{gap:1px;width:100%;border-radius:25px;justify-content:space-between;padding:5px}
 .team-nav.ecosystem-nav button{padding:11px 10px;font-size:12px}
 .ecosystem-grid{gap:12px}.ecosystem-card{border-radius:23px}
 .project-directory{grid-template-columns:1fr;gap:16px}
 .project-directory .project-folder.folder{min-height:285px}
 .project-directory.project-shelf{padding-inline:max(16px,calc(50% - 137px));scroll-padding-inline:calc(50% - 137px);min-height:370px}
 .project-directory.project-shelf .project-folder.folder{flex-basis:274px;min-height:310px}
 .project-directory.project-shelf .project-folder.folder+.project-folder.folder{margin-left:-6px}
 .project-directory .project-folder.folder .project-folder-copy{padding-inline:18px}
 .project-shelf-controls{border-radius:24px}
}
@media(prefers-reduced-motion:reduce){
 .button,.home .home-nav a:last-child,.home #studio-motion,.project-directory .project-folder.folder{transition:none}
 .button:active,.home .home-nav a:last-child:active{transform:none}
 .project-directory.project-shelf .project-folder.folder,.project-directory.project-shelf .project-folder.folder.shelf-before{transform:none}
}
@media(prefers-contrast:more){
 :root{--glass-surface:#14253b;--glass-edge:#a3c7f5;--muted:#cfdef3}
 .project-directory .project-folder.folder .project-folder-copy{background:#132238}
 .button.primary,.home .button.primary{background:#d9ebff;color:#071425}
}
/* The shelf has explicit arrow controls; avoid a second, heavy scrollbar. */
.project-directory.project-shelf{scrollbar-width:none}
.project-directory.project-shelf::-webkit-scrollbar{display:none}
@media(min-width:701px){.team-shell:has(#workspace:not([hidden])){margin-top:30px}}