.clock-editor-page #main { overflow: clip; }
.clock-editor-page .section { padding-top: 104px; padding-bottom: 104px; }
.clock-editor-hero { display: grid; grid-template-columns: minmax(0,.88fr) minmax(340px,1.12fr); gap: clamp(32px,6vw,88px); align-items: center; padding-top: 148px !important; min-height: 760px; }
.clock-editor-hero-copy { position: relative; z-index: 1; }
.clock-editor-hero h1 { margin: 24px 0; font-size: clamp(58px,7.2vw,98px); }
.clock-editor-lede { max-width: 500px; color: var(--muted); font-size: 18px; line-height: 1.65; }
.clock-editor-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 30px; }
.editor-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 34px; }
.editor-tags span,.editor-index { color: var(--muted); font: 10px 'DM Mono',monospace; letter-spacing: .08em; }
.editor-tags span { border: 1px solid var(--line); padding: 9px 11px; }
.editor-shot { margin: 0; min-width: 0; }
.editor-shot img { display: block; width: 100%; max-height: 710px; object-fit: cover; object-position: top; border: 1px solid #f18ba866; background: #11121c; box-shadow: 0 25px 90px #0008; }
.editor-shot figcaption { display: flex; gap: 12px; align-items: baseline; padding-top: 12px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.editor-shot figcaption span { flex: 0 0 auto; color: var(--pink); font: 9px 'DM Mono',monospace; letter-spacing: .09em; }
.editor-shot-hero img { max-height: 700px; object-fit: contain; }
.editor-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 42px; }
.editor-section-heading h2,.editor-layers-copy h2,.editor-end h2 { font-size: clamp(43px,5.5vw,76px); line-height: .94; letter-spacing: -.06em; margin: 15px 0 0; }
.editor-section-heading > p { max-width: 390px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.editor-element-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.editor-info-card { position: relative; min-height: 255px; overflow: hidden; padding: 27px; background: linear-gradient(145deg,#1b1b2a,#10111b 70%); border: 1px solid var(--line); }
.editor-info-card::after { position: absolute; right: -65px; bottom: -105px; width: 190px; height: 190px; content: ''; border: 1px solid #f18ba83d; border-radius: 50%; box-shadow: 0 0 0 23px #f18ba80b,0 0 0 47px #f18ba807; }
.editor-info-card h3 { position: relative; z-index: 1; margin: 28px 0 10px; font-size: 23px; letter-spacing: -.035em; }
.editor-info-card p { position: relative; z-index: 1; max-width: 370px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.editor-token-row,.editor-shape-samples { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; margin-top: 24px; }
.editor-token-row span { padding: 7px 9px; border: 1px solid #f18ba84d; color: var(--pink); font: 9px 'DM Mono',monospace; }
.editor-shape-samples i { display: block; width: 26px; height: 26px; border: 1px solid #f18ba8; border-radius: 3px; }
.editor-shape-samples i:nth-child(2) { border-radius: 50%; }
.editor-shape-samples i:nth-child(3) { width: 39px; height: 17px; border-radius: 99px; }
.editor-shape-samples i:nth-child(4) { width: 19px; height: 19px; transform: rotate(45deg); }
.editor-shape-samples i:nth-child(5) { width: 28px; height: 28px; clip-path: polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%); background: #f18ba8; }
.editor-catalog-row { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 18px; margin-top: 28px; }
.editor-catalog-shot img { max-height: 610px; object-fit: contain; object-position: top; background: #090a0d; }
.editor-layers-section { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(300px,.95fr); align-items: center; gap: clamp(32px,7vw,100px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.editor-shot-layers img { max-height: 670px; object-fit: contain; object-position: top; background: #090a0d; }
.editor-layers-copy > p:not(.eyebrow) { max-width: 500px; color: var(--muted); line-height: 1.7; margin: 23px 0; }
.editor-check-list { list-style: none; margin: 28px 0 0; padding: 0; }
.editor-check-list li { display: grid; grid-template-columns: 115px 1fr; gap: 12px; padding: 15px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.5; }
.editor-check-list b { color: var(--ink); font-weight: 600; }
.editor-control-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 18px; }
.editor-control-card { min-width: 0; background: #11121c; border: 1px solid var(--line); padding: 15px; }
.editor-control-card .editor-shot img { max-height: 600px; object-fit: contain; object-position: top; background: #08090c; }
.editor-control-card > div { padding: 23px 12px 11px; }
.editor-control-card h3 { margin: 0 0 10px; font-size: 24px; }
.editor-control-card p { color: var(--muted); font-size: 14px; line-height: 1.65; margin-bottom: 10px; }
.editor-end { text-align: center; background: radial-gradient(ellipse at 50% 45%,#392a4b 0%,transparent 67%); }
.editor-end .eyebrow { justify-content: center; }
.editor-end h2 { margin-top: 20px; }
.editor-end > p:not(.eyebrow) { max-width: 560px; margin: 24px auto 0; color: var(--muted); line-height: 1.65; }
.editor-end .clock-editor-hero-actions { justify-content: center; }
.editor-feature-areas { border-top: 1px solid var(--line); }
.editor-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.editor-feature-card { min-width: 0; overflow: hidden; background: linear-gradient(155deg,#171823,#101118 72%); border: 1px solid var(--line); }
.editor-feature-card .editor-shot { position: relative; display: grid; min-height: 385px; place-items: center; padding: 14px; background: transparent; border-bottom: 1px solid var(--line); }
.editor-feature-card .editor-shot img { width: auto; max-width: 100%; height: 350px; max-height: 48vw; object-fit: contain; border: 0; box-shadow: 0 15px 45px #0008; }
.editor-feature-card .editor-shot figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 17px 12px 10px; background: linear-gradient(transparent,#080910e8 38%); font-size: 10px; }
.editor-feature-card .editor-shot figcaption span { font-size: 8px; }
.editor-feature-copy { padding: 21px 22px 25px; }
.editor-feature-copy h3 { margin: 11px 0 8px; font-size: 22px; line-height: 1.08; letter-spacing: -.035em; }
.editor-feature-copy p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.editor-feature-card-wide { grid-column: span 3; display: grid; grid-template-columns: minmax(230px,.7fr) minmax(0,1fr); align-items: center; }
.editor-feature-card-wide .editor-shot { min-height: 350px; border-right: 1px solid var(--line); border-bottom: 0; }
.editor-feature-card-wide .editor-shot img { height: 320px; max-height: 32vw; }
.editor-feature-card-wide .editor-feature-copy { padding: clamp(24px,4vw,48px); }
.editor-feature-card-wide .editor-feature-copy h3 { font-size: clamp(24px,3vw,36px); }
.editor-phone { position: relative; display: block; width: min(100%, 290px); aspect-ratio: .49; margin: 0 auto; overflow: hidden; background: transparent; }
.editor-phone-screen { position: absolute; z-index: 1; top: 9.7%; right: 12.9%; bottom: 10.2%; left: 12.8%; overflow: hidden; background: #07080b; border-radius: 12% / 5%; }
.editor-shot .editor-phone-screen img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; border: 0 !important; border-radius: inherit; object-fit: cover !important; object-position: top center; box-shadow: none !important; }
.editor-shot .editor-phone-frame { position: absolute; z-index: 2; inset: 0; display: block; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; border: 0 !important; border-radius: 0; object-fit: cover !important; object-position: center; mix-blend-mode: screen; box-shadow: none !important; pointer-events: none; }
.editor-shot-hero .editor-phone { width: min(100%, 350px); }
.editor-catalog-shot .editor-phone,.editor-shot-layers .editor-phone,.editor-control-card .editor-phone,.editor-feature-card .editor-phone { width: min(100%, 250px); }
@media (max-width: 800px) {
  .clock-editor-page .section { padding-top: 78px; padding-bottom: 78px; }
  .clock-editor-hero { display: flex; flex-direction: column; align-items: stretch; gap: 34px; padding-top: 120px !important; min-height: 0; }
  .clock-editor-hero h1 { font-size: clamp(54px,13vw,76px); }
  .clock-editor-lede { font-size: 16px; }
  .editor-shot-hero img { max-height: 74vh; }
  .editor-section-heading { display: block; margin-bottom: 28px; }
  .editor-section-heading > p { margin-top: 20px; }
  .editor-element-grid { grid-template-columns: 1fr; }
  .editor-info-card { min-height: 0; }
  .editor-catalog-row,.editor-control-grid { grid-template-columns: 1fr; }
  .editor-catalog-shot img { max-height: 70vh; }
  .editor-layers-section { grid-template-columns: 1fr; gap: 35px; }
  .editor-shot-layers img { max-height: 74vh; }
  .editor-control-card .editor-shot img { max-height: 75vh; }
  .editor-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .editor-feature-card-wide { grid-column: span 2; }
}
@media (max-width: 600px) {
  .editor-feature-grid { grid-template-columns: 1fr; }
  .editor-feature-card-wide { grid-column: span 1; display: block; }
  .editor-feature-card .editor-shot { min-height: 385px; border-right: 0; border-bottom: 1px solid var(--line); }
  .editor-feature-card .editor-shot img { height: 350px; max-height: none; }
}
@media (max-width: 430px) {
  .editor-tags { gap: 6px; }
  .editor-tags span { font-size: 8px; padding: 8px; }
  .editor-check-list li { grid-template-columns: 92px 1fr; }
  .editor-shot figcaption { display: block; }
  .editor-shot figcaption span { display: block; margin-bottom: 4px; }
  .editor-feature-grid { grid-template-columns: 1fr; }
  .editor-feature-card-wide { grid-column: span 1; display: block; }
  .editor-feature-card-wide .editor-shot { min-height: 385px; border-right: 0; border-bottom: 1px solid var(--line); }
  .editor-feature-copy { padding: 20px; }
}