/* A quiet, tactile exhibition around the project's original explanation. */
.project-exhibition{--exhibit-paper:#fcf9f2;--exhibit-ink:#0b2051;--exhibit-muted:#435577;background:var(--exhibit-paper);color:var(--exhibit-ink)}
.project-exhibition .container{width:min(1120px,calc(100% - 80px));margin-inline:auto}
.project-exhibition .site-header{height:84px;background:#fcf9f2;border-bottom:1px solid #e8e1d4}
.project-exhibition .brand{font-size:26px}
.project-exhibition .community-label{font-size:14px;color:var(--exhibit-muted)}
.project-exhibition .nav-links{font-size:14px}
.project-exhibition .eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.6;margin-bottom:19px}
.project-exhibition .eyebrow::before{width:23px;background:#ed4d96}
.exhibit-stage{position:relative;padding:25px 0 62px;background:linear-gradient(90deg,#fcf9f2ed,#fcf9f273 50%,#fcf9f22b),url('/built-by-you/assets/community/hero-studio-v4.webp') center 65%/cover no-repeat;border-bottom:1px solid #e6ded0}
.exhibit-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:44px;font-size:12px;line-height:1.5;color:var(--exhibit-muted)}
.exhibit-breadcrumb a{display:inline-flex;gap:9px;align-items:center;padding:8px 0;min-height:40px}
.exhibit-breadcrumb a:hover{text-decoration:underline;text-underline-offset:5px;color:var(--action)}
.exhibit-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;align-items:center}
.exhibit-copy{min-width:0;padding:12px 0 20px}
.exhibit-copy h1{font:400 clamp(48px,5.1vw,76px)/1.04 var(--serif);letter-spacing:-.045em;margin:0 0 27px;overflow-wrap:anywhere;text-wrap:balance}
.exhibit-period{color:#df3d84}
.exhibit-creator{display:inline-grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:18px;max-width:100%;margin-bottom:29px;border-radius:999px}
.exhibit-creator>img{width:88px;height:88px;flex:none;object-fit:cover;border:4px solid #fffdf8;outline:1px solid #cfc4b2;border-radius:50%;box-shadow:0 4px 10px #112b4f19}
.exhibit-creator>span{min-width:0}
.exhibit-creator-label{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--exhibit-muted);margin-bottom:4px}
.exhibit-creator-name{display:block;font-size:19px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.exhibit-creator-name>span{color:var(--action);font-size:17px;white-space:nowrap}
.exhibit-creator:hover .exhibit-creator-name{text-decoration:underline;text-underline-offset:4px}
.exhibit-description{font-size:clamp(19px,1.8vw,23px);line-height:1.52;letter-spacing:-.025em;max-width:39ch;color:var(--exhibit-muted);margin:0 0 30px;text-wrap:pretty}
.exhibit-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
.exhibit-actions .button{min-height:52px;padding-inline:24px}
.exhibit-category-link{font-size:12px;font-weight:600;padding:12px 0;color:var(--exhibit-muted);display:inline-flex;align-items:center;gap:10px}
.exhibit-category-link:hover{color:var(--action);text-decoration:underline;text-underline-offset:4px}
.exhibit-art{margin:0;min-width:0;padding:14px;border:1px solid #d5c9b8;border-radius:21px;background:linear-gradient(135deg,#fffdf7,#eee6d7);box-shadow:inset 0 1px 0 #fff,0 2px 3px #62533b16,0 14px 38px #62533b21,0 34px 45px #62533b0d}
.exhibit-art-mat{aspect-ratio:1;display:grid;place-items:center;border:1px solid #e1d9cb;border-radius:10px;overflow:hidden;background:#f2ece0;box-shadow:inset 0 1px 6px #88786310}
.exhibit-art-mat>img{width:100%;height:100%;object-fit:contain}
.exhibit-art figcaption{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:15px 6px 2px;color:#606655;font-size:10px;line-height:1.5}
.exhibit-art figcaption>span:first-child{font-weight:700;text-transform:uppercase;letter-spacing:.13em;flex:none}
.exhibit-art figcaption>span:last-child{text-align:right;overflow-wrap:anywhere;max-width:60%}
.exhibit-body{padding-top:63px;padding-bottom:63px}
.exhibit-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.exhibit-category{min-width:0;padding-right:22px}
.exhibit-category h2,.exhibit-section-heading h2,.exhibit-return h2{font:400 clamp(36px,3.8vw,49px)/1.09 var(--serif);letter-spacing:-.04em;margin:0;text-wrap:balance}
.exhibit-category>p:not(.eyebrow){font-size:18px;line-height:1.6;color:var(--exhibit-muted);max-width:35ch;margin:20px 0 23px}
.exhibit-category-pill{display:inline-flex;align-items:center;gap:23px;min-height:44px;padding:10px 16px;border:1px solid #a58f79;border-radius:999px;background:linear-gradient(#fffdf7,#f2ece0);box-shadow:inset 0 1px 0 #fff,0 2px 4px #30291809;font-size:13px;font-weight:600}
.exhibit-category-pill:hover{border-color:var(--exhibit-ink);background:#eee6d7}
.exhibit-tags{margin-top:23px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.exhibit-tags-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--exhibit-muted)}
.exhibit-tags .project-tags{margin:0}
.exhibit-tags .project-tags span{border-color:#c1b9a9;background:#f6f0e5;color:var(--exhibit-muted);padding:4px 9px;font-size:12px}
.exhibit-repository{border:1px solid #d7cbbb;border-radius:15px;padding:30px 32px;background:linear-gradient(135deg,#fffdf9,#f5eee1);box-shadow:inset 0 1px 0 #fff,0 2px 4px #79644009,0 9px 28px #79644008;min-width:0}
.exhibit-repository-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}
.exhibit-repository-heading .eyebrow{margin:0}
.exhibit-github-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b5aa97;border-radius:50%;font-size:23px;background:#fffdf6}
.exhibit-repository h2{font:400 32px/1.12 var(--serif);letter-spacing:-.03em;margin:0 0 13px;text-wrap:balance}
.exhibit-repository-intro{font-size:15px;line-height:1.6;color:var(--exhibit-muted);max-width:42ch;margin:0 0 23px}
.exhibit-repository dl{margin:0 0 22px;padding-top:21px;border-top:1px solid #ded4c3;display:grid;gap:16px}
.exhibit-repository dl>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px}
.exhibit-repository dt{font-size:11px;letter-spacing:.04em;color:var(--exhibit-muted);line-height:1.6}
.exhibit-repository dd{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.exhibit-repository dd a{text-decoration:underline;text-decoration-color:#b5afa1;text-underline-offset:4px}
.exhibit-repository dd a:hover{color:var(--action)}
.exhibit-repository-link{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ded4c3;padding-top:18px;font-size:14px;font-weight:600;min-height:44px}
.exhibit-repository-link>span{color:var(--action);font-size:23px}
.exhibit-repository-link:hover{color:var(--action)}
.exhibit-related{padding-top:76px}
.exhibit-section-heading{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:29px}
.exhibit-section-heading .eyebrow{margin-bottom:15px}
.exhibit-section-heading h2{max-width:19ch}
.exhibit-section-heading>a{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:600;min-height:44px;flex:none;padding:10px 0}
.exhibit-section-heading>a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--action)}
.exhibit-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.exhibit-card{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:20px;border:1px solid #d8cebc;border-radius:13px;padding:12px;background:linear-gradient(135deg,#fffdf8,#f8f3e9);box-shadow:inset 0 1px 0 #fff,0 3px 8px #5d523b07;min-width:0}
.exhibit-card-art{display:block;aspect-ratio:1;border:1px solid #e0d6c4;border-radius:7px;overflow:hidden;background:#f0e8db;align-self:start}
.exhibit-card-art img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.exhibit-card-art:hover img{transform:scale(1.03)}
.exhibit-card-copy{min-width:0;padding:4px 8px 3px 0;display:flex;flex-direction:column;height:100%}
.exhibit-card-category{font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--exhibit-muted);margin:0 0 13px}
.exhibit-card-identity{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.exhibit-card-identity>div{min-width:0}
.exhibit-card-portrait{display:block;border-radius:50%;align-self:start}
.exhibit-card-portrait img{width:56px;height:56px;object-fit:cover;border:3px solid #fffdf8;outline:1px solid #cfc4b2;border-radius:50%;box-shadow:0 2px 5px #12244d13}
.exhibit-card h3{font:400 24px/1.13 var(--serif);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 5px}
.exhibit-card h3 a:hover{color:var(--action)}
.exhibit-card-maker{font-size:12px;color:var(--exhibit-muted);line-height:1.4;overflow-wrap:anywhere;display:inline-block}
.exhibit-card-maker:hover{text-decoration:underline;text-underline-offset:4px}
.exhibit-card-description{font-size:14px;color:var(--exhibit-muted);line-height:1.55;margin:17px 0 14px;text-wrap:pretty;flex:1}
.exhibit-card-link{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #ded4c3;padding-top:12px;font-size:12px;font-weight:600;min-height:40px}
.exhibit-card-link>span{color:var(--action);font-size:19px}
.exhibit-card-link:hover{color:var(--action)}
.exhibit-return{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:37px 0 0;margin-top:61px;border-top:1px solid #e0d7c7}
.exhibit-return .eyebrow{margin-bottom:14px}
.exhibit-return h2{font-size:39px}
.exhibit-return>.button{flex:none}
.exhibit-footer{position:relative;overflow:hidden;padding:35px 0 135px;border-top:1px solid #e1d8c8;background:#f5eedf}
.exhibit-footer-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.exhibit-footer .brand{font-size:25px}
.exhibit-footer .brand img{width:36px;height:36px}
.exhibit-footer nav{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:600}
.exhibit-footer nav a{padding:11px 0}
.exhibit-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
.exhibit-footer nav>span{color:#a79f91}
.exhibit-footer p{font-size:11px;letter-spacing:.02em;color:var(--exhibit-muted);margin:0}
.exhibit-ribbons{position:absolute;inset:auto 0 -22px;height:126px;pointer-events:none}
.exhibit-ribbons svg{width:100%;height:100%}
@media(max-width:1100px){
 .exhibit-hero{gap:36px;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
 .exhibit-copy h1{font-size:clamp(44px,5.5vw,62px)}
 .exhibit-context{gap:42px}
 .exhibit-related-grid{gap:22px}
 .exhibit-card{grid-template-columns:120px minmax(0,1fr);gap:16px}
 .exhibit-card h3{font-size:22px}
 .exhibit-card-identity{grid-template-columns:48px minmax(0,1fr);gap:10px}
 .exhibit-card-portrait img{width:48px;height:48px}
}
@media(max-width:820px){
 .project-exhibition .container{width:calc(100% - 48px)}
 .project-exhibition .site-header{height:76px}
 .exhibit-stage{padding-top:16px;padding-bottom:42px;background-position:70% 65%}
 .exhibit-breadcrumb{margin-bottom:25px}
 .exhibit-hero{grid-template-columns:1fr;gap:30px}
 .exhibit-copy{padding:0;max-width:640px}
 .exhibit-copy h1{font-size:clamp(42px,7.8vw,68px);max-width:17ch}
 .exhibit-creator{margin-bottom:23px}
 .exhibit-description{max-width:49ch;font-size:21px;margin-bottom:25px}
 .exhibit-art{max-width:600px;width:100%;justify-self:center}
 .exhibit-body{padding-top:43px;padding-bottom:44px}
 .exhibit-context{gap:30px;align-items:start}
 .exhibit-category{padding-right:0}
 .exhibit-category h2{font-size:36px}
 .exhibit-category>p:not(.eyebrow){font-size:16px}
 .exhibit-repository{padding:25px 23px}
 .exhibit-repository h2{font-size:29px}
 .exhibit-repository dl>div{grid-template-columns:1fr;gap:3px}
 .exhibit-related{padding-top:50px}
 .exhibit-section-heading{align-items:start;flex-direction:column;gap:10px}
 .exhibit-section-heading h2{font-size:41px}
 .exhibit-related-grid{grid-template-columns:1fr;gap:20px}
 .exhibit-card{grid-template-columns:180px minmax(0,1fr);gap:23px}
 .exhibit-card-identity{grid-template-columns:56px minmax(0,1fr);gap:12px}
 .exhibit-card-portrait img{width:56px;height:56px}
 .exhibit-card h3{font-size:28px}
 .exhibit-card-description{font-size:16px}
 .exhibit-return{margin-top:43px;gap:28px}
 .exhibit-return h2{font-size:34px}
 .exhibit-return>.button{padding-inline:19px;font-size:14px}
 .exhibit-footer p{width:100%;margin-top:3px}
}
@media(max-width:560px){
 .project-exhibition .container{width:calc(100% - 36px)}
 .project-exhibition .site-header{height:70px}
 .project-exhibition .brand{font-size:22px}
 .project-exhibition .brand img{width:33px;height:33px}
 .project-exhibition .nav-links{font-size:12px;gap:12px}
 .project-exhibition .community-label{display:none}
 .project-exhibition .nav-links .text-link:first-child{display:block}
 .project-exhibition .nav-links .text-link:last-child{display:none}
 .project-exhibition .eyebrow{font-size:9px;letter-spacing:.13em;gap:8px}
 .exhibit-breadcrumb{font-size:11px;gap:8px 11px;margin-bottom:21px}
 .exhibit-copy h1{font-size:clamp(38px,10vw,54px);margin-bottom:23px}
 .exhibit-creator{grid-template-columns:76px minmax(0,1fr);gap:15px;margin-bottom:24px}
 .exhibit-creator>img{width:76px;height:76px}
 .exhibit-creator-name{font-size:17px}
 .exhibit-creator-label{font-size:9px}
 .exhibit-description{font-size:19px;line-height:1.52;margin-bottom:23px}
 .exhibit-actions{gap:10px 17px}
 .exhibit-actions .button{font-size:14px;padding-inline:20px;width:100%}
 .exhibit-category-link{min-height:44px;font-size:12px}
 .exhibit-hero{gap:24px}
 .exhibit-art{padding:10px;border-radius:16px}
 .exhibit-art figcaption{gap:13px;padding:13px 3px 2px;font-size:9px}
 .exhibit-art figcaption>span:first-child{letter-spacing:.06em}
 .exhibit-stage{padding-bottom:32px}
 .exhibit-body{padding-top:33px;padding-bottom:34px}
 .exhibit-context{grid-template-columns:1fr;gap:28px}
 .exhibit-category h2{font-size:37px}
 .exhibit-category>p:not(.eyebrow){font-size:17px;margin-top:18px}
 .exhibit-repository{padding:25px 22px}
 .exhibit-repository dl>div{grid-template-columns:79px minmax(0,1fr);gap:12px}
 .exhibit-related{padding-top:42px}
 .exhibit-section-heading{gap:7px;margin-bottom:20px}
 .exhibit-section-heading h2{font-size:36px}
 .exhibit-section-heading>a{font-size:12px}
 .exhibit-card{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:11px}
 .exhibit-card-copy{padding:0 1px 0 0}
 .exhibit-card-category{font-size:8px;margin-bottom:10px}
 .exhibit-card-identity{grid-template-columns:46px minmax(0,1fr);gap:9px;align-items:start}
 .exhibit-card-portrait img{width:46px;height:46px}
 .exhibit-card h3{font-size:23px}
 .exhibit-card-maker{font-size:11px}
 .exhibit-card-description{font-size:14px;margin:13px 0 11px}
 .exhibit-card-link{font-size:11px;gap:10px;padding-top:9px}
 .exhibit-return{display:block;padding-top:28px;margin-top:33px}
 .exhibit-return h2{font-size:35px;margin-bottom:25px}
 .exhibit-return>.button{width:100%;font-size:14px}
 .exhibit-footer{padding-top:27px;padding-bottom:122px}
 .exhibit-footer-content{gap:17px 20px}
 .exhibit-footer .brand{font-size:23px}
 .exhibit-footer nav{font-size:11px;gap:10px;flex-wrap:wrap}
 .exhibit-footer p{margin-top:0}
 .exhibit-ribbons{height:110px}
}
/* Let long repository names breathe on the narrowest phones. */
@media(max-width:419px){
 .exhibit-card{grid-template-columns:1fr;gap:17px}
 .exhibit-card-art{width:100%;aspect-ratio:3/2}
 .exhibit-card-copy{padding:0 4px 5px}
 .exhibit-card-identity{grid-template-columns:56px minmax(0,1fr);gap:12px}
 .exhibit-card-portrait img{width:56px;height:56px}
 .exhibit-card h3{font-size:25px}
 .exhibit-card-description{font-size:15px;margin-top:16px}
 .exhibit-card-link{font-size:12px;padding-top:12px}
}
@media(prefers-reduced-motion:reduce){.exhibit-card-art img{transition:none}.exhibit-card-art:hover img{transform:none}}

/* Real screenshots and notes supplied by the project's maintainer. */
.exhibit-updates{padding-block:45px;border-top:1px solid #ddd4c5}
.exhibit-update-notes{max-width:760px;font-size:17px;line-height:1.7;color:var(--exhibit-muted)}
.exhibit-update-notes p{margin:0 0 20px;white-space:pre-line;overflow-wrap:anywhere}
.exhibit-update-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:26px}
.exhibit-update-shot{margin:0;padding:10px;background:#fffdf9;border:1px solid #d7cbbb;border-radius:14px;box-shadow:0 8px 24px #7964400a;min-width:0}
.exhibit-update-shot img{display:block;width:100%;height:auto;border-radius:7px}
.exhibit-update-shot figcaption{padding:13px 4px 4px;font-size:14px;line-height:1.5;color:var(--exhibit-muted);overflow-wrap:anywhere}
.exhibit-update-issue{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:13px;line-height:1.6;color:var(--exhibit-ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:720px){.exhibit-update-gallery{grid-template-columns:1fr;gap:18px}.exhibit-updates{padding-block:30px}}