/* Quiet architectural backgrounds alternate with open sections and tactile cards. */
.to-scenes-ready main { --scene-radius:28px; }
.to-scenes-ready main section { position:relative; isolation:isolate; }
.to-scenes-ready main .to-paper-section,
.to-scenes-ready .to-desk-story > .to-hero.to-paper-section { background:none!important; border-color:transparent; box-shadow:none; backdrop-filter:none; }
.to-scenes-ready .to-paper-section::before,.to-scenes-ready .to-paper-section::after { display:none; }
.to-scenes-ready .to-scene-section { overflow:hidden; border-radius:var(--scene-radius); background:#f8f5ee!important; border:1px solid #d8c6a73d; box-shadow:none; backdrop-filter:none; }
.to-scenes-ready .to-scene-section::before { display:none; }
.to-scenes-ready .to-scene-section::after { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(100deg,#fcfaf5df,#fcfaf5ad 55%,#fcfaf538); }
.to-scenes-ready .to-scene-art { position:absolute; z-index:-2; inset:-20px 0; width:100%; height:calc(100% + 40px); max-width:none; object-fit:cover; object-position:center; transform:translateY(var(--scene-y,0)); pointer-events:none; }
.to-scenes-ready .to-scene-section[data-scene="relief"]::after { background:linear-gradient(90deg,#fcfaf569,#fcfaf5ed 62%); }
.to-scenes-ready .to-scene-section[data-scene="showroom"]::after { background:linear-gradient(90deg,#fcfaf5b8,#fcfaf5d9 65%,#fcfaf552); }
.to-scenes-ready .to-stats.to-scene-section { padding:clamp(24px,4vw,54px); }
.to-scenes-ready .to-stats.to-scene-section .to-stat { background:#fffdf4ad; border-color:#ffffffb3; box-shadow:0 6px 20px #856e4110; backdrop-filter:blur(6px); }
.to-scenes-ready .to-scene-section.to-models .to-model { background:#fffdf7e6; border-color:#ffffffc9; box-shadow:0 12px 34px -24px #70552e45; }
.to-scenes-ready .to-scene-section.to-models .to-model__body { background:#fffdf4cf; }
.to-scenes-ready .to-paper-section .to-points__grid { background:none; border:0; gap:16px; }
.to-scenes-ready .to-paper-section .to-point { border:1px solid #d4bd964d; border-radius:22px; background:linear-gradient(140deg,#fffdf8e8,#f0e7d4c9),url('./scenes/relief.png') center/cover; box-shadow:inset 0 1px 0 #fff,0 9px 28px -24px #7b60364a; }
.to-scenes-ready .to-paper-section .to-point:nth-child(even) { background:linear-gradient(145deg,#fbf8efe0,#eae0cbcc),url('./scenes/relief.png') right/cover; }
.to-scenes-ready .to-paper-section .to-brand { background:linear-gradient(145deg,#fffdf7e8,#efe6d2d9),url('./scenes/relief.png') center/cover; border-color:#d4bd964d; box-shadow:inset 0 1px 0 #fff; }
.to-scenes-ready .to-paper-section.to-cta .to-wrap { max-width:900px; margin-inline:auto; padding:clamp(28px,5vw,64px); border:1px solid #d4bd964d; border-radius:28px; background:linear-gradient(130deg,#fffcf5,#efe2c7); }
.to-scenes-ready .to-light-card { position:relative; isolation:isolate; }
.to-scenes-ready .to-light-card::after { content:''; position:absolute; inset:0; z-index:2; border-radius:inherit; pointer-events:none; background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#fff9,transparent 62%); opacity:0; transition:opacity .35s; mix-blend-mode:soft-light; }
.to-scenes-ready .to-light-card:hover::after,.to-scenes-ready .to-light-card:focus-within::after { opacity:1; }
.to-scenes-ready .to-model:focus-visible { outline:2px solid #9d7b49; outline-offset:5px; }
.to-scenes-ready .to-model:hover .to-model__img img { transform:scale(1.035); }
.to-scenes-ready .to-step-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.to-scenes-ready .to-step-heading { margin:0; font-family:var(--to-sans); font-size:15px!important; line-height:1.4; }
.to-scenes-ready .to-step-tab { position:relative; width:100%; height:100%; min-height:82px; padding:18px; color:#766951; text-align:left; font:inherit; border:1px solid #c9b58e40; border-radius:16px; background:#fcfaf4; cursor:pointer; transition:background .25s,border-color .25s,color .25s; }
.to-scenes-ready .to-step-tab[aria-selected="true"] { background:linear-gradient(135deg,#f5e9d2,#eeddbc); color:#51412c; border-color:#c4a676; box-shadow:inset 0 1px 0 #fff; }
.to-scenes-ready .to-step-tab:hover { border-color:#b49a70; color:#51412c; }
.to-scenes-ready .to-step-tab:focus-visible { outline:2px solid #977442; outline-offset:3px; }
.to-scenes-ready .to-step-panels { display:block!important; }
.to-scenes-ready .to-step-panels::before { display:none; }
.to-scenes-ready .to-step-panels .to-point { display:grid; grid-template-columns:100px 1fr; align-items:center; gap:30px; padding:clamp(28px,4vw,54px); min-height:220px; }
.to-scenes-ready .to-step-panels .to-point[hidden] { display:none!important; }
.to-scenes-ready .to-step-panels .to-point__no { width:92px; height:92px; margin:0; font-size:38px; background:#fffaf0b3; }
.to-scenes-ready .to-step-panels p { font:400 clamp(19px,2vw,27px)/1.5 var(--to-serif); color:#4d4435; margin:0; max-width:38em; }
.to-scenes-ready .to-step-panels .to-point:not([hidden]) { animation:to-panel-in .32s ease-out; }
.to-scenes-ready .to-photo-dialog .to-desk-dialog-media { touch-action:pan-y; }
@keyframes to-panel-in { from { opacity:.2; transform:translateY(5px); } to { opacity:1; transform:none; } }
@media (max-width:860px) {
  .to-scenes-ready main { --scene-radius:22px; }
  .to-scenes-ready .to-scene-art { transform:none; opacity:.8; }
  .to-scenes-ready .to-scene-section::after { background:#fcfaf5b8!important; }
  .to-scenes-ready .to-step-tabs { grid-template-columns:1fr 1fr; gap:8px; }
  .to-scenes-ready .to-step-tab { min-height:86px; padding:14px; font-size:13px; }
  .to-scenes-ready .to-step-panels .to-point { grid-template-columns:1fr; gap:20px; min-height:300px; padding:24px; }
  .to-scenes-ready .to-step-panels .to-point__no { width:56px; height:56px; font-size:26px; }
  .to-scenes-ready .to-step-panels p { font-size:22px; }
  .to-scenes-ready .to-stats.to-scene-section { padding:18px; }
  .to-scenes-ready .to-paper-section .to-points__grid { gap:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .to-scenes-ready .to-step-panels .to-point,.to-scenes-ready .to-light-card::after { animation:none!important; transition:none!important; }
  .to-scenes-ready .to-scene-art { transform:none!important; }
}

/* The light final CTA needs explicit dark text instead of the old white accent copy. */
.to-scenes-ready .to-paper-section.to-cta,
.to-scenes-ready .to-paper-section.to-cta h2 { color:#3c3529; }
.to-scenes-ready .to-paper-section.to-cta .to-lead { color:#625541; opacity:1; }
.to-scenes-ready .to-paper-section.to-cta h2 em { color:#84623d; }