.demo{--ml-dip-color: #101113;--ml-flash-color: #fff6e8;--ml-success: #93C4F5;position:relative;width:100%;height:100%;overflow:hidden;container-type:size;background:#0b0c0d;color:#ede7dc;font-family:Archivo,system-ui,sans-serif;isolation:isolate}.demo *,.demo *:before,.demo *:after{box-sizing:border-box}.demo :focus-visible{outline:2px solid #93C4F5;outline-offset:3px}.d-photo{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.d-meta{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(9px,1.6cqmin,13px);letter-spacing:.12em;color:#ede7dcc7}.d-title{margin:.2em 0 0;font-weight:600;font-stretch:112%;font-size:clamp(18px,6.4cqmin,64px);line-height:1;letter-spacing:-.01em}.d-enter{visibility:hidden}.d-stack{position:absolute;top:0;right:0;bottom:0;left:0}.d-shot{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000}.d-shot__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000 45%,#0000009e)}.d-shot__caption{position:absolute;left:6cqmin;bottom:6cqmin;right:6cqmin}.d-window{position:absolute;right:7cqi;top:9cqb;width:24cqi;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff2e}.d-window--card{display:grid;grid-template-rows:1fr auto;background:#15171a;aspect-ratio:4 / 3.6}.d-window--card span{font:500 clamp(10px,1.8cqmin,14px)/1 "IBM Plex Mono",monospace;padding:.7em .8em;letter-spacing:.06em}@container (max-aspect-ratio: 3/4){.d-window{width:46cqi;top:7cqb}}.d-gallery{position:absolute;top:0;right:0;bottom:0;left:0;padding:5cqmin;background:#101113;display:flex;flex-direction:column;gap:3cqmin}.d-gallery__head{display:flex;justify-content:space-between;align-items:baseline}.d-gallery__hint{font-size:clamp(10px,1.8cqmin,14px);color:#ede7dc99}.d-gallery__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2.4cqmin;flex:1;min-height:0}.d-gallery__grid li{min-height:0}.d-thumb{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;height:100%;max-height:62cqb;border-radius:12px;overflow:hidden;cursor:pointer;background:#000}.d-thumb:focus-visible{outline:2px solid #93C4F5;outline-offset:3px}.d-thumb__label{position:absolute;left:0;right:0;bottom:0;padding:2.4cqmin;font-weight:600;font-size:clamp(11px,2.2cqmin,18px);background:linear-gradient(180deg,transparent,rgba(0,0,0,.65))}.d-detail{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:5cqmin;pointer-events:none}.d-detail__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#050506;visibility:hidden}.d-detail__card{position:relative;width:min(86cqi,1100px);display:grid;grid-template-columns:1.35fr 1fr;gap:4cqmin;align-items:end;pointer-events:auto}.d-detail__media{aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;background:#000}.d-detail__body{display:grid;gap:1.6cqmin;padding-bottom:1cqmin}.d-detail__body p{margin:0;font-size:clamp(12px,2.1cqmin,17px);line-height:1.5;color:#ede7dcd1}.d-detail__body .d-btn{justify-self:start}@container (max-aspect-ratio: 1/1){.d-gallery__grid{grid-template-columns:repeat(2,1fr)}.d-thumb{max-height:none}.d-detail__card{grid-template-columns:1fr;width:100%}}.d-stack--app{background:#0b0c0d}.d-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#15171a;overflow:hidden;display:flex;flex-direction:column}.d-screen__bar{padding:5cqmin 5cqmin 2cqmin}.d-list{list-style:none;margin:0;padding:0 5cqmin;display:grid;gap:1px}.d-list__row{display:grid;grid-template-columns:12cqmin 1fr;gap:3cqmin;align-items:center;padding:2.4cqmin 0;border-bottom:1px solid rgba(237,231,220,.08)}.d-list__row img{width:12cqmin;height:12cqmin;object-fit:cover;border-radius:8px}.d-list__row strong{display:block;font-size:clamp(13px,3cqmin,22px);font-weight:600}.d-list__row span{font:clamp(10px,2cqmin,14px) "IBM Plex Mono",monospace;color:#ede7dca6}.d-screen--detail{background:#101113}.d-screen__hero{height:55%;flex:none}.d-screen__body{padding:5cqmin;display:grid;gap:1.6cqmin}.d-screen__body p{margin:0;color:#ede7dccc;font-size:clamp(12px,2.6cqmin,18px);line-height:1.5;max-width:60ch}.d-frame-full{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.d-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#0b0c0d}.d-scroll:focus-visible{outline-offset:-3px}.d-scroll__pad{height:22cqb;display:grid;place-items:center}.d-parallax{position:relative;height:100cqb;overflow:hidden}.d-parallax__layer{position:absolute;will-change:transform}.d-parallax__bg{top:-12%;right:0;bottom:-12%;left:0}.d-parallax__card{width:34cqi;aspect-ratio:3 / 4;left:12cqi;top:22cqb;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #0000008c}.d-parallax__type{margin:0;right:6cqi;bottom:12cqb;font-weight:300;font-stretch:125%;text-transform:uppercase;font-size:clamp(32px,14cqmin,180px);letter-spacing:.04em;line-height:.9;text-shadow:0 6px 30px rgba(0,0,0,.5)}@container (max-aspect-ratio: 3/4){.d-parallax__card{width:56cqi;left:8cqi}}.d-focus{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.d-focus__bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%}.d-focus__fg{position:relative;margin:0;width:min(46cqi,520px);border-radius:16px;overflow:hidden;background:#15171a;box-shadow:0 30px 90px #0009}.d-focus__fg img{aspect-ratio:4 / 3;height:auto}.d-focus__fg figcaption{padding:2.4cqmin 3cqmin;display:grid;gap:.3em}.d-focus__fg strong{font-size:clamp(14px,3cqmin,26px);font-weight:600}@container (max-aspect-ratio: 3/4){.d-focus__fg{width:78cqi}}.d-cards{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#23262b,#0b0c0d 70%);perspective:1200px}.d-card{margin:0;width:min(44cqi,460px);border-radius:16px;background:#15171a;overflow:hidden;box-shadow:0 24px 70px #0000008c,0 0 0 1px #ede7dc14}.d-card:focus-visible{outline:2px solid #93C4F5;outline-offset:4px}.d-card__frame{aspect-ratio:4 / 3;overflow:hidden}.d-card figcaption{padding:2.4cqmin 3cqmin 3cqmin;display:grid;gap:.3em}.d-card strong{font-size:clamp(14px,3cqmin,26px);font-weight:600}.d-card--tilt{position:relative;will-change:transform}@container (max-aspect-ratio: 3/4){.d-card{width:76cqi}}.d-editorial{position:absolute;top:0;right:0;bottom:0;left:0;padding:6cqmin;display:grid;gap:2.4cqmin;background:#ede7dc;color:#15171a;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:1fr auto}.d-editorial__item{margin:0;overflow:hidden;border-radius:4px;min-height:0}.d-editorial__item--0{grid-row:1 / span 2}.d-editorial__item--1{margin-top:12cqb}.d-editorial__text{grid-column:2 / span 2;margin:0;display:grid;gap:.4em}.d-editorial__text .d-meta{color:#15171ab3}.d-editorial__text strong{font-weight:300;font-stretch:125%;text-transform:uppercase;font-size:clamp(16px,5cqmin,54px);letter-spacing:.03em;line-height:1}@container (max-aspect-ratio: 3/4){.d-editorial{grid-template-columns:1fr 1fr;grid-template-rows:1.3fr 1fr auto}.d-editorial__item--0{grid-row:auto;grid-column:1 / span 2}.d-editorial__item--1{margin-top:0}.d-editorial__text{grid-column:1 / span 2}}.d-dolly{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.d-dolly__bg{position:absolute;top:0;right:0;bottom:0;left:0}.d-dolly__subject{position:relative;margin:0;width:min(30cqi,340px);aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;box-shadow:0 30px 90px #000000a6,0 0 0 1px #ffffff26}@container (max-aspect-ratio: 3/4){.d-dolly__subject{width:58cqi}}.d-type{position:absolute;top:0;right:0;bottom:0;left:0;padding:8cqmin;display:flex;flex-direction:column;justify-content:center;gap:3cqmin;background:#101113}.d-type--center{align-items:center;text-align:center}.d-type__headline{margin:0;max-width:18ch;font-weight:300;font-stretch:125%;text-transform:uppercase;font-size:clamp(24px,9.5cqmin,112px);line-height:.98;letter-spacing:.02em}.d-type__code{margin:0;font:500 clamp(16px,5cqmin,54px)/1.2 "IBM Plex Mono",monospace;letter-spacing:.06em;color:#f0b25a;white-space:nowrap}@container (max-aspect-ratio: 3/4){.d-type__code{white-space:normal;font-size:clamp(14px,6.4cqi,40px)}}.d-type--quote blockquote{margin:0;max-width:24ch;font-size:clamp(20px,6.2cqmin,64px);line-height:1.15;font-weight:400;letter-spacing:-.01em}.d-tiles{position:absolute;top:0;right:0;bottom:0;left:0;padding:5cqmin;display:grid;place-items:center;background:#101113}.d-tiles__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:1.6cqmin;width:100%}.d-tiles__grid li{aspect-ratio:1;border-radius:8px;overflow:hidden}@container (max-aspect-ratio: 3/4){.d-tiles__grid{grid-template-columns:repeat(3,1fr)}}.d-kpis{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:4cqmin;padding:6cqmin;background:#101113}.d-kpi{display:grid;gap:1cqmin;border-top:1px solid rgba(237,231,220,.16);padding-top:2.4cqmin}.d-kpi__value{font-weight:300;font-stretch:115%;font-size:clamp(26px,10cqmin,120px);line-height:1;font-variant-numeric:tabular-nums}@container (max-aspect-ratio: 3/4){.d-kpis{grid-template-columns:1fr}}.d-chat{position:absolute;top:0;right:0;bottom:0;left:0;padding:6cqmin;display:flex;flex-direction:column;justify-content:center;gap:2.4cqmin;background:#101113}.d-chat__msg{margin:0;max-width:min(64ch,80%);padding:2.4cqmin 3cqmin;border-radius:16px 16px 16px 4px;background:#1f2226;font-size:clamp(13px,3cqmin,22px);line-height:1.5}.d-chat__msg--user{align-self:flex-end;border-radius:16px 16px 4px;background:#2b2418;color:#f6d9a8}.d-ui{position:absolute;top:0;right:0;bottom:0;left:0;padding:6cqmin;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4cqmin;background:radial-gradient(circle at 50% 30%,#1d2024,#0b0c0d 70%)}.d-ui--top{justify-content:flex-start;padding-top:12cqb}.d-ui--bottom{justify-content:flex-end;padding-bottom:8cqb}.d-ui__row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.d-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(237,231,220,.22);background:#1f2226;color:#ede7dc;cursor:pointer;min-height:44px;padding:0 20px;border-radius:999px;font:600 15px/1 Archivo,sans-serif;letter-spacing:.01em}.d-btn--primary{background:#f0b25a;color:#17130c;border-color:transparent}.d-btn--xl{min-height:60px;padding:0 34px;font-size:18px}.d-btn--xl span{display:inline-block}.d-ticket{all:unset;box-sizing:border-box;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:10px 22px 10px 10px;border-radius:14px;background:#15171a;box-shadow:0 0 0 1px #ede7dc1a;cursor:pointer}.d-ticket img{width:72px;height:72px;border-radius:8px}.d-ticket strong{display:block;margin-top:4px;font-size:16px}.d-ticket:focus-visible{outline:2px solid #93C4F5;outline-offset:3px}.d-confirm{display:grid;justify-items:center;gap:10px;text-align:center;padding:28px 36px;border-radius:18px;background:#15171a;box-shadow:0 0 0 1px #ede7dc14}.d-confirm__icon{width:clamp(56px,14cqmin,96px);height:auto}.d-confirm strong{font-size:clamp(16px,3.4cqmin,24px)}.d-form{width:min(90cqi,360px);display:grid;gap:10px;padding:24px;border-radius:18px;background:#15171a;box-shadow:0 0 0 1px #ede7dc14}.d-field{display:grid;gap:6px}.d-field label{font-size:14px;color:#ede7dccc}.d-field input{min-height:44px;border-radius:10px;border:1.5px solid #E5735E;background:#0f1012;color:#ede7dc;padding:0 12px;font:16px IBM Plex Mono,monospace}.d-form__error{margin:0 0 6px;color:#f2a090;font-size:13px;line-height:1.4}.d-flip{display:grid;justify-items:center;gap:clamp(8px,3cqb,18px)}.d-flip__card{position:relative;height:min(62cqb,400px);aspect-ratio:3 / 4}.d-flip__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden;background:#15171a;box-shadow:0 24px 60px #00000080,0 0 0 1px #ede7dc14}.d-flip__label{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));display:grid;gap:4px}.d-flip__label strong,.d-flip__face--back strong{font-size:20px}.d-flip__face--back{padding:20px;display:grid;align-content:start;gap:10px}.d-flip__face--back dl{margin:8px 0 0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14px}.d-flip__face--back dt{color:#ede7dc99}.d-flip__face--back dd{margin:0}.d-accordion{list-style:none;margin:0;padding:0;width:min(92cqi,560px);display:grid;gap:clamp(6px,1.6cqb,10px)}.d-acc{border-radius:14px;background:#15171a;box-shadow:0 0 0 1px #ede7dc14}.d-acc__head{all:unset;box-sizing:border-box;width:100%;min-height:clamp(36px,9cqb,56px);padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:600;font-size:clamp(13px,3.4cqmin,16px);border-radius:14px}.d-acc__head:focus-visible{outline:2px solid #93C4F5;outline-offset:2px}.d-acc__icon{font:400 22px/1 IBM Plex Mono,monospace;color:#f0b25a}.d-acc__body{display:none;padding:0 18px 18px}.d-acc__body p{margin:0;color:#ede7dccc;line-height:1.5;font-size:clamp(12px,3.2cqmin,15px)}.d-compare{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.d-compare .d-photo{position:absolute;top:0;right:0;bottom:0;left:0}.d-compare__tag{position:absolute;bottom:4cqmin;z-index:2;padding:6px 10px;border-radius:6px;background:#0000008c;font:500 11px/1 IBM Plex Mono,monospace;letter-spacing:.1em;pointer-events:none}.d-compare__tag--l{left:4cqmin}.d-compare__tag--r{right:4cqmin}.d-dock{display:flex;gap:10px;padding:12px 14px;border-radius:22px;background:#1f2226cc;box-shadow:0 0 0 1px #ede7dc1a,0 20px 60px #00000080}.d-dock__item{display:block;width:clamp(36px,8cqmin,64px);aspect-ratio:1;border-radius:12px;overflow:hidden;will-change:transform}.d-dock__item:focus-visible{outline:2px solid #93C4F5;outline-offset:3px}@container (max-width: 420px){.d-dock{gap:6px;padding:8px}}.demo--reel .d-shot{visibility:hidden;z-index:0}.demo--reel .d-shot.is-current{visibility:visible;z-index:1}.demo--reel .d-shot.is-next{z-index:2}.demo--reel .d-shot__caption{bottom:auto;top:5cqmin}.d-mosaic{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#101113;overflow:hidden}.d-mosaic__grid{--w: min(92cqw, 62cqh);--gap: max(4px, calc(var(--w) * .014));width:var(--w);margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:calc(var(--w) * .235);grid-auto-flow:row dense;gap:var(--gap)}.d-module{position:relative;min-width:0;min-height:0;border-radius:6px;overflow:hidden;background:#1a1c1f}.d-module[hidden]{display:none}.d-module[data-size=wide],.d-module[data-size=full]{grid-column:span 2}.d-module[data-size=tall],.d-module[data-size=full]{grid-row:span 2}.d-module[data-order=first]{order:-1}.d-module__frame{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;overflow:hidden}.d-module__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#050506;opacity:0;pointer-events:none}.d-module__frame:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000,#000000a8)}.d-module__label{position:absolute;left:.7em;right:.7em;bottom:.6em;z-index:1;display:grid;gap:.2em;font-size:clamp(12px,calc(var(--w) * .036),18px)}.d-module__label strong{font-weight:600;line-height:1.1;overflow-wrap:anywhere}.d-module__label .d-meta{font-size:.72em}.d-module[data-size=half] .d-module__label .d-meta{display:none}.d-module[data-size=full] .d-module__label{font-size:clamp(14px,calc(var(--w) * .05),26px)}.d-mosaic__bar{position:absolute;top:3cqmin;right:3cqmin;z-index:3}.d-clip{position:relative;margin:0;height:100cqb;overflow:hidden;background:#000}.d-clip video,.d-clip__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.d-clip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000 50%,#0009)}.d-clip figcaption{z-index:1}.d-seq{position:relative;height:80cqb;margin:0 5cqi;border-radius:10px;overflow:hidden;background:#000}.d-seq__canvas{display:block;width:100%;height:100%}.d-seq__caption{position:absolute;left:5cqmin;bottom:4cqmin;margin:0;display:grid;gap:.3em}.d-seq__caption strong{font-size:clamp(18px,5cqmin,48px);font-weight:600}.d-hero{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1.3fr 1fr;gap:5cqmin;align-items:center;padding:6cqmin;background:#ede7dc;color:#15171a}.d-hero__frame{margin:0;height:100%;overflow:hidden;border-radius:4px}.d-hero__text{display:grid;gap:2.2cqmin;align-content:center}.d-hero__text .d-meta{color:#15171ab3}.d-hero__title{margin:0;font-weight:300;font-stretch:125%;text-transform:uppercase;font-size:clamp(20px,5.4cqmin,60px);line-height:1.02;letter-spacing:.02em}.d-hero__text p{margin:0;font-size:clamp(13px,2.2cqmin,18px);max-width:34ch}.d-hero__text .d-btn{justify-self:start}@container (max-aspect-ratio: 3/4){.d-hero{grid-template-columns:1fr;grid-template-rows:1.1fr auto}}.d-focusreveal .d-photo,.d-meta-scene .d-photo{position:absolute;top:0;right:0;bottom:0;left:0}.d-meta-scene__scrim{position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08080900,#080809d1 70%);visibility:hidden}.d-meta-scene__text{position:absolute;left:6cqmin;right:6cqmin;bottom:6cqmin;display:grid;gap:1.6cqmin;max-width:60ch}.d-meta-scene__name{margin:0;font-weight:600;font-size:clamp(22px,6cqmin,56px);line-height:1.05}.d-meta-scene__text p{margin:0;font-size:clamp(14px,2.4cqmin,19px);line-height:1.45;color:#ede7dce0}.d-meta-scene__text .d-meta-scene__price{font:500 clamp(16px,3cqmin,24px) "IBM Plex Mono",monospace;color:#f0b25a}