:root { --cream:#f5f1e9; --paper:#fbf8f2; --ink:#2d2925; --muted:#6d655d; --gold:#b8915a; --gold-dark:#916d3c; --line:#d9d0c4; --night:#111311; --serif:"Cormorant Garamond",Georgia,serif; --sans:"DM Sans",Arial,sans-serif; --gutter:clamp(22px,3.7vw,58px); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:var(--sans); line-height:1.55; }
a { color:inherit; } button,input,select { font:inherit; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.skip-link { position:fixed; top:-100px; left:20px; z-index:100; padding:10px 16px; background:white; }
.skip-link:focus { top:20px; }
.site-header { position:absolute; inset:0 0 auto; z-index:20; height:88px; padding:0 clamp(24px,3vw,48px); display:grid; grid-template-columns:300px 1fr 168px 42px; gap:22px; align-items:center; color:white; border-bottom:1px solid rgba(255,255,255,.13); transition:.25s ease; }
.site-header.scrolled { position:fixed; height:72px; background:rgba(13,15,14,.96); backdrop-filter:blur(12px); }
.brand { display:flex; gap:14px; align-items:center; text-decoration:none; }
.header-logo { width:78px; height:66px; object-fit:contain; filter:grayscale(1) brightness(0) invert(1); }
.brand-monogram { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--gold); color:var(--gold); font-family:var(--serif); font-size:12px; }
.brand-name { font-family:var(--serif); font-size:17px; line-height:1.05; letter-spacing:.045em; text-transform:uppercase; }
.primary-nav { display:flex; justify-content:center; gap:clamp(15px,1.55vw,28px); }
.primary-nav a { text-decoration:none; font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.primary-nav a:hover { color:var(--gold); }
.header-book { padding:14px 13px; border:1px solid rgba(255,255,255,.6); text-align:center; text-decoration:none; font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.menu-toggle { width:42px; height:42px; padding:10px; display:grid; gap:5px; place-content:center; background:transparent; border:0; color:white; cursor:pointer; }
.menu-toggle span:not(.sr-only) { display:block; width:24px; height:2px; background:currentColor; }
.hero { position:relative; min-height:790px; display:flex; align-items:center; overflow:hidden; color:white; }
.hero-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#171b1b; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.69),rgba(0,0,0,.32) 42%,rgba(0,0,0,.08) 72%),linear-gradient(180deg,rgba(0,0,0,.28),transparent 30%,rgba(0,0,0,.35)); }
.hero-content { position:relative; z-index:2; width:min(650px,88vw); margin-left:clamp(42px,7.2vw,110px); padding-top:80px; }
.hero-kicker { margin:0 0 16px; font-size:13px; font-weight:600; letter-spacing:.17em; text-transform:uppercase; }
.hero h1 { margin:0; font-family:var(--serif); font-size:clamp(72px,7.5vw,116px); font-weight:400; line-height:.76; letter-spacing:-.025em; text-transform:uppercase; }
.gold-rule { display:block; width:58px; height:2px; margin:38px 0 25px; background:var(--gold); }
.hero-copy { margin:0; font-family:var(--serif); font-size:18px; line-height:1.35; }
.hero-actions { display:flex; gap:16px; margin-top:32px; }
.button { min-height:47px; padding:13px 24px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; text-decoration:none; font-size:9px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; transition:.2s ease; }
.button-gold { background:var(--gold); color:white; } .button-gold:hover { background:var(--gold-dark); }
.button-outline { color:white; border-color:rgba(255,255,255,.7); } .button-outline:hover { background:white; color:var(--ink); }
.button-line { border-color:var(--gold); color:var(--ink); background:transparent; } .button-line:hover { background:var(--gold); color:white; }
.watch-story { position:absolute; right:6.5vw; bottom:92px; z-index:2; display:flex; gap:12px; align-items:center; background:transparent; color:white; border:0; font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.play-icon { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.75); border-radius:50%; font-size:9px; }
.media-placeholder { position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; text-align:center; isolation:isolate; }
.media-placeholder::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 34%),linear-gradient(45deg,transparent 48.5%,rgba(255,255,255,.08) 49%,rgba(255,255,255,.08) 51%,transparent 51.5%); background-size:auto,42px 42px; }
.media-placeholder::after { content:""; position:absolute; inset:10px; z-index:-1; border:1px solid rgba(255,255,255,.18); }
.placeholder-label { padding:5px 8px; border:1px solid currentColor; font-size:9px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.placeholder-note { max-width:440px; padding:0 20px; font-size:10px; opacity:.7; }
.asset-frame { position:relative; overflow:hidden; }
.asset-frame>img:not(.venue-logo) { width:100%; height:100%; display:block; object-fit:cover; }
.booking-shell { position:relative; z-index:5; width:calc(100% - (var(--gutter) * 2)); max-width:1360px; margin:-52px auto 0; }
.booking-bar { min-height:104px; display:grid; grid-template-columns:1.15fr 1fr 1fr 1fr 165px; background:var(--paper); box-shadow:0 14px 28px rgba(56,43,30,.13); }
.booking-field { min-width:0; padding:22px 25px; display:flex; gap:16px; align-items:center; border-right:1px solid var(--line); }
.field-icon { color:var(--gold-dark); font-family:var(--serif); font-size:28px; }
.field-copy { min-width:0; display:flex; flex:1; flex-direction:column; }
.field-copy small { color:var(--muted); font-size:8px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.field-copy select,.field-copy input { width:100%; padding:4px 0 0; background:transparent; color:var(--ink); border:0; outline:0; font-family:var(--serif); font-size:15px; }
.booking-submit { margin:26px 28px 26px 0; background:var(--gold); color:white; border:0; font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.section-wrap { padding:62px var(--gutter); border-bottom:1px solid var(--line); }
.section-title { margin:0 0 36px; font-family:var(--serif); font-size:clamp(38px,3.5vw,57px); font-weight:400; line-height:.93; letter-spacing:.02em; text-transform:uppercase; }
.section-title.centered { text-align:center; }
.hotel-section { position:relative; padding-top:68px; padding-bottom:76px; display:flow-root; }
.hotel-grid { max-width:1340px; margin:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.65vw,22px); align-items:stretch; }
.hotel-card,.dining-card { background:rgba(255,255,255,.26); border:1px solid var(--line); }
.hotel-card { min-width:0; height:auto; display:flex; flex-direction:column; }
.hotel-image { width:100%; display:block; flex:0 0 auto; aspect-ratio:1.18/1; color:rgba(255,255,255,.78); }
.ambassador { background:linear-gradient(145deg,#7b6049,#2e261f); }.mag-mile { background:linear-gradient(145deg,#375161,#141f25); }.river-north { background:linear-gradient(145deg,#5c4d40,#24201d); }.wrigleyville { background:linear-gradient(145deg,#4f5f69,#1f2a2f); }
.card-body { padding:22px 24px 25px; display:flex; flex-direction:column; }
.card-body h3 { min-height:62px; margin:0 0 15px; font-family:var(--serif); font-size:27px; font-weight:400; line-height:.95; text-transform:uppercase; }
.card-body p { min-height:47px; margin:0 0 24px; color:var(--muted); font-family:var(--serif); font-size:15px; line-height:1.2; }
.card-body address { min-height:44px; margin:0 0 23px; color:var(--muted); font-family:var(--sans); font-size:10px; font-style:normal; line-height:1.45; letter-spacing:.035em; }
.card-body a { color:var(--gold-dark); text-decoration:none; font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.hotel-card .card-body { min-width:0; flex:1 1 auto; }
.hotel-card .card-body>a { margin-top:auto; }
.card-body a span { margin-left:7px; font-size:17px; }
.guest-club-section { position:relative; z-index:1; clear:both; min-width:0; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr); grid-auto-rows:max-content; gap:clamp(40px,6vw,95px); align-items:center; background:var(--paper); }
.guest-club-copy { min-width:0; max-width:760px; }
.guest-club-kicker { margin:0 0 17px; color:var(--gold-dark); font-size:9px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.guest-club-copy .section-title { margin-bottom:20px; }
.guest-club-lead { max-width:680px; margin:0 0 25px; color:var(--muted); font-family:var(--serif); font-size:20px; line-height:1.25; }
.guest-benefits { margin:0 0 20px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:9px 30px; list-style:none; }
.guest-benefits li { position:relative; padding-left:18px; font-family:var(--serif); font-size:15px; line-height:1.25; }
.guest-benefits li::before { content:""; position:absolute; left:0; top:.5em; width:7px; height:1px; background:var(--gold); }
.guest-club-note { max-width:680px; margin:0 0 25px; color:var(--muted); font-size:12px; line-height:1.55; }
.guest-club-image { width:100%; min-height:0; aspect-ratio:3/2; align-self:center; background:#5d493b; }
.guest-club-scroll { opacity:0; transform:translate3d(0,24px,0); transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1); }
.guest-club-scroll>img { transform:translate3d(0,var(--guest-club-shift,12px),0) scale(1.065); transition:transform .18s linear; will-change:transform; }
.guest-club-section.is-visible .guest-club-scroll { opacity:1; transform:translate3d(0,0,0); }
.experience-section { min-height:310px; display:grid; grid-template-columns:350px minmax(0,1fr); gap:55px; align-items:center; }
.experience-intro p { max-width:330px; margin:0 0 22px; color:var(--muted); font-family:var(--serif); font-size:15px; line-height:1.25; }
.experience-intro .section-title { margin-bottom:22px; }
.experience-carousel { position:relative; min-width:0; padding-right:52px; }
.experience-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(135px,1fr); gap:3px; overflow-x:auto; scrollbar-width:none; scroll-behavior:smooth; }
.experience-track::-webkit-scrollbar { display:none; }
.event-card { position:relative; aspect-ratio:.72/1; min-height:210px; overflow:hidden; background:#181715; color:white; text-decoration:none; }
.event-image { position:absolute; inset:0; color:rgba(255,255,255,.68); }
.event-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.event-card:hover .event-image img { transform:scale(1.025); }
.event-1 { background:linear-gradient(155deg,#5c4a39,#141313); }.event-2 { background:linear-gradient(155deg,#37404b,#101114); }.event-3 { background:linear-gradient(155deg,#6a4e2e,#18120b); }.event-4 { background:linear-gradient(155deg,#71473c,#1c1010); }.event-5 { background:linear-gradient(155deg,#695e54,#181513); }.event-6 { background:linear-gradient(155deg,#756647,#1c1912); }
.event-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85)); }
.event-card h3 { position:absolute; left:12px; right:12px; bottom:12px; z-index:2; margin:0; text-align:center; font-family:var(--serif); font-size:17px; font-weight:400; line-height:1; text-transform:uppercase; }
.carousel-controls { position:absolute; top:50%; right:0; display:grid; gap:10px; transform:translateY(-50%); }
.carousel-controls button { width:36px; height:36px; background:transparent; color:var(--gold-dark); border:1px solid var(--gold); border-radius:50%; font-family:var(--serif); font-size:22px; cursor:pointer; }
.dining-section { padding-top:50px; padding-bottom:52px; }
.dining-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.dining-image { aspect-ratio:1.31/1; color:rgba(255,255,255,.78); }
.venue-logo { position:absolute; left:50%; bottom:17px; z-index:2; width:min(66%,210px); max-height:70px; object-fit:contain; transform:translateX(-50%); filter:drop-shadow(0 2px 8px rgba(0,0,0,.75)); }
.dining-image::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.5)); pointer-events:none; }
.terrace { background:linear-gradient(145deg,#8e745a,#39464d); }.ambassador-room { background:linear-gradient(145deg,#715943,#251e19); }.champagne { background:linear-gradient(145deg,#a8895d,#54402d); }.skydeck { background:linear-gradient(145deg,#4c6c7f,#182c38); }
.dining-card .card-body h3 { min-height:auto; font-size:23px; }.dining-card .card-body p { min-height:42px; }
.dining-card .card-body .opening-note { min-height:auto; margin-top:auto; margin-bottom:0; color:var(--gold-dark); font-family:var(--sans); font-size:10px; font-weight:600; line-height:1.35; letter-spacing:.08em; text-transform:uppercase; }
.reviews-section { background:var(--paper); }
.reviews-heading { display:grid; grid-template-columns:180px minmax(300px,1fr) minmax(240px,.65fr); gap:30px; align-items:end; margin-bottom:30px; }
.reviews-heading>p { margin:0 0 8px; color:var(--gold-dark); font-size:9px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.reviews-heading .section-title { margin:0; }
.reviews-heading>span { padding-bottom:5px; color:var(--muted); font-family:var(--serif); font-size:16px; line-height:1.25; }
.reviews-widget-shell { min-height:270px; padding:20px; background:white; border:1px solid var(--line); }
.embedsocial-hashtag { min-height:228px; }
.embedsocial-hashtag:empty { display:grid; place-items:center; background:linear-gradient(90deg,#f8f6f2,#fff,#f8f6f2); color:var(--muted); }
.embedsocial-hashtag:empty::before { content:"Loading recent Google reviews…"; font-family:var(--serif); font-size:17px; }
.gather-section { background:var(--cream); }
.gather-heading { display:grid; grid-template-columns:180px minmax(330px,1fr) minmax(260px,.7fr); gap:30px; align-items:end; margin-bottom:34px; }
.gather-heading>p { margin:0 0 8px; color:var(--gold-dark); font-size:9px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.gather-heading .section-title { margin:0; }
.gather-heading>span { padding-bottom:5px; color:var(--muted); font-family:var(--serif); font-size:16px; line-height:1.25; }
.gather-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.gather-card { display:grid; grid-template-columns:minmax(210px,.85fr) 1fr; min-height:390px; background:var(--paper); border:1px solid var(--line); }
.gather-media { min-height:390px; }
.flyer-frame { background:#061a2a; }
.asset-frame.flyer-frame>img:not(.venue-logo) { object-fit:contain; }
.video-frame { position:relative; overflow:hidden; background:#111; }
.video-frame video { width:100%; height:100%; display:block; object-fit:cover; }
.media-play { position:absolute; left:50%; top:50%; width:52px; height:52px; display:grid; place-items:center; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.85); border-radius:50%; background:rgba(0,0,0,.38); color:white; cursor:pointer; }
.video-frame.playing .media-play { opacity:0; pointer-events:none; }
.gather-copy { padding:clamp(28px,4vw,55px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.gather-copy>p { margin:0 0 12px; color:var(--gold-dark); font-size:9px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
.gather-copy h3 { margin:0 0 17px; font-family:var(--serif); font-size:clamp(36px,3vw,52px); font-weight:400; line-height:.95; text-transform:uppercase; }
.gather-copy>span { margin-bottom:25px; color:var(--muted); font-family:var(--serif); font-size:16px; line-height:1.28; }
.history-section { min-height:535px; display:grid; grid-template-columns:1fr 1fr; background:var(--paper); }
.history-image { min-height:535px; background:linear-gradient(135deg,#a39e94,#4e4b46); color:rgba(255,255,255,.82); filter:grayscale(1); }
.history-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(50px,7vw,110px); }
.history-date { margin:0 0 18px; color:var(--gold-dark); font-size:10px; letter-spacing:.16em; }
.history-copy .section-title { color:var(--gold-dark); margin-bottom:22px; }
.history-copy>p:not(.history-date) { max-width:550px; margin:0 0 12px; font-family:var(--serif); font-size:17px; line-height:1.25; }
.history-copy .button { align-self:flex-start; margin-top:14px; }
.closing-cta { padding:95px var(--gutter); text-align:center; background:#25221e; color:white; }
.closing-cta p { color:var(--gold); font-size:10px; letter-spacing:.18em; text-transform:uppercase; }
.closing-cta h2 { margin:0 0 30px; font-family:var(--serif); font-size:clamp(54px,6vw,90px); font-weight:400; line-height:.88; text-transform:uppercase; }
.site-footer { padding:65px var(--gutter) 24px; display:grid; grid-template-columns:1.15fr 1fr .9fr; gap:55px; background:#111311; color:rgba(255,255,255,.72); }
.footer-brand { display:flex; flex-direction:column; align-items:flex-start; gap:15px; }.footer-brand p { margin:0; font-family:var(--serif); }.footer-logo { width:92px; height:86px; object-fit:contain; filter:grayscale(1) brightness(0) invert(1); }
.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:8px 25px; }.footer-links a { text-decoration:none; font-size:11px; text-transform:uppercase; }
.newsletter label { display:block; color:white; font-family:var(--serif); font-size:24px; }.newsletter div { display:grid; grid-template-columns:1fr 42px; border-bottom:1px solid rgba(255,255,255,.35); }.newsletter input,.newsletter button { padding:11px 0; background:transparent; color:white; border:0; outline:0; }
.footer-bottom { grid-column:1/-1; padding-top:22px; display:flex; justify-content:space-between; border-top:1px solid rgba(255,255,255,.12); font-size:9px; text-transform:uppercase; }.footer-bottom div { display:flex; gap:20px; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1; transform:none; }
@media(max-width:1180px){.site-header{grid-template-columns:150px 1fr 135px 38px;gap:12px;padding-inline:22px}.primary-nav{gap:12px}.primary-nav a{font-size:8px}.dining-grid{grid-template-columns:1fr 1fr}.experience-track{grid-auto-columns:155px}.gather-card{grid-template-columns:1fr}.gather-media{min-height:360px}}
@media(max-width:900px){.site-header,.site-header.scrolled{height:72px;grid-template-columns:1fr auto}.primary-nav{position:fixed;top:0;right:0;bottom:0;width:min(390px,88vw);padding:105px 38px 40px;flex-direction:column;align-items:flex-start;gap:20px;background:#111311;transform:translateX(100%);transition:transform .3s ease}.primary-nav.open{transform:none}.primary-nav a{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:0;text-transform:none}.header-book{display:none}.menu-toggle{position:relative;z-index:2}.booking-bar{grid-template-columns:1fr 1fr}.booking-submit{min-height:62px;margin:0;grid-column:1/-1}.hotel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-club-section{grid-template-columns:1fr}.guest-club-image{min-height:0}.experience-section{grid-template-columns:1fr}.experience-intro{max-width:520px}.reviews-heading,.gather-heading{grid-template-columns:1fr 1fr}.reviews-heading>p,.gather-heading>p{grid-column:1/-1}.gather-grid{grid-template-columns:1fr}.gather-card{grid-template-columns:minmax(240px,.8fr) 1fr}.history-section{grid-template-columns:1fr}.history-image{min-height:62vw}.site-footer{grid-template-columns:1fr 1fr}.newsletter{grid-column:1/-1;max-width:480px}}
@media(max-width:620px){.site-header{padding-inline:16px}.header-logo{width:62px;height:54px}.hero{min-height:720px;align-items:flex-end}.hero-content{width:auto;margin:0;padding:0 24px 148px}.hero-kicker{font-size:10px}.hero h1{font-size:67px}.hero-copy{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;width:230px}.watch-story{display:none}.booking-shell{width:calc(100% - 28px);margin-top:-70px}.booking-bar{grid-template-columns:1fr}.booking-field{min-height:70px;padding:12px 18px;border-right:0;border-bottom:1px solid var(--line)}.section-wrap{padding-inline:18px}.section-title{font-size:38px}.hotel-grid,.dining-grid{grid-template-columns:1fr}.hotel-card,.dining-card{display:grid;grid-template-columns:1fr 1fr}.hotel-image,.dining-image{aspect-ratio:auto;min-height:260px}.card-body{padding:22px 18px}.card-body h3{min-height:auto;font-size:23px}.card-body p{min-height:auto}.card-body address{min-height:auto}.guest-benefits{grid-template-columns:1fr}.guest-club-image{min-height:0}.experience-carousel{margin-right:-18px;padding-right:48px}.experience-track{grid-auto-columns:150px}.reviews-heading,.gather-heading{grid-template-columns:1fr}.reviews-heading>p,.gather-heading>p{grid-column:auto}.reviews-widget-shell{padding:8px}.gather-card{grid-template-columns:1fr}.gather-media{min-height:350px}.history-copy{padding:60px 26px}.site-footer{grid-template-columns:1fr}.newsletter{grid-column:auto}.footer-bottom{flex-direction:column;gap:15px}}
@media(max-width:430px){.hotel-card,.dining-card{grid-template-columns:1fr}.hotel-image,.dining-image{min-height:250px}}
@media(max-width:620px){.hero h1{font-size:clamp(48px,13vw,56px);line-height:.84;letter-spacing:-.035em}.hotel-card .card-body p{margin-bottom:28px;font-size:19px;line-height:1.3}.hotel-card .card-body address{margin-bottom:28px;font-size:14px;line-height:1.5}.hotel-card .card-body>a{font-size:11px;line-height:1.35}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}.reveal,.guest-club-scroll{opacity:1;transform:none}.guest-club-scroll>img{transform:none;will-change:auto}}


/* CHC_HERO_VIDEO_CONTROL_20260819: one white, functional homepage hero video control. */
.watch-story {
  min-height: 44px;
  padding: 0;
  color: #fff;
  background: transparent;
  border: 0;
}
.video-control-label { color: #fff; }
.video-control-icon {
  position: relative;
  width: 32px;
  height: 32px;
  display: block;
  flex: 0 0 32px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 50%;
}
.video-control-icon::before,
.video-control-icon::after {
  content: "";
  position: absolute;
  top: 9px;
  width: 3px;
  height: 12px;
  background: currentColor;
}
.video-control-icon::before { left: 10px; }
.video-control-icon::after { right: 10px; }
.watch-story.is-paused .video-control-icon::before {
  left: 12px;
  top: 9px;
  width: 0;
  height: 0;
  background: transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid currentColor;
}
.watch-story.is-paused .video-control-icon::after { display: none; }
.hero > .chc-motion-toggle { display: none !important; }
@media (max-width: 620px) {
  .watch-story {
    left: 18px;
    right: auto;
    bottom: 92px;
    display: flex;
  }
}