.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.journal-idea-frame{position:relative;align-self:center;height:min(68svh,760px);min-height:540px;margin:25px 0 15px;background:var(--brand-paper,#f1efe9);border:8px solid var(--brand-charcoal,#242321);box-shadow:12px 12px 0 var(--brand-sand,#b4a387);overflow:hidden;isolation:isolate}
.journal-idea-frame:after{content:'';position:absolute;inset:7px;z-index:5;border:1px solid rgba(241,239,233,.72);pointer-events:none}
.idea-render{position:absolute;inset:0 0 78px;overflow:hidden;background:radial-gradient(circle at 32% 22%,#faf9f6 0,#f1efe9 48%,#dfd8cc 100%)}
.idea-render canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.idea-stage-top{position:absolute;z-index:6;top:22px;left:23px;right:23px;display:flex;justify-content:space-between;gap:18px;color:var(--brand-charcoal,#242321);font-size:8px;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}
.idea-stage-top span:last-child{color:var(--brand-accent,#756850)}
.idea-index-large{position:absolute;z-index:1;left:22px;top:48px;font-size:clamp(68px,8vw,122px);font-weight:300;line-height:1;color:rgba(36,35,33,.085);letter-spacing:-.08em;pointer-events:none}
.idea-axis{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.48}
.idea-axis:before,.idea-axis:after{content:'';position:absolute;background:rgba(117,104,80,.22)}
.idea-axis:before{width:1px;top:13%;bottom:10%;left:50%}.idea-axis:after{height:1px;left:9%;right:9%;top:53%}
.idea-fallback{position:absolute;inset:17% 13% 12%;display:grid;place-items:center}
.idea-fallback-ring{position:absolute;width:43%;aspect-ratio:1;border:clamp(18px,3.7vw,44px) solid #b4a387;border-radius:50%;box-shadow:0 25px 35px rgba(25,25,25,.12);transform:rotateX(68deg) rotateZ(12deg)}
.idea-fallback-ring:nth-child(2){width:36%;border-color:#242321;transform:translate(18%,-12%) rotateX(68deg) rotateZ(-18deg)}
.idea-fallback-ball{position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 24%,#a8977c,#5d5242 55%,#242321 100%);transform:translate(-85%,-78%);box-shadow:18px 24px 30px rgba(25,25,25,.16)}
.idea-render.is-ready .idea-fallback{display:none}
.idea-frame-caption{position:absolute;z-index:7;left:0;right:0;bottom:0;min-height:78px;padding:14px 17px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--brand-charcoal,#242321);color:var(--brand-paper,#f1efe9)}
.idea-caption-copy{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:baseline;min-width:0;text-transform:uppercase}
.idea-caption-copy>span:first-child{color:var(--brand-sand-light,#c7b99e);font-family:var(--serif);font-size:16px}
.idea-caption-copy strong{font-size:9px;letter-spacing:.14em;font-weight:500;white-space:nowrap}
.idea-caption-copy>span:last-child{min-width:0;color:var(--brand-text-on-dark,#cec8bc);font-size:8px;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.idea-controls{display:flex;align-items:center;gap:7px}
.idea-scene-button{width:29px;height:29px;padding:0;border:1px solid rgba(241,239,233,.28);background:transparent;color:var(--brand-text-on-dark,#cec8bc);font-size:8px;line-height:1;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.idea-scene-button[aria-pressed=true],.idea-scene-button:hover{background:var(--brand-paper,#f1efe9);border-color:var(--brand-paper,#f1efe9);color:var(--brand-charcoal,#242321)}
.idea-motion-toggle{margin-left:4px;padding:8px 0 7px;border:0;border-bottom:1px solid rgba(241,239,233,.4);background:transparent;color:inherit;font:inherit;font-size:8px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.idea-motion-toggle:hover{border-bottom-color:currentColor}
.journal-idea-frame :is(button):focus-visible{outline:2px solid var(--brand-sand-light,#c7b99e);outline-offset:3px}
@media(max-width:980px){.journal-idea-frame{min-height:480px;height:auto;aspect-ratio:.88}.idea-render{bottom:74px}}
@media(max-width:760px){
 .journal-idea-frame{order:3;width:100%;min-height:0;aspect-ratio:.9;margin:0;border-width:6px;box-shadow:7px 7px 0 var(--brand-sand,#b4a387)}
 .journal-idea-frame:after{inset:5px}.idea-render{bottom:86px}.idea-stage-top{top:17px;left:17px;right:17px;font-size:7px}.idea-index-large{left:17px;top:42px;font-size:70px}
 .idea-frame-caption{min-height:86px;padding:12px 13px;grid-template-columns:1fr;gap:8px}.idea-caption-copy{grid-template-columns:auto auto 1fr;gap:9px}.idea-caption-copy>span:last-child{font-size:7px}
 .idea-controls{justify-content:flex-end;position:absolute;right:13px;bottom:9px}.idea-scene-button{width:25px;height:25px}.idea-motion-toggle{font-size:7px}
}
@media(max-width:390px){.idea-caption-copy>span:last-child{display:none}.idea-caption-copy{grid-template-columns:auto auto}.journal-idea-frame{aspect-ratio:.84}}
@media(prefers-reduced-motion:reduce){.idea-scene-button,.idea-motion-toggle{transition:none}}