.idea-test {
  --red:#ed2429; position:relative; z-index:3; isolation:isolate;
  background:#fff; color:#191919; overflow:hidden;
  font-family:"Visio Roc Grotesk",sans-serif; scroll-margin-top:75px; padding:0 6% 30px;
}
.idea-presentation { position:relative; max-width:1280px; height:620px; margin:0 auto; }
.idea-stage { height:620px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:6%; align-items:center; }
/* Align the whole scene, including its motion coordinates, to the section edge. */
.idea-masterpiece { width:min(100%,580px); margin:0 auto; position:relative; align-self:start; transform:translateY(-1.7%); }
.idea-art-window { position:relative; aspect-ratio:1; }
.idea-signal-stage { position:absolute; inset:0; width:100%; height:100%; z-index:9; overflow:visible; pointer-events:none; }
.idea-story-signal { opacity:0; }
.idea-story-signal-path { fill:none; stroke:var(--red); stroke-width:1.4; stroke-linecap:round; opacity:.65; }
.idea-story-signal-head { fill:var(--red); }
.idea-thrown-apple { opacity:0; }
.idea-flying-globe { position:absolute; inset:0; width:100%; height:100%; z-index:10; pointer-events:none; opacity:0; }
.idea-newton-scene,.idea-computer,.idea-dust,.idea-rough,.idea-collapse-field { position:absolute; inset:0; width:100%; height:100%; opacity:0; pointer-events:none; }
.idea-newton-picture,.idea-computer-picture { display:block; width:100%; height:100%; object-fit:contain; }
.idea-falling-apple,.idea-loop-apple { display:block; position:absolute; left:77%; top:20%; width:6.3%; transform:translate(-50%,-50%); }
.idea-falling-apple svg,.idea-loop-apple svg { display:block; width:100%; height:auto; }
.idea-realisation { position:absolute; inset:0; width:100%; height:100%; opacity:0; }
.idea-impact { position:absolute; left:69%; top:89%; width:16%; height:auto; opacity:0; }
.idea-dust { z-index:2; }
.idea-dust-seed { position:absolute; inset:0; width:100%; height:100%; z-index:2; opacity:0; pointer-events:none; }
.idea-rough { z-index:3; transform-origin:50% 50%; }
.idea-computer { z-index:4; transform-origin:50% 50.14%; }
.idea-computer-picture { position:relative; z-index:2; filter:grayscale(1); pointer-events:none; }
.idea-screen { position:absolute; z-index:1; left:17.3%; top:27.2%; width:66.4%; height:43.575%; overflow:hidden; border-radius:8% / 12%; background:#080808; opacity:0; }
.idea-screen canvas { display:block; width:100%; height:100%; }
.idea-screen-glass,.idea-screen-glow { position:absolute; inset:0; pointer-events:none; }
.idea-screen-glass { background:linear-gradient(135deg,#ffffff14,transparent 50%); box-shadow:inset 0 0 6px 2px #0008; }
.idea-screen-grain { position:absolute; inset:0; pointer-events:none; opacity:.075; mix-blend-mode:soft-light; background-size:96px 96px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E"); }
.idea-screen-glow { background:radial-gradient(ellipse at 43% 42%,#ffffff65,#ffffff18 60%,transparent); opacity:0; }
.idea-collapse-field { z-index:5; }
.idea-living-mark { position:absolute; inset:0; width:100%; height:100%; z-index:7; opacity:0; pointer-events:none; }
.idea-emblem { position:absolute; z-index:8; left:31%; top:28%; width:38%; height:auto; fill:var(--red); transform-origin:center; opacity:0; pointer-events:none; }
.idea-emblem-shadow { position:absolute; left:25%; top:79%; width:50%; height:8%; background:radial-gradient(ellipse,#bd172420,transparent 68%); opacity:0; }
.idea-masterpiece figcaption { display:flex; justify-content:space-between; gap:15px; margin-top:20px; color:#8b837b; font-size:8px; letter-spacing:.13em; }
.idea-masterpiece figcaption span:first-child { color:#272421; }
.idea-narrative { min-width:0; min-height:310px; align-self:center; position:relative; }
.idea-narrative h3 { position:relative; }
.idea-word { display:inline-block; white-space:nowrap; transform-origin:0 0; position:relative; }
.idea-letter { display:inline-block; }
.idea-word-metric { position:absolute; top:0; left:0; visibility:hidden; pointer-events:none; white-space:nowrap; }
.idea-thought-dots { display:inline-flex; gap:5px; position:absolute; bottom:8%; margin-left:10px; opacity:0; }
.idea-thought-dots i { width:4px; height:4px; border-radius:50%; background:var(--red); }
.idea-word-trace { position:absolute; bottom:-.09em; left:2px; width:calc(100% - 4px); height:10px; opacity:0; pointer-events:none; }
.idea-trace-head,.idea-trace-dot { position:absolute; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:var(--red); }
.idea-trace-head { width:10px; height:10px; }
.idea-trace-dot { width:5px; height:5px; opacity:0; }
.idea-last-target { position:relative; font:inherit; letter-spacing:inherit; }
.idea-last-target::after { content:""; position:absolute; top:calc(100% + 6px); left:0; width:100%; height:3px; background:radial-gradient(circle at 1.5px 1.5px,var(--red) 1.4px,transparent 1.5px) 0 0 / 6px 3px repeat-x; }
.idea-reading-word { position:relative; display:inline-block; }
.idea-reading-word::after { content:''; position:absolute; left:0; right:0; bottom:.07em; height:1px; background:var(--red); opacity:.58; transform:scaleX(var(--read,0)); transform-origin:left; }
.idea-test.is-enhanced .idea-word,.idea-test.is-enhanced .idea-narrative p { opacity:0; }
.idea-phase-count,.idea-eyebrow { display:block; font-size:10px; letter-spacing:.18em; color:#bd3b3f; margin-bottom:28px; }
.idea-test h2,.idea-test h3 { font-family:VisioFontHeavy,"Visio Roc Grotesk",sans-serif; line-height:1; text-transform:uppercase; margin:0; letter-spacing:-.025em; font-weight:900; }
.idea-test h2 { font-size:clamp(42px,5.4vw,76px); }
.idea-test h3 { font-size:clamp(62px,8.5vw,125px); }
.idea-test h2 em { color:var(--red); font-style:italic; }
.idea-narrative p,.idea-final-copy p { font-size:clamp(15px,1.15vw,18px); line-height:1.8; margin:28px 0 0; color:#6b6865; }
.idea-narrative p { white-space:pre-line; }
.idea-gallery { position:absolute; top:58px; left:0; right:0; max-width:960px; margin:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4%; pointer-events:none; }
.idea-tile { margin:0; min-width:0; }
.idea-tile-art { position:relative; width:100%; aspect-ratio:1; }
.idea-tile-art > img { display:block; width:100%; height:100%; object-fit:contain; }
.idea-loop-rough { display:block; width:100%; height:100%; transform:scale(.66); }
.idea-loop-machine { position:absolute; inset:0; transform:scale(.79); }
.idea-bridge { position:absolute; left:90%; top:34%; width:38.18%; height:32%; overflow:visible; pointer-events:none; z-index:3; }
.idea-bridge-grain { fill:#89817d; opacity:0; }
.idea-bridge-wave { fill:none; stroke:var(--red); stroke-width:1.2; opacity:.42; }
.idea-bridge-wave + .idea-bridge-wave { stroke:#686868; opacity:.3; }
.idea-bridge-trail { fill:none; stroke:var(--red); stroke-width:1; opacity:.18; }
.idea-bridge-pulse,.idea-bridge-imprint { fill:var(--red); opacity:0; }
.idea-bridge-ring { fill:none; stroke:var(--red); stroke-width:.8; opacity:0; }
.idea-tile figcaption { position:relative; display:flex; justify-content:center; align-items:center; height:50px; color:#383331; font-size:clamp(9px,1.1vw,13px); line-height:1.1; letter-spacing:.05em; }
.idea-tile figcaption > span { position:relative; z-index:1; background:#fff; padding:0 9px; }
.idea-step-signal { position:absolute; left:70%; top:calc(50% - 7px); width:78.18%; height:14px; overflow:visible; }
.idea-step-signal path { fill:none; stroke:var(--red); stroke-width:1; opacity:.33; }
.idea-step-dot { fill:var(--red); opacity:.6; }
.idea-loop-puff { position:absolute; left:69%; top:83%; width:17%; height:10%; background:radial-gradient(ellipse,#b8aca766,transparent 70%); opacity:0; }
.idea-loop-computer .idea-screen { opacity:1; }
.idea-static-mark { position:absolute; width:44%; left:28%; top:26%; height:auto; fill:var(--red); }
.idea-final-copy { position:absolute; top:clamp(290px,calc(19.36vw + 160px),395px); left:0; right:0; text-align:center; }
.idea-final-copy .idea-eyebrow { margin-bottom:20px; }
.idea-final-copy p { max-width:680px; margin:22px auto 0; }
.idea-test.is-enhanced .idea-gallery,.idea-test.is-enhanced .idea-final-copy { opacity:0; }
.idea-test.is-enhanced .idea-static-mark { visibility:hidden; }
.idea-test:not(.is-enhanced) .idea-stage { visibility:hidden; }
.idea-asset-error { max-width:1280px; margin:15px auto; color:#a73a3f; font-size:12px; line-height:1.5; }
.idea-timeline { max-width:1280px; margin:auto; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.idea-timeline button { position:relative; border:0; border-top:1px solid #e7e4e0; padding:18px 0; background:none; color:#9c9792; font:500 13px "Visio Roc Grotesk",sans-serif; text-align:left; cursor:pointer; letter-spacing:.07em; }
.idea-timeline small { margin-right:12px; color:#a8a19b; font-size:9px; }
.idea-timeline button[aria-pressed="true"] { color:var(--red); }
.idea-timeline button:disabled { cursor:default; opacity:.4; }
.idea-timeline button > span { position:absolute; top:-1px; left:0; width:100%; height:2px; background:var(--red); transform:scaleX(0); transform-origin:left; }
.idea-foot { max-width:1280px; margin:8px auto 0; display:flex; justify-content:space-between; gap:30px; align-items:flex-start; }
.idea-story { max-width:680px; font-size:11px; line-height:1.75; color:#8e8983; }
.idea-story summary { cursor:pointer; padding:12px 0; }.idea-story p { margin:5px 0 12px; }.idea-story a { color:#a73a3f; }
.idea-controls { display:flex; gap:24px; flex-shrink:0; }
.idea-controls button { border:0; background:none; padding:14px 0; color:#777; font:11px "Visio Roc Grotesk",sans-serif; cursor:pointer; }
.idea-test :is(a,button,summary):focus-visible { outline:2px solid var(--red); outline-offset:5px; }
#idea-first-work { scroll-margin-top:110px; }
@media(min-width:701px) and (max-width:1000px) {
 .idea-presentation { height:570px; }.idea-stage { height:520px; }
}
@media(max-width:700px) {
 .idea-test { padding:0 7% 25px; }
 .idea-presentation { height:auto; min-height:0; max-height:none; margin-top:0; }
 .idea-stage { height:auto; display:flex; flex-direction:column; gap:24px; padding-bottom:20px; }
 .idea-masterpiece { width:min(84vw,420px); }.idea-masterpiece figcaption { font-size:7px; }
 .idea-narrative { width:100%; min-height:210px; }.idea-test h2 { font-size:clamp(36px,9.4vw,62px); }.idea-test h3 { font-size:70px; }
 .idea-narrative p,.idea-final-copy p { font-size:14px; margin-top:20px; }.idea-phase-count,.idea-eyebrow { font-size:8px; margin-bottom:18px; }
 .idea-timeline { gap:10px; }.idea-timeline button { font-size:10px; letter-spacing:0; }.idea-timeline small { display:block; margin:0 0 7px; }
 .idea-foot { flex-direction:column-reverse; gap:4px; }.idea-controls { gap:25px; }
}
@media(prefers-reduced-motion:reduce) { .idea-loop-apple { top:86%; } }