/* Scoped component. Existing site typography and colours are inherited. */
.dtm{--dtm-paper:#efe8de;--dtm-ink:#302b25;--dtm-accent:var(--brass,#c2a272);--dtm-muted:var(--stone,#a89c8c);--dtm-progress:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,110px);max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,128px) max(24px,4vw);isolation:isolate}
.dtm *{box-sizing:border-box}
.dtm [hidden]{display:none!important}
.dtm-copy{min-width:0;padding-block:20px}
.dtm-kicker{font:400 10px/1.5 var(--body,system-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--dtm-accent);margin:0 0 30px!important}
.dtm-title{font:300 clamp(48px,5.8vw,88px)/.98 var(--display,Georgia,serif);letter-spacing:-.03em;margin:0 0 32px!important;text-wrap:balance}
.dtm-title em{font-weight:300;color:var(--dtm-accent)}
.dtm-description{font:400 clamp(15px,1.3vw,18px)/1.8 var(--body,system-ui);max-width:35ch;color:var(--dtm-muted);margin:0 0 38px!important}
.dtm-description strong{font-weight:400;color:inherit}
.dtm-rule{width:52px;height:1px;background:var(--dtm-accent);margin-bottom:28px;opacity:.7}
.dtm-facts{display:flex;gap:30px;margin:0 0 35px;font:400 10px/1.6 var(--body,system-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--dtm-muted)}
.dtm-facts span{display:block;color:var(--ivory,#efe8de);letter-spacing:0;font-size:16px;margin-top:4px;text-transform:none}
.dtm-link{display:inline-flex;align-items:center;gap:20px;text-decoration:none!important;border-bottom:1px solid var(--dtm-accent);padding:10px 0;font:400 11px/1.5 var(--body,system-ui);letter-spacing:.12em;text-transform:uppercase}
.dtm-art{min-width:0;position:relative;margin:0!important;padding:0!important}
.dtm-meta{display:flex;justify-content:space-between;gap:12px;font:400 9px/1.5 var(--body,system-ui);text-transform:uppercase;letter-spacing:.16em;color:var(--dtm-muted);margin-bottom:12px}
.dtm-stage{position:relative;aspect-ratio:1072/1440;width:100%;max-height:none;overflow:hidden;background:var(--dtm-paper);isolation:isolate}
.dtm-stage picture{display:block;position:absolute;inset:0}
.dtm .dtm-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transform:none!important}
.dtm-paper,.dtm-drawing,.dtm-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}
.dtm-paper{background:var(--dtm-paper)}
.dtm-paper:after{content:'';position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23847257' opacity='.35' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.dtm-drawing{color:var(--dtm-ink)}
.dtm-drawing path{stroke-dasharray:1;stroke-dashoffset:0}
.dtm[data-dtm-state="armed"] .dtm-paper,.dtm[data-dtm-state="armed"] .dtm-drawing,
.dtm[data-dtm-state="playing"] .dtm-paper,.dtm[data-dtm-state="playing"] .dtm-drawing,.dtm[data-dtm-state="playing"] .dtm-canvas,
.dtm[data-dtm-state="paused"] .dtm-paper,.dtm[data-dtm-state="paused"] .dtm-drawing,.dtm[data-dtm-state="paused"] .dtm-canvas,
.dtm[data-dtm-state="sketch"] .dtm-paper,.dtm[data-dtm-state="sketch"] .dtm-drawing{display:block}
.dtm[data-dtm-state="armed"] .dtm-drawing path{stroke-dashoffset:1}
.dtm-progress{height:1px;background:color-mix(in srgb,var(--dtm-accent) 22%,transparent);margin-top:15px;overflow:hidden}
.dtm-progress span{display:block;width:100%;height:1px;background:var(--dtm-accent);transform:scaleX(var(--dtm-progress));transform-origin:left}
.dtm-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;min-height:48px}
.dtm .dtm-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.dtm-controls button{border:0;border-bottom:1px solid transparent;border-radius:0;background:none;color:var(--dtm-muted);padding:10px 9px;min-height:44px;cursor:pointer;font:400 11px/1.5 var(--body,system-ui);letter-spacing:.02em;white-space:nowrap}
.dtm-controls button[aria-pressed="true"]{color:var(--ivory,#efe8de);border-bottom-color:var(--dtm-accent)}
.dtm-controls button[data-dtm-action="play"]{color:var(--ivory,#efe8de)}
.dtm-controls button:disabled{opacity:.45;cursor:default}
.dtm button:focus-visible,.dtm a:focus-visible{outline:2px solid var(--dtm-accent);outline-offset:4px}
.dtm button:not(:disabled):hover{color:var(--ivory,#efe8de)}
.dtm-phase{font:400 9px/1.5 var(--body,system-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--dtm-muted);white-space:nowrap}
.dtm-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.dtm--studio{--dtm-accent:#d6ff48;--dtm-muted:#adaab6;--ivory:#f7f4ed;--display:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--dtm-paper:#f7f4ed}
.dtm--studio .dtm-title{font-weight:550;letter-spacing:-.065em;font-size:clamp(45px,5.2vw,76px);line-height:1.02}
.dtm--studio .dtm-title em{font-style:normal;font-weight:550;color:var(--dtm-muted)}
.dtm--studio .dtm-kicker{letter-spacing:.14em}
@media(min-width:1500px){.dtm{max-width:1450px}.dtm-stage{max-width:600px}}
@media(max-width:760px){.dtm{grid-template-columns:1fr;gap:28px;padding:55px 24px}.dtm-copy{padding:0}.dtm-title{font-size:60px;margin-bottom:24px!important}.dtm-description{max-width:38ch;margin-bottom:25px!important}.dtm-kicker{margin-bottom:24px!important}.dtm-facts{gap:35px;margin-bottom:20px}.dtm-rule{display:none}.dtm-art{width:min(100%,490px);justify-self:center}.dtm .dtm-link{margin-top:0}.dtm-foot{align-items:center;flex-wrap:wrap;gap:0}.dtm-phase{padding-left:8px}.dtm-controls button{padding:9px 8px}.dtm--studio .dtm-title{font-size:clamp(43px,10vw,62px)}}
@media(max-width:360px){.dtm{padding-inline:18px}.dtm-title{font-size:53px}.dtm-controls button{font-size:10px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.dtm-paper,.dtm-drawing,.dtm-canvas{display:none!important}.dtm-progress span{transform:none!important}.dtm-controls [data-dtm-action="pause"]{display:none!important}}