/* A separate desk-and-dossier room. Shared library styles stay unchanged. */
.projects-page{--project-forest:#20392c;--project-forest-dark:#14251c;--project-paper:#f1ebdc;--project-paper-note:#e6deca;--project-ink:#263a2e;--project-muted:#6f7966;--project-brass:#bc9b60;--project-walnut:#56402d;background:#e9e3d5;color:var(--project-ink)}
.projects-page .mast{background:var(--project-forest-dark);color:#e9e3d3;border-color:#d9b77328}
.projects-page .mast nav a[aria-current="page"]{color:#d8ba81}
.projects-page .mast nav a:hover,.projects-page .all:hover{color:#e7cc94}
.projects-page main{max-width:1640px;margin:0 auto;padding:0 clamp(24px,5vw,90px)}
.projects-opening{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:55px 0 45px}
.projects-breadcrumb{display:flex;gap:12px;align-items:center;font-size:10px;color:#7b836e;margin:0 0 32px}
.projects-breadcrumb a{border-bottom:1px solid #a9af9a}
.projects-breadcrumb>span{color:#9da38f;font-size:9px}
.projects-opening .eyebrow{font-size:9px;letter-spacing:2px;color:#7a805f}
.projects-opening h1{font-size:clamp(48px,5.3vw,80px);line-height:1.12;letter-spacing:-2.4px;margin:16px 0 0}
.projects-opening h1 em{color:#72805e}
.opening-note{font-size:12px;line-height:1.9;color:#7b826d;margin:0 0 7px;max-width:330px}
.project-desk{position:relative;isolation:isolate;padding:23px 28px 30px;background:linear-gradient(97deg,#221a1522,transparent 25%,#d6b47b08 65%,#1b140e18),repeating-linear-gradient(3deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 7px),var(--project-walnut);border:1px solid #3a2c21;box-shadow:0 22px 38px #2233281c,inset 0 0 0 5px #6c50352b}
.project-desk:after{content:"";position:absolute;inset:auto 0 -6px;height:5px;border-bottom:1px solid #9b7850;background:#3f2c1f;z-index:-1}
.desk-edge{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;color:#d6bf9c;font-size:7px;line-height:1.5;letter-spacing:1.6px;opacity:.65}
.dossier-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:25px;align-items:start}
.dossier-tabs{display:flex;flex-direction:column;gap:23px;padding-top:10px}
.dossier-tab{position:relative;display:flex;flex-direction:column;min-height:206px;padding:20px 22px 14px;background:#3f5140;color:#e4ddca;border:1px solid #7b84614d;box-shadow:4px 7px 12px #180f0b30;transform:rotate(-1deg);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.dossier-tab:nth-child(2){background:#6e6d4b;transform:rotate(.8deg)}
.dossier-tab:nth-child(3){background:#756044;transform:rotate(-.6deg)}
.dossier-tab:before{content:"";position:absolute;left:-1px;top:-11px;width:43%;height:14px;border:1px solid #7b84614d;border-bottom:0;background:inherit;border-radius:5px 5px 0 0}
.dossier-tab:hover{transform:translateX(4px) rotate(0deg);border-color:#d5bd8c91;color:#f5e9cf}
.dossier-tab.is-selected{background:#d2c39e;color:#263b2d;border-color:#cdb98b;transform:translateX(4px) rotate(0deg);box-shadow:4px 9px 14px #180f0b40}
.dossier-tab.is-selected:before{border-color:#cdb98b}
.folder-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;font-size:7px;line-height:1.5;letter-spacing:.3px;color:#d1c7ab}
.folder-topline>span:last-child{text-align:right;max-width:115px}
.is-selected .folder-topline{color:#6c735b}
.folder-title{font-family:Literata,Georgia,serif;font-size:25px;line-height:1.18;letter-spacing:-.6px;margin:19px 0 11px}
.folder-title-mobile{display:none}
.folder-description{font-size:9px;line-height:1.65;color:#d8d1bd}
.is-selected .folder-description{color:#647158}
.folder-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:13px;font-size:8px;letter-spacing:.2px;color:#cfbb8e}
.folder-bottom>span:last-child{font-size:16px}
.is-selected .folder-bottom{color:#4b6145}
.dossier-panels{min-width:0}
.project-panel{position:relative;isolation:isolate;margin-bottom:45px;scroll-margin-top:25px;outline-offset:6px}
.projects-ready .project-panel{margin-bottom:0}
.project-panel.is-active{animation:dossier-open .32s ease-out}
.dossier-spread{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:710px;box-shadow:10px 14px 20px #21180f45;background:var(--project-paper);border:1px solid #ded2b8}
.dossier-spread:before{content:"";position:absolute;left:5px;right:-4px;top:5px;bottom:-5px;background:#c7bca1;border:1px solid #a99a7b;z-index:-1}
.dossier-copy{display:flex;flex-direction:column;min-width:0;padding:27px 34px 30px}
.paper-running{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid #8b977d3b;padding-bottom:17px;margin-bottom:29px;font-size:7px;line-height:1.5;letter-spacing:1.3px;color:#899077}
.paper-running>span:last-child{text-align:right}
.project-status{font-size:8px;line-height:1.6;letter-spacing:.3px;color:#6b7959;border:1px solid #9aa17e71;align-self:flex-start;padding:5px 9px}
.status-working{border-color:#ac9d747a;color:#89724b}
.dossier-copy h2{font-size:clamp(30px,2.65vw,44px);letter-spacing:-1.1px;line-height:1.18;margin:24px 0 23px;overflow-wrap:break-word}
.dossier-copy h2 em{color:#6f805d}
.project-lead{font-family:Literata,Georgia,serif;font-size:19px;line-height:1.55;letter-spacing:-.25px;margin:0 0 23px}
.project-prose{color:#6e7863;font-size:12px;line-height:1.9}
.project-prose p{margin-bottom:16px}
.project-prose p:last-child{margin-bottom:0}
.project-facts{margin:30px 0 25px;font-size:10px;line-height:1.7}
.project-facts>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;padding:11px 0;border-top:1px solid #93a08045}
.project-facts>div:last-child{border-bottom:1px solid #93a08045}
.project-facts dt{color:#879078}
.project-facts dd{margin:0;color:#435b42}
.project-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px;margin-top:auto;padding-top:7px}
.project-primary{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;line-height:1.6;background:var(--project-forest);color:#e9e3d0;padding:14px 18px;max-width:100%;min-width:235px;border:1px solid var(--project-forest);transition:background .2s,border-color .2s}
.project-primary:hover{background:#3d553d;border-color:#3d553d;color:#f9e9c9}
.project-primary>span{color:#cdb27c;font-size:15px;flex:none}
.project-secondary{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #a4a37b;font-size:10px;line-height:1.6;color:#6f795d;padding:0 0 5px}
.project-secondary:hover{color:#354e33;border-color:#354e33}
.dossier-notes{position:relative;min-width:0;display:flex;flex-direction:column;padding:29px 31px 30px;background:linear-gradient(90deg,#c5baa030,transparent 17px),var(--project-paper-note);border-left:1px solid #9a987b42}
.note-label{font-size:7px;line-height:1.7;letter-spacing:1.5px;color:#8e9278;margin-bottom:32px}
.dossier-notes h3{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:0 0 28px}
.dossier-notes h3 em{color:#8a8a66}
.project-steps{padding:0;list-style:none;margin:0}
.project-steps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;border-top:1px solid #a6ac8c66;padding:19px 0 20px}
.project-steps li>span{font-family:Literata,Georgia,serif;font-size:12px;color:#8d8c61;line-height:1.6}
.project-steps h4{font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:600;line-height:1.7;margin:0 0 7px;color:#566448}
.project-steps p{font-size:10px;line-height:1.9;color:#7b8169}
.dossier-marginal{border-top:1px solid #a6ac8c66;margin-top:auto;padding-top:19px;padding-right:15px;font-size:8px;line-height:1.9;color:#8b9077}
.paper-folio{font-size:7px;letter-spacing:1.3px;color:#a2a387;display:block;margin-top:25px;align-self:flex-end}
.radar-sheet{border:1px solid #9ba2836b;margin:1px 0 35px;padding:0 19px;background:linear-gradient(transparent 24px,#7e8a6c0a 25px);background-size:100% 25px}
.radar-sheet>div{padding:19px 0;border-bottom:1px solid #a6ac8c66}
.radar-sheet>div:last-child{border-bottom:0}
.radar-sheet span,.research-note>span{display:block;font-size:7px;line-height:1.6;letter-spacing:1.5px;color:#929274;margin-bottom:8px}
.radar-sheet p{font-family:Literata,Georgia,serif;font-size:15px;line-height:1.6;color:#63714f;letter-spacing:-.15px}
.research-note{border-top:1px solid #a6ac8c66;border-bottom:1px solid #a6ac8c66;padding:19px 0 21px;margin:0 0 21px}
.research-note p{font-family:Literata,Georgia,serif;font-size:17px;line-height:1.65;color:#657150;letter-spacing:-.2px}
.method-list{list-style:none;padding:0;margin:0 0 35px}
.method-list li{display:flex;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid #a6ac8c66;font-size:11px;line-height:1.6;color:#687653}
.method-list span{font-family:Literata,Georgia,serif;font-size:12px;color:#989468}
.project-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;color:#d4c3a2;font-size:9px;line-height:1.6}
.project-pagination button{display:flex;align-items:center;gap:17px;font-size:9px;line-height:1.6;color:#d4c3a2;padding:8px 0}
.project-pagination button>span[aria-hidden]{font-size:19px;color:#d9be86}
.project-pagination button:hover:not(:disabled){color:#f4dfb0}
.project-pagination button:disabled{opacity:.25;cursor:default}
#project-position{font-size:8px;letter-spacing:1px;white-space:nowrap;color:#aa9571}
.projects-return{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:50px 0 65px}
.projects-return p{font-size:11px;line-height:1.9;color:#858c75}
.projects-return>a{display:flex;align-items:center;justify-content:space-between;gap:45px;font-size:12px;line-height:1.6;padding:11px 0;border-bottom:1px solid #9fa47d;color:#526849}
.projects-return>a>span{font-size:19px;color:#9e925c}
.projects-page :is(a,button,section[tabindex]):focus-visible{outline:2px solid #d6b574;outline-offset:5px}
.projects-page .project-panel:focus-visible{outline-offset:9px}
@keyframes dossier-open{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1199px){
  .dossier-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}
  .project-desk{padding-left:24px;padding-right:24px}
  .dossier-tab{min-height:200px;padding-left:20px;padding-right:20px}
  .folder-title{font-size:25px}
  .dossier-spread{grid-template-columns:1fr;min-height:0}
  .dossier-copy{padding:25px 31px 30px}
  .dossier-copy h2{font-size:38px}
  .dossier-notes{padding:27px 31px 25px;border-left:0;border-top:1px solid #9a987b42;background:linear-gradient(#c5baa017,transparent 17px),var(--project-paper-note)}
  .note-label{margin-bottom:22px}
  .dossier-notes h3{font-size:29px;margin-bottom:23px}
  .dossier-notes h3 br{display:none}
  .project-steps{display:grid;grid-template-columns:1fr;gap:0}
  .project-steps li{padding:16px 0}
  .dossier-marginal{margin-top:25px;padding-top:17px}
  .paper-folio{margin-top:20px}
  .radar-sheet{margin-bottom:10px}
  .radar-sheet p br{display:none}
  .method-list{margin-bottom:0}
}
@media(max-width:900px){
  .projects-page .mast{height:auto;min-height:96px;padding-top:20px;padding-bottom:18px;flex-wrap:wrap;gap:15px 22px}
  .projects-page .brand{flex:1}
  .projects-page .mast nav{order:3;width:100%;gap:24px;flex-wrap:wrap;font-size:11px}
  .projects-page .all{font-size:9px;width:auto;white-space:nowrap}
  .projects-page .all:after{content:none}
  .projects-opening{padding-top:35px;padding-bottom:32px;gap:30px}
  .projects-breadcrumb{margin-bottom:27px;font-size:9px}
  .projects-opening h1{font-size:55px;letter-spacing:-1.8px;margin-top:17px}
  .opening-note{font-size:10px;max-width:220px;line-height:1.8}
  .dossier-layout{grid-template-columns:1fr;gap:23px}
  .dossier-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:10px}
  .dossier-tab{min-height:190px;padding:17px 17px 13px;transform:none!important}
  .dossier-tab.is-selected{transform:translateY(-3px)!important}
  .folder-topline{font-size:6.5px;gap:8px}
  .folder-topline>span:last-child{max-width:105px}
  .folder-title{font-size:23px;margin-top:18px}
  .folder-description{font-size:8px}
  .folder-bottom{font-size:7px}
  .project-desk{padding:20px 22px 22px}
  .desk-edge{margin-bottom:20px;font-size:6px;letter-spacing:1.4px}
  .dossier-copy{padding:26px 32px 30px}
  .dossier-copy h2{font-size:40px;max-width:620px}
  .project-prose{max-width:650px}
  .project-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:22px 30px}
  .project-facts{max-width:650px}
  .project-primary{min-width:235px}
  .dossier-notes{padding:28px 32px}
  .project-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .project-steps li{grid-template-columns:1fr;gap:8px;border-top:1px solid #a6ac8c66}
  .dossier-marginal{max-width:500px}
  .radar-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 20px;margin-bottom:0}
  .radar-sheet>div{border:0}
  .radar-sheet p{font-size:14px}
  .method-list{display:flex;gap:25px;flex-wrap:wrap;margin:0}
  .method-list li{gap:12px}
  .research-note{max-width:600px}
  .projects-return{padding:40px 0 50px}
}
@media(max-width:650px){
  .projects-page main{padding-left:22px;padding-right:22px}
  .projects-page .mast{padding-left:22px;padding-right:22px;min-height:112px;gap:16px}
  .projects-page .mast nav{font-size:9px;gap:19px;justify-content:space-between}
  .projects-page .brand{font-size:24px}
  .projects-page .all{font-size:9px}
  .projects-opening{display:block;padding:30px 0 28px}
  .projects-breadcrumb{font-size:8px;margin-bottom:26px;gap:9px}
  .projects-opening .eyebrow{font-size:8px;letter-spacing:1.7px}
  .projects-opening h1{font-size:44px;line-height:1.16;letter-spacing:-1.4px;margin-top:16px}
  .opening-note{font-size:10px;margin-top:21px;max-width:none}
  .opening-note br{display:none}
  .project-desk{padding:17px 11px 19px;margin:0 -3px}
  .desk-edge{font-size:5px;letter-spacing:1px;gap:15px;margin:0 4px 23px}
  .dossier-layout{gap:17px}
  .dossier-tabs{gap:8px;padding:0 2px}
  .dossier-tab{min-height:105px;padding:10px 9px 9px;border-radius:0}
  .dossier-tab:before{height:10px;top:-8px;width:47%;border-radius:3px 3px 0 0}
  .folder-topline{font-size:6px;line-height:1.3;letter-spacing:.6px}
  .folder-topline>span:last-child,.folder-title,.folder-description,.folder-bottom{display:none}
  .folder-title-mobile{display:block;font-family:Literata,Georgia,serif;font-size:16px;line-height:1.25;letter-spacing:-.25px;margin:15px 0 0}
  .dossier-spread{min-height:0}
  .dossier-copy{padding:22px 21px 26px}
  .paper-running{font-size:6px;line-height:1.5;letter-spacing:1px;padding-bottom:15px;margin-bottom:23px;gap:15px}
  .project-status{font-size:7px;padding:5px 8px}
  .dossier-copy h2{font-size:30px;line-height:1.22;letter-spacing:-.65px;margin:22px 0 20px}
  .project-lead{font-size:17px;line-height:1.6;letter-spacing:-.2px;margin-bottom:23px}
  .project-prose{font-size:11px;line-height:1.95}
  .project-prose p{margin-bottom:15px}
  .project-facts{font-size:9px;line-height:1.75;margin:25px 0 24px}
  .project-facts>div{grid-template-columns:78px minmax(0,1fr);gap:13px;padding:11px 0}
  .project-actions{display:flex;align-items:flex-start;flex-direction:column;gap:19px;padding-top:3px}
  .project-primary{font-size:10px;min-width:0;width:100%;padding:13px 14px;gap:16px}
  .project-primary>span{font-size:14px}
  .project-secondary{font-size:9px;gap:15px}
  .dossier-notes{padding:25px 21px 24px}
  .note-label{font-size:6px;letter-spacing:1.3px;margin-bottom:21px}
  .dossier-notes h3{font-size:25px;line-height:1.35;letter-spacing:-.55px;margin-bottom:23px}
  .dossier-notes h3 br{display:block}
  .project-steps{grid-template-columns:1fr;gap:0}
  .project-steps li{grid-template-columns:21px minmax(0,1fr);gap:12px;padding:18px 0}
  .project-steps h4{font-size:10px;margin-bottom:7px}
  .project-steps p{font-size:10px;line-height:1.9}
  .project-steps li>span{font-size:11px}
  .dossier-marginal{font-size:8px;line-height:1.85;margin-top:23px;padding-top:17px;padding-right:10px}
  .paper-folio{font-size:6px;margin-top:22px}
  .radar-sheet{grid-template-columns:1fr;gap:0;padding:0 17px}
  .radar-sheet>div{padding:18px 0;border-bottom:1px solid #a6ac8c66}
  .radar-sheet>div:last-child{border-bottom:0}
  .radar-sheet span,.research-note>span{font-size:6px;letter-spacing:1.2px}
  .radar-sheet p{font-size:15px;line-height:1.65}
  .radar-sheet p br{display:block}
  .research-note{padding:18px 0;margin-bottom:18px}
  .research-note p{font-size:16px;line-height:1.7}
  .method-list{display:block}
  .method-list li{font-size:10px;padding:13px 0;gap:15px}
  .method-list span{font-size:11px}
  .project-pagination{gap:12px;margin:20px 3px 0}
  .project-pagination button{font-size:7px;gap:8px;line-height:1.7;text-align:left}
  .project-pagination button:last-child{text-align:right}
  .project-pagination button>span[aria-hidden]{font-size:17px}
  #project-position{font-size:7px;letter-spacing:.3px}
  .projects-return{display:block;padding:35px 0 45px}
  .projects-return p{font-size:10px;line-height:1.9}
  .projects-return p br{display:none}
  .projects-return>a{font-size:11px;gap:35px;max-width:290px;margin-top:22px}
  .projects-return>a>span{font-size:18px}
}
@media(max-width:360px){.projects-page main{padding-left:17px;padding-right:17px}.projects-page .mast{padding-left:20px;padding-right:20px}.projects-page .mast nav{font-size:8px;gap:13px}.projects-opening h1{font-size:40px}.folder-title-mobile{font-size:14px}.dossier-tab{padding-left:7px;padding-right:7px}.dossier-copy,.dossier-notes{padding-left:18px;padding-right:18px}.dossier-copy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.project-panel.is-active{animation:none}.dossier-tab,.project-primary{transition:none}.dossier-tab:hover,.dossier-tab.is-selected{transform:none!important}}
@media print{.projects-page{background:white;color:#172719}.projects-page .mast,.projects-page footer,.dossier-tabs,.desk-edge,.project-pagination,.projects-return{display:none!important}.projects-page main{max-width:none;padding:0}.projects-opening{padding:0 0 20px}.project-desk{background:white;border:0;box-shadow:none;padding:0}.dossier-layout{display:block}.projects-page .project-panel[hidden]{display:block!important}.project-panel{break-inside:avoid-page;margin:0 0 25px!important}.dossier-spread{box-shadow:none;border:1px solid #b5b8a8;min-height:0}.dossier-spread:before,.project-desk:after{display:none}.dossier-copy,.dossier-notes{padding:20px}.project-primary{background:transparent;color:#172719;border-color:#879079}.project-actions a[href^="http"]:after{content:attr(href);display:block;font-size:7px;overflow-wrap:anywhere}.opening-note{color:#45513e}.projects-opening h1{font-size:38px}}
.projects-page .dossier-copy a:focus-visible,.projects-page .projects-breadcrumb a:focus-visible,.projects-page .projects-return>a:focus-visible{outline-color:#3e5b3c}.projects-page .dossier-tab:focus-visible{outline-color:#f2dfb5;box-shadow:0 0 0 7px #31482d}
