.r09{padding:clamp(25px,4vw,58px);background:#eeeae2;color:#29251f;min-height:650px}.r09 *{box-sizing:border-box}.r09-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}.r09-kicker{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;display:block}.r09 h2{font-size:clamp(35px,4.5vw,66px);font-weight:400;letter-spacing:-.055em;line-height:1;margin:14px 0 0}.r09-intro>p{max-width:300px;font-size:14px;line-height:1.65;color:#686052;margin:0 0 3px}.r09-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(245px,.8fr);gap:clamp(30px,4vw,62px);align-items:center}.r09-scene{position:relative;background:#704a2b;aspect-ratio:1.16;box-shadow:0 18px 40px #332b2229;overflow:hidden;min-width:0;isolation:isolate}.r09-canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.r09-scene-caption{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;color:#ffedcf;font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 5px #0009;pointer-events:none}.r09-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fff8;font-size:27px;font-weight:200;opacity:0}.r09-crosshair.is-visible{opacity:1}.r09-controls{padding:9px 0}.r09-control-heading h3{font-size:29px;letter-spacing:-.04em;font-weight:400;margin:13px 0 11px}.r09-control-heading p{font-size:13px;line-height:1.6;color:#70675b;max-width:260px}.r09-presets{border:0;padding:0;margin:30px 0}.r09-presets legend{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;color:#70675b}.r09-presets button{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #29251f2b;background:transparent;padding:14px 0;text-align:left;font-size:13px;color:#29251f;border-radius:0;cursor:pointer}.r09-presets button[aria-pressed=true]{font-weight:700}.r09-presets button[aria-pressed=true] span{background:#29251f;color:#f5efdf}.r09-presets button span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #29251f52}.r09 button:focus-visible,.r09 input:focus-visible{outline:2px solid #6f4d2f;outline-offset:5px}.r09-ranges label{display:flex;justify-content:space-between;font-size:11px;color:#544b3f}.r09-ranges output{font-variant-numeric:tabular-nums}.r09-ranges input{display:block;width:100%;accent-color:#6f4d2f;margin:13px 0 21px;cursor:ew-resize}.r09-label{font-size:10px;line-height:1.65;color:#7b7163;margin:24px 0 0;max-width:290px}.r09-footnote{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7b7163;line-height:1.5;margin:22px 0 0}.r09-renderer{white-space:nowrap}.r09-unavailable{padding:40px;color:#fff1d8;font-size:18px;line-height:1.6;max-width:550px}
@media(max-width:700px){
  .r09{padding:24px 18px}
  .r09-intro{align-items:end;gap:16px;margin-bottom:18px}
  .r09-intro>p{max-width:155px;font-size:11px;line-height:1.45}
  .r09 h2{font-size:30px;margin-top:10px}
  .r09-layout{display:flex;flex-direction:column;align-items:stretch;gap:16px}
  .r09-controls{display:contents}
  .r09-control-heading{display:none}
  .r09-presets{order:1;display:flex;gap:6px;min-width:0;width:100%;margin:0}
  .r09-presets legend{margin-bottom:8px;font-size:9px}
  .r09-presets button{flex:1;min-width:0;width:auto;min-height:44px;padding:8px 7px;border:1px solid #29251f2b;gap:4px;font-size:11px;line-height:1.25}
  .r09-presets button span{flex-shrink:0;width:18px;height:18px;font-size:12px}
  .r09-presets button[aria-pressed=true]{background:#e2d9c9;border-color:#6f4d2f88}
  .r09-scene{order:2;width:100%;aspect-ratio:1.15}
  .r09-ranges{order:3;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:10px;padding-top:4px}
  .r09-ranges label:first-of-type{grid-column:1;grid-row:1}
  .r09-ranges input:first-of-type{grid-column:1;grid-row:2}
  .r09-ranges label:last-of-type{grid-column:2;grid-row:1}
  .r09-ranges input:last-of-type{grid-column:2;grid-row:2}
  .r09-ranges input{min-width:0;margin:0 0 4px}
  .r09-label{order:4;max-width:none;margin:0}
  .r09-footnote{display:block;margin-top:17px}
  .r09-renderer{display:block;margin-top:5px}
  .r09-scene-caption{font-size:8px;left:14px;right:14px;bottom:13px}
}
@media(max-width:360px){.r09-intro{display:block}.r09-intro>p{max-width:none;margin-top:12px}.r09 h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.r09 *{scroll-behavior:auto!important}}