:root {
  --ink:#35221f; --muted:#6c5b51; --paper:#f7f2e8; --line:#dfd2c0;
  --pink:#f66483; --pink-light:#fbe1e6; --brown:#866049; --green:#476143;
  --yellow:#ffe962; --lime:#d9fb60; --blue:#b1d4d0; --plum:#350256; --radius:9px; --sidebar:226px;
}
.sidebar {background:#3e2723; padding-top:22px; overflow:auto;}
.brand {align-items:center; margin:0 8px 23px;}
.brand img {width:164px; height:75px; object-fit:contain; margin-bottom:10px;}
.brand strong {font-family:Arial,Helvetica,sans-serif; font-size:20px; letter-spacing:-1.2px; font-weight:900;}
.brand small {color:#ecd3c6; font-size:6.6px; letter-spacing:.8px; white-space:nowrap;}
.sidebar nav {gap:3px;}
.nav-group {padding:11px 12px 6px; color:#ceb7a6; font:8px 'Courier New',monospace; letter-spacing:1.1px;}
.nav-group:first-child {padding-top:0;}
.sidebar nav a {min-height:38px; font-size:12px; color:#e8d9d0;}
.sidebar nav a:hover {background:#593a34;}
.sidebar nav a.active {background:var(--lime); color:var(--ink);}
.sidebar-note {background:var(--pink); color:var(--ink); border:1px solid #f78ca2; margin:27px 10px 21px; padding:15px 13px;}
.sidebar-note .mono {color:#743443; font-size:8px;}
.sidebar-note p {margin:7px 0 0; font-size:25px; font-weight:900; line-height:.95; letter-spacing:-1.2px;}
.sidebar-note img {position:absolute; right:7px; bottom:8px; width:52px; transform:rotate(13deg);}
.sidebar-bottom {font:8px 'Courier New',monospace; color:#ddc5b6; min-height:51px; flex-shrink:0; border-color:#68473b;}
.topbar {height:66px; background:#fffaf2;}
.preview-strip {background:#f1e6d4; color:#6e513d; border-color:#e2d5c2; font-size:9px;}
.preview-dot {background:#aa1945;}
.avatar.amo {background:#efb7c5;color:#7a2840;}
.avatar.rhea {background:#e3ecae;color:#4f622e;}
.avatar.you {background:#b9d5d1;color:#315d56;}
main {padding-top:28px;}
.eyebrow {color:#795847;}
.page-heading {--accent:var(--pink); position:relative; padding:3px 0 18px; border-bottom:3px solid var(--accent); margin-bottom:21px;}
.page-heading h1 {font-family:Arial,Helvetica,sans-serif; font-size:33px; font-weight:900; letter-spacing:-1.7px;}
.page-heading p {font-size:12px; line-height:1.6;}
body[data-page="garments"] .page-heading {--accent:var(--pink);}
body[data-page="production"] .page-heading {--accent:#aac74a;}
body[data-page="content"] .page-heading {--accent:#75a9a2;}
body[data-page="tasks"] .page-heading {--accent:#ecb341;}
body[data-page="decisions"] .page-heading {--accent:#ed8f40;}
body[data-page="brand"] .page-heading {--accent:#aa1945;}
.button {font-size:11px; border-radius:5px; min-height:36px;}
.button.primary {background:var(--ink);border-color:var(--ink);}
.button.primary:hover {background:#59382b;}
.panel, .team-card, .workflow-item, .drop-card, .garment-card, dialog {background:#fffcf7;}
.panel .section-heading h2, .section-heading h2 {font-size:15px;}
.badge {font-size:9px;}
.badge.pink {background:#fce2e9;color:#a23d58;}
.badge.amber {background:#fff0ce;color:#79531b;}
.badge.green {background:#e8eedb;color:#425f32;}
.format-icon {background:#fae0e7;}
.focus-note {background:#eff0d7; border-color:#d8ddba;}
.focus-note p {color:#5e653e;}
.pipeline-item strong {line-height:1.4; min-height:24px;}
.pipeline-circle.current {background:var(--pink);box-shadow:0 0 0 4px #fae2e9;}
.studio-hero {
  position:relative; display:grid; grid-template-columns:1.05fr 1fr; min-height:319px; overflow:hidden;
  border:1px solid #d8bf43; border-radius:var(--radius); background:var(--yellow);
  background-image:linear-gradient(#5443210c 1px,transparent 1px),linear-gradient(90deg,#5443210c 1px,transparent 1px);
  background-size:22px 22px;
}
.hero-copy {z-index:2; padding:26px 27px;}
.hero-copy .mono {color:#725824; font-size:10px;}
.hero-copy h2 {font-family:'Arial Black',Arial,Helvetica,sans-serif; font-weight:900; font-size:47px; letter-spacing:-2.9px; line-height:.88; margin:19px 0 14px;}
.hero-copy h2 em {font-style:normal;color:#aa1945;}
.hero-copy p {color:#6e5429; max-width:270px; margin:0 0 17px; font-size:12px; line-height:1.55;}
.hero-date {font:9px 'Courier New',monospace; color:#6d5127; margin-left:10px;}
.hero-art {position:relative; background:#f664833b; border-left:1px solid #68402119;}
.shirt-collage {position:absolute; inset:18px 10% 12px 5%;}
.shirt-collage figure {position:absolute; width:51%; max-width:270px; background:#fffdf5; border:1px solid #543b3930; padding:6px; margin:0; box-shadow:3px 7px 14px #54281420;}
.shirt-collage img {display:block; width:100%; aspect-ratio:1.3; object-fit:contain;}
.shirt-collage figure:nth-child(1) {left:8%;top:5%;transform:rotate(-10deg);}
.shirt-collage figure:nth-child(2) {left:44%;top:12%;transform:rotate(11deg);}
.shirt-collage figure:nth-child(3) {left:28%;top:39%;transform:rotate(-5deg);}
.star-sticker {position:absolute; width:80px; right:5%; top:4%; z-index:3; transform:rotate(10deg); filter:drop-shadow(2px 3px 1px #3e272333);}
.tape-label {position:absolute; right:6%; bottom:5%; padding:6px 11px; background:var(--lime); border:1px solid #a6b14b; transform:rotate(6deg); font:9px 'Courier New',monospace; letter-spacing:.8px;}
.fallback-mark {position:absolute; width:75%; max-height:80%; object-fit:contain; left:13%;top:15%;}
.jump-grid {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px;}
.jump-tile {position:relative; min-height:107px; border:1px solid #dcc8b2; border-radius:7px; padding:13px 15px; background:#fff6bf;}
.jump-tile:nth-child(2) {background:#edf3ce;}
.jump-tile:nth-child(3) {background:#dfede9;}
.jump-tile:nth-child(4) {background:#f8dbe5;}
.jump-tile:hover {border-color:#8f5d4b;}
.jump-tile>span {font-size:11px; display:flex; align-items:center; gap:7px;}
.jump-tile .icon {width:15px;height:15px;}
.jump-tile strong {display:block; margin:10px 0 5px; font-size:16px; letter-spacing:-.4px;}
.jump-tile small {font-size:9px; color:#6d5e4d;}
.jump-tile .tile-arrow {position:absolute; top:13px; right:13px;}
.mini-lineup {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;}
.mini-garment {display:flex; align-items:center; text-align:left; gap:10px; padding:10px; background:#fffdf9; border:1px solid var(--line); border-radius:6px; min-width:0;}
.mini-garment:hover {border-color:#ae7965;}
.mini-garment img {width:76px; height:62px; object-fit:contain;}
.mini-garment strong {font-size:11px; display:block;}
.mini-garment small {font-size:9px; color:var(--muted); margin-top:5px; display:block;}
.mini-garment>.icon {margin-left:auto; width:13px;}
.roadmap {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border:1px solid var(--line); background:var(--line); border-radius:8px; overflow:hidden;}
.roadmap>div {background:#fffaf0; padding:15px;}
.roadmap>div:nth-child(2) {background:#fff6c8;}
.roadmap>div:nth-child(3) {background:#e2eee6;}
.roadmap>div:nth-child(4) {background:#f9dde6;}
.roadmap .mono {font-size:8px;color:#835d3d;}
.roadmap strong {display:block;font-size:11px;margin-top:9px;line-height:1.4;}
.roadmap small {font-size:9px;color:#785e50;display:block;margin-top:5px;}
.decision-row {display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 0; border-top:1px solid var(--line);}
.compact-jumps {margin-bottom:21px;}
.drop-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.portfolio-cover {background:#ffe962; height:215px;}
.portfolio-cover .shirt-collage {inset:11px 12% 10px 15%;}
.portfolio-cover .shirt-collage figure {width:44%;}
.drop-card h2 {line-height:1.2;}
.brief-card {padding:23px;background:#e4eee5;border:1px solid #c9d9cc;border-radius:var(--radius);}
.brief-card h2 {font-size:25px;line-height:1;letter-spacing:-1px;margin:12px 0;}
.brief-card p {font-size:12px;line-height:1.7;color:#536454;}
.brief-card .mini-lineup {margin-top:20px;}
.brief-card .mini-garment {flex-direction:column;align-items:flex-start;}
.brief-card .mini-garment img {width:100%;height:67px;}
.brief-card .mini-garment>.icon {display:none;}
.gate-list li {font-size:11px;}
.gate-list small {text-align:right;}
.source-link {display:inline-flex; align-items:center; gap:6px; font-size:11px; color:#812749; text-decoration:underline; text-underline-offset:3px;}
.source-link .icon {width:12px; height:12px;}
.source-label {display:block; margin-top:9px; font:9px 'Courier New',monospace; color:#795f50;}
.garment-art {width:100%; display:flex; flex-direction:column; align-items:center; position:relative; padding:17px 12px 14px; border:0; background:#f6ecdc; text-align:left;}
.garment-art.banana-berry {background:#fff2bc;}
.garment-art.mint-choco {background:#eaf1cf;}
.garment-art.berry-ice {background:#f8dce5;}
.garment-art .mono {align-self:flex-start; color:#6a5447; font-size:9px;}
.garment-art img {width:94%;height:187px;object-fit:contain;margin:13px 0 6px;}
.garment-art .badge {align-self:flex-end;}
.garment-info h2 {font-size:18px;}
.garment-info p {font-size:11px; line-height:1.5;}
.garment-grid.exploration {grid-template-columns:repeat(2,minmax(0,1fr));max-width:730px;}
.art-placeholder {width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px;}
.art-gallery {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
.art-gallery.single {grid-template-columns:1fr;}
.art-gallery>div {background:#fff7e9;border:1px solid var(--line);border-radius:6px;padding:12px;}
.art-gallery img {width:100%;height:180px;object-fit:contain;}
.art-note {margin-top:15px!important;}
.pool-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.pool-grid>div {border:1px solid var(--line);background:#fff4c2;border-radius:6px;padding:14px;}
.pool-grid>div:nth-child(2) {background:#f8dce6;}
.pool-grid>div:nth-child(3) {background:#deece7;}
.pool-grid>div:nth-child(4) {background:#efe3f3;}
.pool-grid strong {display:block;font-size:29px;letter-spacing:-1px;margin-top:7px;}
.pool-grid .mono {font-size:9px;color:#705547;}
.production-grid {display:grid;grid-template-columns:1.15fr 1fr;gap:17px;}
.production-grid>* {min-width:0;}
.cost-lines {margin:0;}
.cost-lines>div {display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:9px 0;font-size:11px;}
.cost-lines dt {color:var(--muted);}
.cost-lines dd {margin:0;white-space:nowrap;}
.cost-total {font-weight:bold;}
.supplier-empty {padding:15px 0;}
.supplier-empty h3 {font-size:14px;margin:0 0 8px;}
.supplier-empty p {font-size:11px;color:var(--muted);line-height:1.7;}
.allocation-table input {width:54px;border:1px solid #d4c3ad;border-radius:4px;background:#fffaf3;padding:8px 5px;font-size:12px;text-align:center;}
.allocation-table th {background:#f1e9d7;}
.allocation-footer {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 17px;border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:var(--muted);}
.decision-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.decision-card {background:#fffbf2;border:1px solid var(--line);border-top:4px solid #edb665;border-radius:7px;padding:18px;display:flex;flex-direction:column;}
.decision-card:nth-child(3n+2) {border-top-color:var(--pink);}
.decision-card:nth-child(3n+3) {border-top-color:var(--blue);}
.decision-top,.decision-bottom {display:flex;align-items:center;justify-content:space-between;gap:10px;}
.decision-top .mono {font-size:9px;color:#896751;}
.decision-card h2 {font-size:17px;letter-spacing:-.5px;margin:13px 0 8px;}
.decision-card p {font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 10px;}
.decision-bottom {margin-top:auto;padding-top:13px;}
.decision-choice {white-space:pre-wrap;padding:10px;background:#ecf0d8;font-size:11px;line-height:1.6;}
.brand-banner {display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:center;padding:27px;border:1px solid #d2768b;background:var(--pink);border-radius:var(--radius);}
.brand-banner h2 {font-family:'Arial Black',Arial,sans-serif;font-size:37px;line-height:.98;letter-spacing:-1.8px;margin:13px 0;}
.brand-banner p {font-size:12px;line-height:1.65;max-width:390px;}
.brand-banner img {width:100%;max-height:181px;object-fit:contain;transform:rotate(-6deg);}
.palette-grid {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;}
.palette-tile {background:#fffcf4;border:1px solid var(--line);border-radius:5px;overflow:hidden;}
.palette-tile>div {height:55px;}
.palette-tile b,.palette-tile small {display:block;padding:0 8px;}
.palette-tile b {font-size:10px;margin-top:8px;}
.palette-tile small {font:9px 'Courier New',monospace;color:#715e50;margin:5px 0 8px;}
.mood-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
.mood-grid article {border:1px solid var(--line);background:#fffaf0;border-radius:7px;overflow:hidden;}
.mood-grid img {width:100%;display:block;aspect-ratio:1.8;object-fit:cover;}
.mood-grid article>div {padding:16px;}
.mood-grid h3 {font-size:15px;margin:0 0 8px;}
.mood-grid p {font-size:11px;color:var(--muted);line-height:1.6;margin:0;}
.brand-guide {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.brand-guide .brief-card:nth-child(2) {background:#fff4c8;border-color:#e4d5a0;}
.content-pillars {display:flex;flex-wrap:wrap;gap:7px;margin:0 0 17px;}
.content-pillars .active {background:var(--pink-light);border-color:#d3899e;color:#812749;}
.mobile-nav,.menu-shade {display:none;}
@media(max-height:870px) { .sidebar-note {display:none;} }
@media(max-width:1150px) {
  :root {--sidebar:204px;}
  .hero-copy h2 {font-size:41px;}
  .hero-date {display:block;margin:9px 0 0;}
  .jump-tile strong {font-size:14px;}
  .jump-tile small {font-size:8px;}
  .mini-garment img {width:62px;}
  .palette-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
  .drop-detail-top,.production-grid {grid-template-columns:1fr;}
  .brief-card .mini-garment {flex-direction:row;}
  .brief-card .mini-garment img {width:75px;}
}
@media(max-width:850px) {
  .jump-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .mini-garment {flex-direction:column;align-items:flex-start;}
  .mini-garment img {width:100%;height:76px;}
  .mini-garment>.icon {display:none;}
  .drop-grid {grid-template-columns:1fr;}
  .mood-grid {grid-template-columns:1fr;}
  .roadmap {grid-template-columns:repeat(2,minmax(0,1fr));}
  .studio-hero {min-height:285px;}
  .hero-copy {padding:21px;}
  .hero-copy h2 {font-size:35px;letter-spacing:-1.7px;}
  .star-sticker {width:58px;}
  .shirt-collage figure {width:68%;}
  .shirt-collage figure:nth-child(2) {left:35%;top:24%;}
  .shirt-collage figure:nth-child(3) {left:17%;top:52%;}
}
@media(max-width:650px) {
  :root {--sidebar:0px;}
  .shell {padding-bottom:65px;}
  .sidebar {width:226px;z-index:41;overscroll-behavior:contain;}
  .sidebar.open + .menu-shade {display:block;position:fixed;inset:0;background:#30211c68;border:0;z-index:40;}
  .sidebar nav a {min-height:41px;}
  .sidebar-bottom {margin-top:auto;}
  .mobile-nav {position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;inset:auto 0 0;z-index:25;padding:5px 5px max(6px,env(safe-area-inset-bottom));background:#fffaf1;border-top:1px solid #d7c8b4;}
  .mobile-nav a,.mobile-nav button {min-height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:none;color:var(--ink);font-size:9px;border-radius:5px;padding:3px;}
  .mobile-nav a.active {background:#eaf3c0;color:#3f4f27;}
  .mobile-nav .icon {width:17px;height:17px;}
  .topbar {height:59px;}
  .preview-strip {font-size:7px;}
  .page-heading h1 {font-size:29px;letter-spacing:-1.2px;}
  .page-heading p {font-size:11px;}
  .page-heading .button {font-size:9px;min-height:34px;}
  .studio-hero {min-height:270px;grid-template-columns:1fr .94fr;}
  .hero-copy {padding:18px 13px 18px 15px;}
  .hero-copy h2 {font-size:30px;letter-spacing:-1.55px;margin:19px 0 12px;}
  .hero-copy p {font-size:10px;line-height:1.5;margin-bottom:12px;}
  .hero-copy .mono {font-size:7.8px;}
  .hero-copy .button {min-height:33px;padding:7px 9px;font-size:9px;}
  .hero-date {font-size:7.7px;}
  .hero-art {border-left:0;}
  .shirt-collage {inset:50px 10% 20px 1%;}
  .shirt-collage figure {width:71%;padding:3px;}
  .shirt-collage figure:nth-child(2) {left:31%;top:22%;}
  .shirt-collage figure:nth-child(3) {left:17%;top:42%;}
  .star-sticker {width:52px;top:9%;right:9%;}
  .tape-label {font-size:7px;right:7%;bottom:7%;padding:5px;}
  .jump-tile {padding:12px;min-height:98px;}
  .jump-tile .tile-arrow {right:10px;}
  .jump-tile strong {font-size:13px;}
  .jump-tile small {font-size:8px;}
  .mini-lineup {gap:7px;}
  .mini-garment {padding:8px;}
  .mini-garment img {height:66px;}
  .mini-garment strong {font-size:10px;}
  .mini-garment small {font-size:8px;}
  .brief-card .mini-garment {flex-direction:column;}
  .brief-card .mini-garment img {width:100%;}
  .portfolio-cover .shirt-collage {inset:17px 17% 10px 15%;}
  .portfolio-cover .shirt-collage figure {width:55%;}
  .garment-grid.exploration,.decision-grid,.brand-guide {grid-template-columns:1fr;}
  .garment-art img {height:205px;}
  .pool-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .allocation-footer {font-size:9px;}
  .allocation-footer .button {font-size:9px;}
  .brand-banner {grid-template-columns:1fr;padding:22px;}
  .brand-banner h2 {font-size:33px;}
  .brand-banner img {height:115px;}
  .palette-tile b {font-size:9px;}
  .palette-tile small {font-size:7px;}
  .art-gallery {grid-template-columns:1fr;}
  .toast {bottom:69px;}
  .pipeline {grid-template-columns:repeat(7,minmax(90px,1fr));}
}