/* App Showcase: authentic app imagery in the existing MCA editorial language. */
.app-showcase{--showcase-paper:#f5f3ed;--showcase-line:#d3cec2;--showcase-muted:#68665d;background:var(--showcase-paper);overflow:clip}
.showcase-shell{width:min(100% - 14%,1440px);margin-inline:auto}
.showcase-hero{padding-top:50px;scroll-margin-top:110px}
.showcase-kicker{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:10px;letter-spacing:.15em;color:var(--showcase-muted);text-transform:uppercase}
.showcase-kicker span:last-child{display:flex;align-items:center;gap:9px}.showcase-kicker i{width:6px;height:6px;background:#bc4d35;border-radius:50%;display:inline-block}
.showcase-heading{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:8%;margin:28px 0 35px}
.showcase-heading h1{font-size:clamp(62px,7.5vw,116px);line-height:.96;letter-spacing:-.035em;max-width:8ch}
.showcase-heading-copy{padding-bottom:4px}.showcase-heading-copy>p{font-size:16px;line-height:1.85;max-width:43ch;color:#55534b}
.showcase-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:24px}.showcase-inline-actions .text-link{font-size:12px}
.showcase-platform-nav{display:grid;grid-template-columns:1.25fr repeat(4,1fr);border-block:1px solid var(--showcase-line);margin-bottom:34px}
.showcase-platform-nav a{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 12px;font-size:12px;min-height:58px;transition:background .18s}
.showcase-platform-nav a+a{border-left:1px solid var(--showcase-line)}.showcase-platform-nav a:first-child{background:#22251f;color:#f4f0e8}.showcase-platform-nav a:hover{background:#e5e0d5;color:#25251f}.showcase-platform-nav a>span{font-size:9px;opacity:.6}
.showcase-cinema{margin:0;position:relative}.showcase-cinema video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#181916;border:1px solid #c7c1b5}
.showcase-cinema figcaption{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--showcase-line);font-size:10px;color:var(--showcase-muted);line-height:1.7}.showcase-cinema figcaption span:first-child{color:#36362f;letter-spacing:.12em}
.showcase-gallery-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:38px 0 52px}.showcase-gallery-bottom h2{font-size:clamp(32px,3.6vw,52px);max-width:14ch;line-height:1.05}.showcase-gallery-bottom .showcase-note{font-size:12px;line-height:1.9;color:var(--showcase-muted);margin-top:17px;max-width:45ch}.showcase-gallery-bottom .showcase-music{font-size:10px;line-height:1.8;color:var(--showcase-muted);margin-top:15px}.showcase-free{display:inline-block;border:1px solid #bdb7a8;padding:8px 12px;font-size:10px;letter-spacing:.08em;margin-bottom:20px}
.showcase-gallery-features{display:grid;grid-template-columns:1fr;gap:20px}.showcase-gallery-features>div{display:grid;grid-template-columns:30px 1fr;column-gap:18px;padding-bottom:20px;border-bottom:1px solid var(--showcase-line)}.showcase-gallery-features>div:last-child{padding-bottom:0;border-bottom:0}.showcase-gallery-features span{font-size:10px;color:#a64631;padding-top:5px}.showcase-gallery-features h3{font-size:25px}.showcase-gallery-features p{font-size:12px;line-height:1.8;color:var(--showcase-muted);margin-top:6px;max-width:48ch}
.showcase-collection{background:#252822;color:#f3f0e7;padding:30px 0}.showcase-collection .showcase-shell{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px;align-items:center}.showcase-collection p{font-family:var(--display);font-size:30px;line-height:1.1}.showcase-collection dl{display:contents}.showcase-collection dl>div{border-left:1px solid #54574f;padding-left:35px}.showcase-collection dt{font-family:var(--display);font-size:39px;line-height:1}.showcase-collection dd{margin:8px 0 0;font-size:9px;letter-spacing:.12em;color:#b8bbaf;text-transform:uppercase}
.showcase-platform{padding-block:100px;scroll-margin-top:100px;border-bottom:1px solid var(--showcase-line)}
.showcase-platform-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.showcase-platform-copy .eyebrow{color:#9c4a36;font-size:10px;letter-spacing:.16em}.showcase-platform-copy h2{font-size:clamp(46px,5vw,72px);line-height:1.04;letter-spacing:-.025em;margin:21px 0 25px;max-width:13ch}.showcase-platform-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;max-width:42ch;color:#626056}.showcase-platform-copy .text-link{display:inline-flex;gap:30px;margin-top:30px;font-size:12px}.showcase-feature-list{list-style:none;padding:0;margin:27px 0 0;display:flex;gap:10px;flex-wrap:wrap;max-width:48ch}.showcase-feature-list li{border:1px solid #d2ccbf;padding:8px 10px;font-size:10px;color:#67635a}
.showcase-device-stage{margin:0;padding:40px 34px;background:#e9e5dc;display:flex;align-items:center;justify-content:center;min-width:0;position:relative}.showcase-device-stage:before{content:"";position:absolute;inset:25px;border:1px solid #d5cebf;pointer-events:none}.showcase-device{position:relative;z-index:1;box-shadow:0 20px 40px #25251b24}.showcase-device img{width:100%;height:auto;display:block;object-fit:contain}.showcase-phone{width:min(100%,268px);padding:6px;background:#282923;border:1px solid #66645b;border-radius:38px}.showcase-phone img{border-radius:31px}.showcase-ipad{width:min(100%,375px);padding:8px;border-radius:20px;background:#282923;border:1px solid #66645b}.showcase-ipad img{border-radius:12px}.showcase-screen-caption{font-size:9px;line-height:1.7;color:#797367;letter-spacing:.04em;text-align:center;margin-top:15px}
.showcase-platform-ipad{background:#eae6dd}.showcase-platform-ipad .showcase-device-stage{background:#f4f1ea}.showcase-platform-ipad .showcase-platform-copy{order:2}.showcase-platform-ipad .showcase-media{order:1}
.showcase-platform-tv{background:#20231e;color:#f3f0e7}.showcase-platform-tv .showcase-platform-inner{grid-template-columns:.7fr 1.3fr;gap:7%}.showcase-platform-tv .showcase-platform-copy h2{max-width:11ch}.showcase-platform-tv .showcase-platform-copy>p:not(.eyebrow){color:#b7bbaf}.showcase-platform-tv .showcase-platform-copy .eyebrow{color:#d08a72}.showcase-platform-tv .showcase-feature-list li{border-color:#52564a;color:#c4c7ba}.showcase-tv{padding:9px;background:#090b08;border:1px solid #74766a;box-shadow:0 22px 42px #0007}.showcase-tv img{width:100%;height:auto}.showcase-platform-tv .showcase-screen-caption{color:#a7ad9d;text-align:left}.showcase-tv-menus{margin-top:25px;display:grid;grid-template-columns:1.1fr 1fr;gap:23px;align-items:center}.showcase-tv-menus img{border:1px solid #555c4c}.showcase-tv-menus p{font-size:11px;line-height:1.8;color:#aeb4a5}.showcase-tv-menus p span{display:block;color:#e0e2d7;font-size:11px;letter-spacing:.03em;margin-bottom:6px}
.showcase-platform-mac .showcase-platform-inner{grid-template-columns:1.3fr .7fr;gap:7%}.showcase-platform-mac .showcase-platform-copy{order:2}.showcase-platform-mac .showcase-media{order:1}.showcase-mac{padding:9px;border:1px solid #9b9b90;background:#272922;box-shadow:0 20px 35px #24291f24;border-radius:9px}.showcase-mac img{border-radius:3px}.showcase-platform-mac .showcase-screen-caption{text-align:left}
.showcase-download{padding-block:75px;background:#e7e3d9}.showcase-download .showcase-shell{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center}.showcase-download h2{font-size:clamp(42px,4.5vw,65px);line-height:1.04;margin-top:17px}.showcase-download p:not(.eyebrow){color:#615e54;font-size:14px;line-height:1.9;margin-bottom:24px;max-width:45ch}.showcase-download .showcase-footnote{font-size:11px!important;margin:16px 0 0!important;max-width:52ch!important}
.showcase-related{padding-block:55px}.showcase-related .showcase-shell{display:grid;grid-template-columns:1fr 1fr;gap:9%}.showcase-related h2{font-size:31px;margin:13px 0}.showcase-related p:not(.eyebrow){font-size:12px;color:#6b675c;line-height:1.85;max-width:50ch}.showcase-related .text-link{display:inline-block;font-size:11px;margin-top:19px}.showcase-related .eyebrow{font-size:9px;color:#8d8575}
@media(min-width:1600px){.showcase-phone{width:295px}.showcase-ipad{width:400px}}
@media(max-width:1000px){.showcase-shell{width:90%}.showcase-heading{gap:5%;grid-template-columns:1.1fr .9fr}.showcase-heading-copy>p{font-size:14px}.showcase-platform-inner{gap:7%}.showcase-platform-tv .showcase-platform-inner,.showcase-platform-mac .showcase-platform-inner{grid-template-columns:1fr;gap:40px}.showcase-platform-tv .showcase-platform-copy h2{max-width:none}.showcase-platform-mac .showcase-platform-copy{order:0}.showcase-platform-mac .showcase-media{order:0}.showcase-platform-copy>p:not(.eyebrow){max-width:58ch}.showcase-platform-copy h2{font-size:54px}.showcase-gallery-bottom{gap:8%}.showcase-device-stage{padding:36px 25px}.showcase-collection dl>div{padding-left:22px}}
@media(max-width:700px){.showcase-hero{padding-top:30px}.showcase-shell{width:90%}.showcase-kicker{font-size:8px;align-items:flex-start;line-height:1.7;gap:15px}.showcase-kicker span:last-child{white-space:nowrap}.showcase-heading{grid-template-columns:1fr;gap:24px;margin:25px 0 29px}.showcase-heading h1{font-size:clamp(62px,15vw,88px);max-width:10ch}.showcase-heading-copy>p{font-size:13px;max-width:47ch}.showcase-inline-actions{gap:20px;margin-top:20px}.showcase-inline-actions .text-link{font-size:11px}.showcase-platform-nav{grid-template-columns:1.4fr 1fr 1fr;margin-bottom:24px}.showcase-platform-nav a{padding:12px 7px;font-size:10px;min-height:46px;gap:6px}.showcase-platform-nav a>span{font-size:8px}.showcase-platform-nav a:nth-child(4),.showcase-platform-nav a:nth-child(5){border-top:1px solid var(--showcase-line)}.showcase-platform-nav a:nth-child(4){border-left:0}.showcase-platform-nav a:nth-child(5){grid-column:2/4}.showcase-cinema figcaption{display:block;padding-block:12px;font-size:8px}.showcase-cinema figcaption span{display:block}.showcase-cinema figcaption span+span{margin-top:5px}.showcase-gallery-bottom{grid-template-columns:1fr;gap:30px;padding:28px 0 39px}.showcase-gallery-bottom h2{font-size:38px;max-width:18ch}.showcase-free{font-size:9px;margin-bottom:15px}.showcase-gallery-bottom .showcase-note{font-size:11px}.showcase-gallery-features{gap:15px}.showcase-gallery-features h3{font-size:24px}.showcase-gallery-features p{font-size:11px}.showcase-collection{padding:28px 0}.showcase-collection .showcase-shell{grid-template-columns:repeat(3,1fr);gap:22px}.showcase-collection p{grid-column:1/-1;font-size:29px}.showcase-collection dl>div{border-left:0;border-top:1px solid #54574f;padding:15px 0 0}.showcase-collection dt{font-size:36px}.showcase-collection dd{font-size:8px;line-height:1.6}.showcase-platform{padding-block:55px;scroll-margin-top:95px}.showcase-platform-inner{grid-template-columns:1fr;gap:33px}.showcase-platform-copy h2{font-size:47px;margin:16px 0 20px;max-width:13ch}.showcase-platform-copy>p:not(.eyebrow){font-size:13px}.showcase-platform-copy .text-link{margin-top:24px}.showcase-feature-list{margin-top:22px;gap:8px}.showcase-feature-list li{font-size:9px}.showcase-device-stage{padding:34px 24px}.showcase-device-stage:before{inset:17px}.showcase-phone{width:min(76%,260px);border-radius:35px}.showcase-phone img{border-radius:28px}.showcase-ipad{width:100%;max-width:365px}.showcase-platform-ipad .showcase-platform-copy,.showcase-platform-ipad .showcase-media{order:0}.showcase-tv{padding:5px}.showcase-tv-menus{grid-template-columns:1fr;gap:13px;margin-top:24px}.showcase-tv-menus img{width:100%}.showcase-tv-menus p{font-size:11px}.showcase-screen-caption{font-size:8px}.showcase-mac{padding:5px}.showcase-download{padding-block:50px}.showcase-download .showcase-shell{grid-template-columns:1fr;gap:28px}.showcase-download h2{font-size:45px}.showcase-download p:not(.eyebrow){font-size:13px}.showcase-related{padding-block:40px}.showcase-related .showcase-shell{grid-template-columns:1fr;gap:35px}.showcase-related h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html:has(.app-showcase){scroll-behavior:auto}.showcase-platform-nav a{transition:none}}
.showcase-media,.showcase-tv{margin:0;min-width:0}
