#format-chapter{position:absolute;inset:0;z-index:12;background:#242424;color:#111;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;font-family:Arial,sans-serif}
.format-photo{position:absolute;inset:0;background:linear-gradient(#8888,#8888),url('/wp-content/themes/digitoria-motion/assets/img/timeline/03-office.webp') center/cover;filter:grayscale(1);opacity:.7}
.format-top,.format-bottom{position:absolute;left:2%;right:2%;display:flex;justify-content:space-between;z-index:10;font-size:9px;letter-spacing:.02em}.format-top{top:12%;background:#f8f8f3;padding:7px}.format-bottom{bottom:3%;color:#fff}
.format-dial{position:absolute;left:50%;top:52%;width:60vh;height:60vh;transform:translate(-50%,-50%);border-radius:50%;background:#fafaf8}
.dial-track{position:absolute;inset:15%;border:1px solid #ddd;border-radius:50%}.dial-center{position:absolute;top:49%;left:47%;font-size:10px}.format-dial i{position:absolute;top:46%;left:78%;width:5%;height:5%;border-radius:50%;background:#111}.format-dial b{position:absolute;top:49%;left:43%;font-size:8px;font-weight:400;transform:rotate(calc(var(--i)*30deg)) translateY(-26vh);transform-origin:50% 50%;color:#777}
.format-cover{position:absolute;left:50%;top:50%;width:10vmax;height:10vmax;border-radius:50%;background:#222;transform:translate(-50%,-50%) scale(0)}
.format-card{position:absolute;left:50%;top:55%;width:30vw;height:65vh;background:#fafaf8;padding:3%;transform:translate(-50%,-50%);opacity:0}.format-card small{font-size:9px}.card-index{font-size:10px;line-height:2;position:absolute;top:9%;right:9%;color:#777}.format-card h2{font-size:4vw;font-weight:400;line-height:.98;letter-spacing:-.06em;margin-top:24vh}.format-card p{font-size:12px;line-height:1.5;margin-top:20px}
.format-circles{position:absolute;inset:18% 3% 12%;display:flex;align-items:center;justify-content:center;gap:2%;opacity:0}.format-circles>div{position:relative;aspect-ratio:1;width:min(46vw,66vh);border-radius:50%;background:#fafaf8}.circle-clock{border:1px solid #ddd;display:grid;place-content:center;text-align:center}.circle-clock:after{content:'';position:absolute;inset:10%;border:1px solid #ddd;border-radius:50%}.circle-clock span{font-size:10px}.circle-clock b{font-size:4.1vw;line-height:.95;letter-spacing:-.06em;font-weight:400;margin-top:20px}.circle-clock i{position:absolute;width:20px;height:20px;border-radius:50%;background:#111;left:14%;top:20%}.circle-type{border:12px solid #111;display:grid;place-content:center;text-align:center}.circle-type p{font-size:3.4vw;line-height:.95;letter-spacing:-.055em;transform:rotate(14deg)}.circle-type small{margin-top:30px;font-size:9px}.silver-ring{position:absolute;top:24%;left:31%;width:38%;height:38%;border-radius:50%;background:conic-gradient(#aaa,#eee,#777,#fafafa,#777,#aaa);mask:radial-gradient(transparent 20%,#000 23%);box-shadow:0 10px 20px #0004}
.format-panels{position:absolute;left:13%;top:20%;width:74%;height:66%;display:grid;grid-template-columns:1fr 1fr 1fr;background:#fafaf8;opacity:0}.format-panels article{padding:7%;border-right:1px solid #ddd;overflow:hidden}.format-panels img{width:100%;height:72%;object-fit:cover;filter:grayscale(1)}.format-panels small{display:block;font-size:9px;margin:20px 0}.format-panels h3{font-weight:400;font-size:18px;letter-spacing:-.04em}.panel-note>div{font-size:4.5vw;line-height:.9;letter-spacing:-.055em;margin-top:20%}.panel-note em{font-style:normal}.panel-note p{font-size:12px;margin-top:30px}
.format-finale{position:absolute;inset:0;background:#222;color:white;opacity:0}.finale-circle{position:absolute;left:18%;top:19%;width:18vh;height:18vh;background:#fff;border-radius:50%}.format-finale h2{position:absolute;left:6%;top:43%;font-size:6.3vw;line-height:.92;font-weight:400;letter-spacing:-.065em}.format-finale em{font-style:normal;color:#ebd982}.format-finale small{position:absolute;right:5%;bottom:19%;font-size:9px;line-height:1.7}
#stage.format-active #craft,#stage.format-active #bulb-model{visibility:hidden!important}
@media(max-width:700px){.format-top{font-size:6px;top:12%}.format-bottom{font-size:7px}.format-dial{width:86vw;height:86vw}.format-dial b{transform:rotate(calc(var(--i)*30deg)) translateY(-36vw);font-size:6px}.format-card{width:70vw;height:59vh;padding:7%}.format-card h2{font-size:10vw;margin-top:25vh}.format-circles{inset:16% 2% 8%;flex-direction:column;gap:0}.format-circles>div{width:65vw}.circle-clock b{font-size:8vw}.circle-type p{font-size:7vw}.circle-type small{margin-top:8px;font-size:6px}.format-panels{left:5%;width:90%;top:24%;height:55%}.format-panels article{padding:8%}.format-panels small{font-size:6px}.format-panels h3{font-size:12px}.panel-note>div{font-size:7vw}.panel-note p{font-size:9px}.format-finale h2{top:43%;font-size:10vw;left:5%}.format-finale small{bottom:20%;left:5%}.finale-circle{width:23vw;height:23vw;top:24%}}
/* The reference sequence belongs after the main bulb story, at the closing area. */
#format-journey{position:relative;height:650vh;background:#222}
#format-journey #format-chapter{position:sticky;top:0;height:100svh;opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) #format-journey{height:100svh}}