/* A continuous 3D wall reveal; the quieter mobile controls remain unchanged. */
.workspace{--wall-reveal:0}
.wall-caption{z-index:3;top:36px;left:34px;color:#2e3027}
.wall-caption h2{font-size:clamp(36px,3.5vw,55px);margin:16px 0 12px;letter-spacing:-2.5px}
.wall-line>*{filter:none}
.workspace[data-wall=true] .wall-line>*,.workspace[data-wall=true] .wall-caption a{animation:none;transform:none;filter:none;opacity:1}
.workspace .wall-caption{opacity:var(--wall-reveal);transform:translateY(calc((1 - var(--wall-reveal))*12px))}
.workspace[data-wall=true] .stage-bottom{visibility:hidden;pointer-events:none}
.scroll-prompt-arrow{animation:none}
.studio-step{min-width:0}
.step-heading{display:flex;align-items:center;gap:10px;list-style:none;margin-bottom:17px;font-size:12px;cursor:default}
.step-heading::-webkit-details-marker{display:none}
.step-heading>span:first-child{font:9px 'Space Mono',monospace;color:#929b85}
.step-heading strong{font-size:12px;font-weight:600}
.step-heading>span:nth-of-type(2),.step-heading>b{display:none}
.fine-controls{border-top:1px solid var(--line);margin-top:15px;padding-top:6px}
.fine-controls>summary{padding:12px 0;cursor:pointer;font-size:11px;color:#69775d}
.fine-controls>summary span{float:right;font:10px 'Space Mono',monospace;padding-top:2px}
.fine-controls[open]{padding-bottom:9px}
@media(max-width:700px){
  .masthead .brand span{display:none}
  .masthead{padding-inline:20px}
  .sculpture-scroll{height:calc(min(690px,100svh - var(--header-height)) + 85svh)}
  .sculpture-scroll .workspace{height:min(690px,calc(100svh - var(--header-height)))}
  .intro{top:29px;left:24px;right:24px}
  .intro .eyebrow{display:none}
  .intro h1{font-size:46px;line-height:1.02;letter-spacing:-2.6px;margin:0 0 13px}
  .intro p{font-size:12px;line-height:1.55;max-width:290px;margin:0}
  .intro-imports{gap:16px;flex-wrap:wrap;margin:10px 0 0}
  .intro-imports button,.intro-imports button:first-child{border:0;border-bottom:1px solid #a2ab96;background:transparent;color:#34462c;padding:6px 0;min-height:38px;font-size:11px;border-radius:0}
  .scroll-prompt{font-size:10px;margin-top:10px;min-height:32px;gap:8px}
  .scroll-prompt-arrow{width:23px;height:23px;font-size:15px}
  .object-caption{left:24px;bottom:34px;max-width:calc(100% - 155px)}
  .object-caption h2{font-size:13px;font-weight:500;letter-spacing:-.2px;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .object-caption .example-badge,.object-caption p{display:none}
  .stage-bottom{border:0;background:none;height:auto;left:auto;right:18px;bottom:23px;padding:0;gap:0}
  .stage-bottom:after,#viewer-hint{display:none}
  #explore-3d{font-size:10px;min-width:106px;min-height:40px;padding:8px 10px;background:#f5f5efcf}
  .view-tools{display:none}
  .workspace[data-exploring=true] .view-tools{display:flex;bottom:72px}
  .workspace[data-exploring=true] .intro{opacity:.12;pointer-events:none}
  .wall-caption{top:40px;left:24px;right:24px}
  .wall-caption>span{font-size:8px;letter-spacing:1.2px}
  .wall-caption h2{font-size:42px;letter-spacing:-2px;line-height:1.03;margin-top:16px}
  .wall-caption a{font-size:11px}
  .wall-caption small{font-size:8px;margin-top:9px}
  .controls{padding-top:25px}
  .panel-heading>.micro,.creation-steps,.creation-start>.create-own-button,.creation-start>p,#route-chooser>p{display:none}
  .panel-heading h2{font-size:27px;line-height:1.12;margin:0 0 21px}
  .panel-heading h2 br{display:none}
  .panel-heading h2 em:before{content:' '}
  .creation-start{display:none}
  #route-chooser{margin-top:0}
  .route-choices button{font-size:12px}
  .route-section .section-label,.route-section .stats,.route-section .tag,.example-caption>span:first-child,.examples-heading .micro{display:none}
  .route-section{padding-top:0;border-top:0}
  .source-tabs button{font-size:11px}
  .examples-heading{margin-top:18px;margin-bottom:12px}
  .example-card{flex-basis:87%}
  .example-card img{aspect-ratio:1.85}
  .example-card-detail{font-size:10px}
  .example-caption{justify-content:flex-end;margin:4px 0}
  .example-map-credit{font-size:8px}
  .studio-step{padding:0;border-top:1px solid var(--line)}
  .step-heading{min-height:76px;gap:10px;cursor:pointer;margin:0;flex-wrap:wrap;padding:16px 0}
  .step-heading strong{font-size:16px;font-weight:500;letter-spacing:-.3px}
  .step-heading>span:first-child{font-size:9px}
  .step-heading>span:nth-of-type(2){display:block;margin-left:auto;font-size:11px;color:#78846c;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .step-heading>b{display:block;font-size:20px;font-weight:400;margin-left:3px;line-height:1}
  .studio-step[open]>.step-heading>b{transform:rotate(45deg)}
  .step-content{padding-bottom:22px}
  .fine-controls>summary{font-size:12px;min-height:44px}
  .inscription .intent-toggle{display:none}
  .format-description{min-height:0;font-size:11px}
  .mobile-preview-slot{height:89px;margin-top:-25px;margin-bottom:20px;padding:8px 12px}
  .mobile-preview{height:72px;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:6px 10px 6px 5px}
  .mobile-preview canvas{width:88px;height:55px}
  .preview-copy .micro{display:none}
  .preview-copy strong{font-size:12px}
  .preview-copy #mobile-preview-details{font-size:9px}
  #design:not([data-creating=true]) .mobile-preview-slot,#design:not([data-creating=true]) .export-panel{display:none}
  .controls input,.controls select,.controls button,.controls summary{scroll-margin-top:calc(var(--header-height) + 105px)}
  .collection-story{padding-block:42px;gap:24px}
  .collection-story h2{font-size:36px}
  .story-details{display:none}
  .journey-stories{display:none}
  .store-faq{padding-top:34px}
  #design[data-empty=true] .workspace{height:400px}
  #design[data-empty=true] .panel-heading,#design[data-empty=true] .creation-start{display:none}
}
@media(max-width:370px){.intro h1{font-size:42px}.wall-caption h2{font-size:36px}.step-heading>span:nth-of-type(2){max-width:38%;font-size:10px}}
@media(prefers-reduced-motion:reduce){.sculpture-scroll{height:auto}.wall-caption{display:none}}