/* Garden window narrative only. Existing homepage, artwork and interactions stay intact. */
#pierce-studio .arrival-copy>p:not(.eyebrow){max-width:720px;margin-inline:auto}
#pierce-studio .arrival-copy .story-intro-note{font-size:14px;color:#c8baa4;margin-top:14px}
#pierce-studio .story-demo-action{margin-top:24px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
#pierce-studio .arrival-copy .story-demo-access{font-size:12px;margin-top:10px;line-height:1.6}
#pierce-studio .story-play,#pierce-studio .story-mission,#pierce-studio .story-support{width:calc(100% - 84px);max-width:1196px;margin:48px auto}
#pierce-studio .story-play{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;padding:32px;border-block:1px solid #d7b48644;background:#172634}
#pierce-studio .story-play h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;margin:0 0 18px}
#pierce-studio .story-play h2 em,#pierce-studio .story-mission h2 em,#pierce-studio .story-support h2 em{color:#e1bd88}
#pierce-studio .story-play p:not(.eyebrow){line-height:1.8;color:#d1d3d0;font-size:15px}
#pierce-studio .story-demo-figure{margin:0;align-self:center;min-width:0}
#pierce-studio .story-demo-figure img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#0c1420;border:1px solid #c9ab7e66}
#pierce-studio .story-demo-figure figcaption{font-size:12px;color:#c8baa4;line-height:1.6;margin-top:10px}
#pierce-studio .story-play .fine{font-size:12px!important;line-height:1.7;margin-top:12px}
#pierce-studio .world-prologue>div>p+p{margin-top:18px}
#pierce-studio .story-principles,#pierce-studio .story-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#pierce-studio .story-principles article{border-top:1px solid #c5a27266;padding-top:22px}
#pierce-studio .story-principles .chapter{font-size:12px;color:#e1bd88;letter-spacing:.12em}
#pierce-studio .story-principles h3,#pierce-studio .story-support h3{font:26px/1.2 Georgia,serif;margin:14px 0}
#pierce-studio .story-principles p,#pierce-studio .story-support-grid p:not(.eyebrow){color:#c6ccce;font-size:14px;line-height:1.8}
#pierce-studio .story-support{padding-top:36px;border-top:1px solid #d7b48644}
#pierce-studio .story-support-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #d7b48644;background:#152431;min-width:0}
#pierce-studio .story-support-grid h3{margin-top:0}
#pierce-studio .story-support-grid .gold-button{margin-top:24px;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
#pierce-studio .story-support-grid .fine{font-size:12px!important;line-height:1.7;margin-top:12px}
#pierce-studio .story-support-grid .story-share-address{font:22px/1.4 Georgia,serif!important;color:#e1bd88!important;overflow-wrap:anywhere;margin-top:24px}
#pierce-studio .story-support a:focus-visible{outline:3px solid #f5d499;outline-offset:5px}
#pierce-studio .horizon>div>p+p{margin-top:16px}
@media(max-width:850px){#pierce-studio .story-support-grid{grid-template-columns:1fr}#pierce-studio .story-support-grid article{padding:26px}#pierce-studio .story-play{gap:24px;padding:26px}}
@media(max-width:600px){#pierce-studio .story-play{grid-template-columns:1fr;padding:24px 20px}#pierce-studio .story-principles{grid-template-columns:1fr;gap:24px}#pierce-studio .story-play,#pierce-studio .story-mission,#pierce-studio .story-support{margin-block:32px}#pierce-studio .story-support-grid article{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){#pierce-studio .story-play *,#pierce-studio .story-support *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1000px){#pierce-studio .story-play,#pierce-studio .story-mission,#pierce-studio .story-support{width:calc(100% - 56px)}}
@media(max-width:600px){#pierce-studio .story-play,#pierce-studio .story-mission,#pierce-studio .story-support{width:calc(100% - 40px)}}

/* R19: approved coordinated campus scenes stay whole; controls remain outside the artwork. */
#pierce-studio .scene{aspect-ratio:16/9;min-height:0;max-height:none;border-radius:8px;background:#101c26}
#pierce-studio .scene>img{object-fit:contain}
#pierce-studio .scene-shade,#pierce-studio .scene::after,#pierce-studio .scene-corner,#pierce-studio .embers{display:none}
#pierce-studio .artwork-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 18px}
#pierce-studio .artwork-caption .eyebrow{font-size:10px;color:#d9b989}
#pierce-studio .artwork-caption h2{font:clamp(26px,3vw,38px)/1.15 Georgia,serif;margin:8px 0}
#pierce-studio .artwork-caption p:not(.eyebrow){font-size:14px;line-height:1.6;color:#c8d1d5}
#pierce-studio .artwork-caption>span{font-size:11px;line-height:1.7;color:#c4b99f;text-align:right;flex-shrink:0}
#pierce-studio .scene-tools{padding-top:0;align-items:center;gap:18px}
#pierce-studio .view-presets{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#pierce-studio .view-presets button{padding:0;overflow:hidden;border:1px solid #d9b47b55;min-height:0;display:block;text-align:left;background:#122331;color:#e3e7e7}
#pierce-studio .view-presets button img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0c1721}
#pierce-studio .view-presets button span{display:block;padding:12px 14px;font-size:13px;line-height:1.4;min-height:44px}
#pierce-studio .view-presets button[aria-pressed=true]{border-color:#e6c58d;box-shadow:0 0 0 1px #e6c58d;background:#2b302e;color:#f9e4bd}
#pierce-studio .view-presets button:hover{border-color:#e6c58d;background:#243845}
#pierce-studio .scene-tools button:focus-visible,#pierce-studio .scene:focus-visible{outline:3px solid #f5d499;outline-offset:4px}
#pierce-studio .zoom-tools{flex-wrap:wrap;justify-content:center;max-width:220px;margin:0}
#pierce-studio .scene-tools>p{font-size:12px;line-height:1.6;margin:0;color:#b8c5ce}
#pierce-studio .art-credit{font-size:11px;max-width:700px;margin:0 auto;color:#b5bfca}
#pierce-studio .view-feedback{border-left:3px solid #e6c58d;padding:12px 16px;margin-bottom:16px;font-size:14px;line-height:1.6;background:#2b302e}
#pierce-studio .preview{aspect-ratio:16/10;overflow:visible;border:0;background:#0d1924;padding-bottom:35px}
#pierce-studio .preview img{object-fit:contain;border:1px solid #d7b48644}
#pierce-studio .preview::after{display:none}
#pierce-studio .preview-label{bottom:0;left:0;right:0;font-size:11px;line-height:1.6;color:#c6c7bb;text-shadow:none}
#pierce-studio .horizon-art{background:linear-gradient(90deg,#0a152400,#0a1524e8 48%,#0a1524 90%),url('assets/garden-r19/library.webp') left center/cover}
@media(min-width:1001px){
 #pierce-studio .scene-shell{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:0 24px;align-items:start}
 #pierce-studio .scene{grid-column:1;grid-row:1}
 #pierce-studio .artwork-caption{grid-column:1;grid-row:2}
 #pierce-studio .scene-tools{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:16px}
 #pierce-studio .view-presets{width:100%;grid-template-columns:1fr;gap:10px}
 #pierce-studio .view-presets button{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center}
 #pierce-studio .view-presets button img{height:76px;aspect-ratio:auto;object-fit:contain}
 #pierce-studio .view-presets button span{padding:10px;font-size:12px;min-height:0}
 #pierce-studio .zoom-tools{margin-top:4px;max-width:210px}
 #pierce-studio .art-credit{grid-column:1/-1}
}
@media(max-width:700px){
 #pierce-studio .artwork-caption{align-items:start;gap:12px;padding-top:18px}
 #pierce-studio .artwork-caption>span{font-size:10px;max-width:110px}
 #pierce-studio .artwork-caption .eyebrow{font-size:9px;letter-spacing:.1em}
 #pierce-studio .artwork-caption p:not(.eyebrow){font-size:13px}
 #pierce-studio .scene-tools{display:block}
 #pierce-studio .view-presets{gap:8px;margin-bottom:18px}
 #pierce-studio .view-presets button span{font-size:11px;padding:10px 6px;min-height:50px;text-align:center}
 #pierce-studio .zoom-tools{max-width:none;margin:0 auto 12px;gap:8px}
 #pierce-studio .scene-tools>p{font-size:11px}
 #pierce-studio .art-credit{font-size:10px;padding-inline:0}
 #pierce-studio .horizon-art{background:linear-gradient(0deg,#0a1524 0%,#0a1524e8 55%,#0a152466 100%),url('assets/garden-r19/library.webp') center/cover}
}
@media(prefers-reduced-motion:reduce){#pierce-studio .scene>img{transition:none!important}}

/* R34: story is a destination, not a second discovery lobby. */
#pierce-studio .story-intro{max-width:900px;padding-block:16px 20px}
#pierce-studio .story-intro>p:not(.eyebrow){max-width:720px;margin-top:16px}
#pierce-studio .story-shortcuts{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:20px}
#pierce-studio .story-shortcuts a{min-height:48px;display:inline-flex;align-items:center}
#pierce-studio .story-intro::before{display:none}
#pierce-studio .arrival-copy{padding-top:28px}
#pierce-studio .hub-vision-title{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:14px 0}
@media(max-width:600px){#pierce-studio .story-intro h1{font-size:40px}#pierce-studio .story-shortcuts{gap:8px 20px}}
