/* Selected third-round design 5. Artwork is separate from live text and links.
   Only the inspiration content area changes; the five navigation controls do not. */
/* The lettering is an imagegen extraction of the selected third-round image 5.
   The real h1 text remains available to assistive technology and forced colors. */
:root:root:root:root body.page-inspiration .topbar h1{
 position:relative;width:clamp(280px,51vw,760px);max-width:100%;min-width:0;
 margin:0!important;line-height:1!important;
}
:root:root:root:root body.page-inspiration .topbar>div:first-child{min-width:0;}
.inspiration-heading-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.inspiration-heading-art{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}
:root:root:root:root body.page-inspiration:is([data-theme=opal_obsidian],.theme-opal-obsidian) .inspiration-heading-art{filter:invert(1) hue-rotate(180deg) saturate(8);}
:root:root:root:root body.page-inspiration .topbar{min-height:124px!important;padding:0!important;margin-bottom:18px!important;align-items:center;}
.inspiration-vinyl-list{display:flex;flex-direction:column;gap:13px;min-width:0;margin:0;padding:0;}
.inspiration-vinyl-row{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;min-width:0;min-height:clamp(90px,9.7vw,160px);padding:22px 5% 22px 24%;box-sizing:border-box;color:#000;text-decoration:none;scroll-margin:24px;}
.inspiration-vinyl-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none;z-index:-1;}
.inspiration-vinyl-row>strong{min-width:0;margin:0;color:#000!important;font-size:clamp(28px,4.1vw,66px);line-height:1.12;font-weight:950;letter-spacing:-.04em;overflow-wrap:anywhere;}
.inspiration-vinyl-arrow{width:clamp(30px,4vw,58px);height:clamp(30px,4vw,58px);filter:brightness(0);transform:rotate(180deg);pointer-events:none;}
.inspiration-vinyl-black>strong{color:#faf7ef!important;text-shadow:-1px 0 #101114,1px 0 #101114,0 -1px #101114,0 1px #101114;}
.inspiration-vinyl-black .inspiration-vinyl-arrow{filter:brightness(0) invert(1);}
.inspiration-vinyl-row:hover .inspiration-vinyl-art{filter:brightness(1.06);}
.inspiration-vinyl-row:focus-visible,.inspiration-vinyl-row:target{outline:3px solid var(--geo-blue);outline-offset:4px;}
.inspiration-project-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:55vh;}
.inspiration-project-empty p{font-size:clamp(32px,5vw,58px);font-weight:850;margin:0;}
@media(max-width:900px){:root:root:root:root body.page-inspiration .topbar{min-height:100px!important;gap:16px!important;flex-wrap:wrap;}.inspiration-vinyl-row{padding-block:18px;column-gap:12px;}.inspiration-vinyl-list{gap:11px;}}
@media(max-width:600px){.inspiration-vinyl-row{min-height:92px;padding:18px 5% 18px 24%;column-gap:10px;}.inspiration-vinyl-row>strong{font-size:clamp(24px,6vw,34px);}.inspiration-vinyl-arrow{width:28px;height:28px;}}
@media(prefers-reduced-motion:reduce){.inspiration-vinyl-row,.inspiration-vinyl-row *{animation:none!important;transition:none!important;}}
@media(forced-colors:active){.inspiration-vinyl-art{display:none;}.inspiration-vinyl-row{padding-left:20px;border:2px solid ButtonText;background:Canvas;color:CanvasText;}.inspiration-vinyl-row>strong{color:CanvasText!important;}.inspiration-vinyl-arrow{filter:none;}}

@media(forced-colors:active){
 :root:root:root:root body.page-inspiration .topbar h1{width:auto;font-size:clamp(32px,6vw,84px)!important;line-height:1.14!important;color:CanvasText!important;}
 .inspiration-heading-art{display:none;}
 .inspiration-heading-text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;}
}
@media print{.inspiration-heading-art{filter:none!important;}}

/* The five-row page uses only the right-hand content area. Never scale the nav. */
.inspiration-vinyl-row[hidden]{display:none!important;}
.inspiration-pagination{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:16px;min-height:44px;margin-top:10px;}
.inspiration-pagination .secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:44px;box-sizing:border-box;}
@media(min-width:780px) and (min-height:640px){
 :root:root:root:root:root body.page-inspiration main.app-shell{
  display:flex!important;flex-direction:column;height:100dvh;min-height:100dvh!important;
  padding-top:16px!important;padding-bottom:calc(var(--site-dock-height,80px) + 32px)!important;
 }
 :root:root:root:root:root body.page-inspiration .topbar{flex:0 0 auto;min-height:0!important;margin-bottom:12px!important;}
 :root:root:root:root:root body.page-inspiration .topbar h1{width:min(51vw,calc(clamp(88px,16dvh,168px) * 2125 / 740));}
 body.page-inspiration .inspiration-vinyl-list{--inspiration-row-gap:clamp(6px,1dvh,10px);container-type:size;flex:1 1 0;min-height:280px;gap:var(--inspiration-row-gap);}
 body.page-inspiration .inspiration-vinyl-row{
  --inspiration-row-height:calc((100cqh - 4 * var(--inspiration-row-gap)) / 5);
  --inspiration-row-width:min(100cqw,calc(var(--inspiration-row-height) * 1490 / 180));
  flex:0 0 var(--inspiration-row-height);min-height:min-content;max-height:none;align-self:flex-start;
  width:var(--inspiration-row-width);max-width:100%;padding-block:4px;
  padding-inline-start:calc(var(--inspiration-row-width) * .24);padding-inline-end:calc(var(--inspiration-row-width) * .05);
 }
 body.page-inspiration .inspiration-vinyl-row>strong{font-size:clamp(24px,calc((100cqh - 4 * var(--inspiration-row-gap)) / 5 * .44),54px);}
 body.page-inspiration .inspiration-vinyl-arrow{width:clamp(28px,5cqh,44px);height:clamp(28px,5cqh,44px);}
}
@media print{
 :root:root:root:root:root body.page-inspiration main.app-shell{height:auto;min-height:0!important;}
 body.page-inspiration .inspiration-vinyl-list{container-type:normal;flex:none;}
 body.page-inspiration .inspiration-vinyl-row{max-width:none;min-height:92px;flex:none;}
}

/* Selected cosmic background 3: a real image behind this page only.
   The fixed layer includes the title area; it does not change content geometry. */
:root:root:root:root:root body.page-inspiration{isolation:isolate;}
:root:root:root:root:root body.page-inspiration::before{
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:url('inspiration-vinyl/sparse-light-stars-20261007.webp') right top / cover no-repeat;
 opacity:.8;filter:none;
}
:root:root:root:root:root body.page-inspiration[data-theme=aurora_titanium]{--st-paper:var(--geo-paper);background:var(--geo-paper,#faf9f5)!important;}
:root:root:root:root:root body.page-inspiration:is([data-theme=opal_obsidian],.theme-opal-obsidian)::before{
 background-image:url('inspiration-vinyl/cosmic-starlight-selected-3.webp');opacity:1;filter:none;
}
@media screen and (min-width:1180px){
 :root:root:root:root:root:not([data-native-fullscreen=true]) body.page-inspiration::before{
  left:var(--workspace-sidebar,226px);
 }
}
/* On phones and narrow tablets, use the full content width and let longer
   content scroll normally. A decorative right-hand column is not reserved. */
@media screen and (max-width:900px){
 :root:root:root:root:root body.page-inspiration main.app-shell{
  height:auto;min-height:100dvh!important;
 }
 body.page-inspiration .inspiration-vinyl-list{container-type:normal;flex:0 0 auto;min-height:0;gap:11px;}
 body.page-inspiration .inspiration-vinyl-row{
  --inspiration-row-width:100%;width:100%;max-width:100%;align-self:stretch;flex:0 0 auto;
  min-height:92px;padding:18px 5% 18px 24%;column-gap:10px;
 }
 body.page-inspiration .inspiration-vinyl-row>strong{font-size:clamp(24px,6vw,34px);}
 body.page-inspiration .inspiration-vinyl-arrow{width:28px;height:28px;}
 :root:root:root:root:root body.page-inspiration::before{background-position:right top;}
 :root:root:root:root:root body.page-inspiration:is([data-theme=opal_obsidian],.theme-opal-obsidian)::before{opacity:.30;}
}
@media(forced-colors:active){
 :root:root:root:root:root body.page-inspiration::before{display:none;content:none;}
 body.page-inspiration .inspiration-vinyl-row{padding-inline:20px;}
}
@media print{
 :root:root:root:root:root body.page-inspiration::before{display:none;content:none;}
}